.layout-content {
    padding-top: 64px;
}
.page-index {
    margin-bottom: -64px;
    overflow: hidden;
    transform: translateY(-64px);
    width: 100vw;
}
.feature-section {
    background: url(../img/header_bg.png) no-repeat;
    background-position: 50%;
    background-size: cover;
    display: flex;
    height: 869px;
    justify-content: center;
    margin: 0 auto;
    width: 100%
}
.wrap {
    margin-top: 178px;
    position: relative;
    transition: all .28s;
    width: 100%;
    z-index: 1
}

.wrap .header {
    text-align: center
}

.wrap .header .title {
    align-items: center;
    display: flex;
    gap: 18px;
    justify-content: center
}

.wrap .header .title .gradient-text {
    font-size: 52px;
    font-weight: 700;
    line-height: 52px;
    position: relative
}

.wrap .header .title .gradient-text .typing-text {
    background: linear-gradient(14.09666801deg,#764cff,#df52ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap
}

.wrap .header .title .gradient-text .star-icon {
    height: 110px;
    left: 14px;
    position: absolute;
    top: -33px;
    width: 290px
}

.wrap .header .title .text {
    color: #141414;
    font-size: 52px;
    font-weight: 700;
    line-height: 51px;
    white-space: nowrap
}

.wrap .header .subtitle {
    color: #5b5b5b;
    font-size: 32px;
    margin-top: 12px
}

.wrap .cards {
    align-items: center;
    display: flex;
    gap: 80px;
    justify-content: center;
    margin-top: 68px;
    width: 100%
}

.wrap .card {
    align-items: center;
    background: #fff9;
    border: 1px solid #f1edf6;
    border-radius: 20px;
    box-shadow: 0 20px 60px #a796c833;
    display: flex;
    flex-direction: column;
    height: 347px;
    justify-content: space-between;
    padding: 16px 16px 40px;
    position: relative;
    width: 492px
}

.wrap .card .agent-tip {
    background: url(../img/agent-tip.png) no-repeat;
    background-size: 100%;
    color: #5a5f95;
    font-size: 12px;
    height: 40px;
    line-height: 17px;
    padding: 18px 0 0 10px;
    position: absolute;
    right: 0;
    top: 0;
    width: 138px;
    z-index: 10
}

.wrap .card-header {
    background: #fafafd;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    height: 212px;
    padding: 47px 31px 0;
    position: relative;
    width: 100%
}

.wrap .card-title .flex-line {
    align-items: center;
    display: flex
}

.wrap .card-title h2 {
    color: #141414;
    font-family: PingFang SC;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px
}

.wrap .card-title .desc {
    background: linear-gradient(90deg,#ff2121,#ffb246);
    border-radius: 6px;
    box-shadow: 0 1px 4px #00000029;
    color: #fff;
    font-size: 14px;
    height: 26px;
    line-height: 14px;
    margin-left: 8px;
    padding-top: 6px;
    text-align: center;
    width: 70px
}

.wrap .card-title p {
    color: #5b5b5b;
    font-family: PingFang SC;
    font-size: 18px;
    line-height: 26px;
    margin-top: 10px;
    white-space: nowrap
}

.wrap .card-icon {
    position: absolute;
    right: 26px;
    top: 26px;
    width: 134px
}

.wrap .features {
    align-items: center;
    background-size: cover;
    display: flex;
    gap: 18px;
    height: 28px;
    margin-top: 20px;
    padding: 0 8px;
    width: 100%
}

.wrap .features.features-first {
    background-image: url(data:image/png;base64,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Ej2JHnqqCrypgueA54DnkI3HT/DJAc8BzwHPYSosedFJsTngOeA54DkCnqMrftZMDngOeA54Du45hOnI7ITngOeA50j2HIkzHjngOeA54Dm450icjnSehOeA54DnSPYc8a5INArPAc8Bz+HwHAnaHPAc8BzwHA7P4dgc8BzwHPAccbk54DngOeA5nJ7jnP41BzwHPAc8R5LnaIHngOeA53B5Dsf/rYLngOeA59A/6IDngOeA53B4jjPeT8jhOeA54DkCnuPviPxBBzwHPAc8h+055B9bh+eA54DnSPYc6g/lwnPAc8Bz2J5Dfz4TngOeA57D8hx/m7+xDs8BzwHPEdwc3ued4DngOeA5Ap7jtP95DngOeA54Du45TvAPycJzwHPAc3ieI/Bppxg8BzwHPIfZHOccHwWE54DngOdIxE/bn5OF54DngOdQniP5Q+S18BzwHPAc/EUVf7KC54DngOc4G3EmBs8Bz5HunuOXSEiqMuE54DnS2nP0RcJDywOeA54jXT1HbyR1YvAc8Bzp6Tn6Iv2nrLIVngOeI808R++pyABTVhajf2HhOeA5Ln/PEY/39fW5L+N/ZGrwAKhs450AAAAASUVORK5CYII=)
}

.wrap .features.features-first span {
    color: #7b6ea2
}

.wrap .features.features-second {
    background-image: url(data:image/png;base64,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)
}

.wrap .features.features-second span {
    color: #7378ad
}

.wrap .features p {
    align-items: center;
    display: flex
}

.wrap .features .feature-icon {
    margin-right: 5px
}

.wrap .features span {
    font-family: PingFang SC;
    font-size: 14px;
    line-height: 20px
}

.wrap .features-third {
    align-items: center;
    background-image: url(../img/features.png);
    background-size: cover;
    display: flex;
    height: 28px;
    margin-top: 5px;
    padding: 0 8px;
    width: 175px
}

.wrap .features-third img {
    height: 14px;
    margin-right: 5px;
    width: 14px
}

.wrap .features-third span {
    color: #7378ad
}

.wrap .features-third span.text-gradient {
    -webkit-background-clip: text;
    background-clip: text;
    background-image: linear-gradient(90deg,#3b2af9,#f335ec);
    color: transparent
}

.wrap .btn {
    align-items: center;
    -o-border-image: linear-gradient(135deg,hsla(0,0%,100%,.27),hsla(0,0%,100%,0),#fff) 1 1;
    border-image: linear-gradient(135deg,#ffffff45,#fff0,#fff) 1 1;
    border-radius: 100px;
    display: flex;
    height: 64px;
    justify-content: center;
    transition: all .3s ease;
    width: 376px;
	cursor: pointer;
}

.wrap .btn span {
    color: #fff;
    font-size: 20px;
    margin-left: 9px
}

.wrap .btn-primary {
    background: linear-gradient(89deg,#8859ff,#c45eff);
    border: 1px solid hsla(0,0%,100%,.2);
    box-shadow: 0 8px 16px #915aff66;
}

.wrap .btn-primary:hover {
    background: linear-gradient(89deg,#7749e6,#b34ee6);
    box-shadow: 0 8px 20px #915aff80
}

.wrap .btn-secondary {
    background: linear-gradient(270deg,#905aff,#6f76ff);
    border: 1px solid hsla(0,0%,100%,.2);
    box-shadow: 0 8px 16px #6563ff59
}

.wrap .btn-secondary:hover {
    background: linear-gradient(270deg,#8049e6,#5f66e6);
    box-shadow: 0 8px 20px #6563ff73
}

@media screen and (max-width: 1440px) {
    .feature-section {
        height:746px;
        max-width: 1440px
    }

    .wrap {
        margin-top: 130px;
        transform: scale(.93496)
    }
}

@media screen and (max-width: 2560px) {
    .feature-section {
        max-width:2560px
    }
}

@media screen and (min-width: 2560px) {
    .feature-section {
        background-image:url(../img/header_bg2.png);
        border-radius: 0 0 50% 50%/0 0 12% 12%;
        display: flex;
        height: 829px;
        justify-content: center;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        width: 100%
    }

    .feature-section,.feature-section:before {
        background-position: 50%;
        background-size: cover
    }

    .feature-section:before {
        background-image: url(../img/header_bg1.png);
        background-repeat: no-repeat;
        content: "";
        height: 826px;
        left: 50%;
        position: absolute;
        top: 0;
        transform: translate(-50%);
        transition: all .28s;
        width: 2988px
    }

    .feature-section .wrap {
        margin-top: 160px
    }

    .feature-section .wrap .cards {
        margin-top: 60px
    }
}


.freeCard-bg {
    background: linear-gradient(180deg,#fbf9ffcc,#f4eeff 99%);
    background-size: 100% 100%;
    height: 756px
}

.freeCard-bg,.freeCard-content {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.freeCard-content {
    max-width: 1200px;
    transition: all .28s
}

.freeCard-left {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 80px;
    width: 420px
}

.freeCard-new-row {
    transform: translate(5px)
}

.freeCard-new-img {
    height: 20px;
    width: 39px
}

.freeCard-title {
    color: #141414;
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 14px;
    max-width: 425px;
    min-width: 260px
}

.freeCard-desc {
    color: #5b5b5b;
    font-size: 24px;
    margin-bottom: 115px
}

.freeCard-btn {
    align-items: center;
    background: linear-gradient(89deg,#8859ff,#c45eff);
    border: 1px solid hsla(0,0%,100%,.2);
    border-radius: 1000px;
    box-shadow: 0 8px 16px #915aff66;
    cursor: pointer;
    display: flex;
    height: 64px;
    justify-content: center;
    margin-bottom: 0;
    outline: none;
    width: 284px
}

.freeCard-btn:hover {
    background: linear-gradient(89deg,#7749e6,#b34ee6);
    box-shadow: 0 8px 20px #915aff80
}

.freeCard-btn span {
    color: #fff;
    font-size: 18px;
    height: 20px;
    line-height: 20px;
    max-width: 170px;
    min-width: 80px;
    text-align: center
}

.freeCard-right {
    height: 436px;
    position: relative;
    width: 576px
}

.freeCard-right .freeCard-right-inner {
    background: #f7f6fa;
    border-radius: 16px;
    box-shadow: 0 2px 16px #915aff14;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1;
	display: flex;
	align-items: center;
}

.freeCard-right:before {
    background: linear-gradient(153deg,#ffffff7d,#ffffff4d);
    border: 1px solid hsla(0,0%,100%,.6);
    border-radius: 20px;
    box-shadow: 0 25px 60px #978baf42;
    content: "";
    height: calc(100% + 16px);
    left: -8px;
    position: absolute;
    top: -8px;
    width: calc(100% + 16px)
}

@media screen and (max-width: 1440px) {
    .freeCard-bg {
        height:657px
    }

    .freeCard-content {
        transform: scale(.86905)
    }
}



.highlights {
    background: #fff;
    margin: 180px auto;
    transition: all .28s;
    width: 1078px
}

.highlights__title {
    color: #141414;
    font-size: 42px;
    font-weight: 600;
    height: 42px;
    line-height: 42px;
    margin: 0 auto 60px;
    text-align: center;
    white-space: nowrap
}

.highlights__row {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1920px;
    width: 100%
}

.highlights__row:last-child {
    margin-top: 20px
}

.card {
    background: linear-gradient(180deg,#f7f6f9 1%,#fdfdff 94%);
    border: 1px solid #e5e3ea;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 40px;
    position: relative;
    transition: box-shadow .2s;
	border-radius: 20px;
}



.card--large {
    height: 428px;
    width: 450px
}

.card--large:before {
    background: url(../img/index4.png) no-repeat;
    background-position: 50%;
    background-size: cover;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.card--xlarge {
    height: 428px;
    width: 608px
}

.card--xlarge:before {
    background: url(../img/spbanner3.png) no-repeat;
    background-position: 50%;
    background-size: cover;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.card--medium {
    height: 428px;
    width: 346px
}

.card--medium:first-child:before {
    background: url(../img/highlights.png) no-repeat;
    background-position: 50%;
    background-size: cover;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}


.card--medium:last-child:before {
    background: url(../img/highlights2.png) no-repeat;
    background-position: 50%;
    background-size: cover;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.card--medium.card--lottie {
    background: none
}

.card__title {
    color: #141414;
    font-family: PingFangSC-Semibold;
    font-size: 24px;
    margin-bottom: 8px;
    z-index: 1
}

.card__desc {
    color: #5b5b5b;
    font-size: 16px;
    z-index: 1
}

.card__btn {
    bottom: 38px;
    left: 50%;
    opacity: 0;
    position: absolute;
    transform: translate(-50%);
    transition: all .28s;
    z-index: 1;
}

.card__btn span {
    align-items: center;
    background: #2f2c35;
    -o-border-image: linear-gradient(135deg,hsla(0,0%,100%,.27),hsla(0,0%,100%,0),#fff) 1 1;
    border-image: linear-gradient(135deg,#ffffff45,#fff0,#fff) 1 1;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    display: flex;
    font-size: 18px;
    height: 56px;
    justify-content: center;
    position: relative;
    transition: background .2s;
    width: 204px;
    z-index: 1
}

.card__typing {
    bottom: 150px;
    left: 115px;
    position: absolute
}

.card__typing-text {
    align-items: center;
    color: #141414;
    display: flex;
    font-size: 20px;
    font-weight: 400;
    height: 20px
}

.card__cursor {
    animation: blink-cursor-cd5ea75d 1s steps(1) infinite;
    background: #7733f8;
    border-radius: 1px;
    display: inline-block;
    height: 18px;
    margin-left: 2px;
    margin-top: 1px;
    vertical-align: middle;
    width: 2px
}

.card__lottie {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.card:hover .card__btn,.card:hover .card__btn-bg,.card:hover:after {
    opacity: 1
}

@keyframes blink-cursor-cd5ea75d {
    0%,to {
        opacity: 1
    }

    50% {
        opacity: 0
    }
}

@media screen and (max-width: 1440px) {
    .highlights {
        margin:130px auto;
        transform: scale(.91254)
    }
}


.evaluate-box {
    margin: 0 auto 90px;
    max-width: 1200px
}

.evaluate-box .page-title {
    color: #141414;
    font-size: 42px;
    margin: 180px 0 60px;
    text-align: center
}

@media screen and (max-width: 1440px) {
    .page-title {
        margin-top:130px!important
    }

    .evaluate-box {
        transform: scale(.9)
    }
}
.rating-container {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='373' height='420' fill='none' viewBox='0 0 373 420'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='.5' x2='.5' y1='0' y2='1'%3E%3Cstop offset='0%25' stop-color='%23F8F6FF'/%3E%3Cstop offset='100%25' stop-color='%23FFF'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='373' height='420' fill='%23FFF' rx='20'/%3E%3Crect width='373' height='420' fill='%23F8F6FF' rx='20'/%3E%3Crect width='373' height='420' fill='url(%23a)' rx='20'/%3E%3Cpath fill='%23E4DAF7' d='M76.907 41.438q.684-.752 1.384-1.094.7-.344 1.762-.344h8.55q1.49 0 1.937.792.45.79-.234 2.155-3.872 5.74-6.097 13.289-2.226 7.547-2.494 14.452-.431 3.152-3.465 3.152H67.503q-1.76 0-2.639-.799-.877-.798-.608-2.234.574-7.112 3.931-15.208 3.36-8.095 8.721-14.161m-24.192 0q.684-.752 1.384-1.094.7-.344 1.762-.344h8.55q1.49 0 1.937.792.45.79-.234 2.155-3.872 5.74-6.098 13.289-2.225 7.547-2.492 14.452-.433 3.152-3.465 3.152H43.31q-1.76 0-2.639-.799-.877-.798-.607-2.234.573-7.112 3.93-15.208 3.36-8.095 8.721-14.161'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: cover;
    height: 420px;
    padding: 114px 40px 40px;
    position: relative;
    width: 373px
}

.rating-container:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='413' height='460' fill='none' viewBox='0 0 413 460'%3E%3Cdefs%3E%3Cfilter id='a' width='1.511' height='1.442' x='-.256' y='-.221' color-interpolation-filters='sRGB' filterUnits='objectBoundingBox'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur' stdDeviation='20'/%3E%3C/filter%3E%3C/defs%3E%3Cg filter='url(%23a)'%3E%3Crect width='313' height='362' x='60' y='60' fill='%23978BAF' fill-opacity='.4' rx='4'/%3E%3C/g%3E%3C/svg%3E") no-repeat 50%;
    background-size: cover;
    content: "";
    height: 470px;
    left: -20px;
    position: absolute;
    top: -15px;
    width: 413px;
    z-index: -1
}

.user {
    align-items: center;
    bottom: 40px;
    display: flex;
    left: 40px;
    position: absolute
}

.user .avatar {
    background: #fff;
    border-radius: 50%;
    height: 68px;
    margin-right: 20px;
    width: 68px
}

.user .user-info {
    display: flex;
    flex-direction: column
}

.user .user-info .name {
    color: #141414;
    font-size: 18px
}

.user .user-info .label {
    color: #888;
    font-size: 14px
}

.opinion {
    display: -webkit-box;
    -webkit-line-clamp: 43;
    -webkit-box-orient: vertical;
    color: #141414;
    font-size: 18px;
    line-height: 30px;
    overflow: hidden;
    text-align: justify
}

.user-ratings-container {
    position: relative
}

.list-container {
    overflow: hidden;
    padding-bottom: 50px
}

.user-ratings-list {
    -moz-column-gap: 28px;
    column-gap: 28px;
    display: grid;
    grid-auto-flow: column;
    transition: all .15s ease-in-out
}

.arrow-container {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='51' height='51' fill='none' viewBox='0 0 51 51'%3E%3Cpath fill='%23E7E6EB' fill-rule='evenodd' d='M35.536 12.536q.173-.174.329-.364t.292-.394q.137-.204.253-.421t.21-.444q.093-.227.165-.462.071-.235.119-.476.048-.24.072-.485Q37 9.246 37 9q0-.123-.006-.245-.006-.123-.018-.245t-.03-.244-.042-.241-.054-.24-.065-.236-.077-.233-.089-.23-.099-.224q-.053-.11-.11-.219-.058-.108-.121-.214-.063-.105-.132-.207-.068-.102-.141-.2-.073-.1-.151-.194-.078-.095-.16-.186-.083-.09-.17-.178-.086-.086-.177-.169-.091-.082-.186-.16t-.194-.151-.2-.141-.207-.132-.214-.12-.22-.11q-.11-.053-.224-.1-.113-.047-.229-.089-.115-.041-.233-.077-.117-.035-.236-.065-.12-.03-.24-.054t-.241-.042-.244-.03-.245-.018Q32.123 4 32 4q-.246 0-.49.024-.245.024-.485.072-.241.048-.476.12-.235.07-.462.165-.227.094-.444.21t-.42.252-.395.292-.364.33L8.93 25l19.535 19.536q.174.173.364.33.19.155.394.291.204.137.421.253t.444.21q.227.093.462.165.235.071.476.119.24.048.485.072.244.024.49.024.123 0 .245-.006.123-.006.245-.018t.244-.03.241-.042.24-.054.236-.065.233-.077.23-.089.224-.1q.11-.051.219-.11.108-.057.214-.12.105-.064.207-.132t.2-.141q.1-.073.194-.151.095-.078.186-.16.09-.083.178-.17.086-.086.169-.177.082-.091.16-.186t.151-.194.141-.2.132-.207.12-.214.111-.22.1-.224q.046-.113.088-.229.041-.115.077-.233.035-.117.065-.236.03-.12.054-.24t.042-.241.03-.244.018-.245Q37 41.123 37 41q0-.246-.024-.49t-.072-.485-.12-.476q-.07-.235-.165-.462-.094-.227-.21-.444t-.252-.42-.292-.395-.33-.364L23.072 25z'/%3E%3Crect width='51' height='51' fill='none' rx='0'/%3E%3C/svg%3E") no-repeat 50%;
    background-size: cover;
    cursor: pointer;
    height: 50px;
    margin-top: -25px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px
}

.arrow-container.visible {
    opacity: 1;
    visibility: visible
}

.arrow-container.left {
    left: -80px
}

.arrow-container.right {
    right: -80px;
    transform: translateY(-50%) rotate(180deg)
}


.experience-box {
    align-items: center;
    background: linear-gradient(90deg,#f9f9ff,#eae8ff);
    border-radius: 0;
    display: flex;
    flex-direction: column;
    height: 519px;
    margin: 0 auto;
    position: relative;
    width: 100%
}

.experience-title {
    font-size: 48px;
    font-weight: 600;
    height: 50px;
    line-height: 50px;
    top: 137px
}

.experience-subtitle,.experience-title {
    color: #141414;
    font-family: PingFang SC;
    font-style: normal;
    left: 50%;
    position: absolute;
    text-align: left;
    text-transform: none;
    transform: translate(-50%);
    white-space: nowrap
}

.experience-subtitle {
    font-size: 28px;
    font-weight: 500;
    height: 34px;
    line-height: 34px;
    top: 208px
}

.experience-btn {
    align-items: center;
    background: linear-gradient(89deg,#8859ff,#c45eff);
    -o-border-image: linear-gradient(135deg,hsla(0,0%,100%,.27),hsla(0,0%,100%,0),#fff) 1 1;
    border-image: linear-gradient(135deg,#ffffff45,#fff0,#fff) 1 1;
    border-radius: 1000px;
    box-shadow: 0 8px 16px #915aff66;
    cursor: pointer;
    display: flex;
    height: 84px;
    justify-content: center;
    left: 50%;
    outline: none;
    padding: 0;
    position: absolute;
    top: 294px;
    transform: translate(-50%);
    width: 358px
}

.experience-btn:hover {
    background: linear-gradient(89deg,#7749e6,#b34ee6);
    box-shadow: 0 8px 20px #915aff80
}

.btn-text {
    color: #fff;
    font-family: PingFang SC;
    font-size: 30px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    width: 192px
}

@media (max-width: 1440px) {
    .experience-title {
        font-size:42px
    }

    .experience-btn {
        border-radius: 800px;
        box-shadow: 0 6px 13px #915aff66;
        height: 68px;
        width: 286px
    }

    .experience-subtitle {
        height: 36px;
        line-height: 36px
    }

    .btn-text {
        font-size: 26px;
        height: 34px;
        line-height: 34px;
        width: 156px
    }
}