* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}
a {
    text-decoration: none;
    cursor: pointer;
}
p {
    margin-bottom: 0;
}
.platform-wrapper {
    background: #eef5ff;
}
/* banner部分 */
.banner-wrapper {
    height: 970px;
    padding: 0 55px;
    background: url('https://aisuda-portal.cdn.bcebos.com/official-website/1.0.32.1/images/banner_bg_img.png') center/100% 100% no-repeat;
    cursor: url('https://aisuda-portal.cdn.bcebos.com/official-website/1.0.32.1/images/fonts/cursor.svg'), auto;
}
.banner-content {
    max-width: 1635px;
    padding: 162px 80px 0 0;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.banner-info {
    padding-top: 40px;
}

.banner-title {
    margin-bottom: 24px;
    min-height: 72px;
    min-width: 260px;
}
.banner-title span {
    display: inline-block;
    font-family: PingFangSC-Semibold;
    font-size: 60px;
    color: #091221;
    line-height: 72px;
    font-weight: 600;
}
.banner-title-two {
    background: linear-gradient(to right, #0060ff 0%, #29acfe 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.banner-desc {
    max-width: 800px;
    opacity: 0.7;
    font-family: PingFangSC-Regular;
    font-size: 15px;
    color: #091221;
    line-height: 30px;
    font-weight: 400;
    margin-bottom: 35px;
}
.banner-btn {
    display: flex;
}
.banner-btn-one {
    background-image: linear-gradient(270deg, #29acfe 0%, #2468f2 69%);
    border-radius: 12px;
    margin-right: 24px;
    width: 168px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: url('https://aisuda-portal.cdn.bcebos.com/official-website/1.0.32.1/images/fonts/cursor.svg'), auto;
    position: relative;
}
.banner-btn-one:hover {
    opacity: 0.75;
}
.banner-btn-one span {
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
}
.banner-btn-two {
    background: url('https://aisuda-portal.cdn.bcebos.com/official-website/1.0.32.1/images/banner-button-bg.png') center/100% 100% no-repeat;
    width: 168px;
    height: 60px;
    margin-right: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: url('https://aisuda-portal.cdn.bcebos.com/official-website/1.0.32.1/images/fonts/cursor.svg'), auto;
}

.banner-btn-two:hover {
    opacity: 0.75;
}

.banner-btn-two span {
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    background: linear-gradient(to right, #0060ff 0%, #29acfe 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.banner-btn-three {
    min-width: 56px;
    display: flex;
    align-items: center;
    cursor: url('https://aisuda-portal.cdn.bcebos.com/official-website/1.0.32.1/images/fonts/cursor.svg'), auto;
}

.banner-btn-three span {
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    background: linear-gradient(to right, #0060ff 0%, #29acfe 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.banner-btn-three:hover {
    opacity: 0.75;
}

.banner-img {
    width: 580px;
    height: 345px;
    position: relative;
}
.banner-img-bg {
    width: 100%;
    height: 100%;
    animation: banner-popup 0.6s ease-out forwards;
}
.banner-small-img {
    position: absolute;
}
.banner-img1 {
    width: 407px;
    height: 251px;
    left: -34px;
    bottom: -6px;
    animation: banner-popup 0.9s ease-out forwards;
}
.banner-img2 {
    width: 342px;
    height: 475px;
    right: -114px;
    top: -62px;
    animation: banner-popup 0.9s ease-out forwards;
}
.mb-banner-img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 26px;
}
@keyframes banner-popup {
    0% {
        transform: scale(0) translate(-50px, -50px);
        opacity: 0;
    }
    100% {
        transform: scale(1) translate(0, 0);
        opacity: 1;
    }
}

/* 在宽度大于等于1200px且小于1800px时应用的样式 */
@media (min-width: 1200px) and (max-width: 1799px) {
    .banner-wrapper {
        height: calc(710px + ((970 - 710) * ((100vw - 1200px) / 600)));
        padding-left: calc(55px + ((82.5 - 55) * ((100vw - 1200px) / 600)));
        padding-right: calc(55px + ((82.5 - 55) * ((100vw - 1200px) / 600)));
    }
    .banner-content {
        padding: 118px 80px 0 0;
    }
    .banner-title {
        margin-bottom: calc(16px + ((34 - 16) * ((100vw - 1200px) / 600)));
        min-height: 48px;
    }
    .banner-title span {
        font-size: calc(40px + ((60 - 40) * ((100vw - 1200px) / 600)));
        line-height: calc(56px + ((72 - 56) * ((100vw - 1200px) / 600)));
    }
    .banner-desc {
        font-size: calc(12px + (3 * ((100vw - 1200px) / 600)));
        line-height: calc(20px + ((30 - 20) * ((100vw - 1200px) / 600)));
        margin-bottom: calc(16px + ((35 - 16) * ((100vw - 1200px) / 600)));
    }
    .banner-btn-one {
        border-radius: calc(8px + ((12 - 8) * ((100vw - 1200px) / 600)));
        margin-right: calc(16px + ((24 - 16) * ((100vw - 1200px) / 600)));
    }

    .banner-btn-two {
        margin-right: calc(16px + ((24 - 16) * ((100vw - 1200px) / 600)));
    }
    .banner-btn-one,
    .banner-btn-two {
        width: calc(112px + ((168 - 112) * ((100vw - 1200px) / 600)));
        height: calc(40px + ((60 - 40) * ((100vw - 1200px) / 600)));
    }
    .banner-btn-one span,
    .banner-btn-two span,
    .banner-btn-three span {
        font-size: calc(12px + ((18 - 12) * ((100vw - 1200px) / 600)));
    }
    .banner-img {
        width: calc(420px + ((580 - 420) * ((100vw - 1200px) / 600)));
        height: calc(256px + ((345 - 256) * ((100vw - 1200px) / 600)));
    }
    .banner-img1 {
        width: calc(295px + ((407 - 295) * ((100vw - 1200px) / 600)));
        height: calc(185px + ((251 - 185) * ((100vw - 1200px) / 600)));
        left: calc(-25px - ((34 - 25) * ((100vw - 1200px) / 600)));
        bottom: calc(-3px - ((6 - 3) * ((100vw - 1200px) / 600)));
    }
    .banner-img2 {
        width: calc(260px + ((342 - 260) * ((100vw - 1200px) / 600)));
        height: calc(352px + ((475 - 352) * ((100vw - 1200px) / 600)));
        right: calc(-95px - ((114 - 95) * ((100vw - 1200px) / 600)));
        top: calc(-46px - ((62 - 46) * ((100vw - 1200px) / 600)));
    }

    .banner-info {
        padding-top: calc(40px - ((40 - 30) * ((100vw - 1200px) / 600)));
    }
}

@media (min-width: 1200px) and (max-width: 1430px) {
    .banner-desc {
        max-width: 460px;
    }
}
/* 在宽度大于等于992px且小于1199px时应用的样式 */
@media (min-width: 992px) and (max-width: 1199px) {
    .banner-wrapper {
        height: 730px;
    }
    .banner-content {
        padding: 123px 66px 0 0;
    }
    .banner-title {
        margin-bottom: 16px;
        min-height: 112px;
    }
    .banner-title span {
        font-size: 40px;
        line-height: 56px;
    }
    .banner-title-one {
        display: block !important;
    }
    .banner-desc {
        width: 374px;
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 24px;
    }
    .banner-btn-one {
        border-radius: 8px;
        margin-right: 16px;
    }

    .banner-btn-two {
        margin-right: 16px;
    }
    .banner-btn-one,
    .banner-btn-two {
        width: 112px;
        height: 40px;
    }
    .banner-btn-one span,
    .banner-btn-two span,
    .banner-btn-three span {
        font-size: 12px;
    }
    .banner-info {
        padding-top: 0;
    }
    .banner-img {
        width: calc(390px + ((420 - 390) * ((100vw - 992px) / (1199 - 992))));
        height: calc(238px + ((256 - 238) * ((100vw - 992px) / (1199 - 992))));
    }
    .banner-img1 {
        width: calc(276px + ((295 - 276) * ((100vw - 992px) / (1199 - 992))));
        height: calc(170px + ((185 - 170) * ((100vw - 992px) / (1199 - 992))));
        left: -25px;
        bottom: calc(-1px - ((3 - 1) * ((100vw - 992px) / (1199 - 992))));
    }
    .banner-img2 {
        width: calc(238px + ((260 - 238) * ((100vw - 992px) / (1199 - 992))));
        height: calc(328px + ((352 - 328) * ((100vw - 992px) / (1199 - 992))));
        right: calc(-85px - ((95 - 85) * ((100vw - 992px) / (1199 - 992))));
        top: calc(-43px - ((46 - 43) * ((100vw - 992px) / (1199 - 992))));
    }
}
/* 在宽度大于等于769px且小于991px时应用的样式 */
@media (min-width: 768px) and (max-width: 991px) {
    .banner-wrapper {
        height: 730px;
        padding: 0 32px;
    }
    .banner-content {
        padding: 128px 52px 0 0;
    }
    .banner-title {
        margin-bottom: 16px;
        min-height: 112px;
    }
    .banner-title span {
        font-size: 40px;
        line-height: 56px;
    }
    .banner-title-three {
        display: block !important;
    }
    .banner-desc {
        width: 306px;
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 24px;
    }
    .banner-btn-one {
        border-radius: 8px;
        margin-right: 16px;
    }

    .banner-btn-two {
        margin-right: 16px;
    }
    .banner-btn-one,
    .banner-btn-two {
        width: 112px;
        height: 40px;
    }
    .banner-btn-one span,
    .banner-btn-two span,
    .banner-btn-three span {
        font-size: 12px;
    }
    .banner-info {
        padding-top: 0;
    }
    .banner-img {
        width: 344px;
        height: 210px;
    }
    .banner-img1 {
        width: 242px;
        height: 150px;
        left: -21px;
        bottom: -1px;
    }
    .banner-img2 {
        width: 214px;
        height: 283px;
        right: -78px;
        top: -35px;
    }
}
/* 在宽度大于等于767px且小于600px时应用的样式 */
@media (min-width: 600px) and (max-width: 767px) {
    .banner-wrapper {
        height: 690px;
        background: url('https://aisuda-portal.cdn.bcebos.com/official-website/1.0.32.1/images/banner_bg2.png') center/100% 100% no-repeat;
        padding: 0;
    }
    .banner-content {
        padding: 93px 32px 0 22px;
        display: block;
    }
    .banner-title {
        margin-bottom: 12px;
        min-height: 54px;
    }
    .banner-title span {
        font-size: 36px;
        line-height: 54px;
    }
    .banner-desc {
        max-width: 580px;
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .banner-btn {
        margin-bottom: 0;
    }
    .banner-btn-one {
        border-radius: 8px;
        margin-right: 12px;
    }

    .banner-btn-two {
        margin-right: 12px;
    }
    .banner-btn-one,
    .banner-btn-two {
        width: 136px;
        height: 44px;
    }
    .banner-btn-one span,
    .banner-btn-two span,
    .banner-btn-three span {
        font-size: 14px;
    }
    .banner-img {
        display: flex;
        justify-content: center;
    }
    .banner-info {
        padding-top: 0;
    }
    .banner-img img {
        width: 424px;
        height: 260px;
    }

    .mb-banner-img {
        margin-top: 30px;
    }
    .mb-banner-img img {
        width: 521px;
        height: 339px;
    }
}
/* 小于599px的屏幕 */
@media (max-width: 599px) {
    .banner-wrapper {
        height: 630px;
        background: url('https://aisuda-portal.cdn.bcebos.com/official-website/1.0.32.1/images/banner_bg3.png') center/100% 100% no-repeat;
        padding: 0;
    }
    .banner-content {
        padding: 97px 17px 0 22px;
        display: block;
    }
    .banner-title {
        margin-bottom: 12px;
        min-height: 108px;
    }
    .banner-title span {
        font-size: 36px;
        line-height: 54px;
    }
    .banner-title-one {
        display: block !important;
    }
    .banner-desc {
        max-width: 331px;
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .banner-btn {
        margin-bottom: 0;
        display: flex;
        align-items: center;
    }
    .banner-btn-one {
        border-radius: 8px;
        margin-right: 12px;
    }

    .banner-btn-two {
        margin-right: 12px;
    }
    .banner-btn-one,
    .banner-btn-two {
        flex: 1;
        max-width: 136px;
        height: 44px;
    }

    .banner-btn-three {
        min-width: 56px;
    }
    .banner-btn-one span,
    .banner-btn-two span,
    .banner-btn-three span {
        font-size: 14px;
    }
    .banner-img {
        display: flex;
        justify-content: center;
    }
    .banner-img img {
        width: 283px;
        height: 173px;
    }
    .mb-banner-img img {
        width: 312px;
        height: 203px;
    }
    .banner-info {
        padding-top: 0;
    }
}
/* 小于等于368px的屏幕 */
@media (max-width: 368px) {
    .banner-title-one {
        display: inline-block !important;
    }

    .banner-title-three {
        display: block !important;
    }
}
/* 大于767px的屏幕 */
@media (min-width: 767px) {
    .banner-img {
        display: block;
        /* PC端显示 */
    }
    .mb-banner-img {
        display: none;
        /* 移动端隐藏 */
    }
}
/* 小于767px的屏幕 */
@media (max-width: 767px) {
    .banner-img {
        display: none;
        /* PC端隐藏 */
    }
    .mb-banner-img {
        display: flex;
        /* 移动端显示 */
    }
}
/* lowCode部分 */
.pc-low-code-wrapper {
    margin-top: -334px;
}
.pc-low-code {
    max-width: 1635px;
    margin: 0 auto;
    padding: 81px 33px 96px 60px;
    background-image: linear-gradient(180deg, #fff 46%, #eef5ff 100%);
    border-radius: 36px 36px 0 0;
    display: flex;
    justify-content: space-between;
}
.pc-low-code-title {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}
.pc-low-code-desc {
    margin-bottom: 24px;
    opacity: 0.7;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #091221;
    line-height: 30px;
    font-weight: 400;
}
.pc-low-code-title span {
    font-family: PingFangSC-Medium;
    font-size: 48px;
    color: #091221;
    text-align: center;
    line-height: 60px;
    font-weight: 600;
}
.pc-low-code-title-one {
    background: linear-gradient(to right, #0060ff 0%, #29acfe 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right: 12px;
}
.pc-low-code-menu {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-left: 25px;
    cursor: default;
    margin-bottom: 48px;
}
.pc-low-code-menu-item:nth-child(1),
.pc-low-code-menu-item:nth-child(2) {
    margin-bottom: 36px;
}
.pc-low-code-menu-item-title {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.pc-low-code-menu-item-title img {
    width: 36px;
    height: 36px;
    margin-right: 12px;
}
.pc-low-code-menu-item-title p {
    font-family: PingFangSC-Semibold;
    font-size: 33px;
    color: #091221;
    line-height: 45px;
    font-weight: 600;
}
.pc-low-code-menu-item-desc {
    opacity: 0.7;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #091221;
    line-height: 30px;
    font-weight: 400;
}
.pc-low-code-background-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 333px;
    background: rgba(9, 18, 33, 0.08);
    border-radius: 1.5px;
}
.pc-low-code-highlight {
    position: absolute;
    left: 0;
    width: 3px;
    height: calc((333px - 72px) / 3);
    /* 计算高亮条的高度 */
    background: rgba(9, 18, 33, 0.70);
    top: 0;
    will-change: top;
    border-radius: 1.5px;
}
.pc-low-code-right {
    display: flex;
    align-items: center;
}
.pc-low-code-right img {
    width: 660px;
    height: auto;
    /* 设置初始样式 */
    animation: fadeEffect 0.6s ease-in-out 1;
}
/* 定义淡入淡出动画 */
@keyframes fadeEffect {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.pc-low-code-enter {
    width: 150px;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #091221;
    border-radius: 12px;
    font-family: PingFangSC-Semibold;
    font-size: 18px;
    color: #fff !important;
    font-weight: 600;
}
.pc-low-code-enter:hover {
    opacity: 0.75;
}
/* 在宽度大于等于1200px且小于等于1799px时应用的样式 */
@media (min-width: 1200px) and (max-width: 1799px) {
    .pc-low-code-wrapper {
        margin-top: calc(-280px - ((334 - 280) * ((100vw - 1200px) / 600)));
        padding-left: calc(55px + ((82.5 - 55) * ((100vw - 1200px) / 600)));
        padding-right: calc(55px + ((82.5 - 55) * ((100vw - 1200px) / 600)));
    }
    .pc-low-code {
        padding: 54px 22px 64px 40px;
        border-radius: 24px 24px 0 0;
    }

    .pc-low-code-left {
        max-width: calc(420px + ((716 - 420) * ((100vw - 1200px) / 600)));
    }
    .pc-low-code-title {
        margin-bottom: calc(16px + ((24 - 16) * ((100vw - 1200px) / 600)));
    }
    .pc-low-code-desc {
        margin-bottom: calc(16px + ((24 - 16) * ((100vw - 1200px) / 600)));
        font-size: calc(12px + ((16 - 12) * ((100vw - 1200px) / 600)));
        line-height: calc(20px + ((30 - 20) * ((100vw - 1200px) / 600)));
    }
    .pc-low-code-title span {
        font-size: calc(32px + ((48 - 32) * ((100vw - 1200px) / 600)));
        line-height: calc(40px + ((60 - 40) * ((100vw - 1200px) / 600)));
    }
    .pc-low-code-title-one {
        margin-right: calc(8px + ((12 - 8) * ((100vw - 1200px) / 600)));
    }
    .pc-low-code-menu {
        padding-left: 17px;
        margin-bottom: 32px;
    }
    .pc-low-code-menu-item:nth-child(1),
    .pc-low-code-menu-item:nth-child(2) {
        margin-bottom: calc(24px + ((36 - 24) * ((100vw - 1200px) / 600)));
    }
    .pc-low-code-menu-item-title {
        display: flex;
        align-items: center;
        margin-bottom: calc(8px + ((12 - 8) * ((100vw - 1200px) / 600)));
    }
    .pc-low-code-menu-item-title img {
        width: calc(24px + ((36 - 24) * ((100vw - 1200px) / 600)));
        height: calc(24px + ((36 - 24) * ((100vw - 1200px) / 600)));
        margin-right: calc(8px + ((12 - 8) * ((100vw - 1200px) / 600)));
    }
    .pc-low-code-menu-item-title p {
        font-size: calc(22px + ((33 - 22) * ((100vw - 1200px) / 600)));
        line-height: calc(30px + ((45 - 30) * ((100vw - 1200px) / 600)));
    }
    .pc-low-code-menu-item-desc {
        font-size: calc(12px + ((16 - 12) * ((100vw - 1200px) / 600)));
        line-height: calc(20px + ((30 - 20) * ((100vw - 1200px) / 600)));
    }
    .pc-low-code-background-bar {
        width: 2px;
        height: calc(222px + ((333 - 222) * ((100vw - 1200px) / 600)));
        border-radius: 1px;
    }
    .pc-low-code-highlight {
        width: 2px;
        /* height: calc((222px - 48px) / 3); */
        border-radius: 1px;
    }
    .pc-low-code-enter {
        border-radius: calc(8px + ((12 - 8) * ((100vw - 1200px) / 600)));
        width: calc(100px + ((150 - 100) * ((100vw - 1200px) / 600)));
        height: calc(36px + ((54 - 36) * ((100vw - 1200px) / 600)));
        font-size: calc(12px + ((18 - 12) * ((100vw - 1200px) / 600)));
        line-height: calc(20px + ((30 - 20) * ((100vw - 1200px) / 600)));
    }
    .pc-low-code-right img {
        width: calc(480px + ((660 - 480) * ((100vw - 1200px) / 600)));
    }
}
/* 在宽度大于等于992px且小于1199px时应用的样式 */
@media (min-width: 992px) and (max-width: 1199px) {
    .pc-low-code-wrapper {
        margin-top: -263px;
        padding: 0 55px;
    }
    .pc-low-code {
        padding: 54px 14px 64px 32px;
        border-radius: 24px 24px 0 0;
    }

    .pc-low-code-title {
        margin-bottom: 16px;
    }
    .pc-low-code-desc {
        margin-bottom: 16px;
        font-size: 12px;
        line-height: 20px;
    }
    .pc-low-code-title span {
        font-size: 32px;
        line-height: 40px;
    }
    .pc-low-code-title-one {
        margin-right: 8px;
    }
    .pc-low-code-menu {
        padding-left: 17px;
        margin-bottom: 32px;
    }
    .pc-low-code-menu-item:nth-child(1),
    .pc-low-code-menu-item:nth-child(2) {
        margin-bottom: 24px;
    }
    .pc-low-code-menu-item-title {
        display: flex;
        align-items: center;
        margin-bottom: 8px;
    }
    .pc-low-code-menu-item-title img {
        width: 24px;
        height: 24px;
        margin-right: 8px;
    }
    .pc-low-code-menu-item-title p {
        font-size: 22px;
        line-height: 30px;
    }
    .pc-low-code-menu-item-desc {
        font-size: 12px;
        line-height: 20px;
    }
    .pc-low-code-background-bar {
        width: 2px;
        height: 222px;
        border-radius: 1px;
    }
    .pc-low-code-highlight {
        width: 2px;
        height: calc((222px - 48px) / 3);
        border-radius: 1px;
    }
    .pc-low-code-enter {
        width: 100px;
        height: 36px;
        border-radius: 8px;
        font-size: 12px;
        line-height: 20px;
    }

    .pc-low-code-left {
        max-width: calc(380px + (420 - 380) * ((100vw - 992px) / (1199 - 992)));
    }
    .pc-low-code-right img {
        width: calc(412px + (480 - 412) * ((100vw - 992px) / (1199 - 992)));
    }
}
/* 在宽度大于等于769px且小于991px时应用的样式 */
@media (min-width: 768px) and (max-width: 991px) {
    .pc-low-code-wrapper {
        margin-top: -263px;
        padding: 0 32px;
    }

    .pc-low-code-left {
        max-width: calc(306px + (400 - 306) * ((100vw - 768px) / (991 - 768)));
    }
    .pc-low-code {
        padding: 54px 10px 64px 24px;
        border-radius: 24px 24px 0 0;
    }
    .pc-low-code-title {
        margin-bottom: 16px;
    }
    .pc-low-code-desc {
        margin-bottom: 16px;
        font-size: 12px;
        line-height: 20px;
    }
    .pc-low-code-title span {
        font-size: 32px;
        line-height: 40px;
    }
    .pc-low-code-title-one {
        margin-right: 8px;
    }
    .pc-low-code-menu {
        padding-left: 17px;
        margin-bottom: 32px;
    }
    .pc-low-code-menu-item:nth-child(1),
    .pc-low-code-menu-item:nth-child(2) {
        margin-bottom: 24px;
    }
    .pc-low-code-menu-item-title {
        display: flex;
        align-items: center;
        margin-bottom: 8px;
    }
    .pc-low-code-menu-item-title img {
        width: 24px;
        height: 24px;
        margin-right: 8px;
    }
    .pc-low-code-menu-item-title p {
        font-size: 22px;
        line-height: 30px;
    }
    .pc-low-code-menu-item-desc {
        font-size: 12px;
        line-height: 20px;
    }
    .pc-low-code-background-bar {
        width: 2px;
        height: 222px;
        border-radius: 1px;
    }
    .pc-low-code-highlight {
        width: 2px;
        height: calc((222px - 48px) / 3);
        border-radius: 1px;
    }
    .pc-low-code-enter {
        width: 100px;
        height: 36px;
        border-radius: 8px;
        font-size: 12px;
        line-height: 20px;
    }
    .pc-low-code-right img {
        width: calc(339px + (412 - 339) * ((100vw - 768px) / (991 - 768)));
    }
}
/* 大于767px的屏幕 */
@media (min-width: 767px) {
    .pc-low-code-wrapper {
        display: block;
        /* PC端显示 */
    }
    .mb-low-code-wrapper {
        display: none;
        /* 移动端隐藏 */
    }
}
/* 小于767px的屏幕 */
@media (max-width: 767px) {
    .pc-low-code-wrapper {
        display: none;
        /* PC端隐藏 */
    }
    .mb-low-code-wrapper {
        display: block;
        /* 移动端显示 */
    }
}
/* 移动端样式 */
.mb-low-code-wrapper {
    background: #fff;
    margin-top: -20px;
    border-radius: 24px 24px 0 0;
    padding: 40px 16px 52px;
}
.mb-low-code-title {
    font-family: PingFangSC-Semibold;
    font-size: 28px;
    color: #091221;
    text-align: center;
    line-height: 40px;
    font-weight: 600;
    margin-bottom: 20px;
}
.mb-low-code-card {
    padding: 20px 22px;
    background: #eef5ff;
    border-radius: 16px;
}
.mb-low-code-card:nth-last-child(1),
.mb-low-code-card:nth-last-child(2) {
    margin-top: 10px;
}
.mb-low-code-card-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}
.mb-low-code-card-title-content {
    display: flex;
    align-items: center;
}
.mb-low-code-card-title-content img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}
.mb-low-code-card-title-content p {
    font-family: PingFangSC-Semibold;
    font-size: 22px;
    color: #222;
    line-height: 36px;
    font-weight: 600;
}
.mb-low-code-card-arrow {
    width: 12px;
    height: 9px;
    position: relative;
    transition: transform 0.3s ease;
}
.mb-low-code-card-arrow img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    position: absolute;
    top: 0;
    left: 0;
}
.mb-low-code-card-arrow-down {
    transform: rotate(0deg);
}
.mb-low-code-card-arrow-up {
    transform: rotate(-180deg);
}
.mb-low-code-card-desc {
    opacity: 0.7;
    font-family: PingFangSC-Regular;
    font-size: 13px;
    color: #091221;
    line-height: 20px;
    font-weight: 400;
}
.mb-low-code-card-content {
    display: none;
}

.mb-low-code-card-enter {
    display: inline-block;
    background: #091221;
    border-radius: 8px;
    font-family: PingFangSC-Semibold;
    font-size: 14px;
    color: #fff;
    text-align: left;
    line-height: 20px;
    font-weight: 600;
    padding: 8px 24px;
    margin: 10px 0 20px;
}

.mb-low-code-card-enter:hover {
    color: #fff;
    opacity: 0.75;
}
.mb-low-code-card-img {
    min-height: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mb-low-code-card-img img {
    width: 303px;
    height: auto;
}
/* 在宽度大于等于769px且小于991px时应用的样式 */
@media (min-width: 600px) and (max-width: 767px) {
    .mb-low-code-wrapper {
        padding: 40px 32px 52px;
    }
}
/* app部分 */
.pc-app {
    max-width: 1635px;
    margin: 0 auto;
    padding: 48px 33px 96px 60px;
    border-radius: 36px 36px 0 0;
    display: flex;
    justify-content: space-between;
}
.pc-app-title {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}
.pc-app-desc {
    margin-bottom: 24px;
    opacity: 0.7;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #091221;
    line-height: 30px;
    font-weight: 400;
}
.pc-app-title span {
    font-family: PingFangSC-Medium;
    font-size: 48px;
    color: #091221;
    text-align: center;
    line-height: 60px;
    font-weight: 600;
}
.pc-app-title-one {
    background: linear-gradient(to right, #0060ff 0%, #29acfe 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-right: 12px;
}
.pc-app-menu {
    position: relative;
    display: flex;
    flex-direction: column;
    padding-left: 25px;
    cursor: default;
    margin-bottom: 48px;
}
.pc-app-menu-item:nth-child(1),
.pc-app-menu-item:nth-child(2) {
    margin-bottom: 36px;
}
.pc-app-menu-item-title {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.pc-app-menu-item-title img {
    width: 36px;
    height: 36px;
    margin-right: 12px;
}
.pc-app-menu-item-title p {
    font-family: PingFangSC-Semibold;
    font-size: 33px;
    color: #091221;
    line-height: 45px;
    font-weight: 600;
}
.pc-app-menu-item-desc {
    opacity: 0.7;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #091221;
    line-height: 30px;
    font-weight: 400;
}
.pc-app-background-bar {
    position: absolute;
    left: 0;
    top: 0;
    width: 3px;
    height: 333px;
    background: rgba(9, 18, 33, 0.08);
    border-radius: 1.5px;
}
.pc-app-highlight {
    position: absolute;
    left: 0;
    width: 3px;
    height: calc((333px - 72px) / 3);
    /* 计算高亮条的高度 */
    background: rgba(9, 18, 33, 0.70);
    top: 0;
    will-change: top;
    border-radius: 1.5px;
}
.pc-app-left {
    display: flex;
    align-items: center;
}
.pc-app-left img {
    width: 660px;
    height: auto;
    /* 设置初始样式 */
    animation: fadeEffect 0.6s ease-in-out 1;
}
/* 定义淡入淡出动画 */
@keyframes fadeEffect {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.pc-app-enter {
    width: 150px;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #091221;
    border-radius: 12px;
    font-family: PingFangSC-Semibold;
    font-size: 18px;
    color: #fff !important;
    font-weight: 600;
}
.pc-app-enter:hover {
    opacity: 0.75;
}
/* 在宽度大于等于1200px且小于等于1799px时应用的样式 */
@media (min-width: 1200px) and (max-width: 1799px) {
    .pc-app-wrapper {
        padding-left: calc(55px + ((82.5 - 55) * ((100vw - 1200px) / 600)));
        padding-right: calc(55px + ((82.5 - 55) * ((100vw - 1200px) / 600)));
    }
    .pc-app {
        padding: 32px 50px 64px 36px;
        border-radius: 24px 24px 0 0;
    }
    .pc-app-title {
        margin-bottom: calc(16px + ((24 - 16) * ((100vw - 1200px) / 600)));
    }
    .pc-app-desc {
        margin-bottom: calc(16px + ((24 - 16) * ((100vw - 1200px) / 600)));
        font-size: calc(12px + ((16 - 12) * ((100vw - 1200px) / 600)));
        line-height: calc(20px + ((30 - 20) * ((100vw - 1200px) / 600)));
    }
    .pc-app-title span {
        font-size: calc(32px + ((48 - 32) * ((100vw - 1200px) / 600)));
        line-height: calc(40px + ((60 - 40) * ((100vw - 1200px) / 600)));
    }
    .pc-app-title-one {
        margin-right: calc(8px + ((12 - 8) * ((100vw - 1200px) / 600)));
    }
    .pc-app-menu {
        padding-left: 17px;
        margin-bottom: 32px;
    }
    .pc-app-menu-item:nth-child(1),
    .pc-app-menu-item:nth-child(2) {
        margin-bottom: calc(24px + ((36 - 24) * ((100vw - 1200px) / 600)));
    }
    .pc-app-menu-item-title {
        display: flex;
        align-items: center;
        margin-bottom: calc(8px + ((12 - 8) * ((100vw - 1200px) / 600)));
    }
    .pc-app-menu-item-title img {
        width: calc(24px + ((36 - 24) * ((100vw - 1200px) / 600)));
        height: calc(24px + ((36 - 24) * ((100vw - 1200px) / 600)));
        margin-right: calc(8px + ((12 - 8) * ((100vw - 1200px) / 600)));
    }
    .pc-app-menu-item-title p {
        font-size: calc(22px + ((33 - 22) * ((100vw - 1200px) / 600)));
        line-height: calc(30px + ((45 - 30) * ((100vw - 1200px) / 600)));
    }
    .pc-app-menu-item-desc {
        font-size: calc(12px + ((16 - 12) * ((100vw - 1200px) / 600)));
        line-height: calc(20px + ((30 - 20) * ((100vw - 1200px) / 600)));
    }
    .pc-app-background-bar {
        width: 2px;
        height: calc(222px + ((333 - 222) * ((100vw - 1200px) / 600)));
        border-radius: 1px;
    }
    .pc-app-highlight {
        width: 2px;
        /* height: calc((222px - 48px) / 3); */
        border-radius: 1px;
    }
    .pc-app-enter {
        border-radius: calc(8px + ((12 - 8) * ((100vw - 1200px) / 600)));
        width: calc(100px + ((150 - 100) * ((100vw - 1200px) / 600)));
        height: calc(36px + ((54 - 36) * ((100vw - 1200px) / 600)));
        font-size: calc(12px + ((18 - 12) * ((100vw - 1200px) / 600)));
        line-height: calc(20px + ((30 - 20) * ((100vw - 1200px) / 600)));
    }
    .pc-app-left img {
        width: calc(480px + ((660 - 480) * ((100vw - 1200px) / 600)));
    }
}
/* 在宽度大于等于992px且小于1199px时应用的样式 */
@media (min-width: 992px) and (max-width: 1199px) {
    .pc-app-wrapper {
        padding: 0 55px;
    }
    .pc-app {
        padding: 32px 26px 64px 22px;
        border-radius: 24px 24px 0 0;
    }
    .pc-app-title {
        margin-bottom: 16px;
    }
    .pc-app-desc {
        margin-bottom: 16px;
        font-size: 12px;
        line-height: 20px;
    }
    .pc-app-title span {
        font-size: 32px;
        line-height: 40px;
    }
    .pc-app-title-one {
        margin-right: 8px;
    }
    .pc-app-menu {
        padding-left: 17px;
        margin-bottom: 32px;
    }
    .pc-app-menu-item:nth-child(1),
    .pc-app-menu-item:nth-child(2) {
        margin-bottom: 24px;
    }
    .pc-app-menu-item-title {
        display: flex;
        align-items: center;
        margin-bottom: 8px;
    }
    .pc-app-menu-item-title img {
        width: 24px;
        height: 24px;
        margin-right: 8px;
    }
    .pc-app-menu-item-title p {
        font-size: 22px;
        line-height: 30px;
    }
    .pc-app-menu-item-desc {
        font-size: 12px;
        line-height: 20px;
    }
    .pc-app-background-bar {
        width: 2px;
        height: 222px;
        border-radius: 1px;
    }
    .pc-app-highlight {
        width: 2px;
        height: calc((222px - 48px) / 3);
        border-radius: 1px;
    }
    .pc-app-enter {
        width: 100px;
        height: 36px;
        border-radius: 8px;
        font-size: 12px;
        line-height: 20px;
    }

    .pc-app-right {
        max-width: calc(380px + (420 - 380) * ((100vw - 992px) / (1199 - 992)));
    }
    .pc-app-left img {
        width: calc(412px + (480 - 412) * ((100vw - 992px) / (1199 - 992)));
    }
}
/* 在宽度大于等于769px且小于991px时应用的样式 */
@media (min-width: 768px) and (max-width: 991px) {
    .pc-app-wrapper {
        padding: 0 32px;
    }
    .pc-app {
        padding: 32px 24px 64px 12px;
        border-radius: 24px 24px 0 0;
    }
    .pc-app-title {
        margin-bottom: 16px;
    }
    .pc-app-desc {
        margin-bottom: 16px;
        font-size: 12px;
        line-height: 20px;
    }
    .pc-app-title span {
        font-size: 32px;
        line-height: 40px;
    }
    .pc-app-title-one {
        margin-right: 8px;
    }
    .pc-app-menu {
        padding-left: 17px;
        margin-bottom: 32px;
    }
    .pc-app-menu-item:nth-child(1),
    .pc-app-menu-item:nth-child(2) {
        margin-bottom: 24px;
    }
    .pc-app-menu-item-title {
        display: flex;
        align-items: center;
        margin-bottom: 8px;
    }
    .pc-app-menu-item-title img {
        width: 24px;
        height: 24px;
        margin-right: 8px;
    }
    .pc-app-menu-item-title p {
        font-size: 22px;
        line-height: 30px;
    }
    .pc-app-menu-item-desc {
        font-size: 12px;
        line-height: 20px;
    }
    .pc-app-background-bar {
        width: 2px;
        height: 222px;
        border-radius: 1px;
    }
    .pc-app-highlight {
        width: 2px;
        height: calc((222px - 48px) / 3);
        border-radius: 1px;
    }
    .pc-app-enter {
        width: 100px;
        height: 36px;
        border-radius: 8px;
        font-size: 12px;
        line-height: 20px;
    }

    .pc-app-right {
        max-width: calc(306px + (400 - 306) * ((100vw - 768px) / (991 - 768)));
    }
    .pc-app-left img {
        width: calc(339px + (412 - 339) * ((100vw - 768px) / (991 - 768)));
    }
}
/* 大于767px的屏幕 */
@media (min-width: 767px) {
    .pc-app-wrapper {
        display: block;
        /* PC端显示 */
    }
    .mb-app-wrapper {
        display: none;
        /* 移动端隐藏 */
    }
}
/* 小于767px的屏幕 */
@media (max-width: 767px) {
    .pc-app-wrapper {
        display: none;
        /* PC端隐藏 */
    }
    .mb-app-wrapper {
        display: block;
        /* 移动端显示 */
    }
}
/* 移动端样式 */
.mb-app-wrapper {
    background: #eef5ff;
    margin-top: -20px;
    border-radius: 24px 24px 0 0;
    padding: 40px 16px 52px;
}
.mb-app-title {
    font-family: PingFangSC-Semibold;
    font-size: 28px;
    color: #091221;
    text-align: center;
    line-height: 40px;
    font-weight: 600;
    margin-bottom: 20px;
}
.mb-app-card {
    padding: 20px 22px;
    background: #fff;
    border-radius: 16px;
}
.mb-app-card:nth-last-child(1),
.mb-app-card:nth-last-child(2) {
    margin-top: 10px;
}
.mb-app-card-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}
.mb-app-card-title-content {
    display: flex;
    align-items: center;
}
.mb-app-card-title-content img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}
.mb-app-card-title-content p {
    font-family: PingFangSC-Semibold;
    font-size: 22px;
    color: #222;
    line-height: 36px;
    font-weight: 600;
}
.mb-app-card-arrow {
    width: 12px;
    height: 9px;
    position: relative;
    transition: transform 0.3s ease;
}
.mb-app-card-arrow img {
    width: 100%;
    height: 100%;
    object-fit: fill;
    position: absolute;
    top: 0;
    left: 0;
}
.mb-app-card-arrow-down {
    transform: rotate(0deg);
}
.mb-app-card-arrow-up {
    transform: rotate(-180deg);
}
.mb-app-card-desc {
    opacity: 0.7;
    font-family: PingFangSC-Regular;
    font-size: 13px;
    color: #091221;
    line-height: 20px;
    font-weight: 400;
}
.mb-app-card-content {
    display: none;
}
.mb-app-card-enter {
    display: inline-block;
    background: #091221;
    border-radius: 8px;
    font-family: PingFangSC-Semibold;
    font-size: 14px;
    color: #fff;
    text-align: left;
    line-height: 20px;
    font-weight: 600;
    padding: 8px 24px;
    margin: 10px 0 20px;
}

.mb-app-card-enter:hover {
    color: #fff;
    opacity: 0.75;
}
.mb-app-card-img {
    min-height: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mb-app-card-img img {
    width: 303px;
    height: auto;
}
/* 在宽度大于等于769px且小于991px时应用的样式 */
@media (min-width: 600px) and (max-width: 767px) {
    .mb-app-wrapper {
        padding: 40px 32px 54px;
    }
}
/* 在宽度大于等于769px且小于991px时应用的样式 */
@media (min-width: 600px) and (max-width: 767px) {
    .mb-app-wrapper {
        padding: 40px 32px 54px;
    }
}
/* 小于600px的屏幕 */
@media (max-width: 600px) {
    .mb-app-wrapper {
        padding: 40px 16px 32px;
    }
}
/* lowZeroCode部分 */
.low-zero-code-wrapper {
    background: url('https://aisuda-portal.cdn.bcebos.com/official-website/1.0.32.1/images/low-zero-code-bg.png') center/100% 100% no-repeat;
    border-radius: 28px;
}

.low-zero-code {
    max-width: 1635px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}
.low-zero-code-content {
    padding: 95px 0 102px;
}
.low-zero-code-switch-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}
.low-zero-code-switch-wrapper p {
    font-family: PingFangSC-Medium;
    font-size: 22px;
    color: #fff;
    line-height: 36px;
    font-weight: 600;
}
.low-zero-code-switch {
    position: relative;
    display: inline-block;
    width: 46px;
    height: 20px;
    margin-right: 12px;
}
.low-zero-code-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.low-zero-code-switch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    /* 蓝色背景 */
    transition: 0.4s;
    border-radius: 34px;
}
.low-zero-code-switch-slider::before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 2px;
    bottom: 2px;
    background-color: #2468f2;
    transition: 0.4s;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.low-zero-code-toggle-switch:checked + .low-zero-code-switch-slider::before {
    transform: translateX(26px);
}
.low-zero-code-title,
.low-zero-code-title-one,
.low-zero-code-title-two {
    font-family: PingFangSC-Medium;
    font-size: 48px;
    color: #fff;
    line-height: 72px;
    font-weight: 600;
}
.low-zero-code-title,
.low-zero-code-title-two {
    margin-bottom: 13px;
}
.low-zero-code-desc {
    opacity: 0.7;
    font-family: PingFangSC-Regular;
    font-size: 22px;
    color: #fff;
    line-height: 42px;
    font-weight: 400;
    margin-bottom: 52px;
}
.low-zero-code-enter {
    background: #fff;
    border-radius: 12px;
    width: 150px;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.low-zero-code-enter:hover {
    background: rgba(255, 255, 255, 0.8);
}
.low-zero-code-enter span {
    font-family: PingFangSC-Semibold;
    font-size: 18px;
    color: #2468f2;
    line-height: 30px;
    font-weight: 600;
}
.low-zero-code-img {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 16px;
}
.low-zero-code-img img {
    width: auto;
    max-width: none;
    height: 500px;
    animation: fadeEffect 1s ease-in-out 1;
}
/* 在宽度大于等于1200px且小于等于1799px时应用的样式 */
@media (min-width: 1200px) and (max-width: 1799px) {
    .low-zero-code-wrapper {
        padding-left: calc(55px + ((82.5 - 55) * ((100vw - 1200px) / 600)));
        padding-right: calc(55px + ((82.5 - 55) * ((100vw - 1200px) / 600)));
    }
    .low-zero-code-content {
        padding-top: calc(63px + ((95 - 63) * ((100vw - 1200px) / 600)));
        padding-bottom: calc(69px + ((102 - 69) * ((100vw - 1200px) / 600)));
    }
    .low-zero-code-switch-wrapper {
        margin-bottom: calc(12px + ((18 - 12) * ((100vw - 1200px) / 600)));
    }
    .low-zero-code-switch-wrapper p {
        font-size: calc(16px + ((22 - 16) * ((100vw - 1200px) / 600)));
        line-height: calc(24px + ((36 - 24) * ((100vw - 1200px) / 600)));
    }
    .low-zero-code-switch {
        width: 38px;
        height: 18px;
        margin-right: calc(8px + ((12 - 8) * ((100vw - 1200px) / 600)));
    }
    .low-zero-code-switch-slider::before {
        height: 14px;
        width: 14px;
        left: 2px;
        bottom: 2px;
    }
    .low-zero-code-toggle-switch:checked + .low-zero-code-switch-slider::before {
        transform: translateX(20px);
    }
    .low-zero-code-title,
    .low-zero-code-title-one,
    .low-zero-code-title-two {
        font-size: calc(32px + ((48 - 32) * ((100vw - 1200px) / 600)));
        line-height: calc(48px + ((72 - 48) * ((100vw - 1200px) / 600)));
    }
    .low-zero-code-title,
    .low-zero-code-title-two {
        margin-bottom: calc(8px + ((13 - 8) * ((100vw - 1200px) / 600)));
    }
    .low-zero-code-desc {
        font-size: calc(16px + ((22 - 16) * ((100vw - 1200px) / 600)));
        line-height: calc(28px + ((42 - 28) * ((100vw - 1200px) / 600)));
        margin-bottom: calc(36px + ((52 - 36) * ((100vw - 1200px) / 600)));
    }
    .low-zero-code-enter {
        border-radius: calc(8px + ((12 - 8) * ((100vw - 1200px) / 600)));
        width: calc(100px + ((150 - 100) * ((100vw - 1200px) / 600)));
        height: calc(36px + ((54 - 36) * ((100vw - 1200px) / 600)));
    }
    .low-zero-code-enter span {
        font-size: calc(12px + ((18 - 12) * ((100vw - 1200px) / 600)));
        line-height: calc(20px + ((30 - 20) * ((100vw - 1200px) / 600)));
    }
    .low-zero-code-img img {
        height: calc(400px + ((500 - 400) * ((100vw - 1200px) / 600)));
    }
}
/* 在宽度大于等于992px且小于1199px时应用的样式 */
@media (min-width: 992px) and (max-width: 1199px) {
    .low-zero-code-wrapper {
        padding: 0 55px;
    }
    .low-zero-code-content {
        padding: 63px 0 69px;
    }
    .low-zero-code-switch-wrapper {
        margin-bottom: 11px;
    }
    .low-zero-code-switch-wrapper p {
        font-size: 16px;
        line-height: 24px;
    }
    .low-zero-code-switch {
        width: 38px;
        height: 18px;
        margin-right: 8px;
    }
    .low-zero-code-switch-slider::before {
        height: 14px;
        width: 14px;
        left: 2px;
        bottom: 2px;
    }
    .low-zero-code-toggle-switch:checked + .low-zero-code-switch-slider::before {
        transform: translateX(20px);
    }
    .low-zero-code-title,
    .low-zero-code-title-one,
    .low-zero-code-title-two {
        font-size: 32px;
        line-height: 48px;
    }
    .low-zero-code-title,
    .low-zero-code-title-two {
        margin-bottom: 8px;
    }
    .low-zero-code-desc {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 36px;
    }
    .low-zero-code-enter {
        border-radius: 8px;
        width: 100px;
        height: 36px;
    }
    .low-zero-code-enter span {
        font-size: 12px;
        line-height: 20px;
    }
    .low-zero-code-img img {
        height: 330px;
    }
}
/* 在宽度大于等于768px且小于991px时应用的样式 */
@media (min-width: 768px) and (max-width: 991px) {
    .low-zero-code-wrapper {
        padding: 0 32px;
    }
    .low-zero-code-content {
        max-width: calc(345px + (430 - 345) * ((100vw - 768px) / (991 - 768)));
        padding: 63px 0 69px;
    }
    .low-zero-code-switch-wrapper {
        margin-bottom: 11px;
    }
    .low-zero-code-switch-wrapper p {
        font-size: 16px;
        line-height: 24px;
    }
    .low-zero-code-switch {
        width: 38px;
        height: 18px;
        margin-right: 8px;
    }
    .low-zero-code-switch-slider::before {
        height: 14px;
        width: 14px;
        left: 2px;
        bottom: 2px;
    }
    .low-zero-code-toggle-switch:checked + .low-zero-code-switch-slider::before {
        transform: translateX(20px);
    }
    .low-zero-code-title,
    .low-zero-code-title-one,
    .low-zero-code-title-two {
        font-size: 32px;
        line-height: 48px;
    }
    .low-zero-code-title,
    .low-zero-code-title-two {
        margin-bottom: 8px;
    }
    .low-zero-code-desc {
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 36px;
    }
    .low-zero-code-enter {
        border-radius: 8px;
        width: 100px;
        height: 36px;
    }
    .low-zero-code-enter span {
        font-size: 12px;
        line-height: 20px;
    }
    .low-zero-code-img img {
        height: calc(260px + (330 - 260) * ((100vw - 768px) / (991 - 768)));
    }
}
/* 小于767px的屏幕 */
@media (max-width: 767px) {
    .low-zero-code-wrapper {
        padding: 0 36px 0;
        border-radius: 24px;
    }

    .low-zero-code {
        display: block;
    }
    .low-zero-code-content {
        padding: 40px 0 4px;
    }
    .low-zero-code-switch-wrapper {
        margin-bottom: 7px;
    }
    .low-zero-code-switch-wrapper p {
        font-size: 16px;
        line-height: 24px;
    }
    .low-zero-code-switch {
        width: 38px;
        height: 18px;
        margin-right: 8px;
    }
    .low-zero-code-switch-slider::before {
        height: 14px;
        width: 14px;
        left: 2px;
        bottom: 2px;
    }
    .low-zero-code-toggle-switch:checked + .low-zero-code-switch-slider::before {
        transform: translateX(20px);
    }
    .low-zero-code-title,
    .low-zero-code-title-one,
    .low-zero-code-title-two {
        font-size: 28px;
        line-height: 40px;
    }
    .low-zero-code-title,
    .low-zero-code-title-two {
        margin-bottom: 12px;
    }
    .low-zero-code-desc {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 12px;
    }
    .low-zero-code-enter {
        display: none;
    }
    .low-zero-code-img {
        margin: 0;
        top: 0;
    }
    .low-zero-code-img img {
        height: 252px;
    }
}
/* 大于等于992px的屏幕 */
@media (min-width: 992px) {
    .low-zero-code-title-two-row {
        display: block;
    }
    .low-zero-code-title {
        display: none;
    }
}
/* 小于等于991px的屏幕 */
@media (max-width: 991px) {
    .low-zero-code-title-two-row {
        display: none;
    }
    .low-zero-code-title {
        display: block;
    }
}
/* 小于等于368px的屏幕 */
@media (max-width: 368px) {
    .low-zero-code-img img {
        height: 230px;
    }
}

/* fujianchao css module */
.aisuda-portal-content-wrapper {
    background-color: #eef5ff;
}

.common-section-wrapper {
    width: 100%;
    padding-left: clamp(55px, calc(55px + (82.5 - 55) * ((100vw - 1200px) / (1800 - 1200))), 82.5px);
    padding-right: clamp(55px, calc(55px + (82.5 - 55) * ((100vw - 1200px) / (1800 - 1200))), 82.5px);
    max-width: 1800px;
    margin: 0 auto;
}

.move-up-section {
    opacity: 0;
    transform: translateY(200px);
    transition: opacity 1s, transform 1s;
    visibility: hidden;
}

.move-up-section.visible {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
}

.aisuda-title {
    font-family: PingFangSC-Medium;
    font-size: clamp(32px, calc(32px + (48 - 32) * ((100vw - 1200px) / (1800 - 1200))), 48px);
    color: #091221;
    text-align: center;
    line-height: clamp(40px, calc(40px + (60 - 40) * ((100vw - 1200px) / (1800 - 1200))), 60px);
    font-weight: 600;
    padding-top: clamp(96px, calc(96px + (144 - 96) * ((100vw - 1200px) / (1800 - 1200))), 144px);
    margin-bottom: clamp(12px, calc(12px + (18 - 12) * ((100vw - 1200px) / (1800 - 1200))), 18px);
}

.aisuda-title .blink {
    background: linear-gradient(to left, #29acfe 0%, #0060ff 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.aisuda-title .infinite__flash {
    animation: blink-animation 1.5s linear infinite;
}

.aisuda-title.special {
    padding-top: clamp(96px, calc(32px + (132 - 96) * ((100vw - 1200px) / (1800 - 1200))), 132px);
}

@keyframes blink-animation {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.aisuda-title .mb-title {
    display: none;
}

.aisuda-describe {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    cursor: pointer;
    font-family: PingFangSC-Medium;
    font-size: clamp(12px, calc(12px + (18 - 12) * ((100vw - 1200px) / (1800 - 1200))), 18px);
    color: #2468f2;
    letter-spacing: 0;
    text-align: center;
    line-height: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1200px) / (1800 - 1200))), 30px);
    font-weight: 600;
    margin-bottom: clamp(19px, calc(19px + (28.5 - 19) * ((100vw - 1200px) / (1800 - 1200))), 28.5px);
}

.aisuda-describe .word {
    color: #091221;
    opacity: 0.75;
    font-weight: 400;
}

.goto-price-link .goto-price {
    font-weight: 400;
}

.aisuda-describe .goto-price-link {
    display: flex;
    justify-content: center;
    align-items: center;
}

.aisuda-describe .default {
    color: #091221;
    font-size: clamp(12px, calc(12px + (16 - 12) * ((100vw - 1200px) / (1800 - 1200))), 16px);
}

.aisuda-describe .default.Regular {
    font-family: PingFangSC-Regular;
    font-weight: 400;
}

.aisuda-describe .arrowIcon {
    display: block;
    transition: transform 0.5s;
    height: clamp(12px, calc(12px + (18 - 12) * ((100vw - 1200px) / (1800 - 1200))), 18px);
}

.aisuda-describe:hover .arrowIcon {
    transform: translateX(8px);
}

.product-function-wrapper {
    background-image: url('https://aisuda-portal.cdn.bcebos.com/official-website/1.0.32.1/images/product-function-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    max-width: 1800px;
    margin: 0 auto;
}

.function-items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.function-items .item {
    position: relative;
    height: clamp(320px, calc(320px + (480 - 320) * ((100vw - 1200px) / (1800 - 1200))), 480px);
    width: 28.3%;
    margin-top: clamp(14px, calc(14px + (21 - 14) * ((100vw - 1200px) / (1800 - 1200))), 21px);
    border: 1px solid rgba(9, 18, 33, 0.06);
    border-radius: 14px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.function-items .item .edge {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 82px;
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0.8) 90%);
    border-radius: 0 0 14px 14px;
    z-index: 5;
}

.function-items .item .edge.small {
    height: clamp(20px, calc(20px + (40 - 20) * ((100vw - 1200px) / (1800 - 1200))), 40px);
    z-index: 0;
}

.function-items .item .edge-top {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 36%;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 5;
}

.function-items .item.first {
    width: 41%;
}

.function-items .item.sixth {
    width: 41%;
    background-image: linear-gradient(125deg, #005aff 0%, #24a1ff 94%);
    border: 1px solid rgba(9, 18, 33, 0.06);
    border-radius: 14px;
}

.item-contect {
    /* padding-top: clamp(32px, calc(32px + (48 - 32) * ((100vw - 1200px) / (1800 - 1200))), 48px); */
    padding-top: 32px;
    height: 100%;
}

.item-contect .title {
    position: relative;
    font-family: PingFangSC-Medium;
    font-size: clamp(22px, calc(22px + (33 - 22) * ((100vw - 1200px) / (1800 - 1200))), 33px);
    color: #091221;
    text-align: left;
    line-height: clamp(30px, calc(30px + (45 - 30) * ((100vw - 1200px) / (1800 - 1200))), 45px);
    font-weight: 600;
    margin-bottom: clamp(8px, calc(30px + (12 - 8) * ((100vw - 1200px) / (1800 - 1200))), 12px);
    padding: 0 32px;
    z-index: 10;
}

.item-contect .describe {
    position: relative;
    opacity: 0.7;
    font-family: PingFangSC-Regular;
    font-size: clamp(12px, calc(12px + (16 - 12) * ((100vw - 1200px) / (1800 - 1200))), 16px);
    color: #091221;
    line-height: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1200px) / (1800 - 1200))), 30px);
    font-weight: 400;
    margin-bottom: clamp(26.5px, calc(26.5px + (36 - 26.5) * ((100vw - 1200px) / (1800 - 1200))), 36px);
    padding: 0 32px;
    z-index: 10;
}

.item.sixth .item-contect .title,
.item.sixth .item-contect .describe {
    color: #fff;
}

.item-contect .imgs {
    position: relative;
    width: 100%;
    height: 66%;
    border-radius: 14px;
    transition: all 0.5s ease;
}

.item-contect .imgs img {
    width: 100%;
    transition: all 0.5s ease;
}

.function-items .item.first {
    background-image: url('https://aisuda-portal.cdn.bcebos.com/official-website/1.0.32.1/images/function/1-bg.png');
}

.function-items .item.second {
    background-image: url('https://aisuda-portal.cdn.bcebos.com/official-website/1.0.32.1/images/function/2-bg.png');
}

.function-items .item.third {
    background-image: url('https://aisuda-portal.cdn.bcebos.com/official-website/1.0.32.1/images/function/3-bg.png');
}

.function-items .item.fourth {
    background-image: url('https://aisuda-portal.cdn.bcebos.com/official-website/1.0.32.1/images/function/4-bg.png');
}

.function-items .item.fifth {
    background-image: url('https://aisuda-portal.cdn.bcebos.com/official-website/1.0.32.1/images/function/5-bg.png');
}

.item.first .item-contect .imgs {
    padding: 0 4vw;
}

.item.first .item-contect .imgs .img1 {
    position: relative;
    z-index: 3;
    height: 100%;
    transform: translateY(40px);
}

.item.first .item-contect .imgs .img2 {
    position: absolute;
    z-index: 2;
    left: 50%;
    max-width: 72%;
    transform: translate(-50%, 26px);
}

.item.first .item-contect .imgs .img3 {
    position: absolute;
    z-index: 1;
    left: 50%;
    max-width: 64%;
    transform: translate(-50%, 18px);
}

.item.first .item-contect .imgs .img1:hover {
    transform: translateY(24px);
}

.item.first .item-contect .imgs .img2:hover {
    transform: translate(-50%, 8px);
}

.item.first .item-contect .imgs .img3:hover {
    transform: translate(-50%, -6px);
}

.item.second .item-contect .imgs .image-default,
.item.fourth .item-contect .imgs .image-default {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.item.second .item-contect .imgs .image-hover,
.item.fourth .item-contect .imgs .image-hover {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    opacity: 0;
}

.item.second .item-contect .imgs:hover .image-hover,
.item.fourth .item-contect .imgs:hover .image-hover {
    opacity: 1;
}

.item.fourth .item-contect .imgs .image-default,
.item.fourth .item-contect .imgs .image-hover {
    height: 120%;
    width: auto;
}

.item.third .item-contect .imgs {
    padding: 0 30px;
}

.item.third .item-contect .imgs img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.item.third .item-contect .imgs img:hover {
    transform: translate(-50%, -20px);
}

.item.fourth .item-contect .imgs {
    transform: translateX(10%);
}

.item.fifth .item-contect .imgs {
    background-image: url('https://aisuda-portal.cdn.bcebos.com/official-website/1.0.32.1/images/function/5-1.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    transform: translateX(10%);
    height: 92%;
}

.item.fifth .item-contect .imgs .img2 {
    position: absolute;
    right: 10%;
    bottom: 8%;
    width: 66%;
    height: 48%;
}

.item.fifth .item-contect .imgs .img2 .img2-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    /* 隐藏超出的子元素 */
}

.item.fifth .item-contect .imgs .img2 .img2-wrapper img {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    transition: top 1.6s ease;
}

.item.fifth .item-contect .imgs:hover .img2 .img2-wrapper img {
    top: -60%;
}

.item.sixth .item-contect .imgs {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    display: flex;
    width: 740%;
    align-items: center;
    transform: translate(-50px, -10px);
    transition: all 1s ease;
}

.item.sixth .item-contect .imgs .img-wrapper {
    position: relative;
    width: 100%;
    margin-left: 10px;
    margin-right: 16px;
    transition: all 1s ease-in-out;
}

.item.sixth .item-contect .imgs img {
    width: 100%;
}

.item.sixth .item-contect .imgs .img-wrapper.main {
    margin: 0 26px 0 20px;
    z-index: 2;
    transform: scale(1.2);
    /* 确保放大的图片在顶层 */
}

.item.sixth .edge-left {
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    height: 100%;
    background-image: linear-gradient(90deg, rgba(8, 107, 255, 0.75) 0%, rgba(8, 107, 255, 0) 100%);
    z-index: 5;
}

.item.sixth .edge-right {
    position: absolute;
    right: 0;
    top: 0;
    width: 106px;
    height: 100%;
    background-image: linear-gradient(270deg, rgba(63, 175, 255, 0.8) 0%, rgba(8, 107, 255, 0) 100%);
    z-index: 5;
}

.item.sixth .item-contect .imgs .img-wrapper.main .carousel-image-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background-color: #61b4ff;
    transform: rotate(-10deg);
    z-index: -1;
}

.partner-wrapper {
    text-align: center;
}

.partner-logos {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
    padding-bottom: 12px;
}

.partner-row {
    display: flex;
    justify-content: space-around;
    height: clamp(60px, calc(60px + (90 - 60) * ((100vw - 1200px) / (1800 - 1200))), 90px);
    margin-bottom: -9px;
    margin-top: 30px;
}

.partner-row.right {
    margin-left: 96px;
}

.partner-row img {
    height: 100%;
    margin-right: 24px;
}

.edge-shadow {
    width: 100px;
    height: 94%;
    background-image: linear-gradient(270deg, rgba(241, 246, 253, 0) 0%, #eef6ff 100%);
}

.edge-shadow.left {
    position: absolute;
    left: 0;
    top: 26px;
}

.edge-shadow.right {
    position: absolute;
    right: -1px;
    top: 26px;
    transform: rotate(180deg);
}

.product-plan-wrapper {
    background-image: url('https://aisuda-portal.cdn.bcebos.com/official-website/1.0.32.1/images/product-plan-bg.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom center;
}

.plan-items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.plan-items .plan-container {
    position: relative;
    width: 19%;
    margin-top: clamp(17px, calc(17px + (26 - 17) * ((100vw - 1200px) / (1800 - 1200))), 26px);
    background: rgba(255, 255, 255, 0.6);
    border-radius: 21px;
}

.plan-items .plan-container:hover {
    background: #fff;
}

.plan-container .plan-content {
    margin-top: clamp(32px, calc(32px + (48 - 32) * ((100vw - 1200px) / (1800 - 1200))), 48px);
    margin-right: clamp(20px, calc(20px + (36 - 20) * ((100vw - 1200px) / (1800 - 1200))), 36px);
    margin-bottom: clamp(32px, calc(32px + (48 - 32) * ((100vw - 1200px) / (1800 - 1200))), 48px);
    margin-left: clamp(20px, calc(20px + (36 - 20) * ((100vw - 1200px) / (1800 - 1200))), 36px);
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.plan-container .plan-title {
    font-family: PingFangSC-Medium;
    font-size: clamp(22px, calc(22px + (33 - 22) * ((100vw - 1200px) / (1800 - 1200))), 33px);
    color: #151b26;
    text-align: left;
    line-height: clamp(30px, calc(30px + (45 - 30) * ((100vw - 1200px) / (1800 - 1200))), 45px);
    font-weight: 600;
    margin-bottom: clamp(8px, calc(8px + (12 - 8) * ((100vw - 1200px) / (1800 - 1200))), 12px);
    background: linear-gradient(to right, #091221 0%, #666872 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.plan-container .plan-icon {
    position: absolute;
    right: 0;
    top: 0;
}

.plan-container .plan-icon img {
    width: clamp(76px, calc(76px + (89 - 76) * ((100vw - 1200px) / (1800 - 1200))), 89px);
    border-radius: 0 21px 0 0;
}

.plan-container .plan-icon span {
    font-size: clamp(12px, calc(12px + (14 - 12) * ((100vw - 1200px) / (1800 - 1200))), 14px);
    color: #fff;
    position: absolute;
    right: clamp(16px, calc(16px + (20 - 16) * ((100vw - 1200px) / (1800 - 1200))), 20px);
    top: 5px;
}

.plan-container .plan-description {
    opacity: 0.7;
    font-family: PingFangSC-Regular;
    font-size: clamp(12px, calc(12px + (18 - 12) * ((100vw - 1200px) / (1800 - 1200))), 18px);
    color: #091221;
    line-height: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1200px) / (1800 - 1200))), 30px);
    font-weight: 400;
    margin-bottom: clamp(16px, calc(16px + (45 - 16) * ((100vw - 1200px) / (1800 - 1200))), 45px);
    display: -webkit-box;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.plan-container .plan-price {
    position: relative;
    font-family: PingFangSC-Medium;
    font-size: clamp(18px, calc(18px + (27 - 18) * ((100vw - 1200px) / (1800 - 1200))), 27px);
    color: #091221;
    letter-spacing: 0;
    line-height: clamp(28px, calc(28px + (42 - 28) * ((100vw - 1200px) / (1800 - 1200))), 42px);
    font-weight: 600;
    display: flex;
    align-items: flex-end;
}

.plan-price .price {
    font-family: FZJUNH_CUJW--GB1-0;
    font-size: clamp(32px, calc(32px + (48 - 32) * ((100vw - 1200px) / (1800 - 1200))), 48px);
    font-weight: 400;
    padding: 0 4px;
    margin-bottom: 4px;
}

.plan-price .price.word {
    font-family: PingFangSC-Medium;
    font-size: clamp(32px, calc(32px + (42 - 32) * ((100vw - 1200px) / (1800 - 1200))), 42px);
}

.plan-price .unit {
    opacity: 0.4;
    font-size: clamp(12px, calc(12px + (18 - 12) * ((100vw - 1200px) / (1800 - 1200))), 18px);
    color: rgba(9, 18, 33, 0.7);
    line-height: clamp(22px, calc(22px + (33 - 22) * ((100vw - 1200px) / (1800 - 1200))), 33px);
    text-decoration: line-through;
}

.plan-container .plan-price-icon {
    font-family: PingFangSC-Medium;
    font-size: clamp(10px, calc(10px + (15 - 10) * ((100vw - 1200px) / (1800 - 1200))), 15px);
    color: #fff;
    line-height: clamp(18px, calc(18px + (27 - 18) * ((100vw - 1200px) / (1800 - 1200))), 27px);
    font-weight: 600;
    border: 1px solid #f33e3e;
    border-radius: 15px 15px 15px 0;
    background: linear-gradient(to left, #ff8e7b, #f33e3e);
    background-clip: text;
    padding: 0 10px;
    white-space: nowrap;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.plan-container .plan-price-icon.special {
    min-width: 2px;
    opacity: 0;
    padding: 0;
}

.plan-container .plan-divider {
    display: block;
    margin-top: clamp(24px, calc(24px + (36 - 24) * ((100vw - 1200px) / (1800 - 1200))), 36px);
    width: 100%;
    height: 1.5px;
}

.plan-container .plan-text-group {
    margin-top: clamp(19px, calc(19px + (30 - 19) * ((100vw - 1200px) / (1800 - 1200))), 30px);
}

.plan-container .plan-text {
    opacity: 0.7;
    font-family: PingFangSC-Regular;
    font-size: clamp(12px, calc(12px + (16 - 12) * ((100vw - 1200px) / (1800 - 1200))), 16px);
    color: #091221;
    text-align: left;
    line-height: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1200px) / (1800 - 1200))), 30px);
    font-weight: 400;
    margin-bottom: clamp(12px, calc(12px + (18 - 12) * ((100vw - 1200px) / (1800 - 1200))), 18px);
    display: flex;
    align-items: center;
}

.plan-container .plan-text img {
    height: clamp(12px, calc(12px + (18 - 12) * ((100vw - 1200px) / (1800 - 1200))), 18px);
    margin-right: 12px;
}

.plan-container .plan-btn-wrapper {
    float: left;
    text-align: center;
    width: 100%;
    font-family: PingFangSC-Medium;
    font-size: clamp(12px, calc(12px + (18 - 12) * ((100vw - 1200px) / (1800 - 1200))), 18px);
    color: #091221;
    line-height: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1200px) / (1800 - 1200))), 30px);
    font-weight: 600;
    text-decoration: none;
    padding: 12px 0;
    border: 1px solid #091221;
    border-radius: 12px;
    margin-top: clamp(52px, calc(52px + (66 - 52) * ((100vw - 1200px) / (1800 - 1200))), 66px);
}

