.w1200[data-v-7c2cbaf0] {
    margin: 0 auto;
    width: 85.625vw;
}

.stacking[data-v-7c2cbaf0] {
    align-items: center;
    background-color: #edf4ff;
    background-image: url(https://static2.sinsam.com/zhibo/static/img/application/sc/bg1.jpg), url(https://static2.sinsam.com/zhibo/static/img/application/sc/bg2.jpg);
    background-position: top, bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 100% 500px, 100% 500px;
    display: flex;
    flex-direction: column;
    padding: 90px 0
}

.header[data-v-7c2cbaf0] {
    width: 100%
}

.header .summarize[data-v-7c2cbaf0] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(135deg, #006cff, #0af);
    background-clip: text;
    -webkit-background-clip: text;
    color: #202124;
    font-family: PingFang SC;
    font-size: 36px;
    font-weight: 600;
    line-height: 52px;
    width: -moz-fit-content;
    width: fit-content
}

.header .header-content[data-v-7c2cbaf0] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.header .header-content p[data-v-7c2cbaf0] {
    color: #202124;
    font-family: PingFang SC;
    font-size: 36px;
    font-weight: 600
}

.header .tabs-list[data-v-7c2cbaf0] {
    align-items: center;
    display: flex;
    gap: 8px;
    margin-left: 336px
}

.header .tabs-list .tabs-item[data-v-7c2cbaf0] {
    align-items: center;
    border: .857px solid rgba(32, 33, 36, .05);
    border-radius: 30px;
    color: #60646b;
    cursor: pointer;
    display: flex;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    padding: 12px 20px 12px 16px
}

.header .tabs-list .tabs-item.active[data-v-7c2cbaf0] {
    background: hsla(0, 0%, 100%, .8);
    border: 2px solid hsla(0, 0%, 100%, .8);
    color: #202124;
    font-family: PingFang SC;
    font-size: 16px;
    font-weight: 600
}

.header .tabs-list .tabs-item img[data-v-7c2cbaf0] {
    height: 24px;
    margin-right: 4px;
    width: 24px
}

.container[data-v-7c2cbaf0] {
    will-change: transform
}

.cards-container[data-v-7c2cbaf0] {
    transform: perspective(1200px)
}

.card[data-v-7c2cbaf0],
.cards-container[data-v-7c2cbaf0] {
    position: relative;
    will-change: transform
}

.card[data-v-7c2cbaf0] {
    -webkit-font-smoothing: antialiased;
    backface-visibility: hidden;
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: 1px solid #fff;
    border-radius: 20px;
    margin-top: 40px;
    transform-origin: bottom;
    transition: transform .3s cubic-bezier(.16, 1, .3, 1)
}

.card.is-sticky[data-v-7c2cbaf0] {
    position: sticky;
    top: 120px;
    will-change: transform
}

.card-content[data-v-7c2cbaf0] {
    align-items: center;
    display: flex
}

.card-content .left[data-v-7c2cbaf0] {
    align-items: flex-start;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    padding: 56px;
    width: 420px
}

.card-content .left .card-icon[data-v-7c2cbaf0] {
    border-radius: 17.5px;
    box-shadow: 0 9.43px 47.14px rgba(0, 156, 255, .3);
    height: 56px;
    margin-bottom: 24px;
    width: 56px
}

.card-content .left .subtitle[data-v-7c2cbaf0] {
    color: #202124;
    font-family: PingFang SC;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 8px
}

.card-content .left .feature[data-v-7c2cbaf0] {
    color: #60646b;
    flex-shrink: 0;
    font-family: PingFang SC;
    font-size: 18px;
    font-weight: 500;
    line-height: 32px
}

.card-content .left .btn-style[data-v-7c2cbaf0] {
    margin-top: 128px
}

.card-content .right[data-v-7c2cbaf0] {
    height: 480px;
    width: 840px
}

.w1200[data-v-ce41ca22] {
    margin: 0 auto;
    width: 1200px
}

.title[data-v-ce41ca22] {
    color: #202124;
    font-family: PingFang SC;
    font-size: 36px;
    font-style: normal;
    font-weight: 600
}

.pic[data-v-ce41ca22],
.title[data-v-ce41ca22] {
    align-items: center;
    display: flex
}

.pic[data-v-ce41ca22] {
    border-radius: 12px;
    height: 44px;
    margin: 0 4px;
    transform: rotate(-5deg);
    width: 44px
}

.mg[data-v-ce41ca22] {
    margin: 20px 0 92px
}

.carousel-container[data-v-ce41ca22] {
    height: 656px;
    position: relative;
    width: 100%
}

.carousel-item[data-v-ce41ca22] {
    align-items: center;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: all .5s ease
}

.carousel-bg-image[data-v-ce41ca22],
.carousel-item[data-v-ce41ca22] {
    height: 100%;
    position: absolute;
    width: 100%
}

.carousel-bg-image[data-v-ce41ca22] {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center
}

.carousel-content[data-v-ce41ca22] {
    position: absolute;
    top: 100px
}

.carousel-content .step_line[data-v-ce41ca22] {
    align-items: flex-start;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    background: hsla(0, 0%, 100%, .8);
    border: 1px solid #fff;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 10px;
    width: 280px
}

.carousel-content .step_line li[data-v-ce41ca22] {
    align-items: center;
    box-sizing: border-box;
    color: #202124;
    display: flex;
    font-family: PingFang SC;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    gap: 10px;
    line-height: 32px;
    padding: 20px 24px
}

.carousel-content .step_line li.active[data-v-ce41ca22] {
    background: linear-gradient(135deg, #006cff, #0af);
    border-radius: 14px;
    color: #fff;
    width: 100%
}

.carousel-content .step_line li img[data-v-ce41ca22] {
    height: 26px;
    width: 26px
}

.pic[data-v-2784ac89] {
    align-items: center;
    border-radius: 12px;
    display: flex;
    height: 44px;
    margin: 0 4px;
    transform: rotate(-5deg);
    width: 44px
}

.fresh-retail[data-v-2784ac89] {
    font-family: PingFang SC
}

.fresh-retail .w1200[data-v-2784ac89] {
    margin: 0 auto;
    width: 1200px
}

.fresh-retail .solution[data-v-2784ac89] {
    background: url(https://static2.sinsam.com/zhibo/static/img/application/sc/solute_bg2.jpg) no-repeat top/100%;
    height: 630px
}

.fresh-retail .solution-box[data-v-2784ac89] {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center
}

.fresh-retail .solution .left[data-v-2784ac89] {
    width: 478px
}

.fresh-retail .solution .left .title[data-v-2784ac89] {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(135deg, #006cff, #0af);
    background-clip: text;
    -webkit-background-clip: text
}

.fresh-retail .solution .left .subtitle[data-v-2784ac89],
.fresh-retail .solution .left .title[data-v-2784ac89] {
    color: #202124;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 20px
}

.fresh-retail .solution .left .desc[data-v-2784ac89] {
    color: #202124;
    font-size: 18px;
    font-weight: 500;
    line-height: 36px;
    margin-bottom: 80px;
    width: 400px
}

.fresh-retail .solution .img-box[data-v-2784ac89] {
    height: 100%;
    width: 800px
}

.fresh-retail .solution img[data-v-2784ac89] {
    height: 100%;
    transform: translateX(-20px)
}

.fresh-retail .links[data-v-2784ac89] {
    background-color: #fefefe;
    box-sizing: border-box;
    padding: 100px 0
}

.fresh-retail .links .title[data-v-2784ac89] {
    align-items: center;
    color: #202124;
    display: flex;
    font-family: PingFang SC;
    font-size: 36px;
    font-weight: 600;
    line-height: 52px
}

.fresh-retail .links .wrap[data-v-2784ac89] {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.fresh-retail .links .wrap .arrow-control[data-v-2784ac89] {
    display: flex;
    gap: 10px
}

.fresh-retail .links .wrap .arrow-control .arrow[data-v-2784ac89] {
    align-items: center;
    background: #fff;
    border: 1px solid rgba(32, 33, 36, .05);
    border-radius: 24px;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    height: 48px;
    justify-content: center;
    width: 48px
}

.fresh-retail .links .wrap .arrow-control .arrow[data-v-2784ac89]:hover {
    box-shadow: 0 12px 70px 5px rgba(24, 50, 127, .122)
}

.fresh-retail .links .wrap .arrow-control .arrow img[data-v-2784ac89] {
    height: 24px;
    width: 24px
}

.fresh-retail .links .swiper-container-2[data-v-2784ac89] {
    margin-top: 44px;
    overflow: hidden;
    width: 100%
}

.fresh-retail .links .swiper-container-2 .swiper-wrapper[data-v-2784ac89] {
    transition-timing-function: linear
}

.fresh-retail .links .swiper-container-2 .swiper-slide[data-v-2784ac89] {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 16px;
    height: 360px;
    position: relative;
    width: 386px !important
}

.fresh-retail .links .swiper-container-2 .swiper-slide .content[data-v-2784ac89] {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: hsla(0, 0%, 100%, .9);
    border-radius: 12px;
    border-top: 1px solid #fff;
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    margin: 6px;
    max-height: 130px;
    overflow: hidden;
    padding: 24px;
    position: absolute;
    right: 0;
    transition: all .8s cubic-bezier(.45, .05, .55, .95)
}

.fresh-retail .links .swiper-container-2 .swiper-slide .content .name[data-v-2784ac89] {
    color: #061737;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    transform-origin: left center;
    transition: transform 2s cubic-bezier(.175, .885, .32, 1.275)
}

.fresh-retail .links .swiper-container-2 .swiper-slide .content .desc[data-v-2784ac89] {
    color: rgba(6, 23, 55, .8);
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    transform-origin: left center;
    transition: transform 2s cubic-bezier(.175, .885, .32, 1.275) .05s
}

.fresh-retail .links .swiper-container-2 .swiper-slide .content .tabs-list[data-v-2784ac89] {
    display: flex;
    gap: 10px;
    margin-top: 16px
}

.fresh-retail .links .swiper-container-2 .swiper-slide .content .tabs-list li[data-v-2784ac89] {
    text-wrap: nowrap;
    background-color: var(--tab-color);
    border-radius: 8px;
    color: var(--font-color);
    font-size: 13px;
    font-weight: 500;
    opacity: 0;
    padding: 6px 10px
}

.fresh-retail .links .swiper-container-2 .swiper-slide .content.content--move-animation[data-v-2784ac89] {
    max-height: 200px
}

.fresh-retail .links .swiper-container-2 .swiper-slide .content.content--move-animation .tabs-list[data-v-2784ac89] {
    display: flex
}

.fresh-retail .links .swiper-container-2 .swiper-slide .content.content--move-animation .tabs-list li[data-v-2784ac89] {
    animation: fadeInUp-2784ac89 .5s forwards;
    opacity: 0
}

.fresh-retail .links .swiper-container-2 .swiper-slide .content.content--move-animation .tabs-list li[data-v-2784ac89]:first-child {
    animation-delay: .15s
}

.fresh-retail .links .swiper-container-2 .swiper-slide .content.content--move-animation .tabs-list li[data-v-2784ac89]:nth-child(2) {
    animation-delay: .2s
}

.fresh-retail .links .swiper-container-2 .swiper-slide .content.content--move-animation .tabs-list li[data-v-2784ac89]:nth-child(3) {
    animation-delay: .25s
}

.fresh-retail .links .swiper-container-2 .swiper-slide .content.content--move-animation .tabs-list li[data-v-2784ac89]:nth-child(4) {
    animation-delay: .3s
}

.fresh-retail .links .swiper-container-2 .swiper-slide .content.content--remove-animation[data-v-2784ac89] {
    max-height: 130px
}

.fresh-retail .links .swiper-container-2 .swiper-slide .content.content--remove-animation .tabs-list[data-v-2784ac89] {
    display: flex
}

.fresh-retail .links .swiper-container-2 .swiper-slide .content.content--remove-animation .tabs-list li[data-v-2784ac89] {
    animation: fadeOutUp-2784ac89 .5s forwards;
    opacity: 1
}

.fresh-retail .links .swiper-container-2 .swiper-slide .content.content--remove-animation .tabs-list li[data-v-2784ac89]:first-child {
    animation-delay: .2s
}

.fresh-retail .links .swiper-container-2 .swiper-slide .content.content--remove-animation .tabs-list li[data-v-2784ac89]:nth-child(2) {
    animation-delay: .15s
}

.fresh-retail .links .swiper-container-2 .swiper-slide .content.content--remove-animation .tabs-list li[data-v-2784ac89]:nth-child(3) {
    animation-delay: .1s
}

.fresh-retail .links .swiper-container-2 .swiper-slide .content.content--remove-animation .tabs-list li[data-v-2784ac89]:nth-child(4) {
    animation-delay: .05s
}

@keyframes fadeInUp-2784ac89 {
    0% {
        opacity: 0;
        transform: translateY(10px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeOutUp-2784ac89 {
    0% {
        opacity: 1;
        transform: translateY(0)
    }

    to {
        opacity: 0;
        transform: translateY(10px)
    }
}