.plan-container .plan-btn-wrapper:hover {
    background: #091221;
    color: #fff;
}

.product-experience-wrapper {
    position: relative;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 98px;
    background-image: url('https://aisuda-portal.cdn.bcebos.com/official-website/1.0.32.1/images/product-experience-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.product-experience-box {
    margin: 0 auto;
    max-width: 1800px;
}

.link-btn-group {
    display: inline-block;
    justify-content: space-between;
    margin-top: 8px;
}

.link-btn-group .link-btn {
    display: inline-block;
    padding: 18px 54px;
    padding-top: clamp(12px, calc(12px + (18 - 12) * ((100vw - 1200px) / (1800 - 1200))), 18px);
    padding-bottom: clamp(12px, calc(12px + (18 - 12) * ((100vw - 1200px) / (1800 - 1200))), 18px);
    padding-left: clamp(36px, calc(36px + (54 - 36) * ((100vw - 1200px) / (1800 - 1200))), 54px);
    padding-right: clamp(36px, calc(36px + (54 - 36) * ((100vw - 1200px) / (1800 - 1200))), 54px);
    text-decoration: none;
    border: 1px solid #091221;
    border-radius: 8px;
    font-family: PingFangSC-Medium;
    font-size: clamp(12px, calc(12px + (18 - 12) * ((100vw - 1200px) / (1800 - 1200))), 18px);
    line-height: clamp(20px, calc(20px + (30 - 20) * ((100vw - 1200px) / (1800 - 1200))), 30px);
    color: #091221;
    text-align: left;
    font-weight: 600;
    margin-right: 24px;
}

.link-btn-group .link-btn.active {
    background: #091221;
    color: #fff;
}

.link-btn-group .link-btn:hover {
    opacity: 0.75;
}

@media (min-width: 1800px) {
    .item.first .item-contect .imgs {
        padding: 0 64px;
    }
}

@media (max-width: 1200px) {
    .common-section-wrapper {
        padding: 0 55px;
    }

    .move-up-section {
        transform: translateY(160px);
    }

    .aisuda-title {
        font-size: 32px;
        line-height: 40px;
        padding-top: 96px;
        margin-bottom: 12px;
    }

    .aisuda-describe {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 19px;
    }

    .aisuda-describe .default {
        font-size: 12px;
    }

    .aisuda-describe .arrowIcon {
        height: 12px;
    }

    .function-items .item {
        height: 320px;
        margin-top: 14px;
    }

    .item-contect .title {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 8px;
        padding: 0 24px;
    }

    .item-contect .describe {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 26.5px;
        padding: 0 24px;
    }

    .function-items .item .edge {
        height: 40px;
    }

    .function-items .item .edge.small {
        height: 20px;
    }

    .partner-row {
        height: 60px;
        margin-bottom: -6px;
        margin-top: 20px;
    }

    .edge-shadow.left,
    .edge-shadow.right {
        top: 16px;
    }

    .plan-items .plan-container {
        margin-top: 17px;
    }

    .plan-container .plan-content {
        margin: 32px 20px;
    }

    .plan-container .plan-title {
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 8px;
    }

    .plan-container .plan-icon img {
        width: 76px;
    }

    .plan-container .plan-icon span {
        font-size: 12px;
        position: absolute;
        right: 16px;
        top: 5px;
    }

    .plan-container .plan-description {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 16px;
    }

    .plan-container .plan-price {
        font-size: 18px;
        line-height: 28px;
    }

    .plan-price .price {
        font-size: 32px;
        line-height: 28px;
        margin-bottom: 2px;
    }

    .plan-price .unit {
        font-size: 12px;
        line-height: 22px;
    }

    .plan-container .plan-price-icon {
        font-size: 10px;
        line-height: 18px;
        border: 1px solid #f33e3e;
        border-radius: 10px 10px 10px 0;
        padding: 0 6px;
    }

    .plan-container .plan-divider {
        margin-top: 24px;
        height: 1px;
    }

    .plan-container .plan-text-group {
        margin-top: 19px;
    }

    .plan-container .plan-text {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 12px;
    }

    .plan-container .plan-text img {
        height: 12px;
        margin-right: 8px;
    }

    .plan-container .plan-btn-wrapper {
        font-size: 12px;
        color: #091221;
        line-height: 20px;
        padding: 8px 0;
        border-radius: 8px;
        margin-top: 52px;
    }

    .link-btn-group {
        margin-top: 5px;
    }

    .link-btn-group .link-btn {
        padding: 12px 36px;
        margin-right: 16px;
        font-size: 12px;
        line-height: 20px;
    }

}

@media (max-width: 1120px) {
    .plan-items .plan-container {
        width: 49%;
    }
}

@media (max-width: 991px) {
    .common-section-wrapper {
        padding: 0 32px;
    }

    .move-up-section {
        transform: translateY(136px);
    }

    .function-items .item {
        height: 259px;
        width: 49%;
    }

    .function-items .item.first,
    .function-items .item.sixth {
        width: 49%;
    }

    .item.first .item-contect .imgs .img2 {
        width: 66%;
    }

    .item.first .item-contect .imgs .img3 {
        width: 58%;
    }

    .item.second .item-contect .imgs .image-default {
        height: 100%;
        width: auto;
    }

    .item.second .item-contect .imgs .image-hover {
        height: 100%;
        width: auto;
    }

    .item.third .item-contect .imgs img {
        height: 100%;
        width: auto;
    }

    .item.fourth .item-contect .imgs {
        transform: translateX(0);
    }

    .item.fourth .item-contect .imgs img {
        height: 140%;
        width: auto;
    }

    .item.fifth .item-contect .imgs {
        display: block;
        margin: 0 auto;
        transform: translateX(22%);
        height: 118%;
        width: 72%;
    }

    .item.fifth .item-contect .imgs .img2 {
        position: absolute;
        right: 4%;
        bottom: 9%;
        width: 70%;
    }
    .item-contect .describe {
        margin-bottom: 12.5px;
    }

    .plan-items .plan-container {
        width: 49%;
    }

    .plan-container .plan-btn-wrapper {
        margin-top: 24px;
    }

    .link-btn-group {
        margin-top: 12px;
    }

    .link-btn-group .link-btn {
        padding: 12px 14px;
        margin-right: 10px;
    }

}

@media (max-width: 767px) {
    .aisuda-title,
    .aisuda-title.special {
        font-size: 28px;
        padding-top: 84px;
    }

    .move-up-section {
        transform: translateY(100px);
    }

    .aisuda-describe {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .aisuda-describe .default {
        font-size: 14px;
    }

    .function-items .item {
        margin-top: 12px;
        width: 100%;
    }

    .function-items .item.first,
    .function-items .item.sixth {
        width: 100%;
    }

    .item-contect .title {
        padding: 0 20px;
    }

    .item-contect .describe {
        padding: 0 20px;
    }

    .item.first .item-contect .imgs {
        padding: 0 20vw;
    }

    .item.first .item-contect .imgs .img2 {
        width: 50%;
    }

    .item.first .item-contect .imgs .img3 {
        width: 44%;
    }

    .item.fifth .item-contect .imgs {
        background-image: url("https://aisuda-portal.cdn.bcebos.com/official-website/1.0.32.1/images/function/5.png");
        width: 246px;
        height: 170px;
        transform: translateX(-20px);
    }

    .item.fifth .item-contect .imgs .img2 {
        display: none;
    }

    .partner-row {
        height: 48px;
        margin-bottom: 4px;
        margin-top: 8px;
    }

    .partner-row img {
        margin-right: 14px;
    }

    .edge-shadow {
        width: 42px;
        height: 100%;
        background-image: linear-gradient(-89deg, rgba(241, 246, 253, 0) 0%, #ecf4ff 100%);
    }

    .edge-shadow.left {
        position: absolute;
        left: 0;
        top: -2px;
    }

    .edge-shadow.right {
        position: absolute;
        right: 0;
        top: -2px;
        transform: rotate(180deg);
    }

    .plan-items .plan-container {
        margin-top: 12px;
        width: 100%;
    }

    .plan-container .plan-description {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .plan-container .plan-text {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .plan-container .plan-btn-wrapper {
        font-size: 14px;
        padding: 10px 0;
        margin-top: 4px;
    }

    .link-btn-group .link-btn {
        font-size: 14px;
        padding: 12px 81px;
        margin-right: 19px;
    }
}

@media (max-width: 599px) {
    .common-section-wrapper {
        padding: 0 16px;
    }

    .aisuda-title,
    .aisuda-title.special {
        padding-top: 60px;
    }

    .aisuda-title .default {
        display: block;
    }

    .aisuda-title .pc-title {
        display: none;
    }

    .aisuda-title .mb-title {
        display: block;
    }

    .aisuda-describe .Regular {
        padding: 0 37px 0 24px;
    }

    .aisuda-describe .word.mb {
        display: none;
    }

    .aisuda-describe .goto-price-link {
        margin-top: 4px;
        width: 100%;
    }

    .plan-container .plan-btn-wrapper {
        font-size: 12px;
        padding: 8px 0;
    }

    .link-btn-group .link-btn {
        font-size: 14px;
        padding: 12px 40px;
        margin-right: 12px;
    }
}

@media (max-width: 508px) {
    .item.first .item-contect .imgs .img2 {
        transform: translate(-50%, 30px);
    }

    .item.first .item-contect .imgs .img3 {
        transform: translate(-50%, 22px);
    }
}

@media (max-width: 438px) {
    .item.first .item-contect .imgs .img2 {
        transform: translate(-50%, 34px);
    }

    .item.first .item-contect .imgs .img3 {
        transform: translate(-50%, 30px);
    }
}