.floatingBarV2___3MkbG {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___1oKtk {
    text-align: center;
    line-height: 400px
}

.wrapper___1oKtk a {
    color: #00aae7;
    text-decoration: underline
}

.floatingBarV2___2fU6M {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.container___fUoGR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    padding: 24px
}

.container___fUoGR .qrCode___B8DAi {
    width: 300px;
    height: 300px
}

.floatingBarV2___2lOho {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___7Makk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100vh
}

.wrapper___7Makk .tips___2sMqj {
    margin-bottom: 24px;
    color: #ef4149
}

.wrapper___7Makk .hidden___RMVpk {
    visibility: hidden
}

.floatingBarV2___1XsIN {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___3wg-z {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 60px 0;
    background: #f5f5f5
}

@media only screen and (max-width: 767px) {
    .wrapper___3wg-z {
        padding:0
    }
}

.container___CSHPc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1200px;
    height: auto
}

@media only screen and (max-width: 767px) {
    .container___CSHPc {
        display:block;
        width: 100%
    }
}

.icon___k8mg- {
    width: 576px;
    height: 325px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

@media only screen and (max-width: 767px) {
    .icon___k8mg- {
        width:100%;
        height: auto;
        padding: 28.125% 0
    }
}

@media only screen and (min-width: 768px) {
    .content___qdVKl {
        position:relative;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-left: 24px
    }
}

@media only screen and (max-width: 767px) {
    .content___qdVKl {
        padding:16px
    }
}

.content___qdVKl .title___2_oyA {
    font-size: 24px;
    font-weight: 500;
    color: #333
}

@media only screen and (max-width: 767px) {
    .content___qdVKl .title___2_oyA {
        font-size:14px
    }
}

.content___qdVKl .desc___2iofx {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 400;
    color: #666
}

@media only screen and (max-width: 767px) {
    .content___qdVKl .desc___2iofx {
        font-size:12px
    }
}

.content___qdVKl .card___2hL1E {
    margin-top: 12px;
    padding: 16px;
    font-size: 12px;
    font-weight: 400;
    color: #333;
    border: 1px solid #e5e5e5;
    background: #fff
}

@media only screen and (min-width: 768px) {
    .content___qdVKl .card___2hL1E {
        position:absolute;
        bottom: 0;
        width: 100%;
        font-size: 14px
    }
}

.content___qdVKl .card___2hL1E .row___2y_NP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.content___qdVKl .card___2hL1E .row___2y_NP:not(:first-child) {
    margin-top: 8px
}

.content___qdVKl .card___2hL1E .row___2y_NP label {
    width: 110px;
    color: #999
}

@media only screen and (max-width: 767px) {
    .content___qdVKl .card___2hL1E .row___2y_NP label {
        width:96px
    }
}

.content___qdVKl .card___2hL1E .row___2y_NP p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.content___qdVKl .card___2hL1E .btn___12FdK {
    position: absolute;
    right: 20px;
    bottom: 20px
}

@media only screen and (max-width: 767px) {
    .content___qdVKl .card___2hL1E .btn___12FdK {
        position:static;
        margin-top: 16px
    }
}

.floatingBarV2___2PNmY {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.title___lH2bs {
    font-size: 20px
}

.container___1lsWZ {
    min-height: 373px;
    padding: 32px;
    font-size: 14px;
    overflow: auto;
    text-align: center;
    background: #fff
}

@media only screen and (max-width: 767px) {
    .container___1lsWZ {
        padding:0;
        background: inherit
    }

    .container___1lsWZ img {
        max-width: 100%
    }
}

.floatingBarV2___2Kgqn {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___3mGIE {
    position: relative;
    background-image: url(https://www-static.qbox.me/_next/static/media/banner.c0767566a4bc618176d141bf00b8497a.jpg);
    background-size: contain;
    aspect-ratio: 3.2
}

.wrapper___3mGIE,.wrapper___3mGIE.mobile___3I5oX {
    background-repeat: no-repeat;
    background-position: 50%
}

.wrapper___3mGIE.mobile___3I5oX {
    background-image: url(https://www-static.qbox.me/_next/static/media/banner-mobile.62cab1686f4752a2ec129ead5dcff6cf.png);
    background-size: cover;
    width: 100vw;
    height: 100vw;
    aspect-ratio: 1;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%)
}

.floatingBarV2___1Z2Ce {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___2xT2E {
    padding: 60px 0 0;
    position: relative
}

.wrapper___2xT2E .text___1U9uP p {
    text-align: center;
    margin-bottom: 12px;
    font-size: 12px
}

.wrapper___2xT2E .text___1U9uP span {
    font-size: 12px
}

.wrapper___2xT2E .text___1U9uP small {
    font-size: 11px;
    opacity: .8
}

@media only screen and (max-width: 767px) {
    .wrapper___2xT2E {
        padding:30px 0 0
    }

    .wrapper___2xT2E .text___1U9uP p {
        margin-bottom: 6px;
        line-height: 1.3
    }

    .wrapper___2xT2E .text___1U9uP small {
        font-family: PingFang SC,sans-serif;
        font-size: 12px;
        font-weight: 400;
        line-height: 100%;
        color: #333;
        display: block;
        width: 274px;
        height: 34px;
        margin: 0 auto;
        text-align: center;
        word-wrap: break-word
    }
}

.floatingBarV2___3u-Yp {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___24soO {
    position: relative
}

.wrapper___24soO>.header___30ASX {
    font-size: 44px;
    font-weight: 600;
    text-align: center
}

.wrapper___24soO>.subheader___3AA7R {
    color: #6d6d6d;
    margin-bottom: 40px;
    text-align: center
}

.wrapper___24soO .list___a2qvo {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    border: 1px solid hsla(0,0%,81.6%,.3);
    border-radius: 8px;
    padding: 20px
}

.wrapper___24soO .list___a2qvo .item___I7Tb9 {
    padding: 30px
}

.wrapper___24soO .list___a2qvo .item___I7Tb9 h3 {
    font-size: 20px;
    font-weight: 500
}

.wrapper___24soO .list___a2qvo .item___I7Tb9 p {
    font-size: 14px;
    color: hsla(0,0%,42.7%,.8)
}

.wrapper___24soO .list___a2qvo .item___I7Tb9 .pcItem___33XDF {
    position: relative;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.wrapper___24soO .list___a2qvo .item___I7Tb9 .pcItem___33XDF h3 {
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 8px
}

.wrapper___24soO .list___a2qvo .item___I7Tb9 .pcItem___33XDF p {
    font-size: 14px;
    color: hsla(0,0%,42.7%,.8);
    margin: 0
}

.wrapper___24soO .list___a2qvo .item___I7Tb9 .pcItem___33XDF .hoverContent___26fbG {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    -webkit-box-shadow: 0 8px 24px rgba(0,0,0,.12);
    box-shadow: 0 8px 24px rgba(0,0,0,.12);
    padding: 20px;
    margin-top: 8px;
    width: 400px;
    pointer-events: auto
}

.wrapper___24soO .list___a2qvo .item___I7Tb9 .pcItem___33XDF .hoverContent___26fbG .section___1JYvs {
    margin-bottom: 20px;
    counter-reset: item
}

.wrapper___24soO .list___a2qvo .item___I7Tb9 .pcItem___33XDF .hoverContent___26fbG .section___1JYvs:last-child {
    margin-bottom: 0
}

.wrapper___24soO .list___a2qvo .item___I7Tb9 .pcItem___33XDF .hoverContent___26fbG .section___1JYvs h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #161616;
    margin: 0 0 12px
}

.wrapper___24soO .list___a2qvo .item___I7Tb9 .pcItem___33XDF .hoverContent___26fbG .section___1JYvs ol {
    margin: 0;
    padding-left: 0
}

.wrapper___24soO .list___a2qvo .item___I7Tb9 .pcItem___33XDF .hoverContent___26fbG .section___1JYvs ol li {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #57606a;
    margin-bottom: 8px;
    list-style: none;
    position: relative;
    padding-left: 20px
}

.wrapper___24soO .list___a2qvo .item___I7Tb9 .pcItem___33XDF .hoverContent___26fbG .section___1JYvs ol li:before {
    content: counter(item) ".";
    counter-increment: item;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 400;
    color: #57606a
}

.wrapper___24soO .list___a2qvo .item___I7Tb9 .pcItem___33XDF .hoverContent___26fbG .section___1JYvs ol li:last-child {
    margin-bottom: 0
}

.wrapper___24soO .list___a2qvo .item___I7Tb9 .pcItem___33XDF .hoverContent___26fbG .section___1JYvs .noContent___2DNgm {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #999;
    margin: 0;
    font-style: italic
}

.wrapper___24soO .icon1___2V7F9 {
    position: absolute;
    left: -90px;
    top: 160px
}

.wrapper___24soO .icon2___2pCXt {
    position: absolute;
    right: -120px;
    top: 360px
}

@media only screen and (max-width: 767px) {
    .wrapper___24soO>.header___30ASX {
        font-size:24px;
        font-weight: 600;
        line-height: 40px;
        color: #333;
        text-align: center;
        margin-bottom: 8px
    }

    .wrapper___24soO>.subheader___3AA7R {
        font-size: 12px;
        font-weight: 400;
        line-height: 100%;
        color: #333;
        text-align: center;
        margin-bottom: 12px
    }

    .wrapper___24soO .icon1___2V7F9,.wrapper___24soO .icon2___2pCXt {
        display: none
    }

    .wrapper___24soO .list___a2qvo {
        padding: 10px;
        grid-template-columns: repeat(1,1fr)
    }

    .wrapper___24soO .list___a2qvo .item___I7Tb9 {
        padding: 0
    }

    .wrapper___24soO .list___a2qvo .item___I7Tb9 .itemHeader___1dxSg {
        padding: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
        -webkit-transition: background-color .2s ease;
        transition: background-color .2s ease
    }

    .wrapper___24soO .list___a2qvo .item___I7Tb9 .itemHeader___1dxSg:hover {
        background-color: hsla(0,0%,94.1%,.5)
    }

    .wrapper___24soO .list___a2qvo .item___I7Tb9 .itemHeader___1dxSg .itemTitle___3A2dc {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .wrapper___24soO .list___a2qvo .item___I7Tb9 .itemHeader___1dxSg .itemTitle___3A2dc h3 {
        font-size: 18px;
        font-weight: 500;
        line-height: 28px;
        color: #333;
        margin: 0 0 4px
    }

    .wrapper___24soO .list___a2qvo .item___I7Tb9 .itemHeader___1dxSg .itemTitle___3A2dc p {
        font-size: 13px;
        font-weight: 400;
        line-height: 22px;
        color: #6d6d6d;
        opacity: .8;
        margin: 0
    }

    .wrapper___24soO .list___a2qvo .item___I7Tb9 .itemHeader___1dxSg .arrow___md8Zu {
        font-size: 12px;
        color: #999;
        -webkit-transition: -webkit-transform .2s ease;
        transition: -webkit-transform .2s ease;
        transition: transform .2s ease;
        transition: transform .2s ease,-webkit-transform .2s ease;
        margin-left: 10px
    }

    .wrapper___24soO .list___a2qvo .item___I7Tb9 .itemHeader___1dxSg .arrow___md8Zu.arrowUp___1nvAx {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }

    .wrapper___24soO .list___a2qvo .item___I7Tb9 .itemContent___2-nW- {
        padding: 0 10px 10px;
        border-top: 1px solid hsla(0,0%,81.6%,.3)
    }

    .wrapper___24soO .list___a2qvo .item___I7Tb9 .itemContent___2-nW- .section___1JYvs {
        margin-bottom: 16px;
        counter-reset: item
    }

    .wrapper___24soO .list___a2qvo .item___I7Tb9 .itemContent___2-nW- .section___1JYvs:first-child {
        margin-top: 16px
    }

    .wrapper___24soO .list___a2qvo .item___I7Tb9 .itemContent___2-nW- .section___1JYvs:last-child {
        margin-bottom: 0
    }

    .wrapper___24soO .list___a2qvo .item___I7Tb9 .itemContent___2-nW- .section___1JYvs h4 {
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
        color: #161616;
        margin: 0 0 8px
    }

    .wrapper___24soO .list___a2qvo .item___I7Tb9 .itemContent___2-nW- .section___1JYvs ol {
        margin: 0;
        padding-left: 0
    }

    .wrapper___24soO .list___a2qvo .item___I7Tb9 .itemContent___2-nW- .section___1JYvs ol li {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        color: #57606a;
        margin-bottom: 6px;
        list-style: none;
        position: relative;
        padding-left: 20px
    }

    .wrapper___24soO .list___a2qvo .item___I7Tb9 .itemContent___2-nW- .section___1JYvs ol li:before {
        content: counter(item) ".";
        counter-increment: item;
        position: absolute;
        left: 0;
        top: 0;
        font-weight: 400;
        color: #57606a
    }

    .wrapper___24soO .list___a2qvo .item___I7Tb9 .itemContent___2-nW- .section___1JYvs ol li:last-child {
        margin-bottom: 0
    }

    .wrapper___24soO .list___a2qvo .item___I7Tb9 .itemContent___2-nW- .section___1JYvs .noContent___2DNgm {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
        color: #999;
        margin: 0;
        font-style: italic
    }

    .wrapper___24soO .list___a2qvo .item___I7Tb9:not(:last-child) {
        border-bottom: 1px solid hsla(0,0%,81.6%,.3)
    }
}

.floatingBarV2___1-OSM {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___2uFXk>.header___1w2JB {
    font-size: 44px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 32px
}

.wrapper___2uFXk .list___eprSJ {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 44px;
    margin-bottom: 40px
}

.wrapper___2uFXk .list___eprSJ,.wrapper___2uFXk .list___eprSJ .item___2CO4Z {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapper___2uFXk .list___eprSJ .item___2CO4Z {
    width: 220px;
    height: 220px;
    background: #f3f9ff;
    border-radius: 8px;
    border: 1px solid #1571f0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    position: relative
}

.wrapper___2uFXk .list___eprSJ .item___2CO4Z img {
    display: block;
    width: 108px;
    height: 108px
}

.wrapper___2uFXk .list___eprSJ .item___2CO4Z h3 {
    font-weight: 600;
    font-size: 20px;
    color: #161616;
    text-align: center
}

.wrapper___2uFXk .list___eprSJ .item___2CO4Z p {
    font-weight: 400;
    font-size: 14px;
    color: #6d6d6d;
    text-align: center
}

.wrapper___2uFXk .list___eprSJ .item___2CO4Z:not(:first-child):after {
    content: "";
    display: block;
    position: absolute;
    left: -34px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url(https://www-static.qbox.me/_next/static/media/arrow.8ebdd3dbe86f3b0c7c093a8eb8f9837c.png)
}

.wrapper___2uFXk .list___eprSJ .group___Cl3at {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    position: relative
}

.wrapper___2uFXk .list___eprSJ .group___Cl3at:after {
    content: "";
    display: block;
    position: absolute;
    left: -34px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: url(https://www-static.qbox.me/_next/static/media/arrow.8ebdd3dbe86f3b0c7c093a8eb8f9837c.png)
}

.wrapper___2uFXk .list___eprSJ .group___Cl3at .item___2CO4Z {
    height: 106px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 12px
}

.wrapper___2uFXk .list___eprSJ .group___Cl3at .item___2CO4Z:after {
    display: none
}

.wrapper___2uFXk .list___eprSJ .group___Cl3at img {
    width: 52px;
    height: 52px;
    margin-left: -10px
}

.wrapper___2uFXk .registration___2BKbW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 480px;
    height: 64px;
    background: linear-gradient(184deg,#66e3fc,#66b6fc 39%,#1571f0);
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    font-weight: 500;
    margin: 0 auto;
    -webkit-box-shadow: 0 0 0 rgba(21,113,240,.2);
    box-shadow: 0 0 0 rgba(21,113,240,.2);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.wrapper___2uFXk .registration___2BKbW:hover {
    -webkit-box-shadow: 0 10px 20px rgba(21,113,240,.2);
    box-shadow: 0 10px 20px rgba(21,113,240,.2)
}

@media only screen and (max-width: 767px) {
    .wrapper___2uFXk>.header___1w2JB {
        font-size:28px
    }

    .wrapper___2uFXk .list___eprSJ {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 28px
    }

    .wrapper___2uFXk .list___eprSJ .item___2CO4Z {
        width: 100%;
        height: auto;
        padding: 14px 24px;
        gap: 24px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .wrapper___2uFXk .list___eprSJ .item___2CO4Z img {
        width: 44px;
        height: 44px;
        margin-bottom: 0
    }

    .wrapper___2uFXk .list___eprSJ .item___2CO4Z .t___zCoVk {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .wrapper___2uFXk .list___eprSJ .item___2CO4Z h3 {
        font-size: 16px;
        text-align: left
    }

    .wrapper___2uFXk .list___eprSJ .item___2CO4Z p {
        text-align: left
    }

    .wrapper___2uFXk .list___eprSJ .item___2CO4Z:after {
        top: -28px!important;
        left: 50%!important;
        -webkit-transform: translateX(-50%) rotate(90deg)!important;
        transform: translateX(-50%) rotate(90deg)!important
    }

    .wrapper___2uFXk .list___eprSJ .group___Cl3at {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .wrapper___2uFXk .list___eprSJ .group___Cl3at:after {
        top: -28px!important;
        left: 50%!important;
        -webkit-transform: translateX(-50%) rotate(90deg)!important;
        transform: translateX(-50%) rotate(90deg)!important
    }

    .wrapper___2uFXk .list___eprSJ .group___Cl3at .item___2CO4Z {
        padding: 14px 24px;
        height: auto
    }

    .wrapper___2uFXk .list___eprSJ .group___Cl3at h3,.wrapper___2uFXk .list___eprSJ .group___Cl3at p {
        text-align: center
    }

    .wrapper___2uFXk .list___eprSJ .group___Cl3at p {
        font-size: 12px
    }

    .wrapper___2uFXk .list___eprSJ .group___Cl3at img,.wrapper___2uFXk .registration___2BKbW {
        display: none
    }
}

.floatingBarV2___16AD- {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

@media only screen and (max-width: 767px) {
    .wrapper___sXKa_ {
        padding:10px
    }
}

.modal___2VChe {
    width: 900px
}

@media only screen and (max-width: 767px) {
    .modal___2VChe {
        border-radius:16px!important
    }
}

.header___3nXQ- {
    border-bottom: none;
    text-align: center;
    font-size: 24px;
    padding-top: 20px
}

.body___1IKhr {
    overflow: auto;
    padding-top: 8px!important
}

@media only screen and (max-width: 767px) {
    .body___1IKhr {
        padding:8px!important
    }
}

.markdown___1r1HI {
    padding: 4px 12px
}

.markdown___1r1HI h4 {
    font-weight: 500;
    margin-top: 0
}

.markdown___1r1HI h4:not(:first-child) {
    margin-top: 16px
}

.markdown___1r1HI ul {
    margin-bottom: 16px
}

@media only screen and (min-width: 768px) {
    .markdown___1r1HI table {
        margin-top:8px;
        width: 100%
    }
}

.markdown___1r1HI td,.markdown___1r1HI th {
    border: 1px solid hsla(0,0%,67.1%,.5);
    text-align: center;
    padding: 10px;
    font-size: 12px
}

@media only screen and (min-width: 768px) {
    .markdown___1r1HI td,.markdown___1r1HI th {
        border:1px solid #ababab
    }
}

.markdown___1r1HI th {
    font-weight: 500
}

.markdown___1r1HI a,.markdown___1r1HI strong {
    color: #1571f0
}

.floatingBarV2___2vfB- {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___3tvBu {
    position: relative;
    background: #f3f9ff;
    padding: 32px
}

.wrapper___3tvBu .header___1WBrq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px
}

.wrapper___3tvBu .header___1WBrq h3 {
    font-size: 22px
}

.wrapper___3tvBu p {
    color: #6d6d6d;
    font-size: 16px
}

.wrapper___3tvBu .btns___J3tWR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    position: absolute;
    right: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.wrapper___3tvBu .btns___J3tWR .copyBtn___1wsTk,.wrapper___3tvBu .btns___J3tWR .loginBtn___3TTZB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    height: 40px;
    border-radius: 3px;
    padding: 0 32px;
    background: #1571f0;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-box-shadow: none;
    box-shadow: none
}

.wrapper___3tvBu .btns___J3tWR .copyBtn___1wsTk:hover,.wrapper___3tvBu .btns___J3tWR .loginBtn___3TTZB:hover {
    -webkit-box-shadow: 0 2px 5px rgba(21,113,240,.2);
    box-shadow: 0 2px 5px rgba(21,113,240,.2);
    background: #237fff
}

.wrapper___3tvBu .btns___J3tWR .detailBtn___36WNL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    height: 40px;
    border-radius: 3px;
    border: 1px solid #1571f0;
    padding: 0 32px;
    color: #1571f0;
    font-size: 16px;
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    background: #f3f9ff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.wrapper___3tvBu .btns___J3tWR .detailBtn___36WNL:hover {
    -webkit-box-shadow: 0 2px 5px rgba(21,113,240,.2);
    box-shadow: 0 2px 5px rgba(21,113,240,.2);
    background: #dbedff
}

@media only screen and (max-width: 767px) {
    .wrapper___3tvBu {
        padding:24px 28px;
        margin-left: -28px;
        margin-right: -28px
    }

    .wrapper___3tvBu p {
        margin-bottom: 16px
    }

    .wrapper___3tvBu .btns___J3tWR {
        position: static;
        gap: 8px;
        -webkit-transform: none;
        transform: none
    }

    .wrapper___3tvBu .btns___J3tWR .copyBtn___1wsTk,.wrapper___3tvBu .btns___J3tWR .detailBtn___36WNL,.wrapper___3tvBu .btns___J3tWR .loginBtn___3TTZB {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        white-space: nowrap;
        padding: 0 20px;
        font-size: 14px
    }

    .wrapper___3tvBu .btns___J3tWR .detailBtn___36WNL {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }
}

.floatingBarV2___3KBi3 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___2WV31 {
    position: relative;
    background: #f3f9ff;
    padding: 32px
}

.wrapper___2WV31 h3 {
    font-size: 18px;
    margin-bottom: 8px
}

.wrapper___2WV31 p {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    padding-right: 180px;
    margin: 0
}

.wrapper___2WV31 .btns___3lakt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    position: absolute;
    right: 40px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.wrapper___2WV31 .btns___3lakt .invitation___10Umv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    height: 40px;
    border-radius: 3px;
    padding: 0 32px;
    background: #1571f0;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-box-shadow: none;
    box-shadow: none
}

.wrapper___2WV31 .btns___3lakt .invitation___10Umv:hover {
    -webkit-box-shadow: 0 2px 5px rgba(21,113,240,.2);
    box-shadow: 0 2px 5px rgba(21,113,240,.2);
    background: #237fff
}

.wrapper___2WV31 .btns___3lakt .rules___LgaCi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    height: 40px;
    border-radius: 3px;
    border: 1px solid #1571f0;
    padding: 0 32px;
    color: #1571f0;
    font-size: 16px;
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    background: #f3f9ff;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none
}

.wrapper___2WV31 .btns___3lakt .rules___LgaCi:hover {
    -webkit-box-shadow: 0 2px 5px rgba(21,113,240,.2);
    box-shadow: 0 2px 5px rgba(21,113,240,.2);
    background: #dbedff;
    text-decoration: none;
    color: #1571f0
}

@media only screen and (max-width: 767px) {
    .wrapper___2WV31 {
        padding:24px 28px;
        margin-left: -28px;
        margin-right: -28px
    }

    .wrapper___2WV31 .header___V6DjK {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .wrapper___2WV31 .header___V6DjK svg {
        margin-top: 5px
    }

    .wrapper___2WV31 p {
        margin-bottom: 16px;
        padding-right: 0
    }

    .wrapper___2WV31 .btns___3lakt {
        position: static;
        -webkit-transform: none;
        transform: none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px;
        margin-top: 16px
    }

    .wrapper___2WV31 .btns___3lakt .invitation___10Umv,.wrapper___2WV31 .btns___3lakt .rules___LgaCi {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 44px;
        font-size: 14px
    }
}

.floatingBarV2___1qtFf {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___3ekSB>.header___2FcN0 {
    font-size: 44px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 40px;
    margin-bottom: 20px;
    border-bottom: 1px solid hsla(0,0%,81.6%,.3)
}

.wrapper___3ekSB>.subHeader___2JPbR {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px
}

.wrapper___3ekSB>.desc___3rHJL {
    font-size: 16px;
    margin-bottom: 40px
}

.wrapper___3ekSB>.desc___3rHJL p {
    margin-bottom: 8px
}

.wrapper___3ekSB>.desc___3rHJL a,.wrapper___3ekSB>.desc___3rHJL strong {
    color: #1571f0;
    font-weight: 500
}

.wrapper___3ekSB .empty___Ulqn4 {
    border-radius: 6px;
    border: 1px solid hsla(0,0%,81.6%,.3);
    padding: 40px 0 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.wrapper___3ekSB .empty___Ulqn4 .icon___3yz9Z {
    display: block;
    width: 200px;
    height: 134px;
    background: url(https://www-static.qbox.me/_next/static/media/empty.951b25b66d9ff04f15bb6566b8236f0c.png)
}

.wrapper___3ekSB .empty___Ulqn4 p {
    font-weight: 400;
    font-size: 16px;
    color: #6d6d6d
}

.wrapper___3ekSB>.list___rrsGW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 32px
}

.wrapper___3ekSB>.list___rrsGW .item___1u75J {
    width: calc((100% - 64px)/3);
    padding: 32px;
    border: 1px solid hsla(0,0%,81.6%,.3);
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.wrapper___3ekSB>.list___rrsGW .item___1u75J h3 {
    font-size: 24px;
    color: #161616;
    border-bottom: 1px solid #ddd;
    padding-bottom: 18px;
    margin-bottom: 15px;
    position: relative
}

.wrapper___3ekSB>.list___rrsGW .item___1u75J h3:after {
    position: absolute;
    left: 0;
    bottom: -2px;
    content: "";
    display: block;
    width: 48px;
    height: 3px;
    background: #000
}

.wrapper___3ekSB>.list___rrsGW .item___1u75J p {
    font-size: 16px;
    color: #6d6d6d;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 20px
}

.wrapper___3ekSB>.list___rrsGW .item___1u75J .detail___2sbP5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    background: #1571f0;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-box-shadow: none;
    box-shadow: none
}

.wrapper___3ekSB>.list___rrsGW .item___1u75J .detail___2sbP5:hover {
    -webkit-box-shadow: 0 2px 5px rgba(21,113,240,.2);
    box-shadow: 0 2px 5px rgba(21,113,240,.2);
    background: #237fff
}

@media only screen and (max-width: 767px) {
    .wrapper___3ekSB>.header___2FcN0 {
        font-size:28px;
        padding-bottom: 24px
    }

    .wrapper___3ekSB .empty___Ulqn4 {
        padding: 20px 0 26px
    }

    .wrapper___3ekSB>.desc___3rHJL {
        margin-bottom: 24px
    }

    .wrapper___3ekSB>.list___rrsGW {
        gap: 16px
    }

    .wrapper___3ekSB>.list___rrsGW .item___1u75J {
        width: 100%;
        padding: 20px
    }

    .wrapper___3ekSB>.list___rrsGW .item___1u75J h3 {
        font-size: 20px
    }

    .wrapper___3ekSB>.list___rrsGW .item___1u75J p {
        margin-bottom: 16px
    }
}

.detailModal___2oLQM strong {
    color: #333
}

.floatingBarV2___2kSeq {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___contH>.header___q-wLg {
    font-size: 44px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 40px;
    margin-bottom: 20px;
    border-bottom: 1px solid hsla(0,0%,81.6%,.3)
}

.wrapper___contH>h4 {
    font-weight: 600;
    font-size: 20px;
    color: #161616;
    text-align: justify;
    font-style: normal;
    margin-bottom: 24px
}

.wrapper___contH .open___34Zj9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin-bottom: 16px
}

.wrapper___contH .open___34Zj9 .arrow___31VpP {
    width: 24px;
    height: 24px
}

.wrapper___contH .open___34Zj9 .arrow___31VpP.rotated___2X7sp {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.wrapper___contH .body___1pDPz {
    overflow: hidden;
    -webkit-transition: max-height .3s ease,opacity .3s ease;
    transition: max-height .3s ease,opacity .3s ease;
    max-height: 2000px;
    opacity: 1
}

.wrapper___contH .body___1pDPz.hidden___3-rbN {
    max-height: 0;
    opacity: 0;
    margin: 0;
    padding: 0
}

.wrapper___contH .rules___3WADw {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 24px;
    margin-bottom: 40px
}

.wrapper___contH .rules___3WADw .item___1d5nk {
    border-radius: 6px;
    border: 1px solid hsla(0,0%,81.6%,.3);
    padding: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px
}

.wrapper___contH .rules___3WADw .item___1d5nk img {
    width: 120px;
    height: 120px;
    display: block
}

.wrapper___contH .rules___3WADw .item___1d5nk h5 {
    font-weight: 500;
    font-size: 24px;
    color: #161616
}

.wrapper___contH .rules___3WADw .item___1d5nk p {
    font-weight: 400;
    font-size: 14px;
    color: #6d6d6d;
    text-align: center;
    width: 60%
}

.wrapper___contH h4 {
    font-size: 20px;
    margin-bottom: 20px
}

.wrapper___contH .textRules___ypnvN {
    font-size: 14px;
    margin-bottom: 40px
}

.wrapper___contH .textRules___ypnvN .content___1Ku8I {
    display: block;
    margin-bottom: 8px
}

.wrapper___contH .textRules___ypnvN .content___1Ku8I ul {
    padding-left: 20px
}

.wrapper___contH .textRules___ypnvN .content___1Ku8I ul li {
    list-style: decimal!important;
    margin-bottom: 8px
}

@media only screen and (max-width: 767px) {
    .wrapper___contH>.header___q-wLg {
        font-size:28px;
        padding-bottom: 24px
    }

    .wrapper___contH .open___34Zj9 {
        margin-bottom: 12px
    }

    .wrapper___contH .open___34Zj9 .arrow___31VpP {
        width: 20px;
        height: 20px
    }

    .wrapper___contH>h4 {
        margin-bottom: 12px
    }

    .wrapper___contH .rules___3WADw {
        grid-template-columns: repeat(1,1fr);
        gap: 16px;
        margin-bottom: 24px
    }

    .wrapper___contH .rules___3WADw .item___1d5nk {
        padding: 20px 0;
        gap: 4px
    }

    .wrapper___contH .rules___3WADw .item___1d5nk img {
        width: 80px;
        height: 80px
    }

    .wrapper___contH .rules___3WADw .item___1d5nk h5 {
        font-size: 18px
    }

    .wrapper___contH .rules___3WADw .item___1d5nk p {
        width: 80%
    }

    .wrapper___contH .textRules___ypnvN {
        margin-bottom: 24px
    }
}

.floatingBarV2___3LWza {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___1AGo7>.header___5sZza {
    font-size: 44px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 40px
}

.wrapper___1AGo7>.awardsList___1Ntn6 {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 24px
}

.wrapper___1AGo7>.awardsList___1Ntn6 .item___1JA1b {
    border-radius: 6px;
    border: 1px solid hsla(0,0%,81.6%,.3);
    padding: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapper___1AGo7>.awardsList___1Ntn6 .item___1JA1b img {
    display: block;
    width: 100px;
    height: 100px;
    margin-bottom: 8px
}

.wrapper___1AGo7>.awardsList___1Ntn6 .item___1JA1b h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    gap: 6px;
    margin-bottom: 5px
}

.wrapper___1AGo7>.awardsList___1Ntn6 .item___1JA1b h3 span {
    color: #fec246;
    font-size: 16px;
    line-height: 1;
    background: #fff9ee;
    border-radius: 3px;
    border: 1px solid #fec246;
    font-weight: 400;
    padding: 2px 5px
}

.wrapper___1AGo7>.awardsList___1Ntn6 .item___1JA1b strong {
    font-size: 26px
}

@media only screen and (max-width: 767px) {
    .wrapper___1AGo7>.header___5sZza {
        font-size:28px;
        padding-bottom: 24px
    }

    .wrapper___1AGo7>.awardsList___1Ntn6 {
        grid-template-columns: repeat(2,1fr);
        gap: 16px
    }

    .wrapper___1AGo7>.awardsList___1Ntn6 .item___1JA1b {
        padding: 16px 0 10px
    }

    .wrapper___1AGo7>.awardsList___1Ntn6 .item___1JA1b img {
        width: 80px;
        height: 80px;
        margin-bottom: 0
    }

    .wrapper___1AGo7>.awardsList___1Ntn6 .item___1JA1b h3 {
        font-size: 16px;
        margin-bottom: 0
    }

    .wrapper___1AGo7>.awardsList___1Ntn6 .item___1JA1b h3 span {
        font-size: 12px
    }

    .wrapper___1AGo7>.awardsList___1Ntn6 .item___1JA1b strong {
        font-size: 16px
    }
}

.floatingBarV2___2EK7n {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___GXYXe {
    background: #fff
}

.wrapper___GXYXe .header___30xE1 {
    font-size: 44px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 40px
}

.wrapper___GXYXe .content___3LWnN {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 60px;
    padding-bottom: 20px
}

.wrapper___GXYXe .content___3LWnN .item___1_Mz6 {
    background-color: #f0f7ff;
    padding: 24px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.wrapper___GXYXe .content___3LWnN .item___1_Mz6 .icon___3DrpP {
    margin-bottom: 46px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.wrapper___GXYXe .content___3LWnN .item___1_Mz6 p {
    font-size: 24px;
    font-weight: 500;
    color: #161616;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.wrapper___GXYXe .content___3LWnN .item___1_Mz6.active___16ZSo {
    color: #fff;
    background-color: #368ef5
}

.wrapper___GXYXe .content___3LWnN .item___1_Mz6.active___16ZSo p {
    color: #fff
}

@media only screen and (max-width: 767px) {
    .wrapper___GXYXe .header___30xE1 {
        font-size:28px;
        padding-bottom: 24px
    }

    .wrapper___GXYXe .content___3LWnN {
        gap: 20px;
        grid-template-columns: repeat(1,1fr);
        padding-bottom: 0
    }

    .wrapper___GXYXe .content___3LWnN .item___1_Mz6 {
        padding: 16px
    }

    .wrapper___GXYXe .content___3LWnN .item___1_Mz6 .icon___3DrpP {
        margin-bottom: 18px
    }

    .wrapper___GXYXe .content___3LWnN .item___1_Mz6 p {
        font-size: 16px
    }
}

.floatingBarV2___2Ty_i {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___30vet {
    background: #fff;
    padding: 0 0 40px
}

.wrapper___30vet .videoContainer___34GsS {
    margin: 0 auto 32px;
    border-radius: 8px;
    overflow: hidden;
    max-width: 800px;
    -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.1);
    box-shadow: 0 4px 12px rgba(0,0,0,.1)
}

.wrapper___30vet .videoContainer___34GsS .video___1C13a {
    width: 100%;
    height: auto;
    display: block
}

.wrapper___30vet .description___2pbce {
    max-width: 800px;
    margin: 0 auto;
    text-align: left
}

.wrapper___30vet .description___2pbce .title___31Wy0 {
    font-size: 24px;
    font-weight: 600;
    color: #161616;
    margin: 0 0 16px;
    line-height: 32px;
    letter-spacing: 0
}

.wrapper___30vet .description___2pbce .content___14lpy {
    font-size: 16px;
    font-weight: 400;
    color: #666;
    line-height: 1.6;
    margin: 0;
    text-align: left
}

@media only screen and (max-width: 767px) {
    .wrapper___30vet {
        padding:0 0 24px
    }

    .wrapper___30vet .videoContainer___34GsS {
        border-radius: 6px
    }

    .wrapper___30vet .description___2pbce {
        text-align: left
    }

    .wrapper___30vet .description___2pbce .title___31Wy0 {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        letter-spacing: 0;
        margin-bottom: 12px
    }

    .wrapper___30vet .description___2pbce .content___14lpy {
        font-size: 14px;
        line-height: 1.5
    }
}

.floatingBarV2___VYJ6d {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___2YKa_ {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: visibility 0s,opacity .3s;
    transition: visibility 0s,opacity .3s
}

.wrapper___2YKa_.hidden___1plZS {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s .3s,opacity .3s;
    transition: visibility 0s .3s,opacity .3s
}

.mask___2Tjwo {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5)
}

@media only screen and (max-width: 767px) {
    .mask___2Tjwo {
        display:block;
        background-color: rgba(0,0,0,.15)
    }
}

.modal___2Taw8 {
    border-radius: 12px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.08);
    box-shadow: 0 0 20px 0 rgba(0,0,0,.08);
    position: relative;
    z-index: 2001;
    width: 1294px;
    height: 80%;
    min-height: 400px;
    max-height: 800px
}

@media only screen and (max-width: 767px) {
    .modal___2Taw8 {
        border-radius:0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.modal___2Taw8 .spin___2jM_Q {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: hsla(0,0%,100%,.7)
}

@media only screen and (max-width: 767px) {
    .wrapper___2YKa_.slideUp___2TK3M .modal___2Taw8 {
        position:absolute;
        bottom: 0;
        -webkit-transition: bottom .3s ease-in-out;
        transition: bottom .3s ease-in-out;
        width: 100%
    }

    .wrapper___2YKa_.slideUp___2TK3M.hidden___1plZS .modal___2Taw8 {
        position: absolute;
        bottom: -100%;
        -webkit-transition: bottom .3s ease-in-out;
        transition: bottom .3s ease-in-out
    }

    .wrapper___2YKa_.full___3ZGhO .modal___2Taw8 {
        width: 100%;
        height: 100%;
        max-height: none;
        border-radius: 0
    }
}

.header___1hfX5 {
    padding: 16px 24px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    color: #333;
    border-bottom: 1px solid #eee;
    clear: both
}

.header___1hfX5 .closeBtn___2FK_8 {
    float: right;
    margin: -2px 0 0 -24px;
    background-color: transparent;
    cursor: pointer
}

.header___1hfX5 .closeBtn___2FK_8 .closeIcon___WQY37 path {
    fill: #bfbfbf;
    -webkit-transition: .2s;
    transition: .2s
}

.header___1hfX5 .closeBtn___2FK_8:hover .closeIcon___WQY37 path {
    fill: #999
}

.modalWithHeader___1davm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    overflow: hidden
}

.modalWithHeader___1davm .left___1SN-z {
    width: 494px;
    background: -webkit-gradient(linear,right top,left top,color-stop(-20%,#66e3fc),color-stop(34%,#37a0f5),to(#1571f0));
    background: linear-gradient(270deg,#66e3fc -20%,#37a0f5 34%,#1571f0);
    padding: 60px 30px;
    color: #eee;
    overflow: auto
}

@media only screen and (max-width: 767px) {
    .modalWithHeader___1davm .left___1SN-z {
        display:none
    }
}

.modalWithHeader___1davm .left___1SN-z>.title___2NbgS {
    height: 60px;
    line-height: 60px;
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #fff
}

.modalWithHeader___1davm .left___1SN-z .block___2L95Q:not(:last-child) {
    margin-bottom: 24px
}

.modalWithHeader___1davm .left___1SN-z .block___2L95Q>.title___2NbgS {
    height: 28px;
    line-height: 28px;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 12px;
    color: #fff
}

.modalWithHeader___1davm .left___1SN-z .block___2L95Q>.desc___2s18l {
    font-size: 14px;
    color: hsla(0,0%,100%,.6)
}

.modalWithHeader___1davm .left___1SN-z .block___2L95Q>.desc___2s18l>ol li {
    list-style-type: decimal;
    list-style-position: inside;
    font-size: 14px;
    color: hsla(0,0%,100%,.6)
}

.modalWithHeader___1davm .right___2o2fe {
    width: 800px;
    overflow-y: scroll
}

.modalWithHeader___1davm .body___3vl3J {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 32px
}

.floatingBarV2___1tbsn {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

@media only screen and (max-width: 767px) {
    .modal___39Wqe {
        padding:10px
    }
}

@media only screen and (max-width: 767px) {
    .inmodel___3wd2b {
        border-radius:16px!important
    }
}

.modal___39Wqe {
    width: 100%;
    height: 100%;
    overflow-y: scroll
}

.modal___39Wqe .modalBody___34l0Q {
    background: #fff;
    padding: 0 32px 32px!important
}

.modal___39Wqe .modalBody___34l0Q .icecream-form-footer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modal___39Wqe .newModalHeader___3786A {
    background-color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    border: none;
    padding: 24px 16px 0
}

.formItemGroupRoot___2h0Ph {
    background-color: #fff
}

.formItemGroupRoot___2h0Ph .block___AHr7R {
    padding: 12px 0
}

.formItemGroupRoot___2h0Ph .block___AHr7R .otherDirection___2td4F {
    margin-top: 12px
}

@media only screen and (max-width: 767px) {
    .formItemGroupRoot___2h0Ph .block___AHr7R {
        padding:20px 0
    }

    .formItemGroupRoot___2h0Ph .block___AHr7R:not(:last-child) {
        border-bottom: 1px solid #babac1
    }
}

.formItemGroupRoot___2h0Ph .block___AHr7R .title___3VPLT {
    text-align: left;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 16px;
    color: #333
}

.formItemGroupRoot___2h0Ph .block___AHr7R .title___3VPLT strong {
    color: #ef4149;
    margin-left: 4px
}

.formItemGroupRoot___2h0Ph .block___AHr7R .signupType___31WiY {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px
}

@media only screen and (max-width: 767px) {
    .formItemGroupRoot___2h0Ph .block___AHr7R .signupType___31WiY {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0
    }

    .formItemGroupRoot___2h0Ph .block___AHr7R .signupType___31WiY>div:not(:last-child) {
        margin-bottom: 12px
    }
}

.formItemGroupRoot___2h0Ph .block___AHr7R .accessToInfo___3i7Xu:not(:last-child),.formItemGroupRoot___2h0Ph .block___AHr7R .isKnowRules___t2ELS:not(:last-child) {
    margin-bottom: 12px
}

.formItemGroupRoot___2h0Ph .block___AHr7R .teamInfo___hNWRH {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 767px) {
    .formItemGroupRoot___2h0Ph .block___AHr7R .teamInfo___hNWRH {
        display:block
    }
}

.formItemGroupRoot___2h0Ph .block___AHr7R .teamInfo___hNWRH .icecream-form-item {
    width: 48%;
    margin-bottom: 12px!important
}

@media only screen and (max-width: 767px) {
    .formItemGroupRoot___2h0Ph .block___AHr7R .teamInfo___hNWRH .icecream-form-item {
        width:100%
    }
}

.verificationCodeTip___3dZVC {
    font-size: 12px;
    color: #999
}

.verificationCodeTip___3dZVC li {
    list-style-type: decimal;
    list-style-position: inside
}

.submitBtn___2zTuF {
    height: 40px;
    width: 280px;
    background: #1571f0;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer
}

.submitBtn___2zTuF:hover {
    background-color: #3689ff
}

.icecreamModal___2gJOA .ant-modal-content {
    border-radius: 12px;
    -webkit-box-shadow: 0 8px 32px rgba(0,0,0,.12);
    box-shadow: 0 8px 32px rgba(0,0,0,.12)
}

.icecreamModal___2gJOA .ant-modal-close-x {
    margin-top: 8px;
    color: #999
}

.icecreamModal___2gJOA .ant-modal-confirm-body .ant-modal-confirm-title {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    margin-top: 8px;
    color: #333
}

.icecreamModal___2gJOA .ant-modal-confirm-body .ant-modal-confirm-title .anticon.anticon-check-circle {
    display: none
}

.icecreamModal___2gJOA .ant-btn-success {
    background-color: #1571f0;
    color: #fff;
    border: none;
    border-radius: 6px;
    height: 40px;
    padding: 0 24px;
    font-size: 14px;
    font-weight: 500
}

.icecreamModal___2gJOA .ant-btn-success:hover {
    background-color: #3689ff
}

.icecreamModal___2gJOA .ant-modal-confirm-btns {
    margin-top: 0;
    float: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0 0
}

.icecreamModal___2gJOA .ant-modal-confirm-content {
    padding: 0;
    margin-top: 0
}

.successModalQrcode___DyBib {
    width: 100%;
    text-align: center;
    padding: 20px 0
}

.successModalQrcode___DyBib .qrcodeImage___3Thws {
    width: 200px;
    height: 200px;
    margin-bottom: 16px;
    border-radius: 8px
}

.successModalQrcode___DyBib .instructionText___REdst {
    font-size: 14px;
    color: #333;
    margin-bottom: 20px;
    line-height: 1.5
}

.successModalQrcode___DyBib .promotionText___1SsZg {
    text-align: center;
    font-size: 13px;
    color: #333;
    line-height: 1.6
}

.successModalQrcode___DyBib .promotionText___1SsZg .promotionLine1___1oDmK {
    margin-bottom: 8px
}

.successModalQrcode___DyBib .promotionText___1SsZg .promotionLine2___24uuR .freeClaim___3dK-D {
    color: #1571f0;
    font-weight: 500;
    cursor: pointer;
    text-decoration: none
}

.successModalQrcode___DyBib .promotionText___1SsZg .promotionLine2___24uuR .freeClaim___3dK-D:hover {
    text-decoration: underline
}

.upload___smTc6 {
    width: 102px;
    height: 102px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px dashed #bfbfbf;
    border-radius: 2px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer
}

.upload___smTc6 svg {
    width: 20px;
    height: 20px
}

.upload___smTc6:hover {
    border: 1px dashed #33c8ef;
    background-color: rgba(51,200,239,.1);
    color: #33c8ef
}

.upload___smTc6.hasFile___yAVxs {
    border: 1px solid #f3f9ff;
    background-color: rgba(51,200,239,.1);
    position: relative
}

.upload___smTc6.hasFile___yAVxs .icon___3tTgB {
    display: block;
    width: 36px;
    height: 40px;
    background: url(https://www-static.qbox.me/_next/static/media/icon-resume.f3583f797bf99c8f5d0ff364ae31e35c.png)
}

.upload___smTc6.hasFile___yAVxs .close___2pphT {
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0
}

.filename___2j2sj {
    padding-top: 4px;
    opacity: .6
}

.error___2wSxY {
    color: #ef4149;
    margin-top: 8px
}

.radioItem___1JzS- {
    position: relative;
    width: auto
}

.radioItem___1JzS- .pop___25sRD {
    position: absolute;
    left: 0;
    bottom: -40px;
    white-space: nowrap;
    border: 1px solid #ffa400;
    background-color: #fff8ea;
    color: #ffa400;
    line-height: 1;
    padding: 6px 8px;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px
}

.radioItem___1JzS- .pop___25sRD:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-left: 1px solid #ffa400;
    border-top: 1px solid #ffa400;
    border-top-right-radius: 2px;
    background-color: #fff8ea;
    position: absolute;
    top: -1px;
    left: 50px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

@media only screen and (max-width: 767px) {
    .radioItem___1JzS- .pop___25sRD {
        position:relative;
        white-space: wrap;
        left: auto;
        bottom: auto;
        margin-top: 10px;
        line-height: 1.5;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.floatingBarV2___2c7Sb {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___1TZ_p {
    background-image: url(https://www-static.qbox.me/_next/static/media/footer.6c4578b3cf55555ccda8e27d6de361ef.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: bottom;
    height: 460px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 40px
}

.wrapper___1TZ_p .qrcode___1VNhR {
    background: #fff;
    -webkit-box-shadow: 0 4px 8px -2px rgba(0,0,0,.09);
    box-shadow: 0 4px 8px -2px rgba(0,0,0,.09);
    border-radius: 6px;
    border: 1px solid hsla(0,0%,81.6%,.3);
    padding: 12px
}

.wrapper___1TZ_p .qrcode___1VNhR img {
    display: block;
    width: 136px;
    height: 136px;
    background: #d8d8d8
}

.wrapper___1TZ_p .qrcode___1VNhR p {
    padding-top: 8px;
    display: block;
    text-align: center;
    font-size: 14px;
    color: #161616
}

@media only screen and (max-width: 767px) {
    .wrapper___1TZ_p {
        height:300px;
        background-size: auto 100%;
        gap: 10px
    }

    .wrapper___1TZ_p .qrcode___1VNhR {
        padding: 6px
    }

    .wrapper___1TZ_p .qrcode___1VNhR img {
        width: 100px;
        height: 100px
    }
}

.floatingBarV2___1D4xr {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.floatingButtons___3EDHv {
    position: fixed;
    right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    gap: 16px;
    z-index: 1000
}

.floatingButtons___3EDHv,.floatingButtons___3EDHv .buttonItem___2gaE_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.floatingButtons___3EDHv .buttonItem___2gaE_ {
    width: 66px;
    height: 66px;
    background: #f7faff;
    border-radius: 5px;
    border: 1px solid #1571f0;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #161616;
    font-size: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 4px;
    position: relative
}

.floatingButtons___3EDHv .buttonItem___2gaE_:hover {
    background-color: #1571f0;
    color: #fff;
    -webkit-box-shadow: 0 6px 16px rgba(21,113,240,.2);
    box-shadow: 0 6px 16px rgba(21,113,240,.2)
}

.floatingButtons___3EDHv .buttonItem___2gaE_.uploadButton___2IMV_ {
    height: 85px;
    text-align: center
}

.floatingButtons___3EDHv .buttonItem___2gaE_ .qrCode___34Sd4 {
    position: absolute;
    right: 70px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 8px;
    padding: 16px;
    -webkit-box-shadow: 0 4px 20px rgba(0,0,0,.15);
    box-shadow: 0 4px 20px rgba(0,0,0,.15);
    text-align: center;
    z-index: 1001;
    -webkit-animation: qrFadeIn___1zOpx .3s ease-out;
    animation: qrFadeIn___1zOpx .3s ease-out
}

.floatingButtons___3EDHv .buttonItem___2gaE_ .qrCode___34Sd4 img {
    width: 140px;
    height: 140px;
    border-radius: 4px;
    margin-bottom: 8px
}

.floatingButtons___3EDHv .buttonItem___2gaE_ .qrCode___34Sd4 p {
    margin: 0;
    font-size: 12px;
    color: #666;
    font-weight: 500
}

.floatingButtons___3EDHv .buttonItem___2gaE_ .qrCode___34Sd4:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -6px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 6px solid #fff;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent
}

@-webkit-keyframes qrFadeIn___1zOpx {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50%) translateX(10px);
        transform: translateY(-50%) translateX(10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(-50%) translateX(0);
        transform: translateY(-50%) translateX(0)
    }
}

@keyframes qrFadeIn___1zOpx {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50%) translateX(10px);
        transform: translateY(-50%) translateX(10px)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(-50%) translateX(0);
        transform: translateY(-50%) translateX(0)
    }
}

@media only screen and (max-width: 767px) {
    .floatingButtons___3EDHv {
        left:0;
        right: 0;
        top: auto;
        bottom: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-transform: none;
        transform: none;
        background-color: #fff;
        -webkit-box-shadow: 0 0 10px rgba(9,62,137,.2);
        box-shadow: 0 0 10px rgba(9,62,137,.2);
        background: #1571f0
    }

    .floatingButtons___3EDHv .buttonItem___2gaE_ {
        border: none;
        background: none;
        font-size: 20px;
        width: 100%;
        color: #fff
    }

    .floatingButtons___3EDHv .buttonItem___2gaE_.uploadButton___2IMV_ {
        height: 60px
    }

    .floatingButtons___3EDHv .buttonItem___2gaE_ svg,.floatingButtons___3EDHv .hideInMobile___2kfX6 {
        display: none
    }
}

.floatingBarV2___2zS26 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___3fwv5 .header___3-va7 {
    font-size: 44px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 32px
}

.wrapper___3fwv5 .list____sHBv .item___2oc_b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 20px
}

.wrapper___3fwv5 .list____sHBv .item___2oc_b:nth-child(2n) {
    background-color: #f0f7ff;
    border-radius: 6px
}

.wrapper___3fwv5 .list____sHBv .item___2oc_b p:first-child {
    width: 160px
}

.wrapper___3fwv5 .list____sHBv .item___2oc_b p:nth-child(2) {
    width: 280px
}

.wrapper___3fwv5 .list____sHBv .item___2oc_b p:nth-child(3) {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.wrapper___3fwv5 .list____sHBv .item___2oc_b img {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px
}

.wrapper___3fwv5 .list____sHBv .listTitle___1n7NK {
    font-weight: 500
}

@media only screen and (max-width: 767px) {
    .wrapper___3fwv5 {
        width:100%
    }

    .wrapper___3fwv5 .list____sHBv .item___2oc_b {
        padding: 12px;
        font-size: 12px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .wrapper___3fwv5 .list____sHBv .item___2oc_b p:first-child {
        width: 90px
    }

    .wrapper___3fwv5 .list____sHBv .item___2oc_b p:nth-child(2) {
        width: 120px
    }

    .wrapper___3fwv5 .header___3-va7 {
        font-size: 28px
    }
}

.floatingBarV2___1j32C {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___3SKUR {
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wrapper___3SKUR .button___XSmV1 {
    height: 84px;
    padding: 0 30px 0 18px;
    background-color: #1571f0;
    border-radius: 42px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    font-size: 28px;
    cursor: pointer;
    border: 2px solid #d0f0ff;
    -webkit-box-shadow: 0 0 27px 13px rgba(45,135,248,.1);
    box-shadow: 0 0 27px 13px rgba(45,135,248,.1);
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.wrapper___3SKUR .button___XSmV1,.wrapper___3SKUR .button___XSmV1 .arrow___2FmSv {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapper___3SKUR .button___XSmV1 .arrow___2FmSv {
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0 0 68.55px 3px rgba(255,243,219,.5);
    box-shadow: 0 0 68.55px 3px rgba(255,243,219,.5)
}

.wrapper___3SKUR .button___XSmV1:hover {
    -webkit-box-shadow: 0 0 27px 13px rgba(45,135,248,.2);
    box-shadow: 0 0 27px 13px rgba(45,135,248,.2);
    background-color: #2982ff
}

@media only screen and (max-width: 767px) {
    .wrapper___3SKUR {
        padding:12px 0;
        display: none
    }
}

.floatingBarV2___onCr2 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.activity1024Page___1u8Vv {
    background: #fff;
    position: relative
}

.activity1024Page___1u8Vv>.content___2Lq2z {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 60px;
    width: 1200px;
    margin: 0 auto
}

@media only screen and (max-width: 767px) {
    .activity1024Page___1u8Vv>.content___2Lq2z {
        width:auto;
        padding: 0 28px;
        gap: 30px
    }
}

.floatingBarV2___2CSz2 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___1OKfZ {
    padding: 36px 0
}

.container___1oROS {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 1200px;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 767px) {
    .container___1oROS {
        width:100%
    }
}

@media only screen and (min-width: 1600px) {
    .container___1oROS {
        width:1420px
    }
}

@media only screen and (max-width: 767px) {
    .container___1oROS {
        padding:16px
    }
}

@media only screen and (min-width: 768px) {
    .card___C7xyo {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin: 0;
        padding: 24px;
        background: #fff;
        border: 1px solid #e5edf4;
        border-radius: 4px
    }
}

@media only screen and (max-width: 767px) {
    .card___C7xyo {
        width:100%;
        height: auto;
        border-radius: 2px;
        overflow: hidden;
        border: 1px solid #e5edf4
    }
}

.card___C7xyo:not(:first-child) {
    margin-top: 28px
}

@media only screen and (max-width: 767px) {
    .card___C7xyo:not(:first-child) {
        margin-top:16px
    }
}

.icon___250mm {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 376px;
    flex: 0 0 376px;
    height: 212px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

@media only screen and (max-width: 767px) {
    .icon___250mm {
        width:100%;
        height: auto;
        padding: 28.125% 0
    }
}

@media only screen and (min-width: 768px) {
    .content___3KcBT {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 24px
    }
}

@media only screen and (max-width: 767px) {
    .content___3KcBT {
        padding:16px;
        background: #fff
    }
}

.content___3KcBT .title___3VQtL {
    font-size: 20px;
    font-weight: 500;
    color: #333
}

@media only screen and (max-width: 767px) {
    .content___3KcBT .title___3VQtL {
        font-size:14px
    }
}

.content___3KcBT .desc___hkwhL {
    margin-top: 12px;
    font-size: 14px;
    font-weight: 400;
    color: #666
}

@media only screen and (max-width: 767px) {
    .content___3KcBT .desc___hkwhL {
        font-size:12px
    }
}

.content___3KcBT .time___vw2uT {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 12px 0;
    font-size: 14px;
    font-weight: 400;
    color: #333
}

@media only screen and (max-width: 767px) {
    .content___3KcBT .time___vw2uT {
        font-size:12px
    }
}

.content___3KcBT .btn___1ajUY {
    font-size: 14px
}

.floatingBarV2___20Jaj {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___2i5B- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.wrapper___2i5B- .left___3qHbV {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #fafafa
}

.wrapper___2i5B- .right___3dZ1Y {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #fff
}

.wrapper___2i5B- .container___30H0b {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1200px;
    flex: 0 0 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 767px) {
    .wrapper___2i5B- .container___30H0b {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        justify-content: normal
    }
}

.wrapper___2i5B- .container___30H0b .header___36ZG5 {
    padding-top: 40px;
    font-size: 14px;
    color: #333;
    background: #fafafa;
    border-right: 1px solid #e5e5e5
}

@media only screen and (max-width: 767px) {
    .wrapper___2i5B- .container___30H0b .header___36ZG5 {
        padding:12px 2px;
        border: unset
    }
}

.wrapper___2i5B- .container___30H0b .header___36ZG5 li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    display: block;
    min-width: 2em;
    max-width: 12em;
    line-height: 44px;
    padding: 0 24px 0 16px;
    text-align: start;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: .2s;
    transition: .2s
}

@media only screen and (max-width: 767px) {
    .wrapper___2i5B- .container___30H0b .header___36ZG5 li {
        display:inline-block;
        line-height: 22px;
        padding: 0
    }
}

.wrapper___2i5B- .container___30H0b .header___36ZG5 li .link___30Kln {
    display: inline-block;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .wrapper___2i5B- .container___30H0b .header___36ZG5 li .link___30Kln {
        width:auto;
        padding: 8px 14px
    }
}

@media only screen and (min-width: 768px) {
    .wrapper___2i5B- .container___30H0b .header___36ZG5 li:hover {
        background-color:rgba(0,170,231,.05)
    }

    .wrapper___2i5B- .container___30H0b .header___36ZG5 li.active___3kjn5 {
        background-color: rgba(0,170,231,.1);
        color: #00aae7
    }

    .wrapper___2i5B- .container___30H0b .header___36ZG5 li:after {
        content: " ";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 2px;
        height: 100%;
        margin: 0
    }

    .wrapper___2i5B- .container___30H0b .header___36ZG5 li.active___3kjn5:after {
        background-color: #00aae7
    }
}

.wrapper___2i5B- .container___30H0b .header___36ZG5 li.active___3kjn5 {
    color: #00aae7
}

.floatingBarV2___3c9qA {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.content___3o0B5 {
    padding: 40px 36px;
    background: #fff;
    color: #333
}

@media only screen and (max-width: 767px) {
    .content___3o0B5 {
        padding:16px
    }
}

.content___3o0B5 h2 {
    font-size: 28px;
    font-weight: 500
}

@media only screen and (max-width: 767px) {
    .content___3o0B5 h2 {
        font-size:24px
    }
}

.content___3o0B5 h3 {
    margin-top: 40px;
    font-size: 24px;
    font-weight: 400
}

@media only screen and (max-width: 767px) {
    .content___3o0B5 h3 {
        margin-top:24px;
        font-size: 20px
    }
}

.content___3o0B5 p {
    margin-top: 20px;
    font-size: 14px
}

@media only screen and (max-width: 767px) {
    .content___3o0B5 p {
        margin-top:16px
    }
}

.content___3o0B5 ul {
    margin-top: 10px;
    font-size: 14px
}

.content___3o0B5 ul>li {
    margin-top: 5px
}

@media only screen and (max-width: 767px) {
    .content___3o0B5 ul {
        margin-top:16px
    }
}

.content___3o0B5 b,.content___3o0B5 strong {
    font-weight: 500
}

.content___3o0B5 .underline___1EAFx,.content___3o0B5 strong {
    text-decoration: underline
}

.content___3o0B5 table {
    margin: 20px auto;
    width: 100%;
    border-collapse: collapse;
    border: 1px solid;
    letter-spacing: 1px
}

.content___3o0B5 td,.content___3o0B5 th {
    text-align: left;
    border: 1px solid #e6eaef;
    padding: 15px 20px
}

.content___3o0B5 .disclaimer___tuu0Z li {
    list-style: disc inside;
    font-weight: 500
}

.content___3o0B5 .otherList___30S9h li {
    list-style: disc inside
}

.strongWithoutUnderline___3X98- strong {
    text-decoration: none
}

.floatingBarV2___2XHMN {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.cases___g8C8R {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 16px
}

@media only screen and (max-width: 767px) {
    .cases___g8C8R {
        grid-template-columns:repeat(2,1fr)
    }
}

.case___2ONe_ {
    -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    border: 1px solid #eee;
    background-color: #fff;
    height: 160px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 40px
}

@media only screen and (max-width: 767px) {
    .case___2ONe_ {
        height:120px;
        padding: 20px
    }
}

.caseImage___3N4Es {
    max-width: 100%;
    max-height: 100%
}

.floatingBarV2___36SLK {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.section___1CbpH {
    margin-top: 20px;
    margin-bottom: 60px
}

@media only screen and (max-width: 767px) {
    .section___1CbpH {
        margin-top:10px;
        margin-bottom: 40px
    }
}

.content___3pQ28 {
    max-width: 900px;
    margin: 0 auto;
    padding: 0 20px
}

.paragraph___1Zm0j {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
    margin-bottom: 20px;
    text-align: justify
}

.paragraph___1Zm0j:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {
    .paragraph___1Zm0j {
        font-size:14px;
        line-height: 1.6;
        margin-bottom: 15px
    }
}

.floatingBarV2___20EKC {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.section___2KYyo .row___2j0jp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 40px;
    margin-bottom: 60px
}

@media only screen and (max-width: 767px) {
    .section___2KYyo .row___2j0jp {
        margin-top:20px;
        margin-bottom: 30px
    }
}

.section___2KYyo .row___2j0jp .cardWrapper___1CIMp {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 220px;
    padding: 0 20px;
    border: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .section___2KYyo .row___2j0jp .cardWrapper___1CIMp {
        margin:0;
        padding: 20px;
        height: auto
    }
}

.categoryTitle___2zaIa {
    font-size: 24px;
    font-weight: 500;
    color: #333;
    margin-top: 40px
}

@media only screen and (max-width: 767px) {
    .categoryTitle___2zaIa {
        font-size:20px;
        margin-top: 30px
    }
}

.categoryDesc___35dR8 {
    font-size: 16px;
    color: #666;
    margin-top: 16px
}

@media only screen and (max-width: 767px) {
    .categoryDesc___35dR8 {
        font-size:14px;
        margin-top: 12px
    }
}

.cardIcon___1whGD {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 120px;
    height: 120px;
    margin-bottom: 10px;
    padding: 20px;
    border-radius: 50%;
    -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    background-color: #fff;
    border: 1px solid #eee
}

@media only screen and (max-width: 767px) {
    .cardIcon___1whGD {
        width:100px;
        height: 100px
    }

    .cardIcon___1whGD svg {
        width: 40px;
        height: 40px
    }
}

.cardIcon___1whGD svg {
    width: 46px;
    height: 46px
}

.cardTitle___1cIk5 {
    margin-top: 16px;
    font-size: 20px;
    font-weight: 500;
    color: #333
}

@media only screen and (max-width: 767px) {
    .cardTitle___1cIk5 {
        margin-top:12px;
        font-size: 16px
    }
}

.cardDesc___3pTFv {
    margin-top: 8px;
    font-size: 14px;
    color: #666;
    line-height: 1.5
}

@media only screen and (max-width: 767px) {
    .cardDesc___3pTFv {
        margin-top:6px;
        font-size: 12px
    }
}

.floatingBarV2___HeIRJ {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.section___2bT0l {
    margin-bottom: 60px
}

.stepsContainer___3haOb {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

@media only screen and (max-width: 767px) {
    .stepsContainer___3haOb {
        margin-top:20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 32px
    }
}

.step____f__x {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.flex1___2NBEI,.step____f__x {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.stepIconContainer___2MBvp {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 120px
}

@media only screen and (max-width: 767px) {
    .stepIconContainer___2MBvp {
        width:100%
    }
}

.stepIcon___25heQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin-bottom: 16px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    background-color: #fff;
    border: 1px solid #eee
}

@media only screen and (max-width: 767px) {
    .stepIcon___25heQ {
        width:100px;
        height: 100px
    }
}

.stepIcon___25heQ svg {
    width: 46px;
    height: 46px
}

@media only screen and (max-width: 767px) {
    .stepIcon___25heQ svg {
        width:40px;
        height: 40px
    }
}

.stepNumber___3YGd4 {
    font-size: 16px;
    font-weight: 500;
    color: #333
}

@media only screen and (max-width: 767px) {
    .stepNumber___3YGd4 {
        font-size:14px
    }
}

.stepContent___PbhYu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    gap: 8px
}

.stepTitle___LLQK9 {
    font-size: 20px;
    font-weight: 500;
    color: #333;
    margin-bottom: 16px
}

@media only screen and (max-width: 767px) {
    .stepTitle___LLQK9 {
        font-size:18px;
        margin-bottom: 12px
    }
}

.stepDescription___3-KDI {
    font-size: 16px;
    color: #666;
    line-height: 1.6
}

@media only screen and (max-width: 767px) {
    .stepDescription___3-KDI {
        font-size:14px
    }
}

.stepDescription___3-KDI p {
    margin-bottom: 10px
}

.stepDescription___3-KDI p:last-child {
    margin-bottom: 0
}

.stepDescription___3-KDI a {
    color: #1890ff;
    text-decoration: none
}

.stepDescription___3-KDI a:hover {
    text-decoration: underline
}

.supportTypes___3UHok {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 767px) {
    .supportTypes___3UHok {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.supportType___v3XNt {
    margin-right: 20px;
    margin-bottom: 10px
}

@media only screen and (max-width: 767px) {
    .supportType___v3XNt {
        margin-right:0
    }
}

.requirements___3-OVL {
    text-align: left;
    margin-top: 60px;
    padding: 20px;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    background: #fff;
    border: 1px solid #eee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 36px;
    color: #666
}

@media only screen and (max-width: 767px) {
    .requirements___3-OVL {
        margin-top:40px;
        padding: 15px
    }
}

.requirements___3-OVL img {
    width: 480px
}

@media only screen and (max-width: 767px) {
    .requirements___3-OVL img {
        display:none
    }
}

.requirements___3-OVL li:before {
    content: "\2022";
    margin-right: 8px;
    color: #00aae7;
    opacity: .4
}

.requirements___3-OVL li {
    margin-top: 4px
}

@media only screen and (max-width: 767px) {
    .applyButton___1oxN5 {
        margin-top:16px;
        width: 100%
    }
}

.requirementsContent___1QAYU {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.requirementsTitle___V-QMa {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 16px;
    color: #000
}

@media only screen and (max-width: 767px) {
    .requirementsTitle___V-QMa {
        font-size:16px;
        font-weight: 500;
        margin-bottom: 12px
    }
}

.arrowContainer___EVj1o {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 120px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .arrowContainer___EVj1o {
        -webkit-transform:rotate(90deg);
        transform: rotate(90deg);
        height: auto
    }
}

.floatingBarV2___VcVl- {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.section___34NJa {
    margin-bottom: 60px;
    padding: 60px 0
}

@media only screen and (max-width: 767px) {
    .section___34NJa {
        padding:40px 0;
        margin-bottom: 40px
    }
}

.container___3Ngll {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 16px;
    text-align: justify
}

@media only screen and (max-width: 767px) {
    .container___3Ngll {
        grid-template-columns:1fr
    }
}

.case___1L5T0 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    border: 1px solid #eee;
    overflow: hidden
}

.case___1L5T0,.logoWrapper___3UVaZ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff
}

.logoWrapper___3UVaZ {
    width: 100%;
    height: 180px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 40px;
    border-bottom: 1px solid #eee
}

.logo___3G4PA {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.content___2uzD4 {
    padding: 24px
}

.description___1L8ME {
    line-height: 1.6;
    color: #333;
    margin-bottom: 12px
}

.attribution___iG_Wb {
    font-size: 13px;
    color: #666;
    text-align: right
}

.more___CeK_B {
    margin-top: 20px;
    color: #666;
    font-size: 14px;
    margin-left: 24px
}

.floatingBarV2___20xfu {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.disclaimer___Ezxjl {
    padding: 60px;
    color: #666;
    font-size: 12px;
    text-align: center
}

.floatingBarV2___1ybQR {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.container___cR_Of {
    padding: 60px 0;
    background-color: #fff
}

.container___cR_Of a {
    color: #1890ff;
    text-decoration: none
}

.wrapper___sMySn {
    margin: 0 auto;
    max-width: 80rem;
    padding: 0 1.5rem
}

.gridContainer___zhiCV {
    padding: 0 40px;
    display: grid;
    gap: 2rem
}

.title___22tBW {
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 600;
    color: #1a202c;
    letter-spacing: -.025em
}

.description___2HQJE {
    margin-top: 1rem;
    color: #4a5568;
    line-height: 1.75rem
}

.supportLink___3MDkR {
    font-weight: 600;
    color: #4f46e5
}

.supportLink___3MDkR:hover {
    color: #4338ca
}

.faqList___1D6OT {
    margin-top: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem
}

.question___2Iut5 {
    font-weight: 600;
    color: #1a202c
}

.answer___3d0co {
    margin-top: .5rem;
    color: #4a5568
}

@media only screen and (min-width: 768px) {
    .gridContainer___zhiCV {
        grid-template-columns:repeat(12,minmax(0,1fr));
        gap: 2rem
    }

    .leftColumn___2Ov4x {
        grid-column: span 5/span 5
    }

    .rightColumn___3H2H2 {
        grid-column: span 7/span 7;
        margin-top: 0
    }
}

.floatingBarV2___1SsR8 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.trigger___2YM4M {
    width: 400px;
    max-width: 100%;
    height: 40px;
    background: #fff;
    padding: 0 12px;
    border: 1px solid #d9d9d9;
    border-radius: 8px;
    -ms-flex-align: center;
    gap: 8px;
    cursor: pointer
}

.trigger___2YM4M,.trigger___2YM4M .model___3a7l2 {
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.trigger___2YM4M .model___3a7l2 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-align: center;
    gap: 4px
}

.trigger___2YM4M .model___3a7l2 .avatar___2dvQ4 {
    width: 28px;
    height: auto
}

.trigger___2YM4M .model___3a7l2 .name___3BrMk {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 500;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.trigger___2YM4M .placeholder___1_p6J {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #bfbfbf
}

.overlay___25feG {
    padding: 20px;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
    max-height: 50vh;
    max-width: calc(100vw - 32px);
    width: 750px;
    overflow-y: auto
}

@media only screen and (max-width: 767px) {
    .overlay___25feG {
        grid-template-columns:minmax(0,1fr)
    }
}

.overlay___25feG .modelCard___2TKK0 {
    border: 1px solid #e5e5e5;
    padding: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
    -webkit-transition: -webkit-box-shadow .1s;
    transition: -webkit-box-shadow .1s;
    transition: box-shadow .1s;
    transition: box-shadow .1s,-webkit-box-shadow .1s;
    border-radius: 6px;
    cursor: pointer
}

.overlay___25feG .modelCard___2TKK0:hover {
    -webkit-box-shadow: 0 1px 8px 0 rgba(51,51,51,.1);
    box-shadow: 0 1px 8px 0 rgba(51,51,51,.1)
}

.overlay___25feG .modelCard___2TKK0.active___39H7B {
    border-color: #8c8cfb;
    background: rgba(0,170,231,.05)
}

.overlay___25feG .modelCard___2TKK0.active___39H7B .id___2UUyK,.overlay___25feG .modelCard___2TKK0.active___39H7B .name___3BrMk {
    color: #6f6efb
}

.overlay___25feG .modelCard___2TKK0.active___39H7B .id___2UUyK {
    opacity: .6
}

.overlay___25feG .modelCard___2TKK0 .avatar___2dvQ4 {
    width: 28px;
    height: 28px
}

.overlay___25feG .modelCard___2TKK0 .info___ARGPG {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.overlay___25feG .modelCard___2TKK0 .info___ARGPG .title___19Ux5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px
}

.overlay___25feG .modelCard___2TKK0 .info___ARGPG .title___19Ux5 .hotTag___2RWoW {
    font-size: 10px;
    line-height: 1.5;
    padding: 0 4px;
    border-radius: 2px;
    background-color: #ef4149;
    color: #fff;
    font-weight: 500;
    word-wrap: normal;
    overflow-wrap: normal;
    word-break: keep-all;
    white-space: nowrap
}

.overlay___25feG .modelCard___2TKK0 .name___3BrMk {
    font-size: 13px;
    font-weight: 500;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.overlay___25feG .modelCard___2TKK0 .id___2UUyK {
    color: #bfbfbf;
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.floatingBarV2___26FXK {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.inputArea___28TCi {
    width: 100%;
    background: #fff;
    border-radius: 12px;
    border: 1px solid #d9d9d9;
    -webkit-box-shadow: 0 2px 4px 0 rgba(51,51,51,.08);
    box-shadow: 0 2px 4px 0 rgba(51,51,51,.08);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    padding: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 12px;
    -webkit-transition: border-color .2s;
    transition: border-color .2s
}

.inputArea___28TCi:focus-within {
    border-color: #6f6efb;
    -webkit-box-shadow: 0 3px 10px rgba(111,110,251,.1);
    box-shadow: 0 3px 10px rgba(111,110,251,.1)
}

.inputArea___28TCi textarea {
    width: 100%;
    height: 60px;
    padding: 0 4px;
    border: none;
    outline: none;
    resize: none;
    background-color: transparent
}

.inputArea___28TCi textarea:disabled {
    background: transparent
}

.inputArea___28TCi .sendButton___vUHML {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 6px;
    border-radius: 15px;
    cursor: pointer;
    -webkit-transition: background-color .1s;
    transition: background-color .1s;
    border: none;
    background-color: #6f6efb;
    color: #fff
}

.inputArea___28TCi .sendButton___vUHML svg {
    width: 20px;
    height: 20px
}

.inputArea___28TCi .sendButton___vUHML .squareIcon___2-_U6 {
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 1px
}

.inputArea___28TCi .sendButton___vUHML:hover {
    background-color: #8c8cfb
}

.inputArea___28TCi .sendButton___vUHML:disabled {
    background-color: #e5e5e5;
    cursor: not-allowed
}

.inputArea___28TCi .sendButton___vUHML.abort___2iNT0 {
    background: #ef4149;
    opacity: .8
}

.floatingBarV2___jSB84 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.functionCall___l5Wxl {
    margin-bottom: 8px;
    width: 100%;
    padding: 2px
}

.functionCall___l5Wxl .card___MXGBs {
    width: 400px;
    padding: 8px 16px;
    background: rgba(0,170,231,.05);
    border: 1px solid rgba(0,170,231,.4);
    border-radius: 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    font-size: 12px;
    cursor: pointer
}

.functionCall___l5Wxl .card___MXGBs:hover {
    background: rgba(0,170,231,.1);
    border: 1px solid rgba(0,170,231,.5)
}

.functionCall___l5Wxl .card___MXGBs .info___2FKIc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px
}

.functionCall___l5Wxl .card___MXGBs .info___2FKIc .icon___1IR66 {
    color: #666
}

.functionCall___l5Wxl .card___MXGBs .info___2FKIc .name___3G-yu {
    font-size: 13px;
    font-weight: bolder;
    color: #333
}

.functionCall___l5Wxl .card___MXGBs .status___2dWQe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-left: 16px;
    color: #666
}

.functionCall___l5Wxl .card___MXGBs .status___2dWQe .duration___3JgeT {
    font-size: 12px;
    color: #666
}

.functionCall___l5Wxl .card___MXGBs .icon___1IR66 {
    width: 18px;
    height: 18px
}

.functionCall___l5Wxl .card___MXGBs .icon___1IR66.error___1Ared {
    color: #ef4149
}

.functionCall___l5Wxl .card___MXGBs .icon___1IR66.success___2jsm1 {
    color: #4bc310
}

.functionCall___l5Wxl .card___MXGBs .icon___1IR66.loading___3o8KI {
    color: #00aae7;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-animation: loading___3o8KI 1.2s linear infinite;
    animation: loading___3o8KI 1.2s linear infinite
}

@-webkit-keyframes loading___3o8KI {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading___3o8KI {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.functionCall___l5Wxl .detailInfo___13BBT {
    margin-top: 12px;
    padding: 16px;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #e5e5e5;
    font-size: 12px
}

.functionCall___l5Wxl .detailInfo___13BBT .detailItem___bRdjt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.functionCall___l5Wxl .detailInfo___13BBT .detailItem___bRdjt .label___2jQWB {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 32px;
    font-weight: 500;
    margin-right: 16px;
    padding-top: 6px
}

.functionCall___l5Wxl .detailInfo___13BBT .detailItem___bRdjt .value___3V4Po {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 4px;
    padding: 6px 12px;
    background-color: #fafafa;
    border: 1px solid #e5e5e5;
    overflow: auto;
    font-family: Consolas,monospace;
    white-space: pre
}

.functionCall___l5Wxl .detailInfo___13BBT .detailItem___bRdjt+.detailItem___bRdjt {
    margin-top: 12px
}

.floatingBarV2___3DHEP {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.scrollContainer___3Lxmv {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto
}

.scrollContainer___3Lxmv .messages___7g0fC {
    width: 1200px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    padding: 16px
}

@media only screen and (max-width: 767px) {
    .scrollContainer___3Lxmv .messages___7g0fC {
        width:100%
    }
}

.scrollContainer___3Lxmv .messages___7g0fC .aiMessage___2JKMK,.scrollContainer___3Lxmv .messages___7g0fC .userMessage___1vuxa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    gap: 12px;
    margin-bottom: 12px
}

.scrollContainer___3Lxmv .messages___7g0fC .userMessage___1vuxa {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.scrollContainer___3Lxmv .messages___7g0fC .userMessage___1vuxa .pop___1fiAF {
    max-width: 80%;
    overflow: hidden;
    border-radius: 12px 0 12px 12px;
    padding: 12px 16px;
    background-color: #6f6efb;
    color: #fff;
    border: none
}

.scrollContainer___3Lxmv .messages___7g0fC .userMessage___1vuxa .pop___1fiAF .content___1Z30O {
    white-space: pre-wrap;
    word-wrap: break-word;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap
}

.scrollContainer___3Lxmv .messages___7g0fC .userMessage___1vuxa .pop___1fiAF .content___1Z30O::-moz-selection {
    background-color: #8c8cfb
}

.scrollContainer___3Lxmv .messages___7g0fC .userMessage___1vuxa .pop___1fiAF .content___1Z30O::selection {
    background-color: #8c8cfb
}

.scrollContainer___3Lxmv .messages___7g0fC .aiMessage___2JKMK .info___3ZZ1_ {
    max-width: 100%;
    overflow: hidden
}

.scrollContainer___3Lxmv .messages___7g0fC .aiMessage___2JKMK .info___3ZZ1_ .title___2B5J5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
    color: #666;
    font-size: 12px;
    white-space: nowrap
}

.scrollContainer___3Lxmv .messages___7g0fC .aiMessage___2JKMK .info___3ZZ1_ .title___2B5J5 .model___1B1SF {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    cursor: pointer
}

.scrollContainer___3Lxmv .messages___7g0fC .aiMessage___2JKMK .info___3ZZ1_ .title___2B5J5 .model___1B1SF .avatar___SjxSi {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    cursor: pointer
}

.scrollContainer___3Lxmv .messages___7g0fC .aiMessage___2JKMK .info___3ZZ1_ .title___2B5J5 .model___1B1SF .avatar___SjxSi img {
    display: block;
    width: 22px;
    height: 22px;
    -o-object-fit: cover;
    object-fit: cover
}

.scrollContainer___3Lxmv .messages___7g0fC .aiMessage___2JKMK .info___3ZZ1_ .message___1rBo9 {
    min-height: 46px;
    padding: 0 4px;
    overflow: auto
}

.scrollContainer___3Lxmv .messages___7g0fC .aiMessage___2JKMK .info___3ZZ1_ .message___1rBo9 .functionCalls___34dag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 12px
}

.scrollContainer___3Lxmv .messages___7g0fC .aiMessage___2JKMK .info___3ZZ1_ .message___1rBo9 .thinking___2g51T {
    margin-bottom: 12px;
    font-size: 12px
}

.scrollContainer___3Lxmv .messages___7g0fC .aiMessage___2JKMK .info___3ZZ1_ .message___1rBo9 .thinking___2g51T .toggle___3kLYm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    padding: 4px 12px;
    border-radius: 4px;
    background-color: #eee;
    cursor: pointer
}

.scrollContainer___3Lxmv .messages___7g0fC .aiMessage___2JKMK .info___3ZZ1_ .message___1rBo9 .thinking___2g51T .toggle___3kLYm:hover {
    background-color: #e5e5e5
}

.scrollContainer___3Lxmv .messages___7g0fC .aiMessage___2JKMK .info___3ZZ1_ .message___1rBo9 .thinking___2g51T .toggle___3kLYm .icon___2x07a {
    width: 12px;
    height: 12px
}

.scrollContainer___3Lxmv .messages___7g0fC .aiMessage___2JKMK .info___3ZZ1_ .message___1rBo9 .thinking___2g51T .thinkText___10Bj2 {
    display: block;
    margin-top: 8px;
    padding: 0 12px;
    border-left: .2em solid #e5e5e5;
    color: #666;
    line-height: 2;
    white-space: pre-wrap;
    word-wrap: break-word;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap
}

.scrollContainer___3Lxmv .messages___7g0fC .aiMessage___2JKMK .info___3ZZ1_ .message___1rBo9 .thinking___2g51T.collapse___16rQB .thinkText___10Bj2 {
    display: none
}

.scrollContainer___3Lxmv .messages___7g0fC .aiMessage___2JKMK .info___3ZZ1_ .message___1rBo9 .content___1Z30O {
    overflow: auto
}

.scrollContainer___3Lxmv .messages___7g0fC .aiMessage___2JKMK .info___3ZZ1_ .message___1rBo9 .loading___2eAD4 {
    width: 20px;
    height: 20px;
    -webkit-animation: loading___2eAD4 1s linear infinite;
    animation: loading___2eAD4 1s linear infinite;
    color: #bfbfbf
}

@-webkit-keyframes loading___2eAD4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes loading___2eAD4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.mask___1F5su {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    margin-top: -16px;
    z-index: 1;
    width: 100%;
    background-image: -webkit-gradient(linear,left bottom,left top,from(hsla(0,0%,100%,.8)),to(transparent));
    background-image: linear-gradient(0deg,hsla(0,0%,100%,.8),transparent)
}

.scrollBtns___GGVuj {
    margin-top: 4px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 max-content;
    flex: 0 0 max-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px
}

.scrollBtns___GGVuj .scrollBtn___17INe {
    width: 24px;
    height: 24px;
    padding: 0;
    border-radius: 50%
}

.floatingBarV2___1QxRh {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.sampleQuestions___1iSS_ {
    margin: 20px 0
}

.sampleQuestions___1iSS_ .header___3mK5X {
    margin: 0 4px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
    color: #999
}

.sampleQuestions___1iSS_ .questions___3hg8h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

.sampleQuestions___1iSS_ .questions___3hg8h .question___2n2Yb {
    padding: 8px 12px;
    border: 1px solid #e5e5e5;
    border-radius: 8px;
    color: #999;
    font-size: 12px;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s
}

.sampleQuestions___1iSS_ .questions___3hg8h .question___2n2Yb:hover {
    -webkit-box-shadow: 0 2px 4px 0 rgba(51,51,51,.08);
    box-shadow: 0 2px 4px 0 rgba(51,51,51,.08)
}

.floatingBarV2___mVd-n {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.init___5EIot {
    width: 1200px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    min-height: calc(100vh - 60px);
    padding: 80px 24px
}

@media only screen and (max-width: 767px) {
    .init___5EIot {
        width:100%
    }
}

.init___5EIot.fullScreen___1h71Z {
    min-height: 100vh
}

@media only screen and (max-width: 767px) {
    .init___5EIot {
        padding:32px 16px
    }
}

.init___5EIot .banner___1Nsxd {
    width: 100%;
    display: block;
    border-radius: 12px;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s;
    cursor: pointer
}

.init___5EIot .banner___1Nsxd:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.init___5EIot .bannerPc___yAvVa {
    display: none
}

@media only screen and (min-width: 768px) {
    .init___5EIot .bannerPc___yAvVa {
        height:80px;
        display: block;
        background-size: cover
    }
}

.init___5EIot .bannerMb___3RroC {
    height: auto;
    display: block;
    padding-top: 32%;
    background-size: 100% auto
}

@media only screen and (min-width: 768px) {
    .init___5EIot .bannerMb___3RroC {
        display:none
    }
}

.init___5EIot .header___1Un__ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 24px
}

@media only screen and (max-width: 767px) {
    .init___5EIot .header___1Un__ {
        margin-bottom:12px
    }
}

.init___5EIot .freeTokens___r1DvI {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 8px;
    margin: 16px 0
}

.init___5EIot .freeTokens___r1DvI img {
    width: 20px;
    height: 20px;
    display: block
}

.init___5EIot .freeTokens___r1DvI span {
    font-size: 14px;
    color: #ea580c;
    font-weight: 500
}

.conversation___141o2 {
    height: calc(100vh - 60px);
    min-height: 400px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.conversation___141o2.fullScreen___1h71Z {
    height: 100vh
}

.conversation___141o2 .top___2l10F {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    background: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 2px 4px 0 rgba(51,51,51,.08);
    box-shadow: 0 2px 4px 0 rgba(51,51,51,.08)
}

.conversation___141o2 .top___2l10F .actions___1m4nq {
    width: 1200px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    padding: 12px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px
}

@media only screen and (max-width: 767px) {
    .conversation___141o2 .top___2l10F .actions___1m4nq {
        width:100%
    }
}

.conversation___141o2 .top___2l10F .actions___1m4nq .btn___251yI {
    background-color: #6f6efb;
    border: none
}

.conversation___141o2 .top___2l10F .actions___1m4nq .btn___251yI:hover {
    background-color: #8c8cfb
}

.conversation___141o2 .messages___34n6b {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.conversation___141o2 .bottom___34MwT {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 max-content;
    flex: 0 0 max-content;
    margin-top: 8px;
    width: 1200px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    padding: 0 16px
}

@media only screen and (max-width: 767px) {
    .conversation___141o2 .bottom___34MwT {
        width:100%
    }
}

.conversation___141o2 .bottom___34MwT .alert___2zvAP {
    text-align: center;
    margin: 8px;
    color: #999;
    font-size: 12px
}

.hero___3LAwq {
    max-width: 1200px;
    margin: 0 auto;
    padding: 72px 24px 54px;
    text-align: center
}

.content___1plIU {
    max-width: 800px;
    margin: 0 auto
}

.integrationFlow___3k3J- {
    margin: 34px auto 0;
    padding: 28px;
    border: 1px solid rgba(30,136,229,.12);
    border-radius: 24px;
    background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.94)),to(rgba(247,251,255,.88)));
    background: linear-gradient(180deg,hsla(0,0%,100%,.94),rgba(247,251,255,.88));
    -webkit-box-shadow: 0 26px 72px rgba(23,48,86,.09),0 1px 0 hsla(0,0%,100%,.92),inset 0 1px 0 hsla(0,0%,100%,.92);
    box-shadow: 0 26px 72px rgba(23,48,86,.09),0 1px 0 hsla(0,0%,100%,.92),inset 0 1px 0 hsla(0,0%,100%,.92);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px)
}

.flowHeader___3229A {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 20px;
    text-align: left
}

.flowEyebrow___3HKkm {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 5px 12px;
    border-radius: 999px;
    color: #1e88e5;
    background: rgba(30,136,229,.08);
    border: 1px solid rgba(30,136,229,.1);
    font-size: 13px;
    font-weight: 700;
    line-height: 20px
}

.flowTitle___3bKiR {
    margin: 0;
    color: #101827;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0
}

.flowSteps___3IzhP {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 14px
}

.flowStep___3oPeU {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 196px;
    padding: 18px 18px 16px;
    border: 1px solid rgba(30,136,229,.1);
    border-radius: 18px;
    background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.98)),to(rgba(248,252,255,.95)));
    background: linear-gradient(180deg,hsla(0,0%,100%,.98),rgba(248,252,255,.95));
    -webkit-box-shadow: 0 12px 30px rgba(15,72,118,.05),inset 0 1px 0 hsla(0,0%,100%,.86);
    box-shadow: 0 12px 30px rgba(15,72,118,.05),inset 0 1px 0 hsla(0,0%,100%,.86);
    text-align: left;
    -webkit-transition: all .22s ease;
    transition: all .22s ease
}

.flowStep___3oPeU:hover {
    border-color: rgba(30,136,229,.22);
    -webkit-box-shadow: 0 18px 42px rgba(30,136,229,.1),inset 0 1px 0 hsla(0,0%,100%,.9);
    box-shadow: 0 18px 42px rgba(30,136,229,.1),inset 0 1px 0 hsla(0,0%,100%,.9);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.flowStep___3oPeU:not(:last-child):after {
    content: "";
    position: absolute;
    display: block;
    top: 20%;
    right: 10%;
    z-index: 0;
    width: 36px;
    height: 36px;
    border-top: 12px solid rgba(30,136,229,.1);
    border-right: 12px solid rgba(30,136,229,.1);
    border-radius: 4px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none
}

.stepIndex___1HCxG {
    position: relative;
    z-index: 1;
    width: 38px;
    height: 30px;
    border-radius: 12px;
    color: #1e88e5;
    background: rgba(30,136,229,.07);
    border: 1px solid rgba(30,136,229,.1);
    font-size: 15px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
    -webkit-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.7);
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.7)
}

.stepContent___98HmH {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 134px
}

.stepTitle___9Kyc1 {
    margin: 10px 0 0;
    color: #101827;
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0
}

.stepDescription___eOrd3 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 8px 0 16px;
    color: #5f6f84;
    font-size: 13px;
    line-height: 1.65
}

.stepAction___2j-Kb {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 5px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    min-height: 34px;
    margin: auto 0 0;
    padding: 7px 13px;
    border: 1px solid rgba(30,136,229,.18);
    border-radius: 999px;
    color: #1e88e5;
    background: rgba(30,136,229,.06);
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.stepAction___2j-Kb:hover {
    color: #fff;
    border-color: #1e88e5;
    background: #1e88e5;
    -webkit-box-shadow: 0 8px 18px rgba(30,136,229,.22);
    box-shadow: 0 8px 18px rgba(30,136,229,.22)
}

.stepAction___2j-Kb .arrowIcon___QqOXC {
    width: 14px;
    height: 14px;
    margin-left: 2px
}

.title___2826o {
    font-size: 52px;
    font-weight: 700;
    color: #101827;
    margin-bottom: 24px;
    line-height: 1.2;
    letter-spacing: 0
}

.description___3p_wN {
    font-size: 19px;
    color: #536173;
    line-height: 1.6;
    margin: 0
}

@media (max-width: 768px) {
    .hero___3LAwq {
        padding:40px 16px 30px
    }

    .integrationFlow___3k3J- {
        margin-top: 22px;
        padding: 14px;
        border-radius: 18px
    }

    .flowHeader___3229A {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 8px;
        margin-bottom: 12px;
        text-align: center
    }

    .flowEyebrow___3HKkm {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        margin-bottom: 0;
        padding: 3px 9px;
        font-size: 12px;
        line-height: 18px
    }

    .flowTitle___3bKiR {
        font-size: 16px;
        line-height: 1.35
    }

    .flowSteps___3IzhP {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 8px
    }

    .flowStep___3oPeU {
        min-height: 164px;
        padding: 12px;
        border-radius: 14px
    }

    .flowStep___3oPeU:not(:last-child):after {
        top: 12px;
        right: 12px;
        bottom: auto;
        width: 28px;
        height: 28px;
        border-top: 9px solid rgba(30,136,229,.1);
        border-right: 9px solid rgba(30,136,229,.1);
        border-radius: 4px;
        -webkit-transform: translateY(0) rotate(45deg);
        transform: translateY(0) rotate(45deg);
        rotate: none
    }

    .stepContent___98HmH {
        min-height: 112px
    }

    .stepIndex___1HCxG {
        width: 32px;
        height: 26px;
        border-radius: 10px;
        font-size: 13px;
        line-height: 24px
    }

    .stepTitle___9Kyc1 {
        margin-top: 8px;
        font-size: 15px;
        line-height: 21px
    }

    .stepDescription___eOrd3 {
        margin: 6px 0 10px;
        font-size: 12px;
        line-height: 1.45
    }

    .stepAction___2j-Kb {
        min-height: 30px;
        padding: 5px 10px;
        font-size: 12px;
        line-height: 18px
    }

    .stepAction___2j-Kb .arrowIcon___QqOXC {
        width: 10px;
        height: 10px
    }

    .title___2826o {
        font-size: 36px
    }

    .description___3p_wN {
        font-size: 16px
    }
}

.buttons___VuKYN {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
    margin-top: 32px
}

.buttons___VuKYN,.buttons___VuKYN .button___3lH8F {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.buttons___VuKYN .button___3lH8F {
    margin: 0;
    border-radius: 10px;
    padding: 14px 28px;
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.buttons___VuKYN .arrowIcon___QqOXC {
    width: 16px;
    height: 16px;
    margin-left: 2px;
    vertical-align: middle
}

.buttons___VuKYN .apiButton___2lqum {
    border: none;
    background: #1e88e5;
    color: #fff;
    -webkit-box-shadow: 0 4px 12px rgba(30,136,229,.2);
    box-shadow: 0 4px 12px rgba(30,136,229,.2)
}

.buttons___VuKYN .apiButton___2lqum:hover {
    color: #fff;
    background: #1976d2;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 6px 16px rgba(30,136,229,.3);
    box-shadow: 0 6px 16px rgba(30,136,229,.3)
}

.buttons___VuKYN .apiButton___2lqum img {
    width: 18px;
    height: 18px
}

.buttons___VuKYN .docButton___3Np8L {
    color: #4b5563;
    background: #fff;
    border: 1px solid rgba(0,0,0,.1);
    -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.03);
    box-shadow: 0 4px 12px rgba(0,0,0,.03)
}

.buttons___VuKYN .docButton___3Np8L:hover {
    color: #1e88e5;
    border-color: #1e88e5;
    background: #f5f9ff;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 6px 16px rgba(30,136,229,.08);
    box-shadow: 0 6px 16px rgba(30,136,229,.08)
}

.buttons___VuKYN .docButton___3Np8L img {
    width: 16px;
    height: 16px
}

@media (max-width: 768px) {
    .buttons___VuKYN {
        gap:8px
    }

    .buttons___VuKYN .button___3lH8F {
        width: calc(50% - 4px);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 10px 12px;
        font-size: 13px;
        gap: 4px
    }

    .buttons___VuKYN .arrowIcon___QqOXC {
        width: 14px;
        height: 14px;
        margin-left: 4px
    }
}

.floatingBarV2___3k3va {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.openClawSection___TfNiO {
    padding-bottom: 60px;
    overflow-anchor: none;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f7fbff));
    background: linear-gradient(180deg,#fff,#f7fbff)
}

.container___2Xhnd {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px
}

.card___A0wVm {
    position: relative;
    background-color: #f1f8ff;
    background-image: radial-gradient(circle at 84% 18%,rgba(47,177,240,.18) 0,rgba(47,177,240,0) 36%),linear-gradient(135deg,#fff,#eef7ff);
    border: 1px solid rgba(30,136,229,.14);
    border-radius: 22px;
    padding: 32px 36px;
    -webkit-box-shadow: 0 24px 58px rgba(23,48,86,.1),inset 0 1px 0 hsla(0,0%,100%,.9);
    box-shadow: 0 24px 58px rgba(23,48,86,.1),inset 0 1px 0 hsla(0,0%,100%,.9);
    width: 100%;
    margin: 0 auto;
    overflow: visible;
    cursor: pointer
}

.cardMain___3PM2i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 12px;
    position: relative;
    z-index: 2
}

.content___3V-u3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 640px;
    flex: 0 1 640px;
    min-width: 0
}

.title___1SNu0 {
    font-size: 26px;
    font-weight: 700;
    color: #101827;
    margin: 0 0 12px;
    line-height: 1.3;
    letter-spacing: -.5px
}

.freeModelText___5xVYf {
    color: #16a34a
}

.subtitle___1wHlB {
    font-size: 15px;
    color: #5b6678;
    margin: 0 0 20px;
    line-height: 1.6
}

.ctaButton___3ey2o {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 6px;
    padding: 12px 28px;
    border-radius: 10px;
    background: #16a34a;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border: none
}

.ctaButton___3ey2o:hover {
    background: #15803d;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 6px 16px rgba(22,163,74,.32);
    box-shadow: 0 6px 16px rgba(22,163,74,.32)
}

.ctaButtonIcon___2rKLe {
    width: 16px;
    height: 16px;
    stroke-width: 2.4
}

.guide___3p8tJ {
    margin: 16px auto 0;
    background: #fff;
    border: 1px solid rgba(30,136,229,.1);
    border-radius: 18px;
    -webkit-box-shadow: 0 14px 34px rgba(23,48,86,.08);
    box-shadow: 0 14px 34px rgba(23,48,86,.08)
}

.guideExpanded___1zrlq {
    display: block
}

.guideCollapsed___774L7 {
    display: none
}

.guideInner___2PZcV {
    padding: 20px 24px
}

.extraCards___3Cntz {
    margin: 16px auto 0;
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
    gap: 16px
}

.extraCard___3Tq3A {
    background: hsla(0,0%,100%,.94);
    border: 1px solid rgba(30,136,229,.1);
    border-radius: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 12px 30px rgba(23,48,86,.06);
    box-shadow: 0 12px 30px rgba(23,48,86,.06);
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.extraCard___3Tq3A:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-box-shadow: 0 18px 42px rgba(30,136,229,.1);
    box-shadow: 0 18px 42px rgba(30,136,229,.1)
}

.extraCard___3Tq3A:hover .extraCardAction___1dzpW {
    gap: 8px
}

.extraCardTag___3RsNA {
    font-size: 12px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 6px;
    margin-bottom: 12px
}

.cardToken___2_Mkk {
    border-top: 3px solid #f59e0b;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(245,158,11,.04)),color-stop(40%,hsla(0,0%,100%,0)));
    background: linear-gradient(180deg,rgba(245,158,11,.04),hsla(0,0%,100%,0) 40%)
}

.cardToken___2_Mkk .extraCardTag___3RsNA {
    background: #fffbeb;
    color: #d97706
}

.cardToken___2_Mkk .extraCardAction___1dzpW {
    color: #d97706
}

.cardToken___2_Mkk:hover {
    border-color: rgba(245,158,11,.3)
}

.cardDeploy___3LDPT {
    border-top: 3px solid #8b5cf6;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(139,92,246,.04)),color-stop(40%,hsla(0,0%,100%,0)));
    background: linear-gradient(180deg,rgba(139,92,246,.04),hsla(0,0%,100%,0) 40%)
}

.cardDeploy___3LDPT .extraCardTag___3RsNA {
    background: #f5f3ff;
    color: #7c3aed
}

.cardDeploy___3LDPT .extraCardAction___1dzpW {
    color: #7c3aed
}

.cardDeploy___3LDPT:hover {
    border-color: rgba(139,92,246,.3)
}

.cardSubscription___15Q3O {
    border-top: 3px solid #1e88e5;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(30,136,229,.06)),color-stop(42%,hsla(0,0%,100%,0)));
    background: linear-gradient(180deg,rgba(30,136,229,.06),hsla(0,0%,100%,0) 42%)
}

.cardSubscription___15Q3O .extraCardTag___3RsNA {
    background: #e3f2fd;
    color: #1565c0
}

.cardSubscription___15Q3O .extraCardAction___1dzpW {
    color: #1e88e5
}

.cardSubscription___15Q3O:hover {
    border-color: rgba(30,136,229,.35)
}

.extraCardTitle___1_FA_ {
    color: #1a1a1a;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.extraCardAction___1dzpW {
    margin-top: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    font-size: 13px;
    font-weight: 600;
    -webkit-transition: gap .2s ease;
    transition: gap .2s ease
}

.steps___3H9F3 {
    margin: 0;
    padding: 0;
    color: #2b2b2b;
    line-height: 1.6;
    list-style: none
}

.steps___3H9F3 li {
    margin-bottom: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.stepIcon___3LBWA {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: linear-gradient(135deg,#2fb1f0,#1e88e5);
    -webkit-box-shadow: 0 6px 14px rgba(47,177,240,.35);
    box-shadow: 0 6px 14px rgba(47,177,240,.35);
    margin-top: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.stepContent___2qAir {
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.stepTitle___1x6DB {
    font-weight: 700;
    color: #1a1a1a
}

.stepDesc___3KsoI {
    font-size: 13px;
    color: #6b7280;
    margin-top: 2px
}

.codeContainer___1lxmM {
    position: relative;
    margin: 10px 0 0;
    width: 100%
}

.codeBlock___3m-BP {
    margin: 0;
    background: #0f172a;
    color: #f8fafc;
    border-radius: 10px;
    font-size: 12px;
    overflow-x: auto;
    line-height: 1.5;
    padding: 10px 36px 10px 12px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.copyIcon___3VZ4- {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 24px;
    height: 24px;
    padding: 0;
    border-radius: 6px;
    background: hsla(0,0%,100%,.15);
    color: #f8fafc;
    border: none;
    cursor: pointer;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.copyIcon___3VZ4-:hover {
    background: hsla(0,0%,100%,.25)
}

.copyIcon___3VZ4-:active {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.copySvg___3dh_E {
    width: 14px;
    height: 14px;
    stroke-width: 2.2
}

.downloadRow___1vI3b {
    margin-top: 8px
}

.installCommandRow___2OHpA {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.installCommandRow___2OHpA .codeContainer___1lxmM {
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.installCommandRow___2OHpA .downloadLink___3LZ2N {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: nowrap
}

.configPreviewWrap___Rzc5h {
    margin-top: 10px;
    position: relative
}

.configPreview___sQXC5 {
    margin: 0;
    background: #0f172a;
    color: #dbeafe;
    border-radius: 10px;
    border: 1px solid rgba(59,130,246,.25);
    font-size: 12px;
    line-height: 1.5;
    padding: 12px 72px 12px 12px;
    max-height: 220px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: pre;
    position: relative
}

.configPreview___sQXC5:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 64px;
    pointer-events: none;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(15,23,42,0)),to(#0f172a));
    background: linear-gradient(180deg,rgba(15,23,42,0),#0f172a)
}

.configPreviewExpanded___c3j_I {
    max-height: 560px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.configPreviewExpanded___c3j_I::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

.configPreviewExpanded___c3j_I:after {
    display: none
}

.configActionIcons___1HyOC {
    position: absolute;
    top: 8px;
    right: 8px;
    gap: 6px;
    z-index: 2
}

.configActionIcon____-Sg2,.configActionIcons___1HyOC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.configActionIcon____-Sg2 {
    width: 24px;
    height: 24px;
    padding: 0;
    border-radius: 6px;
    background: hsla(0,0%,100%,.15);
    color: #f8fafc;
    border: none;
    cursor: pointer;
    font-size: 14px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.configActionIcon____-Sg2:hover {
    background: hsla(0,0%,100%,.25)
}

.configActionIcon____-Sg2:active {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.textActionButton___1cKUQ {
    margin-top: 8px;
    padding: 0;
    border: none;
    background: transparent;
    color: #2563eb;
    font-size: 12px;
    font-weight: 600;
    cursor: pointer;
    text-decoration: underline
}

.textActionButton___1cKUQ:hover {
    color: #1d4ed8
}

.pathHint___2NhQ1 {
    margin-top: 8px;
    font-size: 12px;
    color: #6b7280;
    line-height: 1.5
}

.platformTabs___3vftG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    margin: 8px 0 6px
}

.platformButton___3AN1K {
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(0,0,0,.12);
    background: #fff;
    color: #1f2937;
    font-size: 12px;
    cursor: pointer
}

.platformButtonActive___1yJ7F {
    padding: 6px 10px;
    border-radius: 999px;
    border: 1px solid rgba(47,177,240,.6);
    background: rgba(47,177,240,.12);
    color: #1e88e5;
    font-size: 12px;
    cursor: pointer
}

.downloadLink___3LZ2N {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 12px;
    border-radius: 8px;
    border: 1px solid rgba(47,177,240,.4);
    color: #1e88e5;
    background: rgba(47,177,240,.08);
    font-weight: 600;
    text-decoration: none
}

.downloadLink___3LZ2N:hover {
    background: rgba(47,177,240,.16)
}

.docLink___24pEn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 8px;
    color: #1e88e5;
    font-weight: 600;
    text-decoration: none
}

.bgImage___1ybZ6 {
    position: absolute;
    right: -32px;
    bottom: 0;
    width: 340px;
    height: 300px;
    background-image: url(https://www-static.qbox.me/_next/static/media/OpenClaw.8906d9a2f88844b4364d11dc69644216.png);
    background-position: 100% 100%;
    opacity: .9;
    z-index: 1
}

.bgImage___1ybZ6,.modelImage___3yj8z {
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none
}

.modelImage___3yj8z {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 140px;
    height: 140px;
    padding: 10px;
    background-image: url(https://www-static.qbox.me/_next/static/media/AI%20%E5%A4%A7%E6%A8%A1%E5%9E%8B.e96e3a53224afdcd65d066ecc8f0a067.png);
    background-position: 50%;
    background-color: #fff;
    border: 1px solid rgba(15,23,42,.12);
    border-radius: 18px;
    -webkit-box-shadow: 0 18px 36px rgba(15,72,118,.14);
    box-shadow: 0 18px 36px rgba(15,72,118,.14);
    opacity: 1;
    z-index: 2
}

@media only screen and (max-width: 767px) {
    .openClawSection___TfNiO {
        padding:0 0 20px
    }

    .container___2Xhnd {
        padding: 0 16px
    }

    .card___A0wVm {
        padding: 14px;
        border-radius: 12px;
        max-width: 100%
    }

    .cardMain___3PM2i {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 10px;
        width: 100%
    }

    .content___3V-u3 {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: 0
    }

    .title___1SNu0 {
        font-size: 17px;
        line-height: 1.4;
        margin-bottom: 10px
    }

    .subtitle___1wHlB {
        font-size: 13px;
        line-height: 1.5;
        margin-bottom: 10px
    }

    .ctaButton___3ey2o {
        width: 100%;
        padding: 12px 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .guide___3p8tJ {
        margin-top: 12px;
        border-radius: 12px
    }

    .guideInner___2PZcV {
        padding: 16px
    }

    .steps___3H9F3 {
        padding-left: 0
    }

    .stepIcon___3LBWA {
        width: 18px;
        height: 18px
    }

    .codeContainer___1lxmM {
        margin: 10px 0 0
    }

    .installCommandRow___2OHpA {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        gap: 8px
    }

    .installCommandRow___2OHpA .downloadLink___3LZ2N {
        width: 100%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .codeBlock___3m-BP {
        font-size: 11px;
        padding-right: 32px
    }

    .copyIcon___3VZ4- {
        width: 22px;
        height: 22px;
        top: 6px;
        right: 6px;
        font-size: 12px
    }

    .modelImage___3yj8z {
        display: none
    }

    .bgImage___1ybZ6 {
        width: 180px;
        height: 140px;
        right: -12px;
        bottom: -6px;
        opacity: .14
    }

    .extraCards___3Cntz {
        margin-top: 12px;
        grid-template-columns: 1fr;
        gap: 12px
    }

    .extraCard___3Tq3A {
        border-radius: 12px;
        padding: 16px
    }

    .textActionButton___1cKUQ {
        margin-top: 8px
    }

    .configPreview___sQXC5 {
        font-size: 11px;
        padding-right: 68px;
        max-height: 180px
    }

    .configPreviewExpanded___c3j_I {
        max-height: 420px
    }
}

.showcase___HD4gh {
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f7fbff));
    background: linear-gradient(180deg,#fff,#f7fbff);
    padding: 80px 0
}

.container___2MjXQ {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px
}

.header___1lx1b {
    text-align: center;
    margin-bottom: 48px
}

.title___w8xVg {
    font-size: 34px;
    font-weight: 700;
    color: #101827;
    margin-bottom: 16px;
    letter-spacing: 0
}

.subtitle___1nhVq {
    font-size: 16px;
    color: #667085;
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto
}

.nav___39e8i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 48px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.navItem___2dB1y {
    background: hsla(0,0%,100%,.72);
    border: 1px solid rgba(30,136,229,.12);
    border-radius: 24px;
    padding: 12px 24px;
    font-size: 14px;
    color: #5b6678;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    font-weight: 500
}

.navItem___2dB1y:hover {
    border-color: #2fb1f0;
    color: #2fb1f0;
    background: #fff
}

.navItem___2dB1y.active___2aOiM {
    background: linear-gradient(135deg,#1e88e5,#2fb1f0);
    border-color: #2fb1f0;
    color: #fff
}

.grid___2rD0S {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(360px,1fr));
    gap: 24px
}

.card___LpiQ8 {
    background: hsla(0,0%,100%,.92);
    border: 1px solid rgba(30,136,229,.1);
    border-radius: 18px;
    padding: 24px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 14px 38px rgba(23,48,86,.06);
    box-shadow: 0 14px 38px rgba(23,48,86,.06)
}

.card___LpiQ8:hover {
    border-color: rgba(30,136,229,.24);
    -webkit-box-shadow: 0 22px 52px rgba(30,136,229,.12);
    box-shadow: 0 22px 52px rgba(30,136,229,.12);
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
}

.card___LpiQ8:hover .cardButton___vgzEh {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

.cardContent___39JYb {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 20px
}

.cardTitle___2V3K- {
    font-size: 18px;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 12px
}

.cardDescription___335Jg {
    font-size: 14px;
    line-height: 1.6;
    color: #666;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.cardButton___vgzEh {
    font-size: 14px;
    color: #2fb1f0;
    font-weight: 500;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -ms-flex-item-align: start;
    align-self: flex-start;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

@media (max-width: 768px) {
    .showcase___HD4gh {
        padding:60px 0
    }

    .container___2MjXQ {
        padding: 0 16px
    }

    .title___w8xVg {
        font-size: 28px
    }

    .nav___39e8i {
        gap: 4px
    }

    .navItem___2dB1y {
        padding: 8px 16px;
        font-size: 13px
    }

    .grid___2rD0S {
        grid-template-columns: 1fr;
        gap: 16px
    }

    .card___LpiQ8 {
        padding: 20px
    }
}

.banner___1jEqH {
    position: relative;
    padding: 68px 24px 48px;
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 60px
}

.bannerLeft___3zY0a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 680px
}

.bannerTitle___28kth {
    font-size: 52px;
    font-weight: 700;
    color: #101827;
    margin: 0 0 18px;
    line-height: 1.12;
    letter-spacing: 0
}

.bannerDesc___fQ4Zj {
    max-width: 620px;
    font-size: 17px;
    line-height: 1.75;
    color: #536173;
    margin: 0
}

.arrowIcon___3t5BS {
    width: 18px;
    height: 18px;
    margin-left: 8px;
    vertical-align: middle
}

.bannerRight___1mpMt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-top: 8px
}

.apiButton___2uUbg,.bannerRight___1mpMt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.apiButton___2uUbg {
    min-width: 154px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: linear-gradient(135deg,#101827,#1f3354);
    color: #fff;
    border: none;
    border-radius: 6px;
    padding: 12px 22px;
    font-size: 14px;
    font-weight: 700;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-box-shadow: 0 14px 28px rgba(16,24,39,.18);
    box-shadow: 0 14px 28px rgba(16,24,39,.18)
}

.apiButton___2uUbg:hover {
    color: #fff;
    background: linear-gradient(135deg,#172033,#29446d);
    -webkit-box-shadow: 0 18px 34px rgba(16,24,39,.22);
    box-shadow: 0 18px 34px rgba(16,24,39,.22);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

.apiButton___2uUbg img {
    width: 16px;
    height: 16px
}

.docButton___2peTH {
    min-width: 154px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: hsla(0,0%,100%,.72);
    color: #1e88e5;
    border: 1px solid rgba(30,136,229,.22);
    border-radius: 6px;
    padding: 11px 22px;
    font-size: 14px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-box-shadow: 0 10px 24px rgba(30,136,229,.08);
    box-shadow: 0 10px 24px rgba(30,136,229,.08)
}

.docButton___2peTH:hover {
    color: #1e88e5;
    background: #fff;
    border-color: rgba(30,136,229,.38);
    -webkit-box-shadow: 0 14px 28px rgba(30,136,229,.14);
    box-shadow: 0 14px 28px rgba(30,136,229,.14);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

.docButton___2peTH img {
    width: 16px;
    height: 16px
}

@media (max-width: 768px) {
    .banner___1jEqH {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 24px;
        padding: 44px 16px 28px
    }

    .bannerTitle___28kth {
        font-size: 36px
    }

    .bannerDesc___fQ4Zj {
        font-size: 15px;
        line-height: 1.65
    }

    .bannerRight___1mpMt {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        width: 100%;
        padding-top: 0
    }
}

.empty___3Q8UM {
    height: 120px;
    margin-bottom: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #666
}

.container___EFp6j,.empty___3Q8UM {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.container___EFp6j {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.modelList___doRXw {
    display: grid;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 24px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    grid-template-columns: repeat(auto-fit,minmax(360px,1fr));
    gap: 20px
}

.cacheReminder___1K7CT {
    font-size: 14px;
    line-height: 1.5;
    color: #6e7781;
    text-align: center;
    max-width: 1200px;
    margin: 40px auto 60px;
    padding: 0 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px
}

.cacheReminder___1K7CT .reminderIcon___2RYw2 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #6e7781
}

@media (max-width: 768px) {
    .modelList___doRXw {
        grid-template-columns:1fr;
        padding: 0 16px;
        gap: 12px
    }

    .cacheReminder___1K7CT {
        margin: 40px auto 60px;
        padding: 0 16px
    }
}

.searchArea___3ZLKW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px
}

.searchInput___2RsHv {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.searchInput___2RsHv img {
    position: absolute;
    left: 16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    opacity: .5
}

.searchInput___2RsHv input {
    width: 100%;
    padding: 12px 16px 12px 44px;
    border: 1px solid #e1e5e9;
    border-radius: 4px;
    font-size: 14px;
    background: #fff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.04);
    box-shadow: 0 1px 2px rgba(0,0,0,.04)
}

.searchInput___2RsHv input:hover {
    border-color: #d1d5d9
}

.searchInput___2RsHv input:focus {
    border-color: #2fb1f0;
    outline: none;
    -webkit-box-shadow: 0 0 0 3px rgba(47,177,240,.1);
    box-shadow: 0 0 0 3px rgba(47,177,240,.1)
}

.searchInput___2RsHv input::-webkit-input-placeholder {
    color: #999
}

.searchInput___2RsHv input::-moz-placeholder {
    color: #999
}

.searchInput___2RsHv input:-ms-input-placeholder {
    color: #999
}

.searchInput___2RsHv input::-ms-input-placeholder {
    color: #999
}

.searchInput___2RsHv input::placeholder {
    color: #999
}

.sortWrapper___2wp1R {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    white-space: nowrap
}

.sortLabel___3CHse {
    font-size: 14px;
    color: #666;
    font-weight: 500
}

.sortSelect___1eYXk {
    padding: 10px 32px 10px 16px;
    border: 1px solid #e1e5e9;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    background: #fff;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.04);
    box-shadow: 0 1px 2px rgba(0,0,0,.04);
    min-width: 120px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%23666' d='M1.41 0L6 4.59 10.59 0 12 1.41l-6 6-6-6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center
}

.sortSelect___1eYXk:hover {
    border-color: #d1d5d9
}

.sortSelect___1eYXk:focus {
    border-color: #2fb1f0;
    outline: none;
    -webkit-box-shadow: 0 0 0 3px rgba(47,177,240,.1);
    box-shadow: 0 0 0 3px rgba(47,177,240,.1)
}

@media (max-width: 768px) {
    .searchArea___3ZLKW {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 12px;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .searchInput___2RsHv {
        max-width: none
    }

    .sortWrapper___2wp1R {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .sortSelect___1eYXk {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.promoContainer___1GC8h {
    background: -webkit-gradient(linear,left top,right top,from(rgba(236,249,255,.94)),color-stop(48%,rgba(244,248,255,.98)),to(rgba(234,244,255,.94))),-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.82)),to(rgba(229,241,255,.66)));
    background: linear-gradient(90deg,rgba(236,249,255,.94),rgba(244,248,255,.98) 48%,rgba(234,244,255,.94)),linear-gradient(180deg,hsla(0,0%,100%,.82),rgba(229,241,255,.66));
    border-bottom: 1px solid rgba(30,136,229,.12);
    padding: 12px 0;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .4s cubic-bezier(.25,.46,.45,.94);
    transition: all .4s cubic-bezier(.25,.46,.45,.94);
    cursor: pointer;
    -webkit-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.86),inset 0 -1px 0 hsla(0,0%,100%,.64);
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.86),inset 0 -1px 0 hsla(0,0%,100%,.64)
}

.promoContainer___1GC8h.expanded___eMSl4 {
    padding: 20px 0;
    background: -webkit-gradient(linear,left top,right top,from(rgba(226,246,255,.96)),color-stop(48%,rgba(239,246,255,.98)),to(rgba(224,240,255,.96))),-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.8)),to(rgba(219,235,255,.74)));
    background: linear-gradient(90deg,rgba(226,246,255,.96),rgba(239,246,255,.98) 48%,rgba(224,240,255,.96)),linear-gradient(180deg,hsla(0,0%,100%,.8),rgba(219,235,255,.74))
}

.promoContent___2bfcw {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 40px;
    -webkit-transition: all .4s cubic-bezier(.25,.46,.45,.94);
    transition: all .4s cubic-bezier(.25,.46,.45,.94);
    position: relative;
    z-index: 2
}

.promoLeft___1KFY4 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.promoText___ZmDjy,.promoTextMain___1P9_S {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.badge___2hRgD {
    background: #ff4757;
    color: #fff;
    padding: 4px 10px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: 500;
    -webkit-transition: all .2s cubic-bezier(.25,.46,.45,.94);
    transition: all .2s cubic-bezier(.25,.46,.45,.94);
    white-space: nowrap
}

.expanded___eMSl4 .badge___2hRgD {
    background: #e73c47
}

.mainText___1X21x {
    font-size: 16px;
    font-weight: 500;
    color: #333
}

.highlight___2kQZx,.mainText___1X21x {
    -webkit-transition: all .2s cubic-bezier(.25,.46,.45,.94);
    transition: all .2s cubic-bezier(.25,.46,.45,.94);
    white-space: nowrap
}

.highlight___2kQZx {
    font-size: 20px;
    font-weight: 700;
    color: #2fb1f0;
    padding: 0 2px
}

.expanded___eMSl4 .highlight___2kQZx {
    font-size: 24px;
    color: #1a8ac7
}

.subtitle___2msP2 {
    font-size: 14px;
    color: #666;
    line-height: 1.4;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all .2s cubic-bezier(.25,.46,.45,.94);
    transition: all .2s cubic-bezier(.25,.46,.45,.94);
    margin-top: 0
}

.subtitle___2msP2.visible___1SYWh {
    max-height: 50px;
    opacity: 1;
    margin-top: 8px
}

.promoRight___1Mn-o {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.ctaButton___1dZk7 {
    background: #1a1a1a;
    color: #fff;
    border: none;
    padding: 8px 16px;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all .2s cubic-bezier(.25,.46,.45,.94);
    transition: all .2s cubic-bezier(.25,.46,.45,.94);
    opacity: 0;
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.ctaButton___1dZk7.visible___1SYWh {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.ctaButton___1dZk7:hover {
    background: #333;
    -webkit-transform: translateY(-1px) scale(1.02);
    transform: translateY(-1px) scale(1.02);
    -webkit-transition: all .2s cubic-bezier(.25,.46,.45,.94);
    transition: all .2s cubic-bezier(.25,.46,.45,.94)
}

.ctaButton___1dZk7:active {
    -webkit-transform: translateY(0) scale(.98);
    transform: translateY(0) scale(.98);
    -webkit-transition: all .1s ease;
    transition: all .1s ease
}

.expanded___eMSl4 .ctaButton___1dZk7 {
    background: #2fb1f0;
    padding: 12px 24px;
    font-size: 14px
}

.expanded___eMSl4 .ctaButton___1dZk7:hover {
    background: #1a8ac7;
    -webkit-transform: translateY(-1px) scale(1.02);
    transform: translateY(-1px) scale(1.02)
}

@media (min-width: 481px) and (max-width:768px) {
    .promoContainer___1GC8h {
        padding:14px 0
    }

    .promoContainer___1GC8h.expanded___eMSl4 {
        padding: 20px 0
    }

    .promoContent___2bfcw {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
        padding: 0 16px
    }

    .promoText___ZmDjy {
        gap: 8px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .badge___2hRgD {
        margin-bottom: 0
    }

    .promoTextMain___1P9_S {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 6px
    }

    .mainText___1X21x {
        font-size: 14px
    }

    .highlight___2kQZx {
        font-size: 18px
    }

    .expanded___eMSl4 .highlight___2kQZx {
        font-size: 20px
    }

    .subtitle___2msP2 {
        font-size: 13px
    }

    .subtitle___2msP2.visible___1SYWh {
        max-height: 60px
    }

    .ctaButton___1dZk7 {
        padding: 8px 16px;
        font-size: 12px;
        display: none
    }

    .ctaButton___1dZk7.visible___1SYWh {
        display: block;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .expanded___eMSl4 .ctaButton___1dZk7 {
        padding: 10px 20px;
        font-size: 13px
    }
}

@media (max-width: 480px) {
    .promoContainer___1GC8h {
        padding:16px 0
    }

    .promoContainer___1GC8h.expanded___eMSl4 {
        padding: 24px 0
    }

    .promoContent___2bfcw {
        gap: 16px;
        padding: 0 16px
    }

    .promoContent___2bfcw,.promoText___ZmDjy {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .promoText___ZmDjy {
        gap: 6px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .badge___2hRgD {
        margin-bottom: 4px
    }

    .promoTextMain___1P9_S {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 6px
    }

    .mainText___1X21x {
        font-size: 14px
    }

    .highlight___2kQZx {
        font-size: 18px
    }

    .expanded___eMSl4 .highlight___2kQZx {
        font-size: 20px
    }

    .subtitle___2msP2 {
        font-size: 13px
    }

    .subtitle___2msP2.visible___1SYWh {
        max-height: 60px
    }

    .ctaButton___1dZk7 {
        padding: 8px 16px;
        font-size: 12px;
        display: none
    }

    .ctaButton___1dZk7.visible___1SYWh {
        display: block;
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    .expanded___eMSl4 .ctaButton___1dZk7 {
        padding: 10px 20px;
        font-size: 13px
    }
}

.floatingBarV2___2aep8 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.hero___xKgOO {
    position: relative;
    overflow: hidden;
    padding: 112px 24px 72px;
    background: radial-gradient(circle at 50% -12%,rgba(36,112,255,.16),transparent 34%),radial-gradient(circle at 12% 34%,rgba(67,184,255,.12),transparent 28%),radial-gradient(circle at 86% 24%,rgba(115,89,255,.1),transparent 26%),-webkit-gradient(linear,left top,left bottom,from(#f9fbff),color-stop(68%,#fff));
    background: radial-gradient(circle at 50% -12%,rgba(36,112,255,.16),transparent 34%),radial-gradient(circle at 12% 34%,rgba(67,184,255,.12),transparent 28%),radial-gradient(circle at 86% 24%,rgba(115,89,255,.1),transparent 26%),linear-gradient(180deg,#f9fbff,#fff 68%);
    border-bottom: 1px solid rgba(15,23,42,.06)
}

.hero___xKgOO:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: linear-gradient(rgba(30,88,180,.045) 1px,transparent 0),linear-gradient(90deg,rgba(30,88,180,.045) 1px,transparent 0);
    background-size: 44px 44px;
    -webkit-mask-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.75)),color-stop(76%,transparent));
    -webkit-mask-image: linear-gradient(180deg,rgba(0,0,0,.75),transparent 76%);
    mask-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.75)),color-stop(76%,transparent));
    mask-image: linear-gradient(180deg,rgba(0,0,0,.75),transparent 76%);
    pointer-events: none
}

.hero___xKgOO:after {
    content: "";
    bottom: -1px;
    width: 960px;
    height: 1px;
    background: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(rgba(30,136,229,.28)),to(transparent));
    background: linear-gradient(90deg,transparent,rgba(30,136,229,.28),transparent)
}

.ambientOrb___1Vdut,.hero___xKgOO:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.ambientOrb___1Vdut {
    top: 96px;
    width: 620px;
    height: 620px;
    border-radius: 999px;
    background: radial-gradient(circle,rgba(30,136,229,.08),transparent 64%);
    -webkit-filter: blur(8px);
    filter: blur(8px);
    pointer-events: none
}

.inner___3701p {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1120px;
    min-width: 0;
    margin: 0 auto
}

.copyWrap___3_8yr {
    max-width: 820px;
    margin: 0 auto 48px;
    text-align: center
}

.eyebrow___3Mp52 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0 24px;
    padding: 7px 14px;
    border: 1px solid rgba(30,136,229,.18);
    border-radius: 999px;
    background: hsla(0,0%,100%,.72);
    color: #1e6bd6;
    -webkit-box-shadow: 0 8px 24px rgba(30,88,180,.06);
    box-shadow: 0 8px 24px rgba(30,88,180,.06);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: .04em
}

.eyebrow___3Mp52:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: #1e88e5;
    -webkit-box-shadow: 0 0 0 5px rgba(30,136,229,.12);
    box-shadow: 0 0 0 5px rgba(30,136,229,.12)
}

.title___1CyBw {
    max-width: 100%;
    margin: 0 auto 22px;
    color: #0f172a;
    font-size: clamp(34px,5.2vw,72px);
    font-weight: 760;
    line-height: 1.05;
    letter-spacing: -.055em;
    overflow-wrap: break-word
}

.subtitle___2sdzU {
    max-width: 650px;
    margin: 0 auto 32px;
    color: #526176;
    font-size: clamp(15px,1.28vw,18px);
    line-height: 1.78;
    overflow-wrap: break-word
}

.actions___3MIeQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.actions___3MIeQ,.btn___86mdl {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn___86mdl {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    min-height: 46px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 999px;
    padding: 12px 24px;
    font-size: 15px;
    font-weight: 650;
    line-height: 1.35;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: background .2s ease,border-color .2s ease,color .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease;
    transition: background .2s ease,border-color .2s ease,color .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease;
    transition: transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease;
    transition: transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease;
    -webkit-tap-highlight-color: transparent
}

.arrowIcon___btDWD {
    width: 16px;
    height: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease
}

.btnPrimary___NEhAG {
    color: #fff;
    border: 1px solid rgba(30,136,229,.6);
    background: linear-gradient(135deg,#1e88e5,#1967d2);
    -webkit-box-shadow: 0 14px 32px rgba(30,105,210,.22);
    box-shadow: 0 14px 32px rgba(30,105,210,.22)
}

.btnPrimary___NEhAG,.btnPrimary___NEhAG:active,.btnPrimary___NEhAG:focus,.btnPrimary___NEhAG:hover,.btnPrimary___NEhAG:visited {
    color: #fff;
    text-decoration: none
}

.btnPrimary___NEhAG:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-box-shadow: 0 18px 38px rgba(30,105,210,.28);
    box-shadow: 0 18px 38px rgba(30,105,210,.28)
}

.btnPrimary___NEhAG:hover .arrowIcon___btDWD {
    -webkit-transform: translate(2px,-2px);
    transform: translate(2px,-2px)
}

.btnSecondary___2Vzpx {
    color: #1f2a3d;
    border: 1px solid rgba(15,23,42,.11);
    background: hsla(0,0%,100%,.78);
    -webkit-box-shadow: 0 10px 28px rgba(15,23,42,.05);
    box-shadow: 0 10px 28px rgba(15,23,42,.05)
}

.btnSecondary___2Vzpx,.btnSecondary___2Vzpx:active,.btnSecondary___2Vzpx:focus,.btnSecondary___2Vzpx:hover,.btnSecondary___2Vzpx:visited {
    color: #1f2a3d;
    text-decoration: none
}

.btnSecondary___2Vzpx:hover {
    color: #1e6bd6;
    border-color: rgba(30,136,229,.28);
    background: #fff;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.panel___2-xDr {
    position: relative
}

.stats___2yLe4 {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    margin: 0 0 34px;
    overflow: hidden;
    border: 1px solid rgba(15,23,42,.07);
    border-radius: 22px;
    background: hsla(0,0%,100%,.72);
    -webkit-box-shadow: 0 18px 54px rgba(15,23,42,.055);
    box-shadow: 0 18px 54px rgba(15,23,42,.055);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px)
}

.statItem___3diRo {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 0;
    padding: 24px 24px 22px;
    text-align: center
}

.statItem___3diRo:not(:last-child):after {
    content: "";
    position: absolute;
    top: 20px;
    right: 0;
    bottom: 20px;
    width: 1px;
    background: rgba(15,23,42,.07)
}

.statValue___1caqQ {
    margin-bottom: 10px;
    color: #0f172a;
    font-size: clamp(32px,4vw,46px);
    font-weight: 760;
    line-height: 1;
    letter-spacing: -.055em;
    overflow-wrap: break-word
}

.statUnit___1WpkE {
    margin-left: 4px;
    color: #607089;
    font-size: 15px;
    font-weight: 560;
    letter-spacing: 0
}

.statLabel___UGkgS {
    max-width: 18em;
    color: #6b7890;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.55
}

.modelsRow___1UAI7 {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left
}

.modelsIntro___3HLhs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px
}

.modelsIntro___3HLhs>div:first-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 14px;
    min-width: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.modelsKicker___fmuAB {
    color: #0f172a;
    font-size: 22px;
    font-weight: 780;
    line-height: 1.25;
    letter-spacing: -.03em
}

.modelsSummary___2QtUl {
    color: #5f6f84;
    font-size: 15px;
    font-weight: 560;
    line-height: 1.45
}

.providerSummary___1-MuZ {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    border-top: 1px solid rgba(15,23,42,.08);
    border-bottom: 1px solid rgba(15,23,42,.08)
}

.providerPill___33nen {
    min-width: 0;
    padding: 22px 18px
}

.providerPill___33nen:not(:last-child) {
    border-right: 1px solid rgba(15,23,42,.08)
}

.providerHeader___2HKvW {
    display: grid;
    grid-template-columns: 32px minmax(0,1fr) auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 12px;
    -moz-column-gap: 12px;
    column-gap: 12px;
    min-width: 0;
    margin-bottom: 14px
}

.providerIcon___3pwmD {
    width: 32px;
    height: 32px;
    -o-object-fit: contain;
    object-fit: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-radius: 10px
}

.providerName___3hW0m {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #111827;
    font-size: 17px;
    font-weight: 760;
    line-height: 1.25;
    letter-spacing: -.02em
}

.providerCount___34-Rj {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #1e6bd6;
    font-size: 28px;
    font-weight: 780;
    line-height: 1;
    letter-spacing: -.055em
}

.providerCountUnit___10T5h {
    margin-left: 3px;
    color: #7b8798;
    font-size: 13px;
    font-weight: 560;
    letter-spacing: 0
}

.providerModels___1gPvY {
    display: grid;
    gap: 8px;
    min-width: 0
}

.providerModel___nz9j9 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
    min-width: 0;
    gap: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #2c4664;
    font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.45
}

.providerModelHot___3Tpbi {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #d92d5c;
    font-family: PingFang SC,-apple-system,BlinkMacSystemFont Segoe UI,Microsoft YaHei Roboto Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-size: 11px;
    font-weight: 700;
    line-height: 1
}

.modelsToggleWrap___1QV3y {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 22px
}

.modelsToggle___3kzOt,.modelsToggleWrap___1QV3y {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.modelsToggle___3kzOt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 152px;
    height: 38px;
    padding: 0 20px;
    border: 1px solid rgba(30,107,214,.18);
    border-radius: 999px;
    color: #1e6bd6;
    background: rgba(30,107,214,.06);
    font-size: 14px;
    font-weight: 740;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: background .18s ease,border-color .18s ease,-webkit-transform .18s ease;
    transition: background .18s ease,border-color .18s ease,-webkit-transform .18s ease;
    transition: background .18s ease,border-color .18s ease,transform .18s ease;
    transition: background .18s ease,border-color .18s ease,transform .18s ease,-webkit-transform .18s ease
}

.modelsToggle___3kzOt:hover {
    border-color: rgba(30,107,214,.28);
    background: rgba(30,107,214,.1);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

@media (max-width: 900px) {
    .hero___xKgOO {
        padding:78px 20px 52px
    }

    .copyWrap___3_8yr {
        margin-bottom: 36px
    }

    .providerSummary___1-MuZ {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .providerPill___33nen:nth-child(odd) {
        border-right: 0
    }

    .providerPill___33nen:nth-child(-n+2) {
        border-bottom: 1px solid rgba(15,23,42,.08)
    }
}

@media (max-width: 768px) {
    .title___1CyBw {
        letter-spacing:-.04em
    }

    .stats___2yLe4 {
        grid-template-columns: 1fr
    }

    .statItem___3diRo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 16px;
        padding: 16px 18px
    }

    .statItem___3diRo:not(:last-child):after {
        top: auto;
        right: 18px;
        bottom: 0;
        left: 18px;
        width: auto;
        height: 1px
    }

    .statValue___1caqQ {
        margin-bottom: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    .statLabel___UGkgS {
        text-align: right
    }

    .modelsIntro___3HLhs {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 10px
    }

    .modelsKicker___fmuAB {
        font-size: 20px
    }
}

@media (max-width: 520px) {
    .hero___xKgOO {
        padding:58px 16px 42px
    }

    .copyWrap___3_8yr {
        text-align: left
    }

    .eyebrow___3Mp52 {
        margin-bottom: 18px
    }

    .subtitle___2sdzU {
        margin-bottom: 26px
    }

    .actions___3MIeQ {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .btn___86mdl {
        width: 100%
    }

    .statItem___3diRo {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 7px
    }

    .statLabel___UGkgS {
        text-align: left
    }

    .providerSummary___1-MuZ {
        grid-template-columns: 1fr
    }

    .providerPill___33nen,.providerPill___33nen:nth-child(2n),.providerPill___33nen:nth-child(-n+2) {
        padding: 20px 0;
        border-right: 0;
        border-bottom: 1px solid rgba(15,23,42,.08)
    }

    .providerPill___33nen:last-child {
        border-bottom: 0
    }

    .providerHeader___2HKvW {
        grid-template-columns: 28px 1fr auto;
        margin-bottom: 12px
    }

    .providerIcon___3pwmD {
        width: 28px;
        height: 28px
    }

    .providerName___3hW0m {
        font-size: 15px
    }

    .providerCount___34-Rj {
        font-size: 24px
    }

    .providerModels___1gPvY {
        gap: 8px
    }

    .providerModel___nz9j9 {
        font-size: 13px;
        padding: 6px 10px;
        border-radius: 6px;
        background: rgba(30,107,214,.06)
    }

    .providerModelHot___3Tpbi {
        font-size: 10px
    }

    .modelsToggleWrap___1QV3y {
        margin-top: 18px
    }

    .modelsToggle___3kzOt {
        width: 100%;
        max-width: none;
        height: 44px;
        font-size: 15px
    }
}

.pricingSection___3mw1G {
    position: relative;
    overflow: hidden;
    padding: 100px 24px 104px;
    background: radial-gradient(circle at 50% 0,rgba(30,136,229,.09),transparent 34%),-webkit-gradient(linear,left top,left bottom,from(#f7faff),color-stop(46%,#fbfcff),to(#fff));
    background: radial-gradient(circle at 50% 0,rgba(30,136,229,.09),transparent 34%),linear-gradient(180deg,#f7faff,#fbfcff 46%,#fff);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.container___1KfZc {
    max-width: 1160px;
    margin: 0 auto
}

.header___3Qfav {
    max-width: 680px;
    margin: 0 auto 34px;
    text-align: center
}

.kicker___1e3AP {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 12px;
    color: #1e6bd6;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .12em;
    text-transform: uppercase
}

.sectionTitle___3Sk1s {
    max-width: 100%;
    margin: 0 0 12px;
    color: #0f172a;
    font-size: clamp(28px,3.25vw,44px);
    font-weight: 760;
    line-height: 1.18;
    letter-spacing: -.04em;
    overflow-wrap: break-word
}

.sectionSubtitle___3LFDH {
    max-width: 42em;
    margin: 0 auto;
    color: #607089;
    font-size: clamp(14px,1.1vw,16px);
    line-height: 1.75;
    overflow-wrap: break-word
}

.cycleToggle___9Nm_i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 6px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto 46px;
    padding: 6px;
    border: 1px solid rgba(15,23,42,.08);
    border-radius: 999px;
    background: hsla(0,0%,100%,.78);
    -webkit-box-shadow: 0 16px 42px rgba(15,23,42,.06);
    box-shadow: 0 16px 42px rgba(15,23,42,.06);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px)
}

.cycleBtn___2ogay,.cycleToggle___9Nm_i {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cycleBtn___2ogay {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    padding: 9px 20px;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: #607089;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: .01em;
    cursor: pointer;
    -webkit-transition: background .2s ease,color .2s ease,-webkit-box-shadow .2s ease;
    transition: background .2s ease,color .2s ease,-webkit-box-shadow .2s ease;
    transition: background .2s ease,color .2s ease,box-shadow .2s ease;
    transition: background .2s ease,color .2s ease,box-shadow .2s ease,-webkit-box-shadow .2s ease;
    -webkit-tap-highlight-color: transparent;
    white-space: nowrap
}

.cycleBtn___2ogay.active___1bmYZ {
    color: #0f172a;
    background: #fff;
    -webkit-box-shadow: 0 8px 22px rgba(15,23,42,.08);
    box-shadow: 0 8px 22px rgba(15,23,42,.08)
}

.saveTag___1KFQs {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 2px 7px;
    border: 1px solid rgba(220,38,38,.18);
    border-radius: 999px;
    color: #dc2626;
    background: #fff5f5;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.35;
    letter-spacing: .02em
}

.plansGrid___3H0_Z {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 18px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding-top: 14px
}

.planCard___3iB5x {
    --card-title: 1.25rem;
    --card-desc: 0.875rem;
    --card-original: 0.875rem;
    --card-price: clamp(2.25rem,3.6vw,2.875rem);
    --card-price-suffix: 0.9375rem;
    --card-discount: 0.8125rem;
    --card-feature: 0.875rem;
    --card-cta: 0.9375rem;
    --card-meta: 0.8125rem;
    --card-leading-tight: 1.35;
    --card-leading-body: 1.62;
    --card-color-title: #0f172a;
    --card-color-body: #526176;
    --card-color-muted: #6b7890;
    --card-color-meta: #98a4b5;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    padding: 30px 26px 26px;
    border: 1px solid rgba(15,23,42,.08);
    border-radius: 24px;
    background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.96)),to(#fff));
    background: linear-gradient(180deg,hsla(0,0%,100%,.96),#fff);
    -webkit-box-shadow: 0 18px 56px rgba(15,23,42,.055);
    box-shadow: 0 18px 56px rgba(15,23,42,.055);
    color: var(--card-color-body);
    font-size: var(--card-feature);
    line-height: var(--card-leading-body);
    -webkit-transition: border-color .22s ease,-webkit-transform .22s ease,-webkit-box-shadow .22s ease;
    transition: border-color .22s ease,-webkit-transform .22s ease,-webkit-box-shadow .22s ease;
    transition: transform .22s ease,border-color .22s ease,box-shadow .22s ease;
    transition: transform .22s ease,border-color .22s ease,box-shadow .22s ease,-webkit-transform .22s ease,-webkit-box-shadow .22s ease
}

.planCard___3iB5x:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(30,136,229,.05)),color-stop(42%,transparent));
    background: linear-gradient(180deg,rgba(30,136,229,.05),transparent 42%);
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .22s ease;
    transition: opacity .22s ease
}

@media (hover: hover) {
    .planCard___3iB5x:hover {
        -webkit-transform:translateY(-4px);
        transform: translateY(-4px);
        border-color: rgba(30,136,229,.22);
        -webkit-box-shadow: 0 26px 70px rgba(15,23,42,.085);
        box-shadow: 0 26px 70px rgba(15,23,42,.085)
    }

    .planCard___3iB5x:hover:before {
        opacity: 1
    }
}

.planCard___3iB5x.primaryCard___24C5u {
    --card-price: clamp(2.375rem,3.8vw,3rem);
    border-color: rgba(30,136,229,.42);
    background: radial-gradient(circle at 50% 0,rgba(30,136,229,.1),transparent 46%),-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fbfdff));
    background: radial-gradient(circle at 50% 0,rgba(30,136,229,.1),transparent 46%),linear-gradient(180deg,#fff,#fbfdff);
    -webkit-box-shadow: 0 26px 82px rgba(30,88,180,.14);
    box-shadow: 0 26px 82px rgba(30,88,180,.14)
}

.planTag___15RzG {
    position: absolute;
    top: -15px;
    left: 50%;
    z-index: 2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 6px 16px;
    border: 1px solid hsla(0,0%,100%,.5);
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg,#1e88e5,#1967d2);
    -webkit-box-shadow: 0 10px 24px rgba(30,105,210,.24);
    box-shadow: 0 10px 24px rgba(30,105,210,.24);
    font-size: 12px;
    font-weight: 750;
    line-height: var(--card-leading-tight);
    letter-spacing: .05em;
    white-space: nowrap
}

.hotTag___JDULM {
    background: linear-gradient(135deg,#ff6a3d,#dc2626);
    -webkit-box-shadow: 0 10px 24px rgba(220,38,38,.24);
    box-shadow: 0 10px 24px rgba(220,38,38,.24)
}

.planHeader___18tjS {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 18px
}

.planName___xb6qO {
    margin: 0 0 6px;
    color: var(--card-color-title);
    font-size: var(--card-title);
    font-weight: 760;
    line-height: var(--card-leading-tight);
    letter-spacing: -.025em;
    overflow-wrap: break-word
}

.planDesc___2MVj- {
    margin: 0;
    color: var(--card-color-muted);
    font-size: var(--card-desc);
    font-weight: 450;
    line-height: var(--card-leading-body)
}

.planTier___3fMPJ {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 30px;
    padding: 4px 8px;
    border: 1px solid rgba(15,23,42,.08);
    border-radius: 999px;
    color: #7b8798;
    background: rgba(248,250,252,.9);
    font-size: 11px;
    font-weight: 750;
    line-height: 1.35;
    text-align: center
}

.priceBlock___HrRyN {
    position: relative;
    z-index: 1;
    margin-bottom: 18px;
    padding: 18px;
    border: 1px solid rgba(15,23,42,.06);
    border-radius: 18px;
    background: rgba(248,251,255,.72)
}

.originalPrice___3335t {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px;
    margin: 0 0 7px;
    color: var(--card-color-meta);
    font-size: var(--card-original);
    font-weight: 450;
    line-height: var(--card-leading-tight)
}

.originalAmount___1cz32,.originalLabel___2wKhI {
    color: inherit;
    font: inherit
}

.originalAmount___1cz32 {
    font-variant-numeric: tabular-nums;
    text-decoration: line-through;
    text-decoration-thickness: 1px
}

.priceAmount___1AY71 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2px 6px;
    min-width: 0;
    font-size: var(--card-price);
    line-height: 1.05;
    letter-spacing: -.04em
}

.currency___2on6U {
    color: #1e88e5;
    font-size: .48em;
    font-weight: 800;
    font-variant-numeric: tabular-nums
}

.price___33DBH {
    color: var(--card-color-title);
    font-size: 1em;
    font-weight: 780;
    font-variant-numeric: tabular-nums;
    overflow-wrap: break-word
}

.priceSuffix___2OZ4u {
    margin-left: 2px;
    color: var(--card-color-muted);
    font-size: var(--card-price-suffix);
    font-weight: 560;
    line-height: 1.4;
    letter-spacing: 0
}

.discountTag___3IoC1 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-item-align: baseline;
    align-self: baseline;
    margin-left: 4px;
    margin-top: .42em;
    padding: 5px 10px;
    border-radius: 999px;
    color: #b91c1c;
    background: rgba(220,38,38,.08);
    font-size: var(--card-discount);
    font-weight: 750;
    line-height: 1.45;
    letter-spacing: .05em;
    white-space: nowrap
}

.savingsLine___5ZJes {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    margin: 10px 0 0;
    padding: 6px 10px;
    border: 1px solid rgba(22,163,74,.12);
    border-radius: 999px;
    color: #15803d;
    background: rgba(22,163,74,.08);
    font-size: var(--card-meta);
    font-weight: 650
}

.ctaBtn___3WCCC,.savingsLine___5ZJes {
    line-height: var(--card-leading-tight)
}

.ctaBtn___3WCCC {
    position: relative;
    z-index: 1;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 46px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 22px;
    padding: 12px 16px;
    border: 1px solid rgba(15,23,42,.08);
    border-radius: 999px;
    background: rgba(15,23,42,.045);
    font-size: var(--card-cta);
    font-weight: 700;
    text-align: center;
    cursor: pointer;
    -webkit-transition: background .2s ease,border-color .2s ease,color .2s ease,-webkit-box-shadow .2s ease,-webkit-transform .2s ease;
    transition: background .2s ease,border-color .2s ease,color .2s ease,-webkit-box-shadow .2s ease,-webkit-transform .2s ease;
    transition: background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease;
    transition: background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease,-webkit-box-shadow .2s ease,-webkit-transform .2s ease;
    -webkit-tap-highlight-color: transparent
}

.ctaBtn___3WCCC,.ctaBtn___3WCCC:not(.primaryCta___3Gcyy),.ctaBtn___3WCCC:not(.primaryCta___3Gcyy):active,.ctaBtn___3WCCC:not(.primaryCta___3Gcyy):focus,.ctaBtn___3WCCC:not(.primaryCta___3Gcyy):visited {
    color: #0f172a;
    text-decoration: none
}

@media (hover: hover) {
    .ctaBtn___3WCCC:not(.primaryCta___3Gcyy):hover {
        color:#1e6bd6;
        background: rgba(30,136,229,.1);
        border-color: rgba(30,136,229,.3);
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px)
    }
}

.ctaBtn___3WCCC.primaryCta___3Gcyy {
    border-color: rgba(30,136,229,.6);
    background: linear-gradient(135deg,#1e88e5,#1967d2);
    -webkit-box-shadow: 0 14px 32px rgba(30,105,210,.22);
    box-shadow: 0 14px 32px rgba(30,105,210,.22)
}

.ctaBtn___3WCCC.primaryCta___3Gcyy,.ctaBtn___3WCCC.primaryCta___3Gcyy:active,.ctaBtn___3WCCC.primaryCta___3Gcyy:focus,.ctaBtn___3WCCC.primaryCta___3Gcyy:hover,.ctaBtn___3WCCC.primaryCta___3Gcyy:visited {
    color: #fff;
    text-decoration: none
}

@media (hover: hover) {
    .ctaBtn___3WCCC.primaryCta___3Gcyy:hover {
        -webkit-transform:translateY(-1px);
        transform: translateY(-1px);
        -webkit-box-shadow: 0 18px 38px rgba(30,105,210,.28);
        box-shadow: 0 18px 38px rgba(30,105,210,.28)
    }
}

.ctaArrow___10-wl {
    width: 16px;
    height: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease
}

.ctaBtn___3WCCC:hover .ctaArrow___10-wl {
    -webkit-transform: translate(2px,-2px);
    transform: translate(2px,-2px)
}

.featureList___3NgB_ {
    position: relative;
    z-index: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 11px;
    margin: 0;
    padding: 0;
    list-style: none
}

.featureItem___3hXru,.featureList___3NgB_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.featureItem___3hXru {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 9px;
    color: var(--card-color-body);
    font-size: var(--card-feature);
    font-weight: 450;
    line-height: var(--card-leading-body)
}

.featureItem___3hXru span {
    min-width: 0;
    overflow-wrap: break-word
}

.featureItem___3hXru .checkIcon___16rrR {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 16px;
    height: 16px;
    margin-top: 3px;
    color: #93c5fd
}

.featureItem___3hXru.highlighted___3xUwA {
    color: var(--card-color-title);
    font-weight: 650
}

.featureItem___3hXru.highlighted___3xUwA .checkIcon___16rrR {
    color: #1e88e5
}

.footnotes___2ZsZQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 6px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 40em;
    margin: 30px auto 0
}

.footnotes___2ZsZQ p {
    margin: 0;
    color: #98a4b5;
    font-size: 13px;
    line-height: 1.75;
    text-align: center;
    letter-spacing: .01em
}

@media (max-width: 1100px) and (min-width:641px) {
    .plansGrid___3H0_Z {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap: 18px;
        max-width: 760px;
        margin-left: auto;
        margin-right: auto
    }

    .planCard___3iB5x:last-child:nth-child(3):last-child {
        grid-column: -1;
        max-width: calc(50% - 9px);
        justify-self: center
    }
}

@media (max-width: 640px) {
    .pricingSection___3mw1G {
        padding:64px 16px 72px
    }

    .header___3Qfav {
        margin-bottom: 28px;
        text-align: left
    }

    .sectionSubtitle___3LFDH {
        max-width: none;
        text-align: left
    }

    .cycleToggle___9Nm_i {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 100%;
        margin-bottom: 34px;
        overflow-x: auto;
        border-radius: 18px
    }

    .cycleBtn___2ogay {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        min-width: 94px;
        padding: 10px 12px;
        font-size: 14px
    }

    .plansGrid___3H0_Z {
        grid-template-columns: 1fr;
        gap: 26px;
        max-width: 100%;
        padding-top: 8px
    }

    .planCard___3iB5x:last-child {
        grid-column: auto;
        max-width: none;
        justify-self: stretch
    }

    .planCard___3iB5x {
        --card-title: 1.125rem;
        --card-price: 2.125rem;
        --card-price-suffix: 0.875rem;
        padding: 26px 20px 22px;
        border-radius: 20px
    }

    .planCard___3iB5x.primaryCard___24C5u {
        --card-price: 2.25rem
    }

    .priceBlock___HrRyN {
        padding: 16px
    }

    .savingsLine___5ZJes {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 12px
    }

    .footnotes___2ZsZQ {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 24px
    }

    .footnotes___2ZsZQ p {
        font-size: 12.5px;
        line-height: 1.65;
        text-align: left
    }
}

@media (max-width: 380px) {
    .cycleBtn___2ogay {
        min-width:88px;
        padding: 10px 8px;
        font-size: 13px
    }

    .saveTag___1KFQs {
        padding: 2px 5px;
        font-size: 10px
    }

    .planCard___3iB5x {
        --card-price: 2rem;
        --card-title: 1.0625rem
    }

    .planCard___3iB5x.primaryCard___24C5u {
        --card-price: 2.125rem
    }
}

.section___huweQ {
    position: relative;
    overflow: hidden;
    padding: 96px 24px;
    background: radial-gradient(circle at 16% 0,rgba(30,136,229,.08),transparent 26%),-webkit-gradient(linear,left top,left bottom,from(#fff),to(#f7faff));
    background: radial-gradient(circle at 16% 0,rgba(30,136,229,.08),transparent 26%),linear-gradient(180deg,#fff,#f7faff)
}

.container___1sNiX {
    max-width: 1120px;
    margin: 0 auto
}

.header___1zYGn {
    max-width: 680px;
    margin: 0 auto 44px;
    text-align: center
}

.compareKicker___2o6Tb,.kicker___a-Pjt {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 12px;
    color: #1e6bd6;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .12em;
    text-transform: uppercase
}

.sectionTitle___3fU7y {
    max-width: 100%;
    margin: 0 0 12px;
    color: #0f172a;
    font-size: clamp(26px,3.35vw,44px);
    font-weight: 760;
    line-height: 1.18;
    letter-spacing: -.035em;
    overflow-wrap: break-word
}

.sectionSubtitle___3qLiS {
    margin: 0 auto;
    color: #607089;
    font-size: clamp(14px,1.16vw,16px);
    line-height: 1.75;
    overflow-wrap: break-word
}

.benefitsGrid___Fqnks {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 14px;
    margin-bottom: 18px
}

.benefitCard___12fUR,.compareBlock___N14pT,.policyCard___29sDz {
    border: 1px solid rgba(15,23,42,.07);
    background: hsla(0,0%,100%,.88);
    -webkit-box-shadow: 0 18px 46px rgba(15,23,42,.045);
    box-shadow: 0 18px 46px rgba(15,23,42,.045);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px)
}

.benefitCard___12fUR {
    position: relative;
    min-height: 210px;
    padding: 24px;
    border-radius: 22px;
    -webkit-transition: border-color .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease;
    transition: border-color .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease;
    transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease;
    transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease,-webkit-transform .2s ease,-webkit-box-shadow .2s ease
}

@media (hover: hover) {
    .benefitCard___12fUR:hover {
        -webkit-transform:translateY(-3px);
        transform: translateY(-3px);
        border-color: rgba(30,136,229,.2);
        -webkit-box-shadow: 0 24px 56px rgba(15,23,42,.07);
        box-shadow: 0 24px 56px rgba(15,23,42,.07)
    }
}

.benefitIndex___2zjwe {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 34px;
    color: #9aa8ba;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: .08em
}

.benefitTitle___T7FnL,.compareTitle___1Zr2u {
    margin: 0;
    color: #0f172a;
    font-size: clamp(17px,1.58vw,21px);
    font-weight: 730;
    line-height: 1.32;
    letter-spacing: -.018em;
    overflow-wrap: break-word
}

.benefitDescription___2EfXN,.cell___MKxGU,.cellLabel___1KePQ,.compareSubtitle___iv7F8,.policyText___Fzw4j,.tableHead___DpUI2 {
    font-size: 14px;
    line-height: 1.75
}

.benefitDescription___2EfXN {
    margin: 12px 0 0;
    color: #526176
}

.policyGrid___2BaI0 {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px;
    margin-bottom: 18px
}

.policyCard___29sDz {
    padding: 20px 22px;
    border-radius: 18px
}

.policyLabel___v52E5 {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 10px;
    padding: 4px 9px;
    border: 1px solid rgba(30,136,229,.16);
    border-radius: 999px;
    color: #1e6bd6;
    background: rgba(30,136,229,.06);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .03em
}

.policyText___Fzw4j {
    margin: 0;
    color: #526176
}

.compareBlock___N14pT {
    border-radius: 24px;
    padding: 28px
}

.compareHeader___ajKN3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 22px
}

.compareHeader___ajKN3 .compareKicker___2o6Tb {
    margin-bottom: -6px
}

.compareSubtitle___iv7F8 {
    margin: 0;
    color: #607089
}

.compareScroll___1Q7rU {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.compareTable___19JUE {
    display: grid;
    grid-template-columns: 160px repeat(2,minmax(0,1fr));
    min-width: 680px;
    overflow: hidden;
    border: 1px solid rgba(15,23,42,.08);
    border-radius: 16px;
    background: #fff
}

.tableHead___DpUI2 {
    padding: 15px 18px;
    border-bottom: 1px solid rgba(15,23,42,.08);
    color: #0f172a;
    background: -webkit-gradient(linear,left top,left bottom,from(#f5f9ff),to(#eef6ff));
    background: linear-gradient(180deg,#f5f9ff,#eef6ff);
    font-weight: 700
}

.cell___MKxGU,.cellLabel___1KePQ {
    padding: 16px 18px;
    border-bottom: 1px solid rgba(15,23,42,.06);
    background: #fff
}

.cellLabel___1KePQ {
    color: #0f172a;
    background: #fbfdff;
    font-weight: 700
}

.cell___MKxGU {
    color: #526176
}

.compareTable___19JUE>:nth-last-child(-n+3) {
    border-bottom: none
}

@media (max-width: 980px) {
    .benefitsGrid___Fqnks,.policyGrid___2BaI0 {
        grid-template-columns:1fr 1fr
    }

    .compareHeader___ajKN3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 10px
    }

    .compareHeader___ajKN3 .compareKicker___2o6Tb {
        margin-bottom: 0
    }

    .compareTitle___1Zr2u {
        font-size: 26px
    }
}

@media (max-width: 640px) {
    .section___huweQ {
        padding:60px 16px
    }

    .header___1zYGn {
        margin-bottom: 30px;
        text-align: left
    }

    .benefitsGrid___Fqnks,.policyGrid___2BaI0 {
        grid-template-columns: 1fr
    }

    .benefitCard___12fUR {
        min-height: auto;
        padding: 22px
    }

    .benefitIndex___2zjwe {
        margin-bottom: 22px
    }

    .compareBlock___N14pT {
        padding: 20px;
        border-radius: 20px
    }

    .compareHeader___ajKN3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 8px;
        margin-bottom: 20px
    }

    .compareTitle___1Zr2u {
        font-size: 22px;
        line-height: 1.3
    }

    .compareSubtitle___iv7F8 {
        font-size: 14px;
        line-height: 1.5
    }

    .compareTable___19JUE {
        grid-template-columns: 104px repeat(2,minmax(140px,1fr));
        min-width: 430px
    }

    .cell___MKxGU,.cellLabel___1KePQ,.tableHead___DpUI2 {
        padding: 12px 10px;
        font-size: 13px;
        line-height: 1.6
    }
}

.section___USnUo {
    position: relative;
    overflow: hidden;
    padding: 96px 24px 104px;
    background: radial-gradient(circle at 80% 12%,rgba(30,136,229,.08),transparent 28%),#fff
}

.ambientGlow___2bjag {
    position: absolute;
    left: 50%;
    bottom: -280px;
    width: 720px;
    height: 420px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 999px;
    background: radial-gradient(circle,rgba(30,136,229,.08),transparent 68%);
    pointer-events: none
}

.container___7saxD {
    position: relative;
    z-index: 1;
    max-width: 920px;
    margin: 0 auto
}

.header___1bN-9 {
    max-width: 640px;
    margin: 0 auto 44px;
    text-align: center
}

.kicker___1uCST {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 12px;
    color: #1e6bd6;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .12em;
    text-transform: uppercase
}

.sectionTitle___2_o-R {
    max-width: 100%;
    margin: 0 0 12px;
    color: #0f172a;
    font-size: clamp(26px,3.1vw,42px);
    font-weight: 760;
    line-height: 1.18;
    letter-spacing: -.035em;
    overflow-wrap: break-word
}

.sectionSubtitle___20F_G {
    max-width: 100%;
    margin: 0;
    color: #607089;
    font-size: clamp(14px,1.18vw,16px);
    line-height: 1.72;
    overflow-wrap: break-word
}

.docLinkWrap___1yTMA {
    margin: 30px 0 0;
    text-align: center
}

.docLink___2ynUE {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    color: #1e6bd6;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.45;
    text-decoration: none;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

.docLink___2ynUE:hover {
    color: #1557b0;
    text-decoration: none
}

.docLink___2ynUE:hover .docLinkArrow___1Qheg {
    -webkit-transform: translateX(3px);
    transform: translateX(3px)
}

.docLinkArrow___1Qheg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease
}

.faqList___2jHDZ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12px
}

.faqItem___1NcQ6 {
    overflow: hidden;
    border: 1px solid rgba(15,23,42,.08);
    border-radius: 18px;
    background: hsla(0,0%,100%,.92);
    -webkit-box-shadow: 0 14px 42px rgba(15,23,42,.04);
    box-shadow: 0 14px 42px rgba(15,23,42,.04);
    -webkit-transition: border-color .2s ease,-webkit-box-shadow .2s ease,-webkit-transform .2s ease;
    transition: border-color .2s ease,-webkit-box-shadow .2s ease,-webkit-transform .2s ease;
    transition: border-color .2s ease,box-shadow .2s ease,transform .2s ease;
    transition: border-color .2s ease,box-shadow .2s ease,transform .2s ease,-webkit-box-shadow .2s ease,-webkit-transform .2s ease
}

@media (hover: hover) {
    .faqItem___1NcQ6:hover {
        border-color:rgba(30,136,229,.18);
        -webkit-box-shadow: 0 18px 48px rgba(15,23,42,.06);
        box-shadow: 0 18px 48px rgba(15,23,42,.06)
    }
}

.faqItem___1NcQ6.expanded___3U83t {
    border-color: rgba(30,136,229,.24);
    -webkit-box-shadow: 0 22px 56px rgba(30,88,180,.08);
    box-shadow: 0 22px 56px rgba(30,88,180,.08)
}

.faqItem___1NcQ6.expanded___3U83t .icon___KGXfL {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #1e88e5
}

.faqItem___1NcQ6.expanded___3U83t .qNum___32pSw {
    color: #1e6bd6;
    background: rgba(30,136,229,.08)
}

.question___2Kkcm {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 20px 22px;
    border: none;
    background: none;
    color: #0f172a;
    cursor: pointer;
    text-align: left;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

.question___2Kkcm:hover {
    color: #1e6bd6
}

.question___2Kkcm .icon___KGXfL {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #9aa8ba;
    -webkit-transition: color .2s ease,-webkit-transform .25s ease;
    transition: color .2s ease,-webkit-transform .25s ease;
    transition: transform .25s ease,color .2s ease;
    transition: transform .25s ease,color .2s ease,-webkit-transform .25s ease
}

.qNum___32pSw {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 34px;
    height: 28px;
    border-radius: 999px;
    color: #8a97aa;
    background: rgba(15,23,42,.045);
    font-size: 12px;
    font-weight: 750;
    line-height: 1;
    letter-spacing: .03em;
    -webkit-transition: color .2s ease,background .2s ease;
    transition: color .2s ease,background .2s ease
}

.qText___3fmxc {
    min-width: 0;
    color: inherit;
    font-size: 16px;
    font-weight: 650;
    line-height: 1.55;
    overflow-wrap: break-word
}

.answerWrapper___2ZGBV {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: grid-template-rows .3s ease,opacity .25s ease;
    transition: grid-template-rows .3s ease,opacity .25s ease;
    transition: grid-template-rows .3s ease,opacity .25s ease,-ms-grid-rows .3s ease
}

.faqItem___1NcQ6.expanded___3U83t .answerWrapper___2ZGBV {
    grid-template-rows: 1fr;
    opacity: 1
}

.answer___nkNhg {
    min-height: 0;
    overflow: hidden;
    padding: 0 22px 0 70px;
    border-top: 0 solid transparent;
    color: #526176;
    font-size: 14px;
    line-height: 1.8;
    -webkit-transition: padding .3s ease,border-color .3s ease;
    transition: padding .3s ease,border-color .3s ease
}

.faqItem___1NcQ6.expanded___3U83t .answer___nkNhg {
    padding-top: 16px;
    padding-bottom: 20px;
    border-top: 1px solid rgba(15,23,42,.06)
}

.answerLink___1eu82 {
    margin: 0 2px;
    color: #1e6bd6;
    font-weight: 700;
    text-decoration: none
}

.answerLink___1eu82:hover {
    text-decoration: underline
}

.answerMarkdown___3lx9r p {
    margin: 0 0 .8em
}

.answerMarkdown___3lx9r p:last-child {
    margin-bottom: 0
}

.answerMarkdown___3lx9r strong {
    color: #263449;
    font-weight: 750
}

.answerMarkdown___3lx9r ul {
    margin: .55em 0 0;
    padding-left: 1.25em
}

.answerMarkdown___3lx9r li {
    margin-bottom: .38em
}

.answerMarkdown___3lx9r li:last-child {
    margin-bottom: 0
}

@media (max-width: 768px) {
    .section___USnUo {
        padding:60px 16px 68px
    }

    .header___1bN-9 {
        margin-bottom: 30px;
        text-align: left
    }

    .question___2Kkcm {
        gap: 10px;
        padding: 16px
    }

    .qNum___32pSw {
        min-width: 30px;
        height: 26px;
        font-size: 11px
    }

    .qText___3fmxc {
        font-size: 14px
    }

    .answer___nkNhg {
        padding-right: 16px;
        padding-left: 56px;
        font-size: 13px;
        line-height: 1.75
    }

    .faqItem___1NcQ6.expanded___3U83t .answer___nkNhg {
        padding-top: 12px;
        padding-bottom: 16px
    }
}

@media (max-width: 420px) {
    .question___2Kkcm {
        grid-template-columns:minmax(0,1fr) auto
    }

    .qNum___32pSw {
        display: none
    }

    .answer___nkNhg {
        padding-left: 16px
    }
}

.aiPlan___AtKu7 {
    overflow: hidden
}

.floatingBarV2___2JG2y {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.card___1cTSe {
    width: 276px;
    height: 316px;
    padding: 24px;
    background: #fff
}

@media only screen and (max-width: 767px) {
    .card___1cTSe {
        width:100%;
        height: auto
    }
}

.cardIcon___1W5V1 {
    margin-bottom: 16px
}

@media only screen and (max-width: 767px) {
    .cardIcon___1W5V1 {
        float:left;
        margin-right: 15px;
        margin-top: 5px
    }
}

.cardTitle___2UI34 {
    margin-bottom: 28px
}

.cardTitle___2UI34 h3 {
    margin-bottom: 4px;
    font-size: 20px;
    font-weight: 400
}

.cardTitle___2UI34 p {
    color: #666
}

@media only screen and (max-width: 767px) {
    .cardTitle___2UI34 {
        margin-bottom:20px
    }
}

.cardItem___DyzaI {
    margin-bottom: 20px
}

.cardItem___DyzaI p {
    margin-bottom: 8px;
    color: #999
}

@media only screen and (max-width: 767px) {
    .cardItem___DyzaI p {
        margin-bottom:4px
    }
}

.cardItem___DyzaI .link___Umi2Q {
    color: #00aae7
}

@media only screen and (max-width: 767px) {
    .cardItem___DyzaI {
        display:inline-block;
        margin-bottom: 0
    }

    .cardItem___DyzaI+.cardItem___DyzaI {
        float: right
    }
}

.floatingBarV2___mq8NI {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.image___37ezF {
    height: 240px;
    border-bottom: 1px solid #eee
}

.title___2EC31 {
    margin: 20px 0 8px;
    font-weight: 400;
    color: #333;
    font-size: 20px
}

.desc___XqS2b {
    color: #666;
    font-size: 14px
}

.floatingBarV2___ybfte {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.content___1smXs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: absolute;
    inset: 0;
    color: #fff;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    pointer-events: none
}

.content___1smXs.fadeOut___18tTF {
    opacity: 0
}

.content___1smXs.fadeIn___QYn8C {
    opacity: 1;
    z-index: 2
}

.content___1smXs .contentTitle___17bDa {
    font-size: 56px;
    margin-bottom: 16px
}

.content___1smXs .contentDescription___2bAFc,.content___1smXs .contentTitle___17bDa {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 500;
    pointer-events: auto
}

.content___1smXs .contentDescription___2bAFc {
    font-size: 32px;
    margin-bottom: 36px;
    opacity: .6
}

.content___1smXs .details___1DaID {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 60px;
    pointer-events: auto;
    margin-bottom: 56px
}

.content___1smXs .details___1DaID .item___ReqBL {
    font-size: 20px;
    color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

.content___1smXs .details___1DaID .item___ReqBL .title___182hi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 4px
}

.content___1smXs .details___1DaID .item___ReqBL .title___182hi strong {
    font-size: 32px
}

.content___1smXs .details___1DaID .item___ReqBL .title___182hi span {
    font-size: 20px
}

.content___1smXs .details___1DaID .item___ReqBL .description___2Asor {
    font-size: 16px;
    color: #fff;
    opacity: .6
}

@media only screen and (max-width: 767px) {
    .content___1smXs .details___1DaID {
        display:none
    }
}

.content___1smXs .button___30Ixl {
    pointer-events: auto;
    height: 48px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 42px;
    background: radial-gradient(98.42% 98.42% at 1.58% 6.25%,hsla(0,0%,100%,.25) 0,hsla(0,0%,100%,.1) 100%),-webkit-gradient(linear,left bottom,left top,from(rgba(255,251,251,.08)),to(rgba(255,251,251,.08)));
    background: radial-gradient(98.42% 98.42% at 1.58% 6.25%,hsla(0,0%,100%,.25) 0,hsla(0,0%,100%,.1) 100%),linear-gradient(0deg,rgba(255,251,251,.08),rgba(255,251,251,.08));
    border: 1px solid hsla(0,0%,100%,.1);
    border-radius: 8px;
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

.content___1smXs .button___30Ixl:hover {
    background: radial-gradient(98.42% 98.42% at 1.58% 6.25%,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.1) 100%),-webkit-gradient(linear,left bottom,left top,from(rgba(255,251,251,.08)),to(rgba(255,251,251,.08)));
    background: radial-gradient(98.42% 98.42% at 1.58% 6.25%,hsla(0,0%,100%,.3) 0,hsla(0,0%,100%,.1) 100%),linear-gradient(0deg,rgba(255,251,251,.08),rgba(255,251,251,.08));
    border: 1px solid hsla(0,0%,100%,.2);
    -webkit-box-shadow: 0 4px 20px hsla(0,0%,100%,.2);
    box-shadow: 0 4px 20px hsla(0,0%,100%,.2)
}

@media only screen and (max-width: 767px) {
    .content___1smXs {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center
    }

    .content___1smXs .contentTitle___17bDa {
        font-size: 40px;
        font-weight: 500;
        text-align: center;
        margin: 0 auto
    }

    .content___1smXs .contentDescription___2bAFc {
        text-align: center;
        padding: 0 10%;
        font-size: 14px;
        font-weight: 400;
        margin: 0 auto 28px
    }

    .content___1smXs .button___30Ixl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin: 0 auto
    }
}

.contentStyle1___3JbbN {
    width: 100%
}

.contentStyle1___3JbbN .contentTitle___17bDa {
    background: linear-gradient(87.07deg,#66a9ff,#548dff 50%,#c97fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.contentStyle2___3xt9R {
    width: 100%
}

.contentStyle2___3xt9R .contentTitle___17bDa {
    background: linear-gradient(87.07deg,#8aff9f,#63ffc3 50%,#69c6ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.contentStyle3___2tUWu {
    width: 100%
}

.contentStyle3___2tUWu .contentTitle___17bDa {
    background: linear-gradient(87.2deg,#d960c7,#d56b8c 50%,#fd9e8d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text
}

.floatingBarV2___28jkF {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.mainWrapper___1WC7K {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #000;
    height: 900px;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .mainWrapper___1WC7K {
        height:340px
    }
}

.bannerContent___1CvND {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 60px;
    pointer-events: none
}

@media only screen and (max-width: 767px) {
    .bannerContent___1CvND {
        width:100%
    }
}

@media only screen and (min-width: 1600px) {
    .bannerContent___1CvND {
        width:1420px
    }
}

.bannerContent___1CvND .content___2dQjm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: absolute;
    inset: 0;
    color: #fff;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    pointer-events: none
}

.bannerContent___1CvND .content___2dQjm.fadeOut___27V-x {
    opacity: 0
}

.bannerContent___1CvND .content___2dQjm.fadeIn___3Up9j {
    opacity: 1;
    z-index: 2
}

.bannerContent___1CvND .content___2dQjm .title___3tOIR {
    font-size: 48px;
    font-weight: 500;
    margin-bottom: 16px;
    pointer-events: auto
}

.bannerContent___1CvND .content___2dQjm .description___3ri0Z {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 58px;
    pointer-events: auto
}

.bannerContent___1CvND .content___2dQjm .button___UneJf {
    pointer-events: auto
}

@media only screen and (max-width: 767px) {
    .bannerContent___1CvND .content___2dQjm {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center
    }

    .bannerContent___1CvND .content___2dQjm .title___3tOIR {
        font-size: 32px;
        font-weight: 500
    }

    .bannerContent___1CvND .content___2dQjm .description___3ri0Z {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 28px;
        max-width: 80%
    }
}

.indicators___3WAAJ {
    gap: 6px;
    position: relative;
    z-index: 2;
    padding: 8px 0
}

.indicators___3WAAJ,.indicators___3WAAJ .indicator___2J5kr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.indicators___3WAAJ .indicator___2J5kr {
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .3s;
    transition: all .3s
}

.indicators___3WAAJ .indicator___2J5kr .line___Zj_rV {
    display: block;
    width: 100%;
    height: 4px;
    border-radius: 2px;
    background-color: hsla(0,0%,100%,.2);
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    position: relative;
    overflow: hidden
}

.indicators___3WAAJ .indicator___2J5kr.active___3I6_i {
    width: 42px
}

.progressBar___2WC1y {
    position: absolute;
    inset: 0;
    background-color: #fff;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-animation: progressFill___owpRw 5s linear;
    animation: progressFill___owpRw 5s linear
}

@-webkit-keyframes progressFill___owpRw {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes progressFill___owpRw {
    0% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

.bottom___FY-aA {
    background-color: hsla(0,0%,100%,.12);
    position: relative;
    z-index: 2;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.nebulaCanvas___ivu0a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.floatingBarV2___2Dwrh {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.activities___2k7zK {
    position: relative
}

@media only screen and (max-width: 767px) {
    .activities___2k7zK {
        height:90px;
        overflow: hidden
    }
}

.content___3CUOk {
    width: 1200px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 117px;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .content___3CUOk {
        width:100%
    }
}

@media only screen and (min-width: 1600px) {
    .content___3CUOk {
        width:1420px
    }
}

@media only screen and (max-width: 767px) {
    .content___3CUOk {
        position:static;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 90px;
        background: #fff;
        -webkit-transform: none;
        transform: none
    }
}

.content___3CUOk .container___1me7f {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    height: 117px;
    padding: 20px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

.content___3CUOk .container___1me7f .title___2VARs {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 4px
}

.content___3CUOk .container___1me7f .desc___3Su17 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 400
}

.content___3CUOk .container___1me7f:hover {
    background-color: hsla(0,0%,100%,.05)
}

.content___3CUOk .mobileCard___2f5z9 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

.content___3CUOk .mobileCard___2f5z9 .icon___2NyVK {
    width: 32px;
    height: 32px;
    display: block
}

.content___3CUOk .mobileCard___2f5z9 .icon___2NyVK img {
    display: block;
    width: 100%;
    height: 100%
}

.content___3CUOk .mobileCard___2f5z9 .title___2VARs {
    font-size: 12px;
    line-height: 1.5;
    margin-top: 8px;
    word-break: break-all;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80%
}

.floatingBarV2___2HCq2 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.blockWraper___3m4v9 {
    background-color: #f7f9fc
}

.blockWraper___3m4v9.dark___3nLZX {
    background-color: #4a5158
}

@media only screen and (max-width: 767px) {
    .blockWraper___3m4v9 {
        overflow-x:hidden
    }
}

.wrapper___aoobM {
    width: 1200px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 80px 0
}

@media only screen and (max-width: 767px) {
    .wrapper___aoobM {
        width:100%
    }
}

@media only screen and (min-width: 1600px) {
    .wrapper___aoobM {
        width:1420px
    }
}

@media only screen and (max-width: 767px) {
    .wrapper___aoobM {
        padding:54px 16px 32px
    }
}

.intro___36OlH {
    margin-bottom: 36px
}

@media only screen and (max-width: 767px) {
    .intro___36OlH {
        margin-bottom:24px
    }
}

.title___hJwBy {
    color: #333;
    font-size: 40px;
    font-weight: 500;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .title___hJwBy {
        font-size:24px
    }
}

.subtitle___2Gr7p {
    margin-top: 16px;
    color: #666;
    line-height: 22px
}

@media only screen and (max-width: 767px) {
    .subtitle___2Gr7p {
        display:none
    }
}

.dark___3nLZX .title___hJwBy {
    color: #fff
}

.dark___3nLZX .subtitle___2Gr7p {
    color: #d1d1d1
}

.floatingBarV2___1CxGG {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.categories___1n283 {
    margin-bottom: 32px
}

.categories___1n283 .inner___1db8W {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px
}

@media only screen and (max-width: 767px) {
    .categories___1n283 {
        margin-bottom:24px;
        margin-left: -16px;
        margin-right: -16px;
        height: 36px;
        overflow: hidden
    }

    .categories___1n283 .scroller___JcUkX {
        overflow-x: auto;
        height: 56px
    }

    .categories___1n283 .inner___1db8W {
        padding: 0 16px;
        gap: 8px;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.category___3friM {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    height: 44px;
    padding: 0 24px;
    border-radius: 22px;
    border: 1px solid #e9eaeb;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.category___3friM .icon___3x_qv {
    color: #535862
}

.category___3friM .icon___3x_qv svg {
    display: block
}

.category___3friM .text___17yR9 {
    font-size: 18px;
    line-height: 24px;
    color: #535862;
    white-space: nowrap
}

.category___3friM.active___32JHe {
    background: #fff;
    border-color: #f1f6fd
}

.category___3friM.active___32JHe .icon___3x_qv,.category___3friM.active___32JHe .text___17yR9 {
    color: #1570ef
}

.category___3friM:hover {
    border-color: #1570ef
}

.category___3friM:hover .icon___3x_qv,.category___3friM:hover .text___17yR9 {
    color: #1570ef
}

@media only screen and (max-width: 767px) {
    .category___3friM {
        height:36px;
        padding: 0 12px;
        gap: 4px
    }

    .category___3friM .text___17yR9 {
        font-size: 14px
    }
}

.contentWrapper___1h_i5 {
    height: 490px;
    position: relative
}

@media only screen and (max-width: 767px) {
    .contentWrapper___1h_i5 {
        height:auto
    }
}

.content___3snwC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    position: absolute;
    inset: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.content___3snwC.hide___3tQf8 {
    opacity: 0;
    pointer-events: none
}

.content___3snwC.show___1e_79 {
    opacity: 1;
    pointer-events: auto
}

@media only screen and (max-width: 767px) {
    .content___3snwC {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 14px;
        position: static
    }

    .content___3snwC.show___1e_79 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .content___3snwC.hide___3tQf8 {
        display: none
    }
}

.primaryCard___1e_g- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 312px;
    border-radius: 12px;
    padding: 32px 24px;
    background-size: cover;
    background-position: 50%;
    color: #414651;
    -webkit-transition: all .3s;
    transition: all .3s
}

.primaryCard___1e_g-:hover {
    color: #414651;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

.primaryCard___1e_g-:hover .consultButton___Pee7B {
    color: #1570ef
}

.primaryCard___1e_g-:hover .arrowIcon___nGWY1 {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

.primaryCard___1e_g- .title___RpFq2 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 14px
}

.primaryCard___1e_g- .description___2fXGg {
    font-size: 14px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.primaryCard___1e_g- .consultButton___Pee7B {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 4px
}

.primaryCard___1e_g- .arrowIcon___nGWY1,.primaryCard___1e_g- .consultButton___Pee7B {
    font-size: 14px;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media only screen and (max-width: 767px) {
    .primaryCard___1e_g- {
        width:auto;
        height: 226px;
        background-position: 50%;
        padding: 24px
    }
}

.cards___2TjHi {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 24px;
    border-radius: 12px;
    padding: 32px;
    background-size: cover;
    background-position: 50%
}

@media only screen and (max-width: 767px) {
    .cards___2TjHi {
        background-image:none!important;
        padding: 0;
        grid-template-columns: repeat(1,1fr);
        gap: 14px
    }
}

.card___24Y9f {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: hsla(0,0%,100%,.8);
    border-radius: 12px;
    padding: 32px 28px 20px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.card___24Y9f:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-box-shadow: 0 4px 10px rgba(10,77,170,.05);
    box-shadow: 0 4px 10px rgba(10,77,170,.05)
}

.card___24Y9f:hover .arrowIcon___nGWY1 {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

.card___24Y9f .header___TCQiq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    margin-bottom: 6px
}

.card___24Y9f .title___RpFq2 {
    font-size: 18px;
    line-height: 24px;
    color: #0a0d12;
    letter-spacing: -.27px
}

.card___24Y9f .description___2fXGg {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    color: #717680;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.card___24Y9f .consultButton___Pee7B {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #1570ef;
    gap: 4px
}

.card___24Y9f .consultButton___Pee7B:hover {
    color: #1570ef
}

.card___24Y9f .arrowIcon___nGWY1 {
    font-size: 14px;
    color: #1570ef;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

@media only screen and (max-width: 767px) {
    .card___24Y9f {
        height:194px;
        padding: 24px
    }
}

.floatingBarV2___1HVbE {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.banner___2diT- {
    position: relative;
    min-height: 480px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .banner___2diT- {
        min-height:auto;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0
    }
}

.banner___2diT- .bannerBg___3mldx {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: 50%;
    z-index: 0
}

@media only screen and (max-width: 767px) {
    .banner___2diT- .bannerBg___3mldx {
        background-position:712px
    }
}

.bannerContent___2nAQp {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1
}

@media only screen and (max-width: 767px) {
    .bannerContent___2nAQp {
        width:100%
    }
}

@media only screen and (min-width: 1600px) {
    .bannerContent___2nAQp {
        width:1420px
    }
}

@media only screen and (max-width: 767px) {
    .bannerContent___2nAQp {
        height:250px;
        padding: 40px 20px;
        text-align: left;
        position: relative;
        z-index: 2
    }
}

.bannerText___2AOGf {
    max-width: 540px
}

@media only screen and (max-width: 767px) {
    .bannerText___2AOGf {
        max-width:75%;
        width: 75%
    }
}

.bannerTitle___7KOyD {
    width: 25.5rem;
    height: 4.125rem;
    color: #333;
    font-family: PingFang SC;
    font-size: 2.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: 4.125rem;
    white-space: nowrap;
    margin-bottom: 12px
}

@media only screen and (max-width: 767px) {
    .bannerTitle___7KOyD {
        height:2.125rem;
        font-size: 18px;
        margin-bottom: .5rem;
        line-height: 1.4;
        color: #1a1a1a;
        padding-left: 0;
        white-space: nowrap
    }
}

.bannerDesc___2jR22 {
    width: 39.375rem;
    height: 3rem;
    color: #333;
    font-family: PingFang SC;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: 52px
}

@media only screen and (max-width: 767px) {
    .bannerDesc___2jR22 {
        width:auto;
        height: auto;
        font-size: 12px;
        margin-bottom: 24px;
        line-height: 1.6;
        color: #333;
        padding-left: 0
    }

    .bannerDesc___2jR22 br {
        display: none
    }
}

.bannerBtn___2zX8Y {
    display: inline-block;
    padding: 7px 32px;
    background: #1d7afc;
    border: none;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.bannerBtn___2zX8Y:hover {
    background: #0d6ae8;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .bannerBtn___2zX8Y {
        width:96px;
        height: 36px;
        padding: 7px 20px;
        border-radius: 2px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        white-space: nowrap;
        font-family: PingFang SC;
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
        letter-spacing: 0
    }
}

.floatingBarV2___2V9nI {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.cooperationSection___3E066 {
    padding: 80px 0;
    background: #fff
}

@media only screen and (max-width: 767px) {
    .cooperationSection___3E066 {
        padding:60px 20px
    }
}

.container___2to0J {
    width: 1200px;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 767px) {
    .container___2to0J {
        width:100%
    }
}

@media only screen and (min-width: 1600px) {
    .container___2to0J {
        width:1420px
    }
}

.sectionHeader___281TQ {
    text-align: center;
    margin-bottom: 48px
}

@media only screen and (max-width: 767px) {
    .sectionHeader___281TQ {
        margin-bottom:40px
    }
}

.sectionTitle___6vqST {
    font-size: 36px;
    font-weight: 600;
    margin: 0 0 11px;
    color: #1a1a1a;
    letter-spacing: -.5px
}

.sectionTitle___6vqST.light___1kEZl {
    color: #fff
}

@media only screen and (max-width: 767px) {
    .sectionTitle___6vqST {
        font-size:20px;
        margin-bottom: 12px
    }
}

.sectionSubtitle___1CE5s {
    font-size: 16px;
    line-height: 1.6;
    color: #666;
    margin: 0
}

@media only screen and (max-width: 767px) {
    .sectionSubtitle___1CE5s {
        font-size:16px
    }
}

.modesWrapper___2Sb2U {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    height: 500px;
    position: relative
}

@media only screen and (max-width: 767px) {
    .modesWrapper___2Sb2U {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto;
        gap: 0
    }
}

.modeCard___3L8y3 {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    cursor: pointer;
    -webkit-transition: -webkit-box-flex .5s cubic-bezier(.4,0,.2,1);
    transition: -webkit-box-flex .5s cubic-bezier(.4,0,.2,1);
    transition: flex .5s cubic-bezier(.4,0,.2,1);
    transition: flex .5s cubic-bezier(.4,0,.2,1),-webkit-box-flex .5s cubic-bezier(.4,0,.2,1),-ms-flex .5s cubic-bezier(.4,0,.2,1);
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (min-width: 769px) {
    .modeCard___3L8y3 .modeTitle___3Lqfb {
        font-size:16px;
        margin: 0;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        white-space: nowrap
    }

    .modeCard___3L8y3 .modeDescriptionList___1MgG9 {
        opacity: 0;
        visibility: hidden;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: opacity .3s ease,visibility 0s linear .3s,max-height .5s ease;
        transition: opacity .3s ease,visibility 0s linear .3s,max-height .5s ease;
        margin: 0
    }
}

@media only screen and (max-width: 767px) {
    .modeCard___3L8y3 {
        height:100px;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        -webkit-transition: height .4s cubic-bezier(.4,0,.2,1);
        transition: height .4s cubic-bezier(.4,0,.2,1)
    }

    .modeCard___3L8y3 .modeContent___2MPou {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .modeCard___3L8y3 .modeTitle___3Lqfb {
        font-size: 18px;
        margin: 0;
        text-align: center;
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        white-space: nowrap
    }

    .modeCard___3L8y3 .modeDescriptionList___1MgG9 {
        opacity: 0;
        max-height: 0;
        overflow: hidden;
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        margin: 0
    }

    .modeCard___3L8y3.active___3bLZW {
        height: 400px
    }

    .modeCard___3L8y3.active___3bLZW .modeContent___2MPou {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .modeCard___3L8y3.active___3bLZW .modeTitle___3Lqfb {
        font-size: 24px;
        margin-bottom: 20px;
        text-align: left
    }

    .modeCard___3L8y3.active___3bLZW .modeDescriptionList___1MgG9 {
        opacity: 1;
        max-height: 500px
    }
}

.modeImage___4r3kh {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: 50%;
    -webkit-transition: all .5s cubic-bezier(.4,0,.2,1);
    transition: all .5s cubic-bezier(.4,0,.2,1)
}

.modeOverlay___2DUV2 {
    position: absolute;
    inset: 0;
    background: transparent;
    z-index: 1;
    pointer-events: none
}

.modeContent___2MPou {
    position: relative;
    z-index: 2;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 40px 60px 60px;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .modeContent___2MPou {
        padding:30px 24px
    }
}

@media (min-width: 769px) {
    .modeCard___3L8y3 {
        -webkit-box-flex:1.5;
        -ms-flex: 1.5;
        flex: 1.5;
        overflow: hidden
    }

    .modeCard___3L8y3 .modeContent___2MPou {
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 966px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-left: 40px;
        padding-right: 40px
    }

    .modeCard___3L8y3 .modeTitle___3Lqfb {
        font-size: 20px;
        margin: 0;
        white-space: nowrap;
        text-align: center
    }

    .modeCard___3L8y3 .modeDescriptionList___1MgG9 {
        opacity: 0;
        visibility: hidden;
        max-height: 0
    }

    .modeCard___3L8y3.active___3bLZW {
        -webkit-box-flex: 7;
        -ms-flex: 7;
        flex: 7
    }

    .modeCard___3L8y3.active___3bLZW .modeContent___2MPou {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-left: 160px;
        padding-right: 60px
    }

    .modeCard___3L8y3.active___3bLZW .modeTitle___3Lqfb {
        font-size: 28px;
        margin-bottom: 19px;
        white-space: nowrap;
        text-align: left
    }

    .modeCard___3L8y3.active___3bLZW .modeDescriptionList___1MgG9 {
        opacity: 1;
        visibility: visible;
        max-height: 500px;
        -webkit-transition: opacity .5s ease .2s,visibility 0s linear 0s,max-height .5s ease;
        transition: opacity .5s ease .2s,visibility 0s linear 0s,max-height .5s ease
    }
}

@media only screen and (max-width: 767px) {
    .modeCard___3L8y3:first-child.active___3bLZW {
        height:400px
    }

    .modeCard___3L8y3:first-child.active___3bLZW .modeContent___2MPou {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .modeCard___3L8y3:first-child.active___3bLZW .modeOverlay___2DUV2 {
        background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.3)),to(rgba(0,0,0,.7)));
        background: linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.7))
    }

    .modeCard___3L8y3:first-child.active___3bLZW .modeTitle___3Lqfb {
        font-size: 24px;
        margin-bottom: 20px;
        text-align: left
    }

    .modeCard___3L8y3:first-child.active___3bLZW .modeDescriptionList___1MgG9 {
        opacity: 1;
        max-height: 500px
    }

    .modeCard___3L8y3:first-child:not(.active___3bLZW) {
        height: 100px
    }

    .modeCard___3L8y3:first-child:not(.active___3bLZW) .modeContent___2MPou {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .modeCard___3L8y3:first-child:not(.active___3bLZW) .modeTitle___3Lqfb {
        font-size: 18px;
        margin: 0;
        text-align: center
    }

    .modeCard___3L8y3:first-child:not(.active___3bLZW) .modeDescriptionList___1MgG9 {
        opacity: 0;
        max-height: 0
    }
}

.modeTitle___3Lqfb {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .modeTitle___3Lqfb {
        font-size:24px
    }
}

.modeDescriptionList___1MgG9 {
    list-style: none;
    padding: 0;
    margin: 0
}

.modeDescriptionList___1MgG9 li {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 12px;
    padding-left: 20px;
    position: relative;
    color: hsla(0,0%,100%,.95)
}

.modeDescriptionList___1MgG9 li:last-child {
    margin-bottom: 0
}

.modeDescriptionList___1MgG9 li:before {
    content: "\2022";
    position: absolute;
    left: 0;
    top: .2em;
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    line-height: 1
}

@media only screen and (max-width: 767px) {
    .modeDescriptionList___1MgG9 li {
        font-size:14px;
        line-height: 1.6;
        margin-bottom: 10px;
        padding-left: 18px
    }

    .modeDescriptionList___1MgG9 li:before {
        font-size: 18px
    }
}

.floatingBarV2___3qzd7 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.benefitsSection___26As0 {
    padding: 80px 0;
    background: #f4f6f8
}

@media only screen and (max-width: 767px) {
    .benefitsSection___26As0 {
        padding:48px 20px
    }
}

.container___3n9gR {
    width: 1200px;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 767px) {
    .container___3n9gR {
        width:100%
    }
}

@media only screen and (min-width: 1600px) {
    .container___3n9gR {
        width:1420px
    }
}

.sectionHeader___3oK3e {
    text-align: center;
    margin-bottom: 48px
}

@media only screen and (max-width: 767px) {
    .sectionHeader___3oK3e {
        margin-bottom:40px
    }
}

.sectionTitle___2x8-j {
    font-size: 36px;
    font-weight: 700;
    margin: 0 0 12px;
    color: #1a1a1a;
    letter-spacing: -.5px
}

@media only screen and (max-width: 767px) {
    .sectionTitle___2x8-j {
        font-size:20px;
        margin-bottom: 12px
    }
}

.sectionSubtitle___22qqf {
    font-size: 16px;
    line-height: 1.6;
    color: #666;
    margin: 0
}

@media only screen and (max-width: 767px) {
    .sectionSubtitle___22qqf {
        font-size:16px
    }
}

.benefitsGrid___3U4cy {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 16px
}

@media only screen and (max-width: 767px) {
    .benefitsGrid___3U4cy {
        grid-template-columns:1fr;
        gap: 24px
    }
}

.benefitCard___1FtUn {
    padding: 24px;
    background: #fff;
    border: 1.5px solid #e5edf5;
    border-radius: 4px;
    -webkit-transition: all .3s cubic-bezier(.4,0,.2,1);
    transition: all .3s cubic-bezier(.4,0,.2,1)
}

.benefitCard___1FtUn:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-box-shadow: 0 20px 48px rgba(0,0,0,.12);
    box-shadow: 0 20px 48px rgba(0,0,0,.12);
    border-color: transparent
}

.benefitCard___1FtUn:hover .benefitIcon___37FtH {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media only screen and (max-width: 767px) {
    .benefitCard___1FtUn {
        padding:20px;
        border-radius: 4px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 16px
    }
}

.benefitIcon___37FtH {
    width: 96px;
    height: 96px;
    border-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 16px;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1);
    transition: -webkit-transform .3s cubic-bezier(.4,0,.2,1);
    transition: transform .3s cubic-bezier(.4,0,.2,1);
    transition: transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (max-width: 767px) {
    .benefitIcon___37FtH {
        width:64px;
        height: 64px;
        margin-bottom: 0
    }
}

.benefitIconImage___3HtDG {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.benefitContent___208uV {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width: 767px) {
    .benefitContent___208uV {
        min-width:0
    }
}

.benefitTitle___3moor {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 12px;
    color: #1a1a1a;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (max-width: 767px) {
    .benefitTitle___3moor {
        font-size:18px;
        margin-bottom: 8px;
        white-space: normal;
        width: 100%
    }
}

.benefitDescription___3cORW {
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
    color: #666
}

@media only screen and (max-width: 767px) {
    .benefitDescription___3cORW {
        font-size:15px;
        line-height: 1.5
    }
}

.floatingBarV2___WKzbz {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.banner___AyMmg {
    position: relative;
    height: 480px;
    background: #8f9091;
    overflow: hidden
}

.banner___AyMmg .bannerBg___3DCe0 {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    max-width: 2048px;
    height: 480px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.banner___AyMmg .bannerBg___3DCe0:after {
    content: "";
    position: absolute;
    left: -234.5px;
    top: 0;
    width: 1105px;
    height: 480px;
    background: linear-gradient(268.09deg,rgba(133,129,123,0) .51%,rgba(133,129,123,.873) 36.72%)
}

.banner___AyMmg .bannerContent___2hb7q {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1
}

@media only screen and (max-width: 767px) {
    .banner___AyMmg .bannerContent___2hb7q {
        width:100%
    }
}

@media only screen and (min-width: 1600px) {
    .banner___AyMmg .bannerContent___2hb7q {
        width:1420px
    }
}

.banner___AyMmg .bannerText___2q5L0 {
    max-width: 540px
}

.banner___AyMmg .bannerTitle___3apNz {
    width: 25.5rem;
    height: 4.125rem;
    color: #fff;
    font-family: PingFang SC;
    font-size: 2.75rem;
    font-style: normal;
    font-weight: 600;
    line-height: 4.125rem;
    white-space: nowrap;
    margin-bottom: 12px
}

.banner___AyMmg .bannerDesc___2ZhjG {
    width: 39.375rem;
    height: 3rem;
    color: #fff;
    font-family: PingFang SC;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    margin-bottom: 52px
}

.banner___AyMmg .bannerBtn___2eAik {
    display: inline-block;
    padding: 7px 32px;
    background: #1d7afc;
    border: none;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.banner___AyMmg .bannerBtn___2eAik:hover {
    background: #0d6ae8;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .banner___AyMmg {
        height:255px
    }

    .banner___AyMmg .bannerBg___3DCe0 {
        background-position: -535px -10px;
        background-size: 310%
    }

    .banner___AyMmg .bannerBg___3DCe0:after {
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(269deg,rgba(133,129,123,0) .51%,rgba(133,129,123,.87) 36.72%)
    }

    .banner___AyMmg .bannerContent___2hb7q {
        width: 309px;
        height: 124px;
        position: absolute;
        top: 65.5px;
        left: 24px
    }

    .banner___AyMmg .bannerText___2q5L0 {
        max-width: 100%
    }

    .banner___AyMmg .bannerTitle___3apNz {
        height: 2.125rem;
        font-family: PingFang SC;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        letter-spacing: 0;
        margin-bottom: .5rem
    }

    .banner___AyMmg .bannerDesc___2ZhjG {
        width: 254px;
        font-family: PingFang SC;
        font-size: 10px;
        font-weight: 400;
        line-height: 16px;
        letter-spacing: 0;
        vertical-align: middle;
        margin-bottom: 24px
    }

    .banner___AyMmg .bannerBtn___2eAik {
        width: 96px;
        height: 36px;
        padding: 7px 20px;
        border-radius: 2px;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        white-space: nowrap;
        font-family: PingFang SC;
        font-size: 14px;
        font-weight: 600;
        line-height: 22px;
        letter-spacing: 0
    }
}

.floatingBarV2___2xFKZ {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.rewardsSection___18Q0a {
    background: #f4f6f8;
    padding: 80px 120px
}

.rewardsSection___18Q0a .container___CxN2v {
    width: 1200px;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 767px) {
    .rewardsSection___18Q0a .container___CxN2v {
        width:100%
    }
}

@media only screen and (min-width: 1600px) {
    .rewardsSection___18Q0a .container___CxN2v {
        width:1420px
    }
}

.rewardsSection___18Q0a .sectionHeader___1AgmC {
    text-align: center;
    margin-bottom: 48px
}

.rewardsSection___18Q0a .sectionTitle___mHUfG {
    font-size: 36px;
    font-weight: 600;
    line-height: 48px;
    color: #333;
    margin-bottom: 11px
}

.rewardsSection___18Q0a .sectionSubtitle___r60u- {
    font-size: 16px;
    line-height: 22px;
    color: #666
}

.rewardsSection___18Q0a .rewardsGrid___2BaLH {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 24px
}

.rewardsSection___18Q0a .rewardCard___2qFa- {
    position: relative;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(2.944%,transparent),to(#fff));
    background: linear-gradient(180deg,transparent 2.944%,#fff);
    border: 2px solid #fff;
    border-radius: 8px;
    padding: 30px;
    min-height: 446px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.rewardsSection___18Q0a .rewardCard___2qFa- .rewardBg___3yYoF {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    opacity: .2;
    z-index: 0
}

.rewardsSection___18Q0a .rewardCard___2qFa- .rewardIcon___2KbWm {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 300px;
    height: 300px;
    z-index: 1
}

.rewardsSection___18Q0a .rewardCard___2qFa- .rewardIcon___2KbWm img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.rewardsSection___18Q0a .rewardCard___2qFa-.rewardOrange___3k2UW {
    background: -webkit-gradient(linear,left top,left bottom,from(#fff3e2),to(#fff));
    background: linear-gradient(180deg,#fff3e2,#fff)
}

.rewardsSection___18Q0a .rewardCard___2qFa-.rewardOrange___3k2UW .rewardIcon___2KbWm {
    width: 260px;
    height: 260px;
    right: 0;
    bottom: 0
}

.rewardsSection___18Q0a .rewardCard___2qFa-.rewardOrange___3k2UW .rewardBg___3yYoF {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    right: -210px;
    bottom: -600px;
    background-size: 65%
}

.rewardsSection___18Q0a .rewardCard___2qFa-.rewardOrange___3k2UW .rewardAmount___J_KGG,.rewardsSection___18Q0a .rewardCard___2qFa-.rewardOrange___3k2UW .rewardTitle___2Uxrk {
    color: #fe9517
}

.rewardsSection___18Q0a .rewardCard___2qFa-.rewardBlue___c6h21 {
    background: -webkit-gradient(linear,left top,left bottom,from(#e2f3ff),to(#fff));
    background: linear-gradient(180deg,#e2f3ff,#fff)
}

.rewardsSection___18Q0a .rewardCard___2qFa-.rewardBlue___c6h21 .rewardIcon___2KbWm {
    width: 300px;
    height: 300px;
    right: -57px;
    bottom: -20px
}

.rewardsSection___18Q0a .rewardCard___2qFa-.rewardBlue___c6h21 .rewardAmount___J_KGG,.rewardsSection___18Q0a .rewardCard___2qFa-.rewardBlue___c6h21 .rewardTitle___2Uxrk {
    color: #3581ea
}

.rewardsSection___18Q0a .rewardCard___2qFa-.rewardRed___Dvvyx {
    background: -webkit-gradient(linear,left top,left bottom,from(#ffe8e2),to(#fff));
    background: linear-gradient(180deg,#ffe8e2,#fff)
}

.rewardsSection___18Q0a .rewardCard___2qFa-.rewardRed___Dvvyx .rewardBg___3yYoF {
    background-position: 100% 100%;
    background-size: 70%;
    right: 100px;
    bottom: 0
}

.rewardsSection___18Q0a .rewardCard___2qFa-.rewardRed___Dvvyx .rewardIcon___2KbWm {
    width: 420px;
    height: 420px;
    right: -130px;
    bottom: -100px
}

.rewardsSection___18Q0a .rewardCard___2qFa-.rewardRed___Dvvyx .rewardAmount___J_KGG,.rewardsSection___18Q0a .rewardCard___2qFa-.rewardRed___Dvvyx .rewardTitle___2Uxrk {
    color: #ff552d
}

.rewardsSection___18Q0a .rewardContent___3BcrW {
    position: relative;
    z-index: 1
}

.rewardsSection___18Q0a .rewardTitle___2Uxrk {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 44px
}

.rewardsSection___18Q0a .rewardTiers___1BuYU {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px
}

.rewardsSection___18Q0a .rewardTier___1ai64 .rewardAmount___J_KGG {
    margin-bottom: 8px
}

.rewardsSection___18Q0a .rewardAmount___J_KGG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 4px;
    margin-bottom: 8px
}

.rewardsSection___18Q0a .rewardAmount___J_KGG .currency___271nc {
    font-size: 16px;
    font-weight: 600;
    line-height: 14px;
    padding-bottom: 10px
}

.rewardsSection___18Q0a .rewardAmount___J_KGG .amount___Yah2O {
    font-size: 74px;
    font-weight: 600;
    line-height: 60px
}

.rewardsSection___18Q0a .rewardAmount___J_KGG .percent___2hq05 {
    font-size: 14px;
    font-weight: 600;
    line-height: 14px;
    padding-bottom: 10px
}

.rewardsSection___18Q0a .rewardAmount___J_KGG .unit___21hK1 {
    width: 110px
}

.rewardsSection___18Q0a .rewardAmount___J_KGG .prefix___gAs9W,.rewardsSection___18Q0a .rewardAmount___J_KGG .unit___21hK1 {
    font-size: 16px;
    font-weight: 600;
    line-height: 14px;
    padding-bottom: 10px
}

.rewardsSection___18Q0a .rewardCondition___1Inqg {
    font-size: 16px;
    line-height: 22px;
    color: #333
}

.rewardsSection___18Q0a .rewardNote___1Advf {
    position: absolute;
    bottom: 30px;
    left: 30px;
    font-size: 16px;
    line-height: 22px;
    color: #333;
    z-index: 1
}

@media only screen and (max-width: 767px) {
    .rewardsSection___18Q0a {
        padding:40px 20px
    }

    .rewardsSection___18Q0a .sectionTitle___mHUfG {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 11px
    }

    .rewardsSection___18Q0a .sectionSubtitle___r60u- {
        font-size: 13px;
        line-height: 20px
    }

    .rewardsSection___18Q0a .sectionHeader___1AgmC {
        margin-bottom: 32px
    }

    .rewardsSection___18Q0a .rewardsGrid___2BaLH {
        grid-template-columns: 1fr;
        gap: 16px
    }

    .rewardsSection___18Q0a .rewardCard___2qFa- {
        padding: 24px 20px;
        min-height: auto
    }

    .rewardsSection___18Q0a .rewardCard___2qFa-.rewardOrange___3k2UW .rewardIcon___2KbWm {
        width: 156px;
        height: 156px
    }

    .rewardsSection___18Q0a .rewardCard___2qFa-.rewardBlue___c6h21 .rewardIcon___2KbWm {
        width: 240px;
        height: 240px;
        right: -50px;
        bottom: -20px
    }

    .rewardsSection___18Q0a .rewardCard___2qFa-.rewardRed___Dvvyx .rewardBg___3yYoF {
        right: 0;
        bottom: 0;
        background-size: 70%
    }

    .rewardsSection___18Q0a .rewardCard___2qFa-.rewardRed___Dvvyx .rewardIcon___2KbWm {
        width: 240px;
        height: 240px;
        right: -80px;
        bottom: -50px
    }

    .rewardsSection___18Q0a .rewardCard___2qFa- .rewardIcon___2KbWm {
        width: 120px;
        height: 120px
    }

    .rewardsSection___18Q0a .rewardNote___1Advf {
        position: static;
        margin-top: 44px;
        font-size: 13px;
        line-height: 20px
    }

    .rewardsSection___18Q0a .rewardTitle___2Uxrk {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 20px
    }

    .rewardsSection___18Q0a .rewardTiers___1BuYU {
        gap: 24px
    }

    .rewardsSection___18Q0a .rewardAmount___J_KGG {
        margin-bottom: 8px
    }

    .rewardsSection___18Q0a .rewardAmount___J_KGG .currency___271nc,.rewardsSection___18Q0a .rewardAmount___J_KGG .percent___2hq05,.rewardsSection___18Q0a .rewardAmount___J_KGG .prefix___gAs9W,.rewardsSection___18Q0a .rewardAmount___J_KGG .unit___21hK1 {
        font-size: 12px;
        line-height: 12px;
        padding-bottom: 6px
    }

    .rewardsSection___18Q0a .rewardAmount___J_KGG .amount___Yah2O {
        font-size: 40px;
        line-height: 40px
    }

    .rewardsSection___18Q0a .rewardAmount___J_KGG .unit___21hK1 {
        width: auto
    }

    .rewardsSection___18Q0a .rewardCondition___1Inqg {
        font-size: 13px;
        line-height: 20px
    }

    .rewardsSection___18Q0a .rewardBlue___c6h21 .rewardNote___1Advf {
        margin-top: 36px
    }
}

.floatingBarV2___LDUtS {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.processSection___VDf-q {
    position: relative;
    background: #272a2e;
    padding: 80px 100px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .processSection___VDf-q {
        padding:48px 16px
    }
}

.processSection___VDf-q .processBg___3hPcv {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 1920px;
    height: 1161px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    mix-blend-mode: soft-light
}

.container___39lDS {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 767px) {
    .container___39lDS {
        width:100%
    }
}

@media only screen and (min-width: 1600px) {
    .container___39lDS {
        width:1420px
    }
}

.processTitle___3G8Bo {
    position: relative;
    font-size: 36px;
    font-weight: 600;
    line-height: 48px;
    color: #fff;
    text-align: center;
    margin-bottom: 48px;
    z-index: 1
}

@media only screen and (max-width: 767px) {
    .processTitle___3G8Bo {
        font-size:20px;
        margin-bottom: 32px
    }
}

.processSteps___LHZYP {
    z-index: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.processNumbers___3Dt-o,.processSteps___LHZYP {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.processNumbers___3Dt-o {
    margin-bottom: 0;
    padding: 0 50px;
    height: 96px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width: 767px) {
    .processNumbers___3Dt-o {
        display:none
    }
}

.processNumber___2cLZV {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    height: 96px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 0;
    margin-right: 74px
}

.processNumber___2cLZV:last-child {
    margin-right: 0;
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px)
}

.processNumber___2cLZV svg {
    width: 100%;
    height: 100%;
    display: block
}

.processContent___Fc6RZ {
    background: hsla(0,0%,100%,.1);
    -webkit-backdrop-filter: blur(5.3px);
    backdrop-filter: blur(5.3px);
    border-radius: 4px;
    padding: 52px 50px;
    min-height: 196px;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-top: -30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .processContent___Fc6RZ {
        background:transparent;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
        height: auto;
        margin-top: 0
    }
}

.processCard___ORL3W {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 0;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .processCard___ORL3W {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
        height: auto
    }
}

.processStep___1e0-B {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-preferred-size: 0%;
    flex-basis: 0%;
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 0
}

@media only screen and (max-width: 767px) {
    .processStep___1e0-B {
        width:100%;
        text-align: left;
        background: hsla(0,0%,100%,.1);
        -webkit-backdrop-filter: blur(5.3px);
        backdrop-filter: blur(5.3px);
        border-radius: 8px;
        padding: 20px 20px 20px 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 16px;
        min-height: 80px;
        height: auto
    }
}

.processStepIcon___3XpDG {
    display: none
}

@media only screen and (max-width: 767px) {
    .processStepIcon___3XpDG {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 56px;
        height: 56px;
        min-width: 56px;
        min-height: 56px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: 0
    }
}

.processStepIconSvg___y1ySE {
    width: 56px;
    height: 56px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: block;
    -o-object-fit: contain;
    object-fit: contain
}

.processStepContent___3RkNj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 767px) {
    .processStepContent___3RkNj {
        gap:8px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 56px
    }
}

.processStepTitle___XHO5P {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: #fff;
    margin: 0 0 16px;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .processStepTitle___XHO5P {
        font-size:16px;
        margin-bottom: 0;
        text-align: left
    }
}

.processStepDesc___1jQoV {
    font-size: 14px;
    line-height: 22px;
    color: hsla(0,0%,100%,.8);
    margin: 0;
    text-align: center;
    white-space: pre-wrap;
    word-break: break-word
}

@media only screen and (max-width: 767px) {
    .processStepDesc___1jQoV {
        font-size:13px;
        line-height: 20px;
        text-align: left
    }
}

.processArrow___2K3YJ {
    position: relative;
    z-index: 1;
    width: 74px;
    height: 74px;
    -o-object-fit: contain;
    object-fit: contain;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (max-width: 767px) {
    .processArrow___2K3YJ {
        display:none
    }
}

.floatingBarV2___CV1Cw {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.faqSection___3KAN6 {
    background: #fff;
    padding: 80px 120px
}

.faqSection___3KAN6 .container___u13id {
    width: 1200px;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 767px) {
    .faqSection___3KAN6 .container___u13id {
        width:100%
    }
}

@media only screen and (min-width: 1600px) {
    .faqSection___3KAN6 .container___u13id {
        width:1420px
    }
}

.faqSection___3KAN6 .sectionTitle___iv1kY {
    text-align: center;
    font-size: 36px;
    font-weight: 600;
    line-height: 48px;
    color: #333;
    margin-bottom: 48px
}

.faqSection___3KAN6 .faqItem___2TRZC {
    border: 1px solid #ebecef;
    border-radius: 4px;
    margin-bottom: 24px
}

.faqSection___3KAN6 .faqItem___2TRZC:last-child {
    margin-bottom: 0
}

.faqSection___3KAN6 .faqQuestion___32EqJ {
    background: #f4f7fc;
    border: 1px solid #ebecef;
    border-radius: 4px 4px 0 0;
    padding: 20px 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: #181818;
    -webkit-transition: all .3s;
    transition: all .3s
}

.faqSection___3KAN6 .faqQuestion___32EqJ:hover {
    background: #e8f0fc
}

.faqSection___3KAN6 .faqQuestion___32EqJ.active___3IoFA {
    background: #f4f7fc
}

.faqSection___3KAN6 .faqIcon___jPSLK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    color: #333;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.faqSection___3KAN6 .faqIcon___jPSLK svg {
    width: 100%;
    height: 100%
}

.faqSection___3KAN6 .faqIcon___jPSLK.expanded___1Htz8 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.faqSection___3KAN6 .faqAnswer___2Yxr5 {
    padding: 22px 30px;
    font-size: 16px;
    line-height: 22px;
    color: #666
}

.faqSection___3KAN6 .faqAnswer___2Yxr5 p {
    margin: 0 0 8px
}

.faqSection___3KAN6 .faqAnswer___2Yxr5 p:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {
    .faqSection___3KAN6 {
        padding:48px 16px
    }

    .faqSection___3KAN6 .sectionTitle___iv1kY {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 32px
    }

    .faqSection___3KAN6 .faqList___ocl3F {
        max-width: 100%
    }

    .faqSection___3KAN6 .faqItem___2TRZC {
        margin-bottom: 10px
    }

    .faqSection___3KAN6 .faqQuestion___32EqJ {
        padding: 16px 28px;
        font-size: 15px;
        line-height: 22px
    }

    .faqSection___3KAN6 .faqAnswer___2Yxr5 {
        padding: 20px 28px;
        font-size: 13px;
        line-height: 20px
    }

    .faqSection___3KAN6 .faqAnswer___2Yxr5 p {
        margin-bottom: 8px
    }
}

.floatingBarV2___3ZQD9 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.ctaQrcode___3RZMY {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

@media only screen and (max-width: 767px) {
    .ctaQrcode___3RZMY {
        display:contents
    }
}

.qrcodeImage___3KG5D {
    width: 150px;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

@media only screen and (max-width: 767px) {
    .qrcodeImage___3KG5D {
        width:84px;
        height: 84px;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-bottom: 24px
    }
}

.qrcodeText___119Ek {
    font-size: 16px;
    line-height: 30px;
    color: #333;
    text-align: center;
    margin: 0;
    white-space: nowrap
}

@media only screen and (max-width: 767px) {
    .qrcodeText___119Ek {
        font-size:14px;
        line-height: 24px;
        margin: 0 0 12px;
        white-space: normal;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.floatingBarV2___6LQHd {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.ctaSection___1uw8h {
    position: relative;
    padding: 100px 0;
    background: #fff;
    overflow: hidden;
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {
    .ctaSection___1uw8h {
        padding:60px 0
    }
}

.ctaBg___3HZV9 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 2560px;
    height: 417px;
    background: -webkit-gradient(linear,left top,left bottom,from(#f4f7fc),color-stop(52.793%,#fff),to(#fff));
    background: linear-gradient(180deg,#f4f7fc,#fff 52.793%,#fff);
    z-index: 0;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

@media only screen and (max-width: 767px) {
    .ctaBg___3HZV9 {
        display:none
    }
}

.ctaBg___3HZV9:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 2560px;
    height: 400px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    mix-blend-mode: multiply
}

.ctaBgMobile___MT0v8 {
    display: none
}

@media only screen and (max-width: 767px) {
    .ctaBgMobile___MT0v8 {
        display:block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
        z-index: 0
    }
}

.container___BcQKr {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 767px) {
    .container___BcQKr {
        width:100%
    }
}

@media only screen and (min-width: 1600px) {
    .container___BcQKr {
        width:1420px
    }
}

.ctaContent___1gWFS {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 268px
}

@media only screen and (max-width: 767px) {
    .ctaContent___1gWFS {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
        padding: 0 20px
    }
}

.ctaText___28osp {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 36px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 0
}

@media only screen and (max-width: 767px) {
    .ctaText___28osp {
        display:contents
    }
}

.ctaTitle___3yZhG {
    font-size: 36px;
    font-weight: 700;
    margin: 0 0 16px;
    color: #1a1a1a;
    line-height: 1.3
}

@media only screen and (max-width: 767px) {
    .ctaTitle___3yZhG {
        font-size:20px;
        margin-bottom: 16px;
        text-align: center;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.ctaButton___1oTwd {
    padding: 12px 48px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: #1d7afc;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: all .3s cubic-bezier(.4,0,.2,1);
    transition: all .3s cubic-bezier(.4,0,.2,1);
    height: 46px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ctaButton___1oTwd:hover {
    background: #0d6ae8;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .ctaButton___1oTwd {
        width:96px;
        height: 36px;
        font-size: 14px;
        padding: 7px 20px;
        white-space: nowrap;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
}

.ctaQrcode___1FZ8m {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

@media only screen and (max-width: 767px) {
    .ctaQrcode___1FZ8m {
        display:contents
    }
}

.floatingBarV2___2Aks_ {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.ctaSection___Zq75g {
    position: relative;
    padding: 114px 120px;
    overflow: hidden;
    margin-bottom: 0
}

.ctaSection___Zq75g .ctaBg___2SUiY {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 2560px;
    height: 415px;
    background: -webkit-gradient(linear,left top,left bottom,from(#f4f7fc),color-stop(52.793%,#fff),to(#fff));
    background: linear-gradient(180deg,#f4f7fc,#fff 52.793%,#fff);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

@media only screen and (max-width: 767px) {
    .ctaSection___Zq75g .ctaBg___2SUiY {
        display:none
    }
}

.ctaSection___Zq75g .ctaBg___2SUiY:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 2560px;
    height: 400px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    mix-blend-mode: multiply
}

.ctaSection___Zq75g .ctaBgMobile___3Q-w0 {
    display: none
}

@media only screen and (max-width: 767px) {
    .ctaSection___Zq75g .ctaBgMobile___3Q-w0 {
        display:block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
        z-index: 0
    }
}

.container___xThu6 {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 767px) {
    .container___xThu6 {
        width:100%
    }
}

@media only screen and (min-width: 1600px) {
    .container___xThu6 {
        width:1420px
    }
}

.ctaContent___1Xdlg {
    position: relative;
    -ms-flex-align: start;
    gap: 268px;
    z-index: 1
}

.ctaContent___1Xdlg,.ctaText___3CwLg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    align-items: flex-start
}

.ctaText___3CwLg {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: start;
    gap: 36px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 0
}

.ctaTitle___2hE4D {
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
    color: #333;
    margin: 0 0 16px;
    max-width: 800px;
    white-space: nowrap
}

.ctaBtn___3SmZT {
    padding: 12px 48px;
    background: #1d7afc;
    border: none;
    border-radius: 2px;
    font-size: 14px;
    font-weight: 600;
    height: 46px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.ctaBtn___3SmZT:hover {
    background: #0d6ae8;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .ctaSection___Zq75g {
        padding:60px 20px
    }

    .ctaContent___1Xdlg {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .ctaText___3CwLg {
        width: 100%;
        display: contents
    }

    .ctaTitle___2hE4D {
        font-size: 20px;
        line-height: 28px;
        white-space: normal;
        margin: 0 0 16px;
        text-align: center;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .ctaBtn___3SmZT {
        width: 96px;
        height: 36px;
        padding: 7px 20px;
        font-size: 14px;
        white-space: nowrap;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .ctaQrcode___obonL {
        width: 100%;
        display: contents
    }

    .qrcodeText___1jFg- {
        font-size: 14px;
        line-height: 24px;
        margin: 0 0 12px;
        white-space: normal;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .ctaQrcode___obonL img {
        width: 84px;
        height: auto;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-bottom: 24px
    }
}

.floatingBarV2___1f3Gf {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.breadcrumb___sfF36 {
    margin: 32px 0 8px
}

@media only screen and (max-width: 767px) {
    .breadcrumb___sfF36 {
        margin:12px 0 12px 16px
    }
}

@media only screen and (max-width: 767px) {
    .breadcrumb___sfF36 .item___YCVu4 {
        font-size:14px
    }
}

.floatingBarV2___39ssZ {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.nav___2sG9u {
    position: absolute;
    top: 72px;
    left: -72px;
    padding: 4px 0;
    font-size: 12px;
    -webkit-box-shadow: 0 4px 8px rgba(51,51,51,.08);
    box-shadow: 0 4px 8px rgba(51,51,51,.08)
}

@media only screen and (max-width: 767px) {
    .nav___2sG9u {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        position: static;
        left: 0;
        font-size: 15px;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: #666
    }
}

.nav___2sG9u a {
    display: block;
    padding: 7px 16px
}

.nav___2sG9u .active___2DIGX {
    color: #00aae7;
    background: #f2fbfe
}

@media only screen and (max-width: 767px) {
    .nav___2sG9u .active___2DIGX {
        color:#333;
        background: none;
        font-size: 18px;
        font-weight: 700
    }
}

.floatingBarV2___25-hd {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.tabs___3MwEV {
    padding-bottom: 36px
}

@media only screen and (max-width: 767px) {
    .tabs___3MwEV {
        padding-bottom:12px
    }
}

.tab___38MgL {
    padding: 0!important
}

.tab___38MgL a {
    display: block;
    height: 100%;
    padding: 0 24px
}

@media only screen and (max-width: 767px) {
    .tab___38MgL a {
        padding:0 12px
    }
}

.floatingBarV2___3z_O3 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.main___20S5R {
    margin-bottom: 24px;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .main___20S5R {
        margin:0 16px 12px;
        background: #f2fbfe
    }
}

@media only screen and (max-width: 767px) {
    .btn___vqTQF {
        width:100%!important
    }
}

.loading___mPwCa {
    width: 96px
}

.loadingContent___1JEca {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.loadingIcon___3KDXY {
    margin-right: 4px;
    -webkit-animation: pgc-content-load-more-btn-loading-spin___1qhEO 1s linear infinite;
    animation: pgc-content-load-more-btn-loading-spin___1qhEO 1s linear infinite
}

@-webkit-keyframes pgc-content-load-more-btn-loading-spin___1qhEO {
    0% {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes pgc-content-load-more-btn-loading-spin___1qhEO {
    0% {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.floatingBarV2___2j5Fk {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

@media only screen and (max-width: 767px) {
    .items___3qjdt {
        margin:0 16px
    }
}

.item___20TzF {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #eee
}

@media only screen and (max-width: 767px) {
    .item___20TzF {
        margin-bottom:12px;
        padding-bottom: 12px
    }
}

.floatingBarV2___3V6uz {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.items___3Wk2H {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 28px -20px 0 0
}

@media only screen and (max-width: 767px) {
    .items___3Wk2H {
        display:block;
        margin: 0 16px
    }
}

.item___1Q4-3 {
    margin: 0 20px 36px 0
}

@media only screen and (max-width: 767px) {
    .item___1Q4-3 {
        margin-bottom:12px;
        padding-bottom: 12px;
        border-bottom: 1px solid #eee
    }
}

.floatingBarV2___3o1fC {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.items___2NRzW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 28px -72px 0 0
}

@media only screen and (max-width: 767px) {
    .items___2NRzW {
        display:block;
        margin: 0 16px
    }
}

.item___2dVUB {
    margin: 0 72px 36px 0
}

@media only screen and (max-width: 767px) {
    .item___2dVUB {
        margin-bottom:12px;
        padding-bottom: 12px;
        border-bottom: 1px solid #eee
    }
}

.floatingBarV2___1o53I {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___3aERj {
    width: 1200px;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 767px) {
    .wrapper___3aERj {
        width:100%
    }
}

.content___1-BGU {
    position: relative;
    background: #fff
}

.main___181Wt {
    overflow: hidden
}

.empty___3ZxGf {
    height: 466px;
    padding-bottom: 36px
}

@media only screen and (max-width: 767px) {
    .empty___3ZxGf {
        height:280px;
        padding-bottom: 12px
    }
}

.font___2ElYF {
    font-family: Roboto,PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol
}

.floatingBarV2___1UzHk {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___1h5-s {
    height: 163px;
    overflow: hidden;
    background-color: #34a1ec
}

@media only screen and (max-width: 767px) {
    .wrapper___1h5-s {
        height:110px
    }
}

.content___KjstY {
    width: 1200px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: 100%;
    background-image: url(https://www-static.qbox.me/_next/static/media/bg.a73f68d6f4d004eaaa5ecb49d72277b0.png);
    background-repeat: no-repeat;
    background-position: 100%
}

@media only screen and (max-width: 767px) {
    .content___KjstY {
        width:100%;
        background: none
    }
}

.actions___2cGtV {
    padding-top: 39px
}

.actions___2cGtV .title___1LIib {
    display: inline;
    color: #fff;
    font-size: 24px;
    vertical-align: middle
}

@media only screen and (max-width: 767px) {
    .actions___2cGtV .title___1LIib {
        margin-left:16px
    }
}

.navigator___274P_ {
    margin-top: 47px
}

.navigator___274P_ .tabBtn___3w4C2 {
    display: inline-block;
    width: 136px;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    color: #00aae7;
    background: #fafafa;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.navigator___274P_ .tabBtn___3w4C2+.tabBtn___3w4C2 {
    margin-left: 12px
}

.navigator___274P_ .activeTab___QmK_O {
    color: #fff;
    font-size: 16px;
    background: hsla(0,0%,100%,.3);
    border: transparent
}

.floatingBarV2___3CGGA {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.pane___3gUuO {
    padding: 32px 0 72px;
    background: #fafafa
}

.pane___3gUuO .content___xFvTw {
    width: 1200px;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 767px) {
    .pane___3gUuO .content___xFvTw {
        width:100%
    }
}

.floatingBarV2___3C2EU {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___3Fbyp+.wrapper___3Fbyp {
    margin-top: 72px
}

.wrapper___3Fbyp h2 {
    color: #333;
    font-size: 28px;
    margin-bottom: 16px
}

@media only screen and (max-width: 767px) {
    .wrapper___3Fbyp h2 {
        padding:0 16px
    }
}

.wrapper___3Fbyp .tip___16_Hq {
    margin: 12px 0
}

.wrapper___3Fbyp .content___2O92G {
    background: #fff
}

.padding___2P8Vy {
    padding: 24px
}

@media only screen and (max-width: 767px) {
    .padding___2P8Vy {
        padding:16px
    }
}

.floatingBarV2___3z1rP {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___10CcD {
    padding: 0 0 72px;
    background: #fafafa
}

.wrapper___10CcD:last-child {
    padding-bottom: 0!important
}

.title___39uQ5 {
    margin-bottom: 12px;
    font-size: 20px
}

@media only screen and (max-width: 767px) {
    .title___39uQ5 {
        margin:0 16px 12px
    }
}

.content___M4uyJ {
    background: #fff
}

.floatingBarV2___c7Y8A {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.tableWrapper___1lSRm {
    width: 100%;
    overflow-x: auto
}

.tabs___3Nofy {
    background-color: #fff
}

markdown-container {
    display: block
}

@media only screen and (max-width: 767px) {
    markdown-container {
        padding:0 16px
    }
}

markdown-container table {
    width: 100%;
    border: 1px solid #e8e8e8
}

@media only screen and (max-width: 767px) {
    markdown-container table {
        min-width:100%;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }
}

markdown-container tr:hover td {
    background-color: #f2fcff
}

markdown-container tr:nth-child(2n) {
    background: #fafafa
}

markdown-container td,markdown-container th {
    padding: 16px;
    border: 1px solid #e8e8e8;
    -webkit-transition: all .3s,height 0s;
    transition: all .3s,height 0s
}

markdown-container th {
    color: #595959;
    font-weight: 500;
    text-align: left;
    background: #fafafa
}

markdown-container a {
    color: #07beff;
    color: #00aae7;
    cursor: pointer
}

markdown-container a:hover {
    text-decoration: underline
}

markdown-container h2 {
    color: #333;
    font-size: 28px;
    margin-bottom: 16px
}

markdown-container h2:not(:first-child) {
    margin-top: 72px
}

markdown-container h3,markdown-container h4,markdown-container h5 {
    margin-top: 16px;
    margin-bottom: 16px
}

markdown-container h3:first-child,markdown-container h4:first-child,markdown-container h5:first-child {
    margin-top: 0
}

markdown-container h3:last-child,markdown-container h4:last-child,markdown-container h5:last-child {
    margin-bottom: 0
}

markdown-container p {
    margin-top: 12px;
    margin-bottom: 12px
}

markdown-container p:first-child {
    margin-top: 0
}

markdown-container p:last-child {
    margin-bottom: 0
}

markdown-container em {
    font-style: normal;
    color: #00aae7
}

markdown-container strong {
    font-weight: 700
}

markdown-container li,markdown-container li p {
    margin-top: 6px;
    margin-bottom: 6px
}

markdown-container li:first-child,markdown-container li p:first-child {
    margin-top: 0
}

markdown-container li:last-child,markdown-container li p:last-child {
    margin-bottom: 0
}

markdown-container ol,markdown-container ul {
    margin-top: 12px;
    margin-bottom: 12px;
    padding-left: 1.5em;
    color: #999
}

markdown-container ol:first-child,markdown-container ul:first-child {
    margin-top: 0
}

markdown-container ol:last-child,markdown-container ul:last-child {
    margin-bottom: 0
}

markdown-container ul>li {
    list-style-type: circle
}

markdown-container ol>li {
    list-style-type: decimal
}

markdown-container img {
    max-width: 100%
}

.floatingBarV2___527JA {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.card___3vf8f {
    padding: 20px 0
}

.card___3vf8f+.card___3vf8f {
    border-top: 1px solid #eee
}

.title___3fQ9- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 500
}

.title___3fQ9- .delete___82u7j {
    cursor: pointer;
    color: #999
}

.title___3fQ9- .delete___82u7j:hover {
    color: #666
}

.groupTitle___2F3jT,.item___2OL8t {
    margin-bottom: 8px
}

.item___2OL8t {
    color: #999
}

.item___2OL8t .unit___gc4KQ {
    float: right
}

.footer___1_q6Z {
    margin-top: 12px;
    color: #fa8c16
}

.footer___1_q6Z .price___2gNb- {
    font-size: 20px
}

.floatingBarV2___1l_eR {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___2-kjw {
    width: 376px;
    height: 100%;
    background: #fff
}

.header___DWp0S {
    height: 60px;
    padding: 0 24px;
    font-size: 16px;
    font-weight: 500;
    line-height: 60px;
    border-bottom: 1px solid #eee
}

.body___1apQt {
    min-height: 200px;
    padding: 0 24px
}

.body___1apQt .empty___3c1pi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 200px
}

.body___1apQt .empty___3c1pi .emptyIcon___18e3m {
    margin-bottom: 16px
}

.body___1apQt .empty___3c1pi .emptyText___iYOAt {
    color: #999
}

.footer___t0qWi {
    bottom: 0;
    z-index: 100;
    width: 376px;
    height: 116px;
    padding: 24px;
    background: #fff;
    -webkit-box-shadow: 0 -2px 8px 0 rgba(0,0,0,.08);
    box-shadow: 0 -2px 8px 0 rgba(0,0,0,.08)
}

.footer___t0qWi .price___16Cr0 {
    margin-bottom: 10px;
    color: #fa8c16;
    line-height: 22px
}

.footer___t0qWi .num___2Muo0 {
    font-size: 24px
}

.footer___t0qWi .export___m3LLv {
    display: block;
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #333;
    cursor: pointer;
    border: 1px solid #bfbfbf
}

.footer___t0qWi .export___m3LLv:hover {
    background: #f2f2f2
}

.footer___t0qWi .export___m3LLv.disabled___1Dy2j {
    cursor: not-allowed;
    color: #bfbfbf;
    background: #f2f2f2
}

.floatingBarV2___275yw {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___2uo-r {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.content___3NGzd {
    position: relative;
    width: 776px;
    height: 100%;
    padding: 24px 24px 0;
    background: #fff
}

.footer___900TF {
    bottom: 0;
    z-index: 100;
    width: 776px;
    margin-left: -24px;
    padding: 24px;
    background: #fff;
    -webkit-box-shadow: 0 -2px 8px 0 rgba(0,0,0,.08);
    box-shadow: 0 -2px 8px 0 rgba(0,0,0,.08)
}

.footer___900TF .left___yTKqZ {
    display: inline-block;
    margin-right: 12px;
    vertical-align: top
}

.footer___900TF .right___1FSOr {
    display: inline-block
}

.footer___900TF .price___1BKGM {
    margin-bottom: 10px;
    line-height: 22px
}

.footer___900TF .priceValue___3WTdz {
    color: #fa8c16
}

.footer___900TF .num___1rM1K {
    font-size: 24px
}

.floatingBarV2___1VsGe {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.tabs___YYFGS {
    margin: -24px -24px 0
}

.region___1PplC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 24px;
    border-bottom: 1px solid #eee
}

.region___1PplC>:first-child {
    -ms-flex-negative: 1;
    flex-shrink: 1;
    width: 76px;
    white-space: nowrap
}

.link___3l8Ln {
    color: #00aae7
}

.floatingBarV2___1BTw6 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.button___st6Uv {
    display: inline-block;
    width: 36px;
    vertical-align: top;
    height: 32px;
    text-align: center;
    line-height: 31px;
    cursor: pointer;
    color: #00aae7;
    border: 1px solid #bfbfbf
}

.button___st6Uv:not(.disabled___17SWj):hover {
    background: #f2f2f2
}

.button___st6Uv.disabled___17SWj {
    color: #bfbfbf;
    cursor: not-allowed
}

.left___162k- {
    border-right: none
}

.right___3J0UK {
    border-left: none
}

.floatingBarV2___3lcXD {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.area___2UW68 {
    padding: 24px 0;
    border-bottom: 1px solid #eee
}

.areaTitle___1JNdb {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 500
}

.areaItem___11Gin {
    display: inline-block;
    width: 216px;
    margin-right: 16px;
    margin-bottom: 16px
}

.areaItem___11Gin>p {
    margin-bottom: 8px
}

.areaRow___2rHA2+.areaRow___2rHA2 {
    margin-top: 20px
}

.floatingBarV2___1S4wp {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.area___2ZcEv {
    padding: 24px 0;
    border-bottom: 1px solid #eee
}

.areaTitle___2GQyf {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 500
}

.areaItem___1EHp_ {
    display: inline-block;
    width: 356px
}

.areaItem___1EHp_>p {
    margin-bottom: 8px
}

.areaItem___1EHp_+.areaItem___1EHp_ {
    margin-left: 16px
}

.floatingBarV2___26kAO {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.area___2U-C2 {
    padding: 24px 0;
    border-bottom: 1px solid #eee
}

.areaTitle___3vgwi {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 500
}

.areaItem___1tHpA {
    display: inline-block;
    width: 216px;
    margin-right: 16px;
    margin-bottom: 16px
}

.areaItem___1tHpA>p {
    margin-bottom: 8px
}

.areaRow___1FMhP+.areaRow___1FMhP {
    margin-top: 20px
}

.floatingBarV2___r3IZh {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.area___1PTD_ {
    padding: 24px 0;
    border-bottom: 1px solid #eee
}

.areaTitle___2os0v {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 500
}

.areaItem___3yJEt {
    display: inline-block;
    width: 216px;
    margin-right: 16px;
    margin-bottom: 16px
}

.areaItem___3yJEt>p {
    margin-bottom: 8px
}

.areaRow___3GpRr+.areaRow___3GpRr {
    margin-top: 20px
}

.floatingBarV2___2l8q0 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.area___2CXUD {
    padding: 24px 0;
    border-bottom: 1px solid #eee
}

.areaTitle___2hPU- {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 500
}

.areaItem___1yFE2 {
    display: inline-block;
    width: 216px;
    margin-right: 16px;
    margin-bottom: 16px
}

.areaItem___1yFE2>p {
    margin-bottom: 8px
}

.areaRow___3ihkP+.areaRow___3ihkP {
    margin-top: 20px
}

.floatingBarV2___37MPL {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.area___3J3qN {
    padding: 24px 0;
    border-bottom: 1px solid #eee
}

.areaTitle___2jf3s {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 500
}

.areaItem___1Ol8D {
    display: inline-block;
    width: 216px;
    margin-right: 16px;
    margin-bottom: 16px
}

.areaItem___1Ol8D>p {
    margin-bottom: 8px
}

.areaRow___1nO8n+.areaRow___1nO8n {
    margin-top: 20px
}

.floatingBarV2___15833 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.area___3LY7V {
    padding: 24px 0;
    border-bottom: 1px solid #eee
}

.areaTitle___1z-x- {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 500
}

.areaItem___2dZGH {
    display: inline-block;
    width: 216px;
    margin-right: 16px;
    margin-bottom: 16px
}

.areaItem___2dZGH>p {
    margin-bottom: 8px
}

.areaRow___QphDO+.areaRow___QphDO {
    margin-top: 20px
}

.floatingBarV2___1YbXn {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.discount___JUzLI {
    color: #ef4149
}

.region___3jf6x {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 22px;
    border-bottom: 1px solid #eee
}

.region___3jf6x>:first-child {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 76px;
    white-space: nowrap
}

.region___3jf6x .ant-checkbox-group-item {
    margin-bottom: 12px
}

.area___2vruZ {
    padding: 24px 0;
    border-bottom: 1px solid #eee
}

.areaTitle___1R6rq {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 500
}

.areaItem___14ayq {
    display: inline-block;
    width: 232px
}

.areaItem___14ayq>p {
    margin-bottom: 8px
}

.areaItem___14ayq+.areaItem___14ayq {
    margin-left: 16px
}

.floatingBarV2___8RUMh {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.area___fLTUz {
    padding: 24px 0;
    border-bottom: 1px solid #eee
}

.areaTitle___xqp8N {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 500
}

.areaItem___z45vo {
    display: inline-block;
    width: 356px
}

.areaItem___z45vo>p {
    margin-bottom: 8px
}

.areaItem___z45vo+.areaItem___z45vo {
    margin-left: 16px
}

.iframe___2Eoxu {
    width: 100%;
    height: 892px;
    border: none
}

.floatingBarV2___1PgbO {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.section___2qrdk {
    margin-bottom: 32px
}

.sectionSummary___CCt33 {
    margin-top: 24px;
    color: #fa8c16
}

.inputGroup___34mcz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.inputItem___39QYi {
    width: 210px
}

.inputItem___39QYi:first-child {
    width: 175px
}

.inputItem___39QYi>p {
    margin-bottom: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.inputItem___39QYi>p>svg {
    color: #999;
    margin-left: 8px
}

.inputItem___39QYi+.inputItem___39QYi {
    margin-left: 32px
}

.floatingBarV2___1E65z {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.page___31xPM {
    max-width: 1200px;
    margin: 0 auto;
    padding: 44px 20px 72px
}

.hero___Vh4xq {
    margin-bottom: 28px
}

.title___P_ras {
    margin: 0;
    color: #333;
    font-size: 36px;
    line-height: 44px;
    font-weight: 500
}

.subtitle___1CQ_j {
    margin: 12px 0 0;
    max-width: 920px;
    color: #666;
    font-size: 16px;
    line-height: 26px
}

.heroActions___2W59G {
    margin-top: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.heroPrimaryAction___2mxHo,.heroSecondaryAction___3TNSd {
    height: 38px;
    padding: 0 16px;
    border-radius: 12px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    line-height: 1;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s
}

.heroPrimaryAction___2mxHo {
    border: 1px solid #07beff;
    background: #07beff;
    color: #fff;
    -webkit-box-shadow: 0 8px 18px rgba(7,190,255,.26);
    box-shadow: 0 8px 18px rgba(7,190,255,.26)
}

.heroPrimaryAction___2mxHo:hover {
    border-color: #0090cc;
    background: #0090cc;
    -webkit-box-shadow: 0 10px 20px rgba(0,144,204,.32);
    box-shadow: 0 10px 20px rgba(0,144,204,.32)
}

.heroSecondaryAction___3TNSd {
    border: 1px solid #eee;
    background: #fff;
    color: #333
}

.heroSecondaryAction___3TNSd:hover {
    background: rgba(0,170,231,.08);
    border-color: #00aae7;
    color: #0090cc
}

.heroActionIcon___S7NR5 {
    width: 14px;
    height: 14px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.installGuide___3hJz6 {
    margin-top: 28px
}

.installGuideHeader___3tVPw {
    max-width: 760px
}

.installGuideTitle___O5Vsh {
    margin: 0;
    color: #333;
    font-size: 24px;
    line-height: 34px;
    font-weight: 500
}

.installGuideSubtitle___1UViP {
    margin: 10px 0 0;
    color: #666;
    font-size: 14px;
    line-height: 22px
}

.installGuidePanel___2ipiB {
    margin-top: 24px;
    border: 1px solid #eee;
    border-radius: 18px;
    background: #fff;
    -webkit-box-shadow: 0 10px 24px rgba(0,0,0,.04);
    box-shadow: 0 10px 24px rgba(0,0,0,.04)
}

.installGuideTabs___3ia40 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding: 18px 22px 0;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.installGuideTabs___3ia40::-webkit-scrollbar {
    display: none
}

.installGuideTab___3dfqK {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    height: 40px;
    padding: 0 16px;
    border: 1px solid #eee;
    border-radius: 999px;
    background: #fff;
    color: #999;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s
}

.installGuideTab___3dfqK:hover {
    color: #333;
    border-color: #00aae7;
    background: rgba(0,170,231,.08)
}

.installGuideTabActive___1X1M8 {
    border-color: #00aae7;
    background: rgba(0,170,231,.08);
    color: #00aae7
}

.installGuideTabIcon___Glffm {
    width: 14px;
    height: 14px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.installGuideDivider___lAqu2 {
    margin: 14px 22px 0;
    border-top: 1px solid #eee
}

.installGuideBody___IsA9M {
    padding: 18px 22px 22px
}

.installGuideStep___2hilK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 16px;
    border: 1px solid #eee;
    border-radius: 16px;
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

.installGuideStep___2hilK+.installGuideStep___2hilK {
    margin-top: 12px
}

.installGuideStepRail___18jly {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.installGuideStepIndex___AyuFq,.installGuideStepRail___18jly {
    width: 36px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.installGuideStepIndex___AyuFq {
    height: 36px;
    border-radius: 12px;
    border: 1px solid rgba(0,170,231,.18);
    background: rgba(0,170,231,.08);
    color: #00aae7;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1;
    font-weight: 700
}

.installGuideStepLine___20Gtq {
    width: 2px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 28px;
    margin-top: 8px;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,170,231,.22)),to(#eee));
    background: linear-gradient(180deg,rgba(0,170,231,.22),#eee)
}

.installGuideStepMain___1vzWS {
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-bottom: 4px
}

.installGuideStepTitleRow___My79D {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px
}

.installGuideStepIconWrap___3VJ49 {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background: rgba(0,170,231,.08);
    color: #00aae7;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.installGuideStepIcon___205yl {
    width: 16px;
    height: 16px
}

.installGuideStepTitle___3xugZ {
    margin: 0;
    color: #333;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600
}

.installGuideStepDesc___1HEmP {
    margin: 0 0 12px;
    color: #999;
    font-size: 14px;
    line-height: 22px
}

.installGuideCodeWrap___3Lbuk {
    position: relative;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,.18);
    background: -webkit-gradient(linear,left top,left bottom,from(#1b2432),to(#141a24));
    background: linear-gradient(180deg,#1b2432,#141a24);
    padding: 14px 52px 14px 16px;
    overflow-x: auto;
    -webkit-box-shadow: inset 0 1px 0 hsla(0,0%,100%,.06);
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.06)
}

.installGuideCode___3EG1Z {
    margin: 0;
    color: #d9e3f0;
    font-size: 12px;
    line-height: 1.7;
    font-family: Menlo,Consolas,Monaco,Courier New,monospace;
    white-space: pre-wrap;
    word-break: break-word
}

.installGuideCodeButton___PaIKc {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 32px;
    height: 32px;
    padding: 0;
    border: 1px solid hsla(0,0%,100%,.1);
    border-radius: 8px;
    background: hsla(0,0%,100%,.04);
    color: hsla(0,0%,100%,.6);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s
}

.installGuideCodeButton___PaIKc:hover {
    color: #fff;
    border-color: hsla(0,0%,100%,.18);
    background: hsla(0,0%,100%,.1)
}

.installGuideCodeButtonCopied___2K6Lx {
    color: #fff;
    border-color: rgba(26,185,235,.38);
    background: rgba(26,185,235,.2)
}

.installGuideCodeButtonIcon___3gOBv {
    width: 18px;
    height: 18px
}

.installGuideStepNote___1ooBo {
    margin: 10px 0 0;
    color: #999;
    font-size: 12px;
    line-height: 20px;
    word-break: break-word;
    padding-left: 12px;
    border-left: 2px solid #66e0f6
}

.exampleSection___joLOw {
    margin-top: 18px;
    padding: 18px 20px 20px;
    border: 1px solid #eee;
    border-radius: 18px;
    background: #fff;
    -webkit-box-shadow: 0 10px 24px rgba(0,0,0,.04);
    box-shadow: 0 10px 24px rgba(0,0,0,.04)
}

.exampleHeader___2qd4p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px
}

.exampleHeaderIcon___2zFCs {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    background: rgba(0,170,231,.08);
    color: #00aae7;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.exampleHeaderIconSvg___1bC3g {
    width: 18px;
    height: 18px
}

.exampleHeaderText___b-HjF {
    min-width: 0
}

.exampleTitle___1TEbf {
    margin: 0;
    color: #333;
    font-size: 22px;
    line-height: 30px;
    font-weight: 500
}

.exampleSubtitle___1yR6b {
    margin: 8px 0 0;
    color: #666;
    font-size: 13px;
    line-height: 21px
}

.exampleGrid___23YQm {
    margin-top: 16px;
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px
}

.exampleCard___3rAGy {
    border: 1px solid #eee;
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0 8px 20px rgba(0,0,0,.04);
    box-shadow: 0 8px 20px rgba(0,0,0,.04)
}

.exampleCardHeader___AAENW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 14px;
    border-bottom: 1px solid #eee;
    background: #f5f5f5
}

.exampleCardTitle___1KUBL {
    margin: 0;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600
}

.exampleCopyButton___2gn9K {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 28px;
    padding: 0 10px;
    border: 1px solid #eee;
    border-radius: 8px;
    background: #fff;
    color: #333;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    line-height: 1;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s
}

.exampleCopyButton___2gn9K:hover {
    background: rgba(0,170,231,.08);
    border-color: #00aae7;
    color: #0090cc
}

.exampleCopyButtonCopied___38_cR {
    background: #00aae7;
    border-color: #00aae7;
    color: #fff
}

.exampleCopyButtonIcon___W_VBY {
    width: 14px;
    height: 14px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.exampleCardBody___1xJGW {
    padding: 14px
}

.examplePrompt___2tE72 {
    margin: 0;
    color: #333;
    font-size: 13px;
    line-height: 1.72;
    font-family: Menlo,Consolas,Monaco,Courier New,monospace;
    white-space: pre-wrap;
    word-break: break-word
}

.summary___3-j2P {
    margin-top: 16px;
    padding: 22px 24px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 8px 20px rgba(0,0,0,.04);
    box-shadow: 0 8px 20px rgba(0,0,0,.04)
}

.summaryTitle___2PGYN {
    margin: 0;
    color: #333;
    font-size: 22px;
    line-height: 30px;
    font-weight: 500
}

.summaryText___3rt7k {
    margin: 10px 0 0;
    color: #333;
    font-size: 15px;
    line-height: 24px
}

.usage___JLC7A {
    margin-top: 14px;
    padding: 16px 18px;
    border-radius: 12px;
    border: 1px solid #eee;
    background: #fff;
    -webkit-box-shadow: 0 8px 20px rgba(0,0,0,.04);
    box-shadow: 0 8px 20px rgba(0,0,0,.04)
}

.usageTitle___1oZil {
    margin: 0;
    color: #333;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500
}

.usagePanels___ZIquJ {
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 12px
}

.usagePanel___3XcnW {
    border: 1px solid #e5edf4;
    border-radius: 12px;
    background: #fff;
    padding: 12px 14px;
    -webkit-box-shadow: 0 8px 20px rgba(0,0,0,.05);
    box-shadow: 0 8px 20px rgba(0,0,0,.05)
}

.usagePanelTitle___2P9YG {
    margin: 0;
    color: #333;
    font-size: 15px;
    line-height: 22px;
    font-weight: 500
}

.usagePanelBody___hC_U4 {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.usageTag___kyaUk {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    padding: 0 10px;
    height: 24px;
    border-radius: 999px;
    border: 1px solid #eee;
    background: #f5f5f5;
    color: #333;
    font-size: 12px;
    line-height: 22px;
    font-weight: 500
}

.usageTagBlue___3RJ22 {
    border-color: #00aae7;
    background: #00aae7;
    color: #fff
}

.usageTagMint___1oOBU {
    border-color: #28b8bb;
    background: #28b8bb;
    color: #fff
}

.usageTagAmber___2vjGy {
    border-color: #fa8c16;
    background: #fa8c16;
    color: #fff
}

.usageStat___3QBkx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
    color: #333;
    font-size: 13px;
    line-height: 20px
}

.usageStat___3QBkx span {
    min-width: 0
}

.usageStat___3QBkx code {
    margin: 0 2px;
    padding: 1px 6px;
    border-radius: 4px;
    background: #f5f5f5;
    color: #333;
    font-size: 12px
}

.docSection___34XLU {
    margin-top: 20px
}

.rawSection___1vi6b {
    margin-top: 16px
}

.rawSectionTitle___3lZ2v {
    margin: 0 0 10px;
    color: #333;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500
}

.docHeader___22KG4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 12px
}

.docHeaderInfo___1_8jM {
    min-width: 0
}

.docTitle___8ZHf3 {
    margin: 0;
    color: #333;
    font-size: 22px;
    line-height: 30px;
    font-weight: 500
}

.docLayout___2btCc {
    display: grid;
    grid-template-columns: 300px minmax(0,1fr);
    gap: 16px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.docSidebar___PeiOC {
    position: -webkit-sticky;
    position: sticky;
    top: 96px;
    border: 1px solid #eee;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0 8px 20px rgba(0,0,0,.04);
    box-shadow: 0 8px 20px rgba(0,0,0,.04);
    padding: 14px
}

.docSidebarTitle___1XPR_ {
    margin: 0;
    color: #333;
    font-size: 15px;
    line-height: 22px;
    font-weight: 500
}

.docNavList___3tC-e {
    margin-top: 10px
}

.docNavGroup___3Iy-7,.docNavList___3tC-e {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.docNavGroup___3Iy-7+.docNavGroup___3Iy-7 {
    margin-top: 4px;
    padding-top: 10px;
    border-top: 1px dashed #eee
}

.docNavGroupTitle___3PKL6 {
    margin: 0;
    color: #999;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600
}

.docNavButton___U68nr {
    width: 100%;
    border: 1px solid #eee;
    border-radius: 8px;
    background: #fff;
    text-align: left;
    padding: 10px 12px;
    cursor: pointer;
    -webkit-transition: border-color .2s,background .2s,-webkit-box-shadow .2s;
    transition: border-color .2s,background .2s,-webkit-box-shadow .2s;
    transition: border-color .2s,background .2s,box-shadow .2s;
    transition: border-color .2s,background .2s,box-shadow .2s,-webkit-box-shadow .2s
}

.docNavButton___U68nr:hover {
    border-color: rgba(0,170,231,.45);
    background: rgba(0,170,231,.04)
}

.docNavButtonRef____yoeX {
    background: rgba(0,170,231,.03)
}

.docNavButtonActive___ke3aR {
    border-color: #00aae7;
    background: rgba(0,170,231,.08);
    -webkit-box-shadow: inset 0 0 0 1px rgba(0,170,231,.14);
    box-shadow: inset 0 0 0 1px rgba(0,170,231,.14)
}

.docNavTitleRow___9XOYi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 8px
}

.docNavTitle___1VqzL {
    display: inline-block;
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500
}

.docNavDirBadge___3d8Tc {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 8px;
    height: 20px;
    border-radius: 999px;
    border: 1px solid #eee;
    font-size: 11px;
    line-height: 18px;
    font-weight: 500
}

.docNavDirBadgeRoot___ix3Rl {
    color: #666;
    background: #f5f5f5;
    border-color: #eee
}

.docNavDirBadgeRef___1y2yJ {
    color: #0090cc;
    background: rgba(0,170,231,.08);
    border-color: rgba(0,170,231,.35)
}

.docNavPath___3zOMe {
    display: block;
    margin-top: 2px;
    font-family: Menlo,Consolas,Monaco,Courier New,monospace
}

.docNavMeta___3Lw3g,.docNavPath___3zOMe {
    color: #999;
    font-size: 12px;
    line-height: 18px
}

.docNavMeta___3Lw3g {
    display: block;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.docContent___1wBTB {
    min-width: 0
}

.docContentInfo___3YDGF {
    margin-bottom: 12px;
    padding: 12px 14px;
    border: 1px solid #eee;
    border-radius: 10px;
    background: #fff;
    min-width: 0
}

.docContentInfoRow___12JX3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px
}

.docContentTitleWrap___1cI8n {
    min-width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.docContentTitle___20iYu {
    margin: 0;
    color: #333;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500
}

.docContentPath___1NJ4S {
    margin: 4px 0 0;
    color: #999;
    font-size: 12px;
    line-height: 18px;
    font-family: Menlo,Consolas,Monaco,Courier New,monospace
}

.docContentSummary___bzwpH {
    margin: 4px 0 0;
    color: #666;
    font-size: 13px;
    line-height: 20px
}

.pageDownloadMenu___fKiAt {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.pageDownloadMainButton___1dV6m,.pageDownloadMenu___fKiAt {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pageDownloadMainButton___1dV6m {
    height: 34px;
    width: 120px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 12px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 12px 0 0 12px;
    border: 1px solid #e5edf4;
    border-right: 0;
    background: #fff;
    color: #333;
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s
}

.pageDownloadMainButton___1dV6m:hover {
    background: rgba(0,0,0,.04)
}

.pageDownloadMainButtonCopied___2Um_S {
    border-color: #00aae7;
    background: #00aae7;
    color: #fff
}

.pageDownloadMainButtonCopied___2Um_S:hover {
    border-color: #0090cc;
    background: #0090cc;
    color: #fff
}

.pageDownloadToggleButton___1pQVS {
    width: 34px;
    height: 34px;
    padding: 0;
    border-radius: 0 12px 12px 0;
    border: 1px solid #e5edf4;
    background: #fff;
    color: #666;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all .2s;
    transition: all .2s
}

.pageDownloadToggleButton___1pQVS:hover {
    background: rgba(0,0,0,.04);
    color: #666
}

.pageDownloadChevron___7TH6M {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: color .2s,-webkit-transform .2s;
    transition: color .2s,-webkit-transform .2s;
    transition: transform .2s,color .2s;
    transition: transform .2s,color .2s,-webkit-transform .2s
}

.pageDownloadChevronOpen___5B_rq {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.pageDownloadDropdown___2qukX {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    z-index: 20;
    min-width: 170px;
    padding: 6px;
    border: 1px solid #e5edf4;
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0 12px 28px rgba(0,0,0,.12);
    box-shadow: 0 12px 28px rgba(0,0,0,.12)
}

.pageDownloadOption___1LOHU {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    height: 32px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #333;
    font-size: 13px;
    line-height: 1;
    text-align: left;
    padding: 0 10px;
    cursor: pointer
}

.pageDownloadOption___1LOHU:hover {
    background: rgba(0,0,0,.04)
}

.docCard___3c_Vf {
    border: 1px solid #eee;
    border-radius: 10px;
    background: #fff;
    padding: 26px;
    -webkit-box-shadow: 0 12px 28px rgba(0,0,0,.05);
    box-shadow: 0 12px 28px rgba(0,0,0,.05)
}

.rawDocCard___h995r {
    padding: 16px
}

.docCard___3c_Vf .markdown___2C20I {
    color: #333;
    font-size: 15px;
    line-height: 1.7
}

.docCard___3c_Vf .markdown___2C20I h1 {
    margin: 0 0 18px;
    color: #000;
    font-size: 32px;
    line-height: 1.25;
    font-weight: 600;
    letter-spacing: -.01em
}

.docCard___3c_Vf .markdown___2C20I h2 {
    margin: 26px 0 12px;
    padding-left: 10px;
    border-left: 3px solid #1ab9eb;
    color: #000;
    font-size: 22px;
    line-height: 1.35;
    font-weight: 600
}

.docCard___3c_Vf .markdown___2C20I h3 {
    margin: 20px 0 10px;
    color: #000;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600
}

.docCard___3c_Vf .markdown___2C20I p {
    color: #333
}

.docCard___3c_Vf .markdown___2C20I strong {
    color: #000;
    font-weight: 600
}

.docCard___3c_Vf .markdown___2C20I a {
    color: #07beff;
    text-decoration: underline;
    -webkit-text-decoration-color: rgba(7,190,255,.45);
    text-decoration-color: rgba(7,190,255,.45);
    text-underline-offset: 2px
}

.docCard___3c_Vf .markdown___2C20I a:hover {
    color: #0090cc;
    -webkit-text-decoration-color: rgba(0,144,204,.62);
    text-decoration-color: rgba(0,144,204,.62)
}

.docCard___3c_Vf .markdown___2C20I ol,.docCard___3c_Vf .markdown___2C20I ul {
    padding-left: 22px
}

.docCard___3c_Vf .markdown___2C20I li {
    margin: 6px 0;
    color: #333
}

.docCard___3c_Vf .markdown___2C20I blockquote {
    margin: 14px 0;
    padding: 10px 14px;
    border-left: 3px solid #4dd5f3;
    background: #f2fefe;
    color: #333;
    border-radius: 8px
}

.docCard___3c_Vf .markdown___2C20I code {
    margin: 0 2px;
    padding: 1px 6px;
    border-radius: 6px;
    border: 1px solid rgba(7,190,255,.28);
    background: rgba(7,190,255,.07);
    color: #007ab4;
    font-size: .9em
}

.docCard___3c_Vf .markdown___2C20I pre {
    margin: 14px 0;
    padding: 12px 14px;
    border-radius: 10px;
    background: #2c3138;
    color: #f5f5f5;
    overflow-x: auto;
    border: 1px solid rgba(0,0,0,.2)
}

.docCard___3c_Vf .markdown___2C20I pre code {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    font-size: 13px;
    line-height: 1.65
}

.docCard___3c_Vf .markdown___2C20I table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    background: #fff
}

.docCard___3c_Vf .markdown___2C20I table td,.docCard___3c_Vf .markdown___2C20I table th {
    white-space: normal;
    word-break: break-word;
    min-width: 120px;
    border: 1px solid #eee;
    padding: 8px 10px
}

.docCard___3c_Vf .markdown___2C20I table thead th,.docCard___3c_Vf .markdown___2C20I table tr:first-child th {
    background: #fff!important;
    border-color: #eee!important;
    color: #000!important;
    font-weight: 600
}

.docCard___3c_Vf .markdown___2C20I table tbody tr,.docCard___3c_Vf .markdown___2C20I table tbody tr:nth-child(2n),.docCard___3c_Vf .markdown___2C20I table tr,.docCard___3c_Vf .markdown___2C20I table tr:nth-child(2n) {
    background: #fff!important
}

.docCard___3c_Vf .markdown___2C20I table tbody td,.docCard___3c_Vf .markdown___2C20I table td {
    border-color: #eee!important;
    color: #333!important
}

.rawMarkdown___2yHDm {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
    color: #333;
    font-size: 13px;
    line-height: 1.72;
    font-family: Menlo,Consolas,Monaco,Courier New,monospace
}

@media (max-width: 768px) {
    .page___31xPM {
        padding:32px 16px 36px
    }

    .title___P_ras {
        font-size: 28px;
        line-height: 36px
    }

    .subtitle___1CQ_j {
        font-size: 13px;
        line-height: 22px
    }

    .heroActions___2W59G {
        margin-top: 14px;
        gap: 10px
    }

    .heroPrimaryAction___2mxHo,.heroSecondaryAction___3TNSd {
        height: 34px;
        padding: 0 12px;
        border-radius: 10px;
        font-size: 12px
    }

    .heroActionIcon___S7NR5 {
        width: 13px;
        height: 13px
    }

    .installGuide___3hJz6 {
        margin-top: 14px
    }

    .installGuideHeader___3tVPw {
        max-width: none
    }

    .installGuideTitle___O5Vsh {
        font-size: 20px;
        line-height: 28px
    }

    .installGuideSubtitle___1UViP {
        margin-top: 8px;
        font-size: 12px;
        line-height: 20px
    }

    .installGuidePanel___2ipiB {
        margin-top: 16px;
        border-radius: 16px
    }

    .installGuideTabs___3ia40 {
        gap: 6px;
        padding: 14px 14px 0
    }

    .installGuideTab___3dfqK {
        height: 34px;
        padding: 0 12px;
        font-size: 12px
    }

    .installGuideDivider___lAqu2 {
        margin: 12px 14px 0
    }

    .installGuideBody___IsA9M {
        padding: 16px 14px 18px
    }

    .installGuideStep___2hilK {
        gap: 8px;
        padding: 12px;
        border-radius: 14px
    }

    .installGuideStepRail___18jly {
        width: 28px
    }

    .installGuideStepIndex___AyuFq {
        width: 28px;
        height: 28px;
        border-radius: 10px;
        font-size: 12px
    }

    .installGuideStepLine___20Gtq {
        min-height: 24px;
        margin-top: 6px
    }

    .installGuideStepTitleRow___My79D {
        gap: 8px;
        margin-bottom: 4px
    }

    .installGuideStepIcon___205yl {
        width: 16px;
        height: 16px
    }

    .installGuideStepIconWrap___3VJ49 {
        width: 24px;
        height: 24px;
        border-radius: 7px
    }

    .installGuideStepTitle___3xugZ {
        font-size: 15px;
        line-height: 22px
    }

    .installGuideStepDesc___1HEmP {
        margin-bottom: 10px;
        font-size: 12px;
        line-height: 20px
    }

    .installGuideCodeWrap___3Lbuk {
        padding: 12px 40px 12px 12px;
        border-radius: 10px
    }

    .installGuideCode___3EG1Z {
        font-size: 11px;
        line-height: 1.65
    }

    .installGuideCodeButton___PaIKc {
        top: 8px;
        right: 8px;
        width: 28px;
        height: 28px
    }

    .installGuideCodeButtonIcon___3gOBv {
        width: 16px;
        height: 16px
    }

    .installGuideStepNote___1ooBo {
        margin-top: 8px;
        font-size: 11px;
        line-height: 18px
    }

    .exampleSection___joLOw {
        margin-top: 14px;
        padding: 14px;
        border-radius: 16px
    }

    .exampleHeader___2qd4p {
        gap: 10px
    }

    .exampleHeaderIcon___2zFCs {
        width: 32px;
        height: 32px;
        border-radius: 10px
    }

    .exampleHeaderIconSvg___1bC3g {
        width: 16px;
        height: 16px
    }

    .exampleTitle___1TEbf {
        font-size: 18px;
        line-height: 26px
    }

    .exampleSubtitle___1yR6b {
        margin-top: 6px;
        font-size: 12px;
        line-height: 20px
    }

    .exampleGrid___23YQm {
        margin-top: 12px;
        grid-template-columns: minmax(0,1fr);
        gap: 10px
    }

    .exampleCard___3rAGy {
        border-radius: 12px
    }

    .exampleCardHeader___AAENW {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px;
        padding: 10px 12px
    }

    .exampleCardTitle___1KUBL {
        font-size: 13px;
        line-height: 19px
    }

    .exampleCopyButton___2gn9K {
        height: 26px;
        padding: 0 8px;
        font-size: 11px
    }

    .exampleCopyButtonIcon___W_VBY {
        width: 13px;
        height: 13px
    }

    .exampleCardBody___1xJGW {
        padding: 12px
    }

    .examplePrompt___2tE72 {
        font-size: 12px;
        line-height: 1.65
    }

    .summary___3-j2P {
        padding: 14px
    }

    .summaryTitle___2PGYN {
        font-size: 18px;
        line-height: 26px
    }

    .summaryText___3rt7k {
        font-size: 13px;
        line-height: 20px
    }

    .usage___JLC7A {
        margin-top: 10px;
        padding: 12px
    }

    .usageTitle___1oZil {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 8px
    }

    .usagePanels___ZIquJ {
        margin-top: 0;
        grid-template-columns: minmax(0,1fr);
        gap: 8px
    }

    .usagePanel___3XcnW {
        padding: 10px 12px;
        border-radius: 10px
    }

    .usagePanelTitle___2P9YG {
        font-size: 14px;
        line-height: 20px
    }

    .usagePanelBody___hC_U4 {
        margin-top: 8px;
        gap: 6px
    }

    .usageTag___kyaUk {
        height: 22px;
        padding: 0 8px;
        font-size: 11px;
        line-height: 20px
    }

    .usageStat___3QBkx {
        gap: 6px;
        font-size: 12px;
        line-height: 18px
    }

    .usageStat___3QBkx code {
        font-size: 11px
    }

    .docTitle___8ZHf3 {
        font-size: 18px;
        line-height: 26px
    }

    .rawSection___1vi6b {
        margin-top: 12px
    }

    .rawSectionTitle___3lZ2v {
        margin-bottom: 8px;
        font-size: 16px;
        line-height: 24px
    }

    .docHeader___22KG4 {
        display: block
    }

    .docLayout___2btCc {
        grid-template-columns: minmax(0,1fr);
        gap: 10px
    }

    .docSidebar___PeiOC {
        position: static;
        top: auto;
        padding: 10px
    }

    .docSidebarTitle___1XPR_ {
        font-size: 14px;
        line-height: 20px
    }

    .docNavList___3tC-e {
        gap: 6px
    }

    .docNavGroup___3Iy-7+.docNavGroup___3Iy-7 {
        margin-top: 2px;
        padding-top: 8px
    }

    .docNavGroupTitle___3PKL6 {
        font-size: 11px;
        line-height: 16px
    }

    .docNavButton___U68nr {
        padding: 8px 10px
    }

    .docNavTitle___1VqzL {
        font-size: 13px;
        line-height: 18px
    }

    .docNavDirBadge___3d8Tc {
        padding: 0 6px;
        height: 18px;
        font-size: 10px;
        line-height: 16px
    }

    .docNavMeta___3Lw3g,.docNavPath___3zOMe {
        margin-top: 2px;
        font-size: 11px;
        line-height: 16px
    }

    .docContentTitle___20iYu {
        font-size: 16px;
        line-height: 24px
    }

    .docContentSummary___bzwpH {
        margin-top: 4px;
        font-size: 12px;
        line-height: 18px
    }

    .docContentPath___1NJ4S {
        margin-top: 3px;
        font-size: 11px;
        line-height: 16px
    }

    .pageDownloadMainButton___1dV6m {
        height: 30px;
        width: 108px;
        padding: 0 10px;
        border-radius: 10px 0 0 10px;
        font-size: 12px;
        line-height: 28px
    }

    .pageDownloadToggleButton___1pQVS {
        width: 30px;
        height: 30px;
        border-radius: 0 10px 10px 0
    }

    .pageDownloadDropdown___2qukX {
        min-width: 160px;
        padding: 5px
    }

    .pageDownloadOption___1LOHU {
        height: 30px;
        font-size: 12px;
        line-height: 30px;
        padding: 0 8px
    }

    .docCard___3c_Vf .markdown___2C20I {
        font-size: 14px
    }

    .docCard___3c_Vf .markdown___2C20I h1 {
        margin-bottom: 14px;
        font-size: 26px
    }

    .docCard___3c_Vf .markdown___2C20I h2 {
        margin: 20px 0 10px;
        padding-left: 8px;
        font-size: 20px
    }

    .docCard___3c_Vf .markdown___2C20I h3 {
        margin: 16px 0 8px;
        font-size: 17px
    }

    .docCard___3c_Vf .markdown___2C20I pre {
        padding: 10px 12px
    }

    .docCard___3c_Vf .markdown___2C20I td,.docCard___3c_Vf .markdown___2C20I th {
        min-width: 100px;
        padding: 7px 8px
    }

    .docCard___3c_Vf {
        padding: 14px
    }
}

.floatingBarV2___2aJAH {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.section___1Yczp .row___X8R6V {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.section___1Yczp .row___X8R6V .cardWrapper___1UXJx {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 220px;
    padding: 0 20px;
    border: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .section___1Yczp .row___X8R6V .cardWrapper___1UXJx {
        margin:0;
        padding: 20px;
        height: auto
    }
}

.cardIcon___C4V9N {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 120px;
    height: 120px
}

@media only screen and (max-width: 767px) {
    .cardIcon___C4V9N {
        width:24px;
        height: 24px
    }

    .cardIcon___C4V9N svg {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 100%
    }
}

.cardTitle___37ROg {
    margin-top: 16px;
    font-size: 20px
}

@media only screen and (max-width: 767px) {
    .cardTitle___37ROg {
        margin-top:12px;
        font-size: 14px
    }
}

.floatingBarV2___RhQYn {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.banner___3wrGO {
    width: 100%;
    min-height: 400px;
    position: relative;
    background: #ebf4ff;
    overflow: hidden
}

@media (max-width: 767px) {
    .banner___3wrGO {
        min-height:300px
    }
}

.bannerContent___NjDmU {
    width: 1200px;
    height: 400px;
    margin: 0 auto;
    position: relative
}

@media (min-width: 1600px) {
    .bannerContent___NjDmU {
        width:1420px
    }
}

@media (max-width: 767px) {
    .bannerContent___NjDmU {
        width:100%;
        height: 300px
    }
}

.rect39___3OEet,.rect43___2h6q- {
    position: absolute;
    pointer-events: none
}

.rect39___3OEet {
    top: -5px;
    left: 0;
    width: 1037px;
    height: 405px;
    background: -webkit-gradient(linear,left top,right top,from(rgba(22,100,255,.12)),to(rgba(22,100,255,0)));
    background: linear-gradient(90deg,rgba(22,100,255,.12),rgba(22,100,255,0))
}

.rect43___2h6q- {
    top: 0;
    right: -459px;
    width: 600px;
    height: 400px;
    -webkit-transform: matrix(-1,0,0,1,0,0);
    transform: matrix(-1,0,0,1,0,0);
    background: -webkit-gradient(linear,left top,right top,from(rgba(145,110,251,.12)),to(rgba(145,110,251,0)));
    background: linear-gradient(90deg,rgba(145,110,251,.12),rgba(145,110,251,0))
}

.l___1O-r6 {
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    pointer-events: none
}

.final2___3ehIC {
    left: 687px;
    top: 71px;
    width: 794px;
    height: 384px;
    position: absolute;
    background: url(/mock/storage-enhanced/banner/7b2a6e341d3cd518ccca92a85945352accc6df72.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    background-blend-mode: saturation,hue
}

.textWrap___1h9yw {
    position: absolute;
    left: 120px;
    top: 72px;
    width: 780px;
    height: 284px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.title___3be8e {
    width: 740px;
    height: 58px;
    font-size: 48px;
    font-weight: 700;
    line-height: 120%;
    color: #0c0d0e
}

.subTitle___2dr7V,.title___3be8e {
    font-family: PingFang SC,sans-serif
}

.subTitle___2dr7V {
    margin-top: 12px;
    width: 780px;
    height: 102px;
    font-size: 20px;
    line-height: 170%;
    color: #4e5969
}

.btns___g-S2S {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

.btnGhost___2G5Mg,.btnPrimary___1uDnn {
    width: 140px;
    height: 48px;
    border-radius: 4px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: PingFang SC,sans-serif;
    font-size: 16px
}

.btnPrimary___1uDnn {
    background: -webkit-gradient(linear,left top,right top,from(#1664ff),to(#6f6efb));
    background: linear-gradient(90deg,#1664ff,#6f6efb);
    color: #fff;
    border: none
}

.btnGhost___2G5Mg {
    background: #fff;
    border: 1px solid #f3f3f3;
    color: #0c0d0e
}

@media (max-width: 1024px) {
    .banner___3wrGO {
        height:350px
    }

    .textWrap___1h9yw {
        top: 60px;
        height: 240px
    }

    .title___3be8e {
        font-size: 40px;
        height: 48px
    }

    .subTitle___2dr7V {
        font-size: 18px;
        height: 90px
    }

    .final2___3ehIC {
        left: 550px;
        top: 60px;
        width: 700px;
        height: 340px
    }
}

@media (max-width: 768px) {
    .banner___3wrGO {
        height:300px
    }

    .textWrap___1h9yw {
        left: 1rem;
        top: 50px;
        width: calc(100% - 2rem);
        height: 200px
    }

    .title___3be8e {
        font-size: 32px;
        height: 40px
    }

    .subTitle___2dr7V {
        font-size: 16px;
        height: 80px;
        margin-top: 8px
    }

    .btns___g-S2S {
        margin-top: 16px;
        gap: 12px
    }

    .btnGhost___2G5Mg,.btnPrimary___1uDnn {
        width: 120px;
        height: 40px;
        font-size: 14px
    }

    .final2___3ehIC {
        left: 50%;
        top: 50px;
        width: 500px;
        height: 240px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@media (max-width: 480px) {
    .banner___3wrGO {
        height:280px
    }

    .textWrap___1h9yw {
        top: 40px;
        height: 180px
    }

    .title___3be8e {
        font-size: 28px;
        height: 36px
    }

    .subTitle___2dr7V {
        font-size: 14px;
        height: 70px
    }

    .btnGhost___2G5Mg,.btnPrimary___1uDnn {
        width: 100px;
        height: 36px;
        font-size: 14px
    }

    .final2___3ehIC {
        width: 400px;
        height: 200px
    }
}

.floatingBarV2___3V4Lv {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.advantageSection___2OywT {
    padding: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: visible
}

.advantageSection___2OywT .intro {
    display: none
}

.wrapper.advantageSection___2OywT {
    padding-top: 0;
    padding-bottom: 0;
    height: 858px
}

.advantageRoot___1XPA2 {
    max-width: 1440px;
    width: 100%;
    height: 858px;
    margin: 0 auto;
    overflow: visible
}

.moduleWrap___3x73L {
    height: 100%;
    background: #fff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: visible
}

.moduleWrap___3x73L,.titleArea___ox1w9 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.titleArea___ox1w9 {
    max-width: 1200px;
    height: 180px;
    margin: 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.titleText___1GQpi {
    font-family: PingFang SC,sans-serif;
    font-size: 28px;
    color: #000
}

.cardsGrid___2ZGeD {
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 0 40px
}

.cardsGrid___2ZGeD,.cardsRow___1AJNp {
    max-width: 1200px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    gap: 8px
}

.cardsRow___1AJNp {
    height: 306px;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.card___2OIPx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding: 0 60px;
    position: relative;
    width: 400px;
    height: 266px;
    background: #fff;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.cardIcon___1L6j4 {
    width: 120px;
    height: 120px;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.cardIcon___1L6j4 img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.cardTitle___3qMAa {
    font-family: PingFang SC,sans-serif;
    font-size: 20px;
    font-weight: 500;
    color: #0c0d0e
}

.cardDesc___1jg5O {
    margin-top: 6px;
    font-family: PingFang SC,sans-serif;
    font-size: 14px;
    color: #737a87
}

@media (max-width: 1280px) {
    .moduleWrap___3x73L {
        width:100%
    }

    .tabBar___3Jndb {
        width: 100%;
        padding-left: 24px
    }

    .cardsGrid___2ZGeD,.titleArea___ox1w9 {
        width: calc(100% - 48px)
    }

    .cardsGrid___2ZGeD {
        grid-template-columns: repeat(2,minmax(280px,1fr));
        grid-auto-rows: 266px
    }

    .card___2OIPx {
        width: auto
    }
}

@media (max-width: 768px) {
    .cardsGrid___2ZGeD {
        grid-template-columns:1fr
    }
}

.sceneSection___rvKVB {
    background: linear-gradient(-18deg,#e0f0ff,#d6e3ff 56%,#f3e0ff);
    padding: 5rem 7.5rem;
    position: relative;
    overflow: hidden
}

.sceneSection___rvKVB:before {
    top: -7.5rem;
    left: -2.6875rem;
    width: 41.125rem;
    height: 43.125rem;
    opacity: .4
}

.sceneSection___rvKVB:after,.sceneSection___rvKVB:before {
    content: "";
    position: absolute;
    background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400"><circle cx="200" cy="200" r="150" fill="rgba(22,100,255,0.1)"/></svg>') no-repeat;
    background-size: contain;
    z-index: 0
}

.sceneSection___rvKVB:after {
    bottom: -16.375rem;
    right: -13.125rem;
    width: 47.8125rem;
    height: 32.9375rem
}

.sceneContainer___29Lep {
    position: relative;
    z-index: 1;
    max-width: 1200px;
    margin: 0 auto;
    background: #fff;
    border-radius: .75rem;
    -webkit-box-shadow: 0 8px 32px rgba(0,0,0,.04);
    box-shadow: 0 8px 32px rgba(0,0,0,.04);
    overflow: hidden;
    min-height: 55.3125rem
}

.sceneContainer___29Lep,.sceneTabs___3EWUm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.sceneTabs___3EWUm {
    width: 20rem;
    background: linear-gradient(-48deg,#fff 29%,#f0f6ff 100%,#faf0ff 0);
    border-right: 2px solid hsla(0,0%,100%,.5);
    -webkit-box-shadow: 2px 0 6px rgba(0,0,0,.05);
    box-shadow: 2px 0 6px rgba(0,0,0,.05);
    padding: 2.5rem 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .75rem
}

.sceneTab___Z2I8U {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.25rem;
    padding: .75rem 0;
    border-radius: .5rem
}

.tabIcon___2VbhZ {
    width: 1.5rem;
    height: 1.5rem;
    background: linear-gradient(135deg,#f0f0f0,#e0e0e0);
    border-radius: .25rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-animation: skeleton-pulse___1kfDT 1.5s ease-in-out infinite;
    animation: skeleton-pulse___1kfDT 1.5s ease-in-out infinite
}

.tabContent___1VHEf {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .5rem
}

.tabTitle___3eGNp {
    height: 1.125rem;
    background: linear-gradient(135deg,#f0f0f0,#e0e0e0);
    border-radius: .25rem;
    width: 4rem;
    -webkit-animation: skeleton-pulse___1kfDT 1.5s ease-in-out infinite;
    animation: skeleton-pulse___1kfDT 1.5s ease-in-out infinite
}

.sceneContent___n-Z-C {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 2.875rem 3.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem
}

.sceneDescription___2MuHX {
    padding: 0 3.75rem
}

.descriptionTitle___2e0hD {
    height: 1.25rem;
    background: linear-gradient(135deg,#f0f0f0,#e0e0e0);
    border-radius: .25rem;
    width: 5rem;
    margin-bottom: 1rem;
    -webkit-animation: skeleton-pulse___1kfDT 1.5s ease-in-out infinite;
    animation: skeleton-pulse___1kfDT 1.5s ease-in-out infinite
}

.descriptionText___2LEVX {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .5rem
}

.skeletonLine___c4O9B {
    height: 1rem;
    background: linear-gradient(135deg,#f0f0f0,#e0e0e0);
    border-radius: .25rem;
    -webkit-animation: skeleton-pulse___1kfDT 1.5s ease-in-out infinite;
    animation: skeleton-pulse___1kfDT 1.5s ease-in-out infinite
}

.skeletonLine___c4O9B:first-child {
    width: 100%
}

.skeletonLine___c4O9B:nth-child(2) {
    width: 95%
}

.skeletonLine___c4O9B:nth-child(3) {
    width: 88%
}

.sceneDivider___2eFFW {
    height: .0625rem;
    background: rgba(78,89,105,.12);
    margin: 0 3.75rem
}

.sceneSolutions___dii8Z {
    padding: 0 3.75rem
}

.solutionsTitle___3FnDv {
    height: 1.25rem;
    background: linear-gradient(135deg,#f0f0f0,#e0e0e0);
    border-radius: .25rem;
    width: 8rem;
    margin-bottom: 1.5rem;
    -webkit-animation: skeleton-pulse___1kfDT 1.5s ease-in-out infinite;
    animation: skeleton-pulse___1kfDT 1.5s ease-in-out infinite
}

.solutionsList___2tgmT {
    gap: 1.5rem
}

.solutionItem___vwzDw,.solutionsList___2tgmT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.solutionItem___vwzDw {
    gap: .75rem
}

.solutionTitle___1ghRs {
    height: 1rem;
    background: linear-gradient(135deg,#f0f0f0,#e0e0e0);
    border-radius: .25rem;
    width: 12rem;
    -webkit-animation: skeleton-pulse___1kfDT 1.5s ease-in-out infinite;
    animation: skeleton-pulse___1kfDT 1.5s ease-in-out infinite
}

.solutionList___3Hr86 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .75rem
}

.solutionList___3Hr86,.solutionListItem___2ZnPJ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.solutionListItem___2ZnPJ {
    gap: .5rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.checkIcon___9kruX {
    width: 1rem;
    height: 1rem;
    background: linear-gradient(135deg,#f0f0f0,#e0e0e0);
    border-radius: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: .125rem;
    -webkit-animation: skeleton-pulse___1kfDT 1.5s ease-in-out infinite;
    animation: skeleton-pulse___1kfDT 1.5s ease-in-out infinite
}

.solutionText___1WAac {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.sceneActions___1Ezlu {
    padding: 0 3.75rem
}

.consultButton___1IRSV {
    width: 8rem;
    height: 2.5rem;
    background: linear-gradient(135deg,#f0f0f0,#e0e0e0);
    border-radius: .25rem;
    -webkit-animation: skeleton-pulse___1kfDT 1.5s ease-in-out infinite;
    animation: skeleton-pulse___1kfDT 1.5s ease-in-out infinite
}

@-webkit-keyframes skeleton-pulse___1kfDT {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@keyframes skeleton-pulse___1kfDT {
    0% {
        opacity: 1
    }

    50% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@media (max-width: 1024px) {
    .sceneSection___rvKVB {
        padding:4rem 2rem
    }

    .sceneContainer___29Lep {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: auto
    }

    .sceneTabs___3EWUm {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        overflow-x: auto;
        padding: 1.5rem 2rem;
        gap: 1rem
    }

    .sceneTab___Z2I8U {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        min-width: 8rem
    }

    .sceneContent___n-Z-C {
        padding: 2rem 0;
        gap: 2rem
    }

    .sceneActions___1Ezlu,.sceneDescription___2MuHX,.sceneSolutions___dii8Z {
        padding: 0 2rem
    }

    .sceneDivider___2eFFW {
        margin: 0 2rem
    }
}

@media (max-width: 768px) {
    .sceneSection___rvKVB {
        padding:3rem 1rem
    }

    .sceneTabs___3EWUm {
        padding: 1rem;
        gap: .75rem
    }

    .sceneTab___Z2I8U {
        min-width: 7rem
    }

    .sceneContent___n-Z-C {
        padding: 1.5rem 0;
        gap: 1.5rem
    }

    .sceneActions___1Ezlu,.sceneDescription___2MuHX,.sceneSolutions___dii8Z {
        padding: 0 1rem
    }

    .sceneDivider___2eFFW {
        margin: 0 1rem
    }
}

@media (max-width: 480px) {
    .sceneSection___rvKVB {
        padding:2rem .5rem
    }

    .sceneTabs___3EWUm {
        padding: .75rem
    }

    .sceneTab___Z2I8U {
        min-width: 6rem;
        gap: .75rem
    }

    .tabIcon___2VbhZ {
        width: 1.25rem;
        height: 1.25rem
    }

    .sceneContent___n-Z-C {
        padding: 1rem 0;
        gap: 1rem
    }

    .sceneActions___1Ezlu,.sceneDescription___2MuHX,.sceneSolutions___dii8Z {
        padding: 0 .75rem
    }

    .sceneDivider___2eFFW {
        margin: 0 .75rem
    }
}

.markdownContent___1IQCW {
    font-family: PingFang SC,sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.7;
    color: #4e5969
}

.markdownContent___1IQCW h2 {
    font-size: 1.25rem;
    font-weight: 600;
    color: #0c0d0e;
    margin: 1.5rem 0 1rem;
    line-height: 1.5
}

.markdownContent___1IQCW h3 {
    font-size: 1.125rem;
    font-weight: 600;
    color: #0c0d0e;
    margin: 1.25rem 0 .75rem;
    line-height: 1.5
}

.markdownContent___1IQCW p {
    margin: 0 0 1rem;
    line-height: 1.7
}

.markdownContent___1IQCW ul {
    margin: .75rem 0;
    padding-left: 1.5rem
}

.markdownContent___1IQCW ul li {
    margin: .5rem 0;
    line-height: 1.7;
    list-style-type: disc
}

.markdownContent___1IQCW a {
    color: #1664ff;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    -webkit-transition: border-color .2s ease;
    transition: border-color .2s ease
}

.markdownContent___1IQCW a:hover {
    border-bottom-color: #1664ff
}

.markdownContent___1IQCW code {
    background: #f5f7fa;
    color: #1664ff;
    padding: .125rem .375rem;
    border-radius: .25rem;
    font-family: Monaco,Menlo,Ubuntu Mono,monospace;
    font-size: .875rem
}

.markdownContent___1IQCW strong {
    font-weight: 600;
    color: #0c0d0e
}

.markdownContent___1IQCW em {
    font-style: italic;
    color: #4e5969
}

.markdownContent___1IQCW br {
    line-height: 1.7
}

.floatingBarV2___SC8G8 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.sceneSection___p50Te {
    background: linear-gradient(336.57deg,#e0f0ff 17.75%,#d6e3ff 62.54%,#f3e0ff 105.38%);
    padding: 5rem 7.5rem;
    position: relative;
    overflow: hidden;
    width: 1440px;
    height: 1145px;
    margin: 0 auto
}

@media only screen and (max-width: 767px) {
    .sceneSection___p50Te {
        padding:3rem 1rem
    }
}

.sceneSection___p50Te:before {
    content: "";
    position: absolute;
    top: -7.5rem;
    left: -2.6875rem;
    width: 41.125rem;
    height: 43.125rem;
    background: url(/mock/storage-enhanced/scene/left-deco.svg) no-repeat;
    background-size: contain;
    opacity: .4;
    z-index: 0
}

.sceneSection___p50Te:after {
    content: "";
    position: absolute;
    top: -262px;
    left: -209px;
    width: 622px;
    height: 622px;
    background: url(https://www-static.qbox.me/_next/static/media/image133.095f42df10b47583187aec96c73f9f3a.png) no-repeat;
    background-size: contain;
    opacity: .4;
    mix-blend-mode: plus-darker;
    z-index: 0
}

.sceneContainer___Oypc7 {
    position: relative;
    z-index: 10;
    max-width: 1200px;
    margin: 0 auto;
    background: #fff;
    border-radius: .75rem;
    -webkit-box-shadow: 0 8px 32px rgba(0,0,0,.04);
    box-shadow: 0 8px 32px rgba(0,0,0,.04);
    overflow: visible;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 55.3125rem;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    isolation: isolate
}

.sceneContainer___Oypc7:after {
    content: "";
    position: absolute;
    top: 600px;
    left: 650px;
    width: 1265px;
    height: 527px;
    background: url(https://www-static.qbox.me/_next/static/media/image128.4373f8b15a0965d15da3d20fcc0ea878.png) no-repeat;
    background-size: contain;
    opacity: 1;
    mix-blend-mode: plus-darker;
    background-blend-mode: overlay;
    pointer-events: none;
    z-index: 0
}

@media only screen and (max-width: 767px) {
    .sceneContainer___Oypc7 {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: auto
    }
}

.sceneTabs___24xgK {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 280px;
    height: 885px;
    background: url(https://www-static.qbox.me/_next/static/media/1%E5%89%AF%E6%9C%AC.962f3c463bc544af37bf7b8ea3fb9eb6.png),linear-gradient(353.67deg,#fff 18.24%,#f0f6ff 59.1%,#faf0ff 111.09%);
    background-repeat: no-repeat,no-repeat;
    background-position: right 0 bottom 0,50%;
    background-size: 720px auto,100% 100%;
    background-origin: padding-box;
    -webkit-box-shadow: 2px 0 6px rgba(0,0,0,.05);
    box-shadow: 2px 0 6px rgba(0,0,0,.05);
    border-radius: 12px 0 0 0;
    padding: 40px 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px;
    text-align: left
}

@media only screen and (max-width: 767px) {
    .sceneTabs___24xgK {
        width:100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        overflow-x: auto;
        padding: 1rem;
        gap: .75rem
    }
}

.sceneTab___3hBQ_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    padding: 12px 0;
    width: 216px;
    height: 60px;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    border-radius: .5rem
}

.sceneTab___3hBQ_.active___1Fhos,.sceneTab___3hBQ_:hover {
    background: transparent
}

@media only screen and (max-width: 767px) {
    .sceneTab___3hBQ_ {
        -ms-flex-negative:0;
        flex-shrink: 0;
        min-width: 7rem;
        gap: .75rem
    }
}

.tabIcon___1mMdx {
    width: 1.5rem;
    height: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tabIcon___1mMdx img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.tabContent___X7iVm {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .5rem;
    text-align: left;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.tabTitle___2IYZ2 {
    font-family: PingFang SC,sans-serif;
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.5;
    color: #0c0d0e;
    margin: 0;
    height: 1.625rem;
    text-align: left;
    display: inline-block;
    -ms-flex-item-align: start;
    align-self: flex-start
}

.sceneTab___3hBQ_.active___1Fhos .tabTitle___2IYZ2 {
    color: #0c0d0e;
    font-weight: 500;
    position: relative
}

.sceneTab___3hBQ_.active___1Fhos .tabTitle___2IYZ2:after {
    content: "";
    display: block;
    width: 100%;
    height: .125rem;
    background: #1664ff;
    border-radius: .125rem;
    margin-top: .25rem
}

.sceneTab___3hBQ_:not(.active___1Fhos) .tabTitle___2IYZ2 {
    color: #42464e
}

.tabIndicator___v378y {
    display: none
}

.sceneContent___2ZDHj {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 2.875rem 0 3.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5rem
}

@media only screen and (max-width: 767px) {
    .sceneContent___2ZDHj {
        padding:1.5rem 0;
        gap: 1.5rem
    }
}

.sceneSection___p50Te.wrapper {
    padding: 5rem 7.5rem 2.5rem
}

.sceneSection___p50Te .title {
    font-family: PingFang SC,sans-serif;
    font-size: 40px;
    line-height: 150%;
    font-weight: 500;
    text-align: center;
    color: #000
}

.sceneSection___p50Te .intro,.sceneSection___p50Te .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.sceneSection___p50Te .intro {
    position: absolute;
    left: 120px;
    top: 0;
    width: 1200px;
    height: 180px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 80px 0 40px;
    gap: 10px
}

.sceneDescription___2u2AA {
    padding: 0 3.75rem
}

.descriptionTitle___15fxQ {
    font-family: PingFang SC,sans-serif;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.5;
    color: #0c0d0e;
    margin: 0 0 1rem;
    text-align: left
}

.descriptionText___2X2GR {
    font-family: PingFang SC,sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.7;
    color: #4e5969;
    margin: 0;
    text-align: left
}

.sceneDivider___EzeiM {
    height: .0625rem;
    background: rgba(78,89,105,.12);
    margin: 0 3.75rem
}

@media only screen and (max-width: 767px) {
    .sceneDivider___EzeiM {
        margin:0 1rem
    }
}

.sceneSolutions___3uLMW {
    padding: 0 3.75rem
}

.solutionsTitle___3BTlr {
    font-family: PingFang SC,sans-serif;
    font-weight: 600;
    font-size: 1.25rem;
    line-height: 1.5;
    color: #0c0d0e;
    margin: 0 0 1.5rem;
    text-align: left
}

.solutionsList___2JAJv {
    gap: 1.5rem
}

.solutionItem___diuvN,.solutionsList___2JAJv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.solutionItem___diuvN {
    gap: .75rem
}

.solutionTitle___1xoW8 {
    font-family: PingFang SC,sans-serif;
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5;
    color: #0c0d0e;
    margin: 0;
    text-align: left
}

.solutionList___afB_7 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .75rem
}

.solutionList___afB_7,.solutionListItem___1tGPL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.solutionListItem___1tGPL {
    gap: .5rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.checkIcon___3RPCa {
    width: 1rem;
    height: 1.6875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: .125rem
}

.checkIcon___3RPCa svg {
    width: .75rem;
    height: .625rem;
    fill: #1664ff
}

.solutionText___1rxIl {
    font-family: PingFang SC,sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.7;
    color: #4e5969;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left
}

.sceneActions___38nY_ {
    padding: 0 3.75rem
}

.consultButton___1v4ut {
    background: #1664ff;
    color: #f7f9fc;
    border: none;
    border-radius: .25rem;
    padding: .625rem 2rem;
    font-family: PingFang SC,sans-serif;
    font-weight: 500;
    font-size: .875rem;
    line-height: 1.5;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-box-shadow: 0 3px 8px rgba(46,70,146,.05);
    box-shadow: 0 3px 8px rgba(46,70,146,.05);
    width: 8rem;
    height: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.consultButton___1v4ut:hover {
    background: #004fec;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

.consultButton___1v4ut:active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media (max-width: 1024px) {
    .sceneSection___p50Te {
        padding:4rem 2rem
    }

    .sceneContainer___Oypc7 {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: auto
    }

    .sceneTabs___24xgK {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        overflow-x: auto;
        padding: 1.5rem 2rem;
        gap: 1rem
    }

    .sceneTab___3hBQ_ {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        min-width: 8rem
    }

    .sceneContent___2ZDHj {
        padding: 2rem 0;
        gap: 2rem
    }

    .sceneActions___38nY_,.sceneDescription___2u2AA,.sceneSolutions___3uLMW {
        padding: 0 2rem
    }

    .sceneDivider___EzeiM {
        margin: 0 2rem
    }
}

@media (max-width: 768px) {
    .sceneSection___p50Te {
        padding:3rem 1rem
    }

    .sceneTabs___24xgK {
        padding: 1rem;
        gap: .75rem
    }

    .sceneTab___3hBQ_ {
        min-width: 7rem
    }

    .tabTitle___2IYZ2 {
        font-size: 1rem
    }

    .sceneContent___2ZDHj {
        padding: 1.5rem 0;
        gap: 1.5rem
    }

    .sceneActions___38nY_,.sceneDescription___2u2AA,.sceneSolutions___3uLMW {
        padding: 0 1rem
    }

    .sceneDivider___EzeiM {
        margin: 0 1rem
    }

    .descriptionTitle___15fxQ,.solutionsTitle___3BTlr {
        font-size: 1.125rem
    }

    .descriptionText___2X2GR,.solutionText___1rxIl {
        font-size: .875rem
    }
}

@media (max-width: 480px) {
    .sceneSection___p50Te {
        padding:2rem .5rem
    }

    .sceneTabs___24xgK {
        padding: .75rem
    }

    .sceneTab___3hBQ_ {
        min-width: 6rem;
        gap: .75rem
    }

    .tabIcon___1mMdx {
        width: 1.25rem;
        height: 1.25rem
    }

    .tabTitle___2IYZ2 {
        font-size: .875rem
    }

    .sceneContent___2ZDHj {
        padding: 1rem 0;
        gap: 1rem
    }

    .sceneActions___38nY_,.sceneDescription___2u2AA,.sceneSolutions___3uLMW {
        padding: 0 .75rem
    }

    .sceneDivider___EzeiM {
        margin: 0 .75rem
    }
}

.errorContainer___35EKa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 20rem;
    padding: 2rem
}

.errorMessage___3oO3n {
    font-family: PingFang SC,sans-serif;
    font-size: 1rem;
    color: #737a87;
    text-align: center;
    margin: 0
}

.casesSection___3_hSP {
    background: -webkit-gradient(linear,left top,left bottom,from(#eff4fe),to(#fff));
    background: linear-gradient(180deg,#eff4fe,#fff);
    width: 100%;
    min-height: 740px;
    padding: 0
}

.casesWrapper___3d1fu {
    width: 1200px;
    margin: 0 auto
}

@media (min-width: 1600px) {
    .casesWrapper___3d1fu {
        width:1420px
    }
}

@media (max-width: 767px) {
    .casesWrapper___3d1fu {
        width:100%
    }
}

@media (max-width: 1024px) {
    .casesContainer___3e5Cu {
        padding:0 2rem 4rem
    }
}

@media (max-width: 768px) {
    .casesSection___3_hSP {
        padding:3rem 0 0
    }

    .casesContainer___3e5Cu {
        padding: 0 1rem 3rem
    }
}

@media (max-width: 480px) {
    .casesSection___3_hSP {
        padding:2rem 0 0
    }

    .casesContainer___3e5Cu {
        padding: 0 .5rem 2rem
    }
}

.floatingBarV2___2J22Z {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.header____zxz- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: center;
    align-self: center;
    padding-top: 93px
}

@media only screen and (max-width: 767px) {
    .header____zxz- {
        padding-top:75px
    }
}

@media only screen and (max-width: 1534px) {
    .header____zxz- {
        padding-top:75px
    }
}

.header____zxz- .logoWrapper___1xU29 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 75px
}

.header____zxz- .logoWrapper___1xU29 img {
    width: 136;
    height: 41px
}

.header____zxz- .title___BPlX4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 19px
}

.header____zxz- .title___BPlX4 .titleImg___BWFgT {
    width: 710px;
    height: 101px
}

@media only screen and (max-width: 767px) {
    .header____zxz- .title___BPlX4 .titleImg___BWFgT {
        width:auto;
        height: 83px
    }
}

@media only screen and (max-width: 1534px) {
    .header____zxz- .title___BPlX4 .titleImg___BWFgT {
        width:auto;
        height: 83px
    }
}

.header____zxz- .subTitle___DCKtF {
    text-align: center;
    margin-bottom: 19px
}

.header____zxz- .subTitle___DCKtF .text___H3ZJi {
    display: inline-block;
    width: auto;
    line-height: 48px;
    padding: 0 36px;
    border-radius: 24px;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(51,138,246,.9)),to(rgba(8,83,198,.9)));
    background: linear-gradient(180deg,rgba(51,138,246,.9),rgba(8,83,198,.9));
    font-family: Alimama DongFangDaKai;
    font-size: 24px;
    color: #fff;
    border: 3px solid #2fd2ff
}

.header____zxz- .imgWrapper___3szte {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.header____zxz- .imgWrapper___3szte .img___2ycqv {
    width: 348px;
    height: 74px
}

@media only screen and (max-width: 767px) {
    .header____zxz- .imgWrapper___3szte .img___2ycqv {
        width:auto;
        height: 58px
    }
}

@media only screen and (max-width: 1534px) {
    .header____zxz- .imgWrapper___3szte .img___2ycqv {
        width:auto;
        height: 58px
    }
}

.floatingBarV2___33P5V {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.pageWrapper___3z0UQ {
    padding: 0 120px
}

@media only screen and (max-width: 767px) {
    .pageWrapper___3z0UQ {
        padding:0 28px
    }
}

@media only screen and (max-width: 1534px) {
    .pageWrapper___3z0UQ {
        padding:0 28px
    }
}

.feedback___3CkYZ {
    width: 100%;
    height: auto;
    border: 4px solid #2fd2ff;
    border-radius: 80px;
    -webkit-box-shadow: 0 14px 4px 0 rgba(0,0,0,.1) inset,0 -8px 0 0 hsla(0,0%,100%,.8) inset;
    box-shadow: inset 0 14px 4px 0 rgba(0,0,0,.1),inset 0 -8px 0 0 hsla(0,0%,100%,.8);
    position: relative;
    top: -44px;
    background: -webkit-gradient(linear,left top,left bottom,from(#4e6beb),to(#1c63b4));
    background: linear-gradient(180deg,#4e6beb,#1c63b4);
    padding: 30px 103px 37px 119px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .feedback___3CkYZ {
        padding:28px 67px 34px
    }
}

@media only screen and (max-width: 1534px) {
    .feedback___3CkYZ {
        padding:28px 67px 34px
    }
}

.feedback___3CkYZ .title___1xNkX {
    font-family: Alimama DongFangDaKai;
    font-size: 36px;
    line-height: 43.2px;
    margin-bottom: 24px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#e0e0e0));
    background-image: linear-gradient(180deg,#fff,#e0e0e0);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.feedback___3CkYZ .timeLine___1j__m {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden
}

.feedback___3CkYZ .timeLine___1j__m .timeLineItem___TXzkJ {
    width: 33%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.feedback___3CkYZ .timeLine___1j__m .timeLineItem___TXzkJ .date___2dwQ2 {
    margin-bottom: 10px
}

.feedback___3CkYZ .timeLine___1j__m .timeLineItem___TXzkJ .date___2dwQ2 .text___2xlmg {
    vertical-align: middle;
    margin-left: 2px;
    font-family: Alibaba PuHuiTi;
    font-size: 20px;
    font-weight: 400;
    color: #fff
}

.feedback___3CkYZ .timeLine___1j__m .timeLineItem___TXzkJ .date___2dwQ2 .ing___3KFYq {
    font-weight: 700
}

.feedback___3CkYZ .timeLine___1j__m .timeLineItem___TXzkJ .pointWrapper___iX1T- {
    width: 100%;
    height: 42px;
    margin-bottom: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.feedback___3CkYZ .timeLine___1j__m .timeLineItem___TXzkJ .pointWrapper___iX1T- .point___3qLLu {
    width: 24px;
    height: 24px;
    background: #648bda;
    border-radius: 50%;
    position: relative
}

.feedback___3CkYZ .timeLine___1j__m .timeLineItem___TXzkJ .pointWrapper___iX1T- .point___3qLLu:before {
    content: "";
    position: absolute;
    display: inline-block;
    background: #648bda;
    height: 8px;
    width: 200px;
    right: 24px;
    top: 8px
}

.feedback___3CkYZ .timeLine___1j__m .timeLineItem___TXzkJ .pointWrapper___iX1T- .point___3qLLu:after {
    content: "";
    position: absolute;
    display: inline-block;
    background: #648bda;
    height: 8px;
    width: 500px;
    right: 0;
    top: 8px;
    translate: 100%
}

.feedback___3CkYZ .timeLine___1j__m .timeLineItem___TXzkJ .pointWrapper___iX1T- .active___28Zbd {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    position: absolute;
    background: radial-gradient(50% 50% at 50% 50%,rgba(255,177,88,0) 0,#ffb158 100%);
    z-index: 10
}

.feedback___3CkYZ .timeLine___1j__m .timeLineItem___TXzkJ .pointWrapper___iX1T- .active___28Zbd:before {
    content: "";
    position: absolute;
    display: inline-block;
    background: #ffb640;
    height: 4px;
    width: 190px;
    right: 24px;
    top: 10px
}

@media only screen and (max-width: 767px) {
    .feedback___3CkYZ .timeLine___1j__m .timeLineItem___TXzkJ .pointWrapper___iX1T- .active___28Zbd:before {
        width:77px
    }
}

@media only screen and (max-width: 1534px) {
    .feedback___3CkYZ .timeLine___1j__m .timeLineItem___TXzkJ .pointWrapper___iX1T- .active___28Zbd:before {
        width:77px
    }
}

.feedback___3CkYZ .timeLine___1j__m .timeLineItem___TXzkJ .desc___3SHN8 {
    font-size: 16px;
    font-weight: 700;
    font-family: Alibaba PuHuiTi;
    color: #ffb640;
    text-align: center
}

.feedback___3CkYZ .timeLine___1j__m .timeLineItem___TXzkJ .desc___3SHN8 ul {
    text-align: left
}

.feedback___3CkYZ .timeLine___1j__m .timeLineItem___TXzkJ .desc___3SHN8 ul li {
    list-style-type: disc;
    list-style-position: inside
}

.feedback___3CkYZ .timeLine___1j__m .timeLineItem___TXzkJ .desc___3SHN8 .stay___IBWfK {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin-top: 10px
}

.floatingBarV2___2WRpa {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.card___3ROR5 {
    width: 100%;
    height: auto;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#4e6beb),to(#1c63b4)),-webkit-gradient(linear,left top,left bottom,from(#ffb640),to(#ff8d58));
    background-image: linear-gradient(180deg,#4e6beb,#1c63b4),linear-gradient(180deg,#ffb640,#ff8d58);
    -webkit-box-shadow: 0 14px 4px 0 rgba(0,0,0,.1) inset,0 14px 16px 0 rgba(0,0,0,.1),0 -8px 0 0 hsla(0,0%,100%,.8) inset;
    box-shadow: inset 0 14px 4px 0 rgba(0,0,0,.1),0 14px 16px 0 rgba(0,0,0,.1),inset 0 -8px 0 0 hsla(0,0%,100%,.8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.card___3ROR5,.card___3ROR5 .titleWrapper___-RTqO {
    border: 4px solid transparent;
    border-radius: 80px;
    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box
}

.card___3ROR5 .titleWrapper___-RTqO {
    display: inline-block;
    width: 620px;
    height: 105px;
    line-height: 89px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#54c3ff),to(#1c63b4)),-webkit-gradient(linear,left top,left bottom,from(#ffb640),to(#ff8d58));
    background-image: linear-gradient(180deg,#54c3ff,#1c63b4),linear-gradient(180deg,#ffb640,#ff8d58);
    position: absolute;
    top: -52px
}

.card___3ROR5 .titleWrapper___-RTqO .title___ckiGc {
    height: 100%;
    width: 100%;
    border: 4px solid transparent;
    border-radius: 80px;
    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#54c3ff),to(#1c63b4)),-webkit-gradient(linear,left top,left bottom,from(#2583ee),to(#0252ae));
    background-image: linear-gradient(180deg,#54c3ff,#1c63b4),linear-gradient(180deg,#2583ee,#0252ae);
    text-align: center;
    font-family: Alimama DongFangDaKai;
    font-size: 36px;
    color: #fff;
    -webkit-box-shadow: 0 2px 8px 0 #144399;
    box-shadow: 0 2px 8px 0 #144399;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 13px
}

.card___3ROR5 .titleWrapper___-RTqO .title___ckiGc img {
    width: 64px;
    height: 64px
}

.card___3ROR5 .children___zouPA {
    width: 100%;
    height: 100%;
    padding: 90px 0 50px
}

.marker___37STW {
    width: auto;
    height: 55px;
    position: absolute;
    left: -21px;
    top: 36px
}

@media only screen and (max-width: 767px) {
    .marker___37STW {
        top:70px
    }
}

@media only screen and (max-width: 1534px) {
    .marker___37STW {
        top:70px
    }
}

.openRules___bM2eH {
    position: absolute;
    top: 36px;
    right: 70px;
    font-size: 18px;
    text-decoration: underline;
    cursor: pointer
}

@media only screen and (max-width: 767px) {
    .openRules___bM2eH {
        top:70px;
        right: 20px
    }
}

@media only screen and (max-width: 1534px) {
    .openRules___bM2eH {
        top:70px;
        right: 20px
    }
}

.closeBtn___2Ivur {
    float: right;
    margin: 20px 20px 0 0;
    background-color: transparent;
    cursor: pointer
}

.closeBtn___2Ivur .closeIcon___1uIu1 path {
    fill: #bfbfbf;
    -webkit-transition: .2s;
    transition: .2s
}

.closeBtn___2Ivur:hover .closeIcon___1uIu1 path {
    fill: #999
}

.modal___tBnkU {
    height: auto!important
}

@media only screen and (max-width: 767px) {
    .modal___tBnkU {
        width:80%!important
    }
}

@media only screen and (max-width: 1534px) {
    .modal___tBnkU {
        width:80%!important
    }
}

.rules___3dUmd {
    padding: 40px
}

.rules___3dUmd .activityDesc___2VzGF>.title___ckiGc,.rules___3dUmd .targetAndTime___2ik3F>.title___ckiGc {
    margin-bottom: 20px
}

.rules___3dUmd .activityDesc___2VzGF>.title___ckiGc .text___361SW,.rules___3dUmd .targetAndTime___2ik3F>.title___ckiGc .text___361SW {
    font-size: 18px;
    font-weight: 700;
    margin-left: 8px;
    color: #000;
    vertical-align: middle
}

.rules___3dUmd .activityDesc___2VzGF>.sub___23V8M,.rules___3dUmd .targetAndTime___2ik3F>.sub___23V8M {
    margin-bottom: 20px
}

.rules___3dUmd .activityDesc___2VzGF>.sub___23V8M .subTitle___1_Ix8,.rules___3dUmd .targetAndTime___2ik3F>.sub___23V8M .subTitle___1_Ix8 {
    font-size: 16px;
    color: #000;
    margin-bottom: 10px
}

.rules___3dUmd .activityDesc___2VzGF .descText___3-GXL,.rules___3dUmd .activityDesc___2VzGF>.sub___23V8M .subDesc___3UAQS,.rules___3dUmd .targetAndTime___2ik3F>.sub___23V8M .subDesc___3UAQS {
    font-size: 14px;
    color: #67687a
}

.rules___3dUmd .activityDesc___2VzGF .descText___3-GXL li {
    list-style: decimal inside
}

.rules___3dUmd .activityDesc___2VzGF .descText___3-GXL a {
    color: #00aae7
}

.floatingBarV2___3VmYO {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.modal___3ehQw {
    height: auto!important;
    min-height: 100px!important
}

@media only screen and (max-width: 767px) {
    .modal___3ehQw {
        width:80%!important
    }
}

@media only screen and (max-width: 1534px) {
    .modal___3ehQw {
        width:80%!important
    }
}

.modal___3ehQw .modalBody___1qlpw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.modal___3ehQw .text___2tAJC {
    text-align: center;
    font-size: 18px
}

.modal___3ehQw img {
    width: 200px;
    height: 200px
}

.floatingBarV2___1zPfI {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.pageWrapper___2-zxN {
    padding: 0 120px
}

@media only screen and (max-width: 767px) {
    .pageWrapper___2-zxN {
        padding:0 28px
    }
}

@media only screen and (max-width: 1534px) {
    .pageWrapper___2-zxN {
        padding:0 28px
    }
}

.logo7___3tC7E {
    position: relative;
    top: -2px
}

.desc___2v0Ek,.recharge___3laIa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.desc___2v0Ek {
    font-size: 20px;
    color: #fff;
    margin-bottom: 30px
}

.desc___2v0Ek,.desc___2v0Ek .number___3luue {
    font-family: Alibaba PuHuiTi;
    line-height: 35px
}

.desc___2v0Ek .number___3luue {
    font-size: 24px;
    font-weight: 700
}

.desc___2v0Ek .number___3luue:after {
    content: ""
}

.ruleTable___3k0IS table {
    border-collapse: separate;
    letter-spacing: normal;
    margin-bottom: 40px
}

.ruleTable___3k0IS td {
    font-family: Alibaba PuHuiTi;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 28px;
    border-bottom: 1px dashed #fff
}

.ruleTable___3k0IS td .unit___3lB4c {
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 7px;
    background-color: #fff;
    color: #2f66c9;
    font-size: 10px;
    position: relative;
    left: -8px
}

.ruleTable___3k0IS td .orangeUnit___1YaiC {
    background: #ffb640
}

.ruleTable___3k0IS td:first-child span {
    vertical-align: middle;
    margin-left: 8px
}

.ruleTable___3k0IS td:nth-child(2) {
    font-size: 48px
}

.ruleTable___3k0IS td:nth-child(3) {
    font-size: 28px;
    color: #ffb158
}

.ruleTable___3k0IS td:nth-child(4),.ruleTable___3k0IS td:nth-child(6) {
    color: #ffb158;
    font-size: 48px
}

.btns___1xkHl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.btns___1xkHl .btn___1kHUL {
    display: inline-block;
    width: auto;
    height: 50px;
    line-height: 45px;
    border-radius: 24px;
    padding: 0 48px;
    cursor: pointer;
    font-family: Alibaba PuHuiTi;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    border: 2px solid transparent;
    border-radius: 80px;
    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ffb640),to(#ff8d58)),-webkit-gradient(linear,left top,left bottom,from(#fff),to(#a63a03));
    background-image: linear-gradient(180deg,#ffb640,#ff8d58),linear-gradient(180deg,#fff,#a63a03)
}

.btns___1xkHl .link___1CXJV {
    margin-left: 28px;
    line-height: 50px;
    font-size: 20px;
    color: #fff;
    cursor: pointer
}

.rule___3MYlT {
    display: inline
}

.rule___3MYlT ul {
    margin-left: 2ex;
    padding: 5px 0
}

.rule___3MYlT ul li {
    list-style-type: disc!important
}

.floatingBarV2___2M_nC {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.pageWrapper___3h2vW {
    padding: 0 120px
}

@media only screen and (max-width: 767px) {
    .pageWrapper___3h2vW {
        padding:0 28px
    }
}

@media only screen and (max-width: 1534px) {
    .pageWrapper___3h2vW {
        padding:0 28px
    }
}

.logo7___3mp6B {
    position: relative;
    top: -2px;
    left: 4px
}

.page___3U-m- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 140px
}

@media only screen and (max-width: 767px) {
    .page___3U-m- {
        padding:0 28px
    }
}

@media only screen and (max-width: 1534px) {
    .page___3U-m- {
        padding:0 28px
    }
}

.desc___1hX8v {
    font-size: 20px;
    color: #fff;
    margin-bottom: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.desc___1hX8v,.desc___1hX8v .number___1afu6 {
    font-family: Alibaba PuHuiTi;
    line-height: 35px
}

.desc___1hX8v .number___1afu6 {
    font-size: 24px;
    font-weight: 700
}

.couponList___3FDGx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    gap: 40px;
    margin-bottom: 40px
}

@media only screen and (max-width: 767px) {
    .couponList___3FDGx {
        gap:20px;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 1534px) {
    .couponList___3FDGx {
        gap:20px;
        margin-bottom: 20px
    }
}

.couponList___3FDGx .coupon___1zXb- {
    width: 200px;
    height: 112px;
    background-image: url(https://www-static.qbox.me/_next/static/media/coupon.770b21db352a72b6a37fce8e1300d0a3.svg);
    padding: 24px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.couponList___3FDGx .price___2PBoF {
    font-family: Alibaba PuHuiTi;
    font-weight: 700;
    line-height: 35px;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ffb640),to(#ff8d58));
    background-image: linear-gradient(180deg,#ffb640,#ff8d58);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.couponList___3FDGx .price___2PBoF .unit___1EewR {
    font-size: 24px
}

.couponList___3FDGx .price___2PBoF .number___1afu6 {
    font-size: 48px
}

.couponList___3FDGx .couponDesc___8m5xz {
    font-family: Alibaba PuHuiTi;
    font-size: 14px;
    line-height: 19.21px;
    color: #ffb158
}

.btns___B8t9n {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.btns___B8t9n .btn___2Kw8z {
    display: inline-block;
    width: auto;
    height: 50px;
    line-height: 45px;
    border-radius: 24px;
    padding: 0 48px;
    cursor: pointer;
    font-family: Alibaba PuHuiTi;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    border: 2px solid transparent;
    border-radius: 80px;
    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ffb640),to(#ff8d58)),-webkit-gradient(linear,left top,left bottom,from(#fff),to(#a63a03));
    background-image: linear-gradient(180deg,#ffb640,#ff8d58),linear-gradient(180deg,#fff,#a63a03)
}

.btns___B8t9n .link___3jra_ {
    margin-left: 28px;
    line-height: 50px;
    font-size: 20px;
    color: #fff;
    cursor: pointer
}

.floatingBarV2___2PvhA {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.pageWrapper___8rAOW {
    padding: 0 120px
}

@media only screen and (max-width: 767px) {
    .pageWrapper___8rAOW {
        padding:0 28px
    }
}

@media only screen and (max-width: 1534px) {
    .pageWrapper___8rAOW {
        padding:0 28px
    }
}

.logo7___3sGwc {
    position: relative;
    top: -2px
}

.recharge___1srKn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .recharge___1srKn {
        padding:0 43px
    }
}

@media only screen and (max-width: 1534px) {
    .recharge___1srKn {
        padding:0 43px
    }
}

.desc___ZO6va {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    color: #fff;
    margin-bottom: 30px
}

.desc___ZO6va,.desc___ZO6va .number___2LsAd {
    font-family: Alibaba PuHuiTi;
    line-height: 35px
}

.desc___ZO6va .number___2LsAd {
    font-size: 24px;
    font-weight: 700
}

.desc___ZO6va .number___2LsAd:after {
    content: ""
}

.couponList___op9mr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px
}

.couponList___op9mr .plus___2pCMM {
    font-size: 80px;
    color: #fff;
    position: relative;
    top: 33px
}

.couponList___op9mr .coupon___1R4b0 {
    width: 262px;
    height: 217px;
    background-image: url(https://www-static.qbox.me/_next/static/media/coupon.9f6741008eea392df91d13036a95ed98.png);
    background-position: 50%;
    background-size: 100% 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 26px
}

.couponList___op9mr .coupon___1R4b0 .price___2xwXT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-size: 48px;
    font-weight: 700;
    line-height: 35px;
    text-align: left;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fd5c2c),to(#fa1720));
    background-image: linear-gradient(180deg,#fd5c2c,#fa1720)
}

.couponList___op9mr .coupon___1R4b0 .price___2xwXT .unit___1gdm_ {
    font-size: 24px
}

.couponList___op9mr .coupon___1R4b0 .couponText___2JDF- {
    font-size: 18px;
    color: #ff6640
}

.couponDesc___100L0 {
    font-size: 28px;
    line-height: 35px;
    margin-bottom: 40px
}

.couponDesc___100L0 .activeText___1fBD_ {
    font-size: 28px;
    font-weight: 700;
    color: #ffda20
}

.btns___1dif- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.btns___1dif- .btn___9UxAy {
    display: inline-block;
    width: auto;
    height: 50px;
    line-height: 45px;
    border-radius: 24px;
    padding: 0 48px;
    cursor: pointer;
    font-family: Alibaba PuHuiTi;
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    border: 2px solid transparent;
    border-radius: 80px;
    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ffb640),to(#ff8d58)),-webkit-gradient(linear,left top,left bottom,from(#fff),to(#a63a03));
    background-image: linear-gradient(180deg,#ffb640,#ff8d58),linear-gradient(180deg,#fff,#a63a03)
}

.btns___1dif- .link___V1YGP {
    margin-left: 28px;
    line-height: 50px;
    font-size: 20px;
    color: #fff;
    cursor: pointer
}

.rebate___lNB9O {
    margin-bottom: 40px
}

.rebate___lNB9O table {
    border-collapse: collapse
}

.rebate___lNB9O td,.rebate___lNB9O th {
    text-align: center;
    padding: 7px 75px;
    color: #fff;
    background-color: transparent;
    font-size: 18px;
    font-weight: 700
}

.rebate___lNB9O td:nth-child(2),.rebate___lNB9O th:nth-child(2) {
    background: #ffedce;
    color: #ff8d58
}

.rebate___lNB9O th:nth-child(2) {
    background: -webkit-gradient(linear,left top,left bottom,from(#ffb640),to(#ff8d58));
    background: linear-gradient(180deg,#ffb640,#ff8d58);
    color: #fff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.rebate___lNB9O tbody>tr:nth-of-type(odd) {
    background: hsla(0,0%,100%,.2)
}

.rebate___lNB9O tbody>tr:nth-of-type(odd) td:nth-child(2) {
    background: #fff1d8
}

.rebate___lNB9O tbody>tr:last-child td:nth-child(2) {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px
}

.rule___37-JP {
    display: inline
}

.rule___37-JP ul {
    margin-left: 2ex;
    padding: 5px 0
}

.rule___37-JP ul li {
    list-style-type: disc!important
}

.floatingBarV2___2-8jT {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.activity___qqWoj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 80px;
    padding: 0 120px
}

@media only screen and (max-width: 767px) {
    .activity___qqWoj {
        padding:0 28px
    }
}

@media only screen and (max-width: 1534px) {
    .activity___qqWoj {
        padding:0 28px
    }
}

.activity___qqWoj .titleWrapper___rDsV7 {
    display: inline-block;
    width: 620px;
    height: 105px;
    line-height: 89px;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#54c3ff),to(#1c63b4)),-webkit-gradient(linear,left top,left bottom,from(#ffb640),to(#ff8d58));
    background-image: linear-gradient(180deg,#54c3ff,#1c63b4),linear-gradient(180deg,#ffb640,#ff8d58);
    margin-bottom: 40px
}

.activity___qqWoj .titleWrapper___rDsV7,.activity___qqWoj .titleWrapper___rDsV7 .title___2jSin {
    border: 4px solid transparent;
    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box;
    border-radius: 80px
}

.activity___qqWoj .titleWrapper___rDsV7 .title___2jSin {
    height: 100%;
    width: 100%;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#54c3ff),to(#1c63b4)),-webkit-gradient(linear,left top,left bottom,from(#2583ee),to(#0252ae));
    background-image: linear-gradient(180deg,#54c3ff,#1c63b4),linear-gradient(180deg,#2583ee,#0252ae);
    padding: 0 60px;
    font-family: Alimama DongFangDaKai;
    font-size: 36px;
    color: #fff;
    -webkit-box-shadow: 0 2px 8px 0 #144399;
    box-shadow: 0 2px 8px 0 #144399;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 13px
}

.activity___qqWoj .titleWrapper___rDsV7 .title___2jSin img {
    width: 64px;
    height: 64px
}

.activity___qqWoj .couponList___oC3w_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 767px) {
    .activity___qqWoj .couponList___oC3w_ {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        gap: 20px
    }
}

@media only screen and (max-width: 1534px) {
    .activity___qqWoj .couponList___oC3w_ {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        gap: 20px
    }
}

.activity___qqWoj .couponList___oC3w_ .coupon___3vMU0 {
    height: auto;
    width: 285px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 60px 0 40px;
    position: relative;
    border: 4px solid transparent;
    border-radius: 40px;
    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#4e6beb),to(#1c63b4)),-webkit-gradient(linear,left top,left bottom,from(#ffb640),to(#ff8d58));
    background-image: linear-gradient(180deg,#4e6beb,#1c63b4),linear-gradient(180deg,#ffb640,#ff8d58);
    -webkit-box-shadow: 0 14px 4px 0 rgba(0,0,0,.1) inset,0 14px 16px 0 rgba(0,0,0,.1),0 -8px 0 0 hsla(0,0%,100%,.8) inset;
    box-shadow: inset 0 14px 4px 0 rgba(0,0,0,.1),0 14px 16px 0 rgba(0,0,0,.1),inset 0 -8px 0 0 hsla(0,0%,100%,.8)
}

@media only screen and (max-width: 767px) {
    .activity___qqWoj .couponList___oC3w_ .coupon___3vMU0 {
        width:48%
    }
}

@media only screen and (max-width: 1534px) {
    .activity___qqWoj .couponList___oC3w_ .coupon___3vMU0 {
        width:48%
    }
}

.activity___qqWoj .couponList___oC3w_ .coupon___3vMU0 .title___2jSin {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Alibaba PuHuiTi;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 28px
}

.activity___qqWoj .couponList___oC3w_ .coupon___3vMU0 .purchaseBtn___JdUgq {
    display: inline-block;
    height: 42px;
    line-height: 36px;
    border-radius: 30px;
    border: 2px solid transparent;
    background-clip: padding-box,border-box;
    background-origin: padding-box,border-box;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ffb640),to(#ff8d58)),-webkit-gradient(linear,left top,left bottom,from(#fff),to(#a63a03));
    background-image: linear-gradient(180deg,#ffb640,#ff8d58),linear-gradient(180deg,#fff,#a63a03);
    -webkit-box-shadow: 0 -1px 2px 0 hsla(0,0%,100%,.8) inset;
    box-shadow: inset 0 -1px 2px 0 hsla(0,0%,100%,.8);
    padding: 0 52px;
    margin-bottom: 14px;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    color: #fff
}

.activity___qqWoj .couponList___oC3w_ .coupon___3vMU0 .link___1OP9g {
    font-size: 16px;
    color: #fff;
    cursor: pointer
}

.activity___qqWoj .couponList___oC3w_ .coupon___3vMU0 .marker___e4rs- {
    width: 88px;
    height: 89px;
    position: absolute;
    top: -7px;
    left: -5px
}

.activity___qqWoj .couponList___oC3w_ .coupon___3vMU0:nth-child(2) .marker___e4rs-,.activity___qqWoj .couponList___oC3w_ .coupon___3vMU0:nth-child(3) .marker___e4rs- {
    left: -6px
}

.floatingBarV2___1xoNo {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.page___bC5Fj {
    width: 100%;
    height: auto;
    background: #2583ee;
    color: #fff;
    font-family: Alibaba PuHuiTi
}

.page___bC5Fj .main___3oXbg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 80px
}

.page___bC5Fj .withbanner___19cZR {
    background-image: url(https://www-static.qbox.me/_next/static/media/banner2.d2adbf05d21a40bd03aee6a1cb29e562.png);
    background-position: 50%;
    background-size: auto 600px;
    background-repeat: no-repeat
}

body {
    min-width: 0
}

.floatingBarV2___2HeSu {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.button___2vfka {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
    background: none;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
    width: 120px;
    height: 36px;
    line-height: 34px;
    color: #07beff;
    background-color: #fff;
    border: 1px solid #fff
}

.button___2vfka:focus {
    outline: none
}

.button___2vfka.disabled___2htlV,.button___2vfka:disabled {
    cursor: not-allowed
}

@media only screen and (max-width: 767px) {
    .button___2vfka {
        width:96px;
        height: 32px;
        line-height: 30px
    }
}

.button___2vfka:hover {
    color: #07beff;
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.button___2vfka.disabled___2htlV,.button___2vfka:disabled {
    color: #bfbfbf;
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.button___2vfka.withBorder___1lpED {
    color: #07beff;
    background-color: #fff;
    border-color: #07beff
}

.button___2vfka.withBorder___1lpED:hover {
    color: #07beff;
    background-color: #f2f2f2;
    border-color: #1ab9eb
}

.button___2vfka.withBorder___1lpED.disabled___2htlV,.button___2vfka.withBorder___1lpED:disabled {
    color: #bfbfbf;
    background-color: #f2f2f2;
    border-color: #bfbfbf
}

.button___2vfka.typePrimary___2Yylk {
    color: #fff;
    background-color: #07beff;
    border-color: #07beff
}

.button___2vfka.typePrimary___2Yylk:hover {
    color: #fff;
    background-color: #1ab9eb;
    border-color: #1ab9eb
}

.button___2vfka.typePrimary___2Yylk.disabled___2htlV,.button___2vfka.typePrimary___2Yylk:disabled {
    color: #bfbfbf;
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.button___2vfka.typePrimary___2Yylk.withBorder___1lpED {
    color: #fff;
    background-color: #07beff;
    border-color: #fff
}

.button___2vfka.typePrimary___2Yylk.withBorder___1lpED:hover {
    color: #fff;
    background-color: #1ab9eb;
    border-color: #fff
}

.button___2vfka.typePrimary___2Yylk.withBorder___1lpED.disabled___2htlV,.button___2vfka.typePrimary___2Yylk.withBorder___1lpED:disabled {
    color: #bfbfbf;
    background-color: #f2f2f2;
    border-color: #bfbfbf
}

.button___2vfka.typePrimaryLight___3zT0D {
    color: #fff;
    background-color: #07beff;
    border-color: #07beff
}

.button___2vfka.typePrimaryLight___3zT0D:hover {
    color: #fff;
    background-color: #1ab9eb;
    border-color: #1ab9eb
}

.button___2vfka.typePrimaryLight___3zT0D.disabled___2htlV,.button___2vfka.typePrimaryLight___3zT0D:disabled {
    color: #e5edf4;
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.button___2vfka.typePrimaryLight___3zT0D.withBorder___1lpED {
    color: #fff;
    background-color: #07beff;
    border-color: #fff
}

.button___2vfka.typePrimaryLight___3zT0D.withBorder___1lpED:hover {
    color: #fff;
    background-color: #1ab9eb;
    border-color: #fff
}

.button___2vfka.typePrimaryLight___3zT0D.withBorder___1lpED.disabled___2htlV,.button___2vfka.typePrimaryLight___3zT0D.withBorder___1lpED:disabled {
    color: #e5edf4;
    background-color: #f2f2f2;
    border-color: #e5edf4
}

.button___2vfka.typeHollow___3raBF {
    color: #07beff;
    background-color: transparent;
    border-color: transparent
}

.button___2vfka.typeHollow___3raBF:hover {
    color: #fff;
    background-color: #07beff;
    border-color: #07beff
}

.button___2vfka.typeHollow___3raBF.disabled___2htlV,.button___2vfka.typeHollow___3raBF:disabled {
    color: #bfbfbf;
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.button___2vfka.typeHollow___3raBF.withBorder___1lpED {
    color: #07beff;
    background-color: transparent;
    border-color: #07beff
}

.button___2vfka.typeHollow___3raBF.withBorder___1lpED:hover {
    color: #fff;
    background-color: #07beff;
    border-color: #07beff
}

.button___2vfka.typeHollow___3raBF.withBorder___1lpED.disabled___2htlV,.button___2vfka.typeHollow___3raBF.withBorder___1lpED:disabled {
    color: #bfbfbf;
    background-color: #f2f2f2;
    border-color: #bfbfbf
}

.button___2vfka.typePrimaryHollow___3n_r_ {
    color: #fff;
    background-color: transparent;
    border-color: transparent
}

.button___2vfka.typePrimaryHollow___3n_r_:hover {
    color: #07beff;
    background-color: #fff;
    border-color: #fff
}

.button___2vfka.typePrimaryHollow___3n_r_.disabled___2htlV,.button___2vfka.typePrimaryHollow___3n_r_:disabled {
    color: #bfbfbf;
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.button___2vfka.typePrimaryHollow___3n_r_.withBorder___1lpED {
    color: #fff;
    background-color: transparent;
    border-color: #fff
}

.button___2vfka.typePrimaryHollow___3n_r_.withBorder___1lpED:hover {
    color: #07beff;
    background-color: #fff;
    border-color: #fff
}

.button___2vfka.typePrimaryHollow___3n_r_.withBorder___1lpED.disabled___2htlV,.button___2vfka.typePrimaryHollow___3n_r_.withBorder___1lpED:disabled {
    color: #bfbfbf;
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.button___2vfka.typeDefaultGrey___3ELP9 {
    color: #333;
    background-color: #fff;
    border-color: #fff
}

.button___2vfka.typeDefaultGrey___3ELP9:hover {
    color: #07beff;
    background-color: #fff;
    border-color: #fff
}

.button___2vfka.typeDefaultGrey___3ELP9.disabled___2htlV,.button___2vfka.typeDefaultGrey___3ELP9:disabled {
    color: #bfbfbf;
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.button___2vfka.typeDefaultGrey___3ELP9.withBorder___1lpED {
    color: #333;
    background-color: #fff;
    border-color: #bfbfbf
}

.button___2vfka.typeDefaultGrey___3ELP9.withBorder___1lpED:hover {
    color: #07beff;
    background-color: #fff;
    border-color: #07beff
}

.button___2vfka.typeDefaultGrey___3ELP9.withBorder___1lpED.disabled___2htlV,.button___2vfka.typeDefaultGrey___3ELP9.withBorder___1lpED:disabled {
    color: #bfbfbf;
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.button___2vfka.typeGreyHollow___3IL9W {
    color: #333;
    background-color: transparent;
    border-color: transparent
}

.button___2vfka.typeGreyHollow___3IL9W:hover {
    color: #fff;
    background-color: #333;
    border-color: #333
}

.button___2vfka.typeGreyHollow___3IL9W.disabled___2htlV,.button___2vfka.typeGreyHollow___3IL9W:disabled {
    color: #bfbfbf;
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.button___2vfka.typeGreyHollow___3IL9W.withBorder___1lpED {
    color: #333;
    background-color: transparent;
    border-color: #333
}

.button___2vfka.typeGreyHollow___3IL9W.withBorder___1lpED:hover {
    color: #fff;
    background-color: #333;
    border-color: #333
}

.button___2vfka.typeGreyHollow___3IL9W.withBorder___1lpED.disabled___2htlV,.button___2vfka.typeGreyHollow___3IL9W.withBorder___1lpED:disabled {
    color: #bfbfbf;
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.button___2vfka.typeLink___2keOi {
    width: auto;
    height: auto;
    line-height: normal
}

.button___2vfka.typeLink___2keOi,.button___2vfka.typeLink___2keOi:hover {
    color: #07beff;
    background-color: transparent;
    border-color: transparent
}

.button___2vfka.typeLink___2keOi.disabled___2htlV,.button___2vfka.typeLink___2keOi:disabled {
    color: #bfbfbf;
    background-color: transparent;
    border-color: transparent
}

.button___2vfka.typeLink___2keOi:hover {
    text-decoration: underline
}

.button___2vfka.typeLink___2keOi.disabled___2htlV,.button___2vfka.typeLink___2keOi:disabled {
    text-decoration: none
}

.button___2vfka.sizeSmall___167Ey {
    width: 96px;
    height: 32px;
    line-height: 30px
}

.button___2vfka.sizeLarge___17n8o {
    width: 120px;
    height: 40px;
    line-height: 38px
}

@media only screen and (max-width: 767px) {
    .button___2vfka.sizeLarge___17n8o {
        width:120px;
        height: 40px;
        line-height: 38px
    }
}

a.button___2vfka {
    display: inline-block;
    text-align: center;
    text-decoration: none
}

.wrapper___2sEp4 {
    color: #fff;
    background-color: #00aae7
}

@media only screen and (max-width: 767px) {
    .wrapper___2sEp4 {
        background-color:#fafafa;
        -webkit-box-shadow: 0 1px 0 0 #eee;
        box-shadow: 0 1px 0 0 #eee
    }
}

.main___2i2QI {
    width: 1200px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 69px 0 66px
}

@media only screen and (max-width: 767px) {
    .main___2i2QI {
        width:100%;
        padding: 16px
    }
}

.inputWrapper___3RGS0 {
    width: 776px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background-color: #00aae7;
    border: 1px solid #fff;
    border-radius: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .inputWrapper___3RGS0 {
        width:auto;
        border-color: #00aae7;
        background-color: #fafafa
    }
}

.inputWrapper___3RGS0 .icon___2luf_ {
    margin-left: 8px;
    width: 24px;
    height: 24px
}

@media only screen and (max-width: 767px) {
    .inputWrapper___3RGS0 .icon___2luf_ {
        display:none
    }
}

.inputWrapper___3RGS0 .input___2CKbE,.inputWrapper___3RGS0 .submitBtn___3uNn_ {
    font-size: 14px
}

.inputWrapper___3RGS0 .input___2CKbE:focus,.inputWrapper___3RGS0 .submitBtn___3uNn_:focus {
    outline: none
}

.inputWrapper___3RGS0 .input___2CKbE {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 8px 4px;
    border: none;
    color: inherit;
    background-color: transparent
}

.inputWrapper___3RGS0 .input___2CKbE::-webkit-input-placeholder {
    color: #fff
}

.inputWrapper___3RGS0 .input___2CKbE::-moz-placeholder {
    color: #fff
}

.inputWrapper___3RGS0 .input___2CKbE:-ms-input-placeholder {
    color: #fff
}

.inputWrapper___3RGS0 .input___2CKbE::-ms-input-placeholder {
    color: #fff
}

.inputWrapper___3RGS0 .input___2CKbE::placeholder {
    color: #fff
}

@media only screen and (max-width: 767px) {
    .inputWrapper___3RGS0 .input___2CKbE {
        padding:7px 8px;
        color: #333
    }

    .inputWrapper___3RGS0 .input___2CKbE::-webkit-input-placeholder {
        color: #bfbfbf
    }

    .inputWrapper___3RGS0 .input___2CKbE::-moz-placeholder {
        color: #bfbfbf
    }

    .inputWrapper___3RGS0 .input___2CKbE:-ms-input-placeholder {
        color: #bfbfbf
    }

    .inputWrapper___3RGS0 .input___2CKbE::-ms-input-placeholder {
        color: #bfbfbf
    }

    .inputWrapper___3RGS0 .input___2CKbE::placeholder {
        color: #bfbfbf
    }
}

.inputWrapper___3RGS0 .submitBtn___3uNn_ {
    color: #00aae7;
    background-color: #fff;
    border-color: #fff;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 8px 24px;
    cursor: pointer;
    border-radius: 0 2px 2px 0
}

.inputWrapper___3RGS0 .submitBtn___3uNn_:hover {
    color: #00aae7;
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

.inputWrapper___3RGS0 .submitBtn___3uNn_.disabled___2htlV,.inputWrapper___3RGS0 .submitBtn___3uNn_:disabled {
    color: #bfbfbf;
    background-color: #f2f2f2;
    border-color: #f2f2f2
}

@media only screen and (max-width: 767px) {
    .inputWrapper___3RGS0 .submitBtn___3uNn_ {
        padding:7px 24px;
        color: #fff;
        background-color: #00aae7
    }
}

.suggestionOverlay___37U1W {
    width: 100%
}

.suggestionWrapper___1RqpD {
    min-width: unset!important;
    max-width: unset!important;
    padding: 12px 0;
    color: #333;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.08);
    box-shadow: 0 0 20px 0 rgba(0,0,0,.08)
}

.suggestionWrapper___1RqpD .empty___2murK {
    height: 180px
}

.suggestionWrapper___1RqpD .loading___1fJWQ,.suggestionWrapper___1RqpD .suggestionItem___udRhp {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 9px 20px;
    font-size: 12px;
    line-height: 18px
}

.suggestionWrapper___1RqpD .suggestionItem___udRhp em {
    color: #00aae7;
    font-style: normal
}

.hot___oVisy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12px;
    font-size: 12px;
    opacity: .8
}

@media only screen and (max-width: 767px) {
    .hot___oVisy {
        margin-top:8px;
        color: #666
    }
}

.hot___oVisy .label___1u-SI {
    margin-right: 8px;
    opacity: .5
}

@media only screen and (max-width: 767px) {
    .hot___oVisy .label___1u-SI {
        color:#666
    }
}

.hot___oVisy a:hover {
    color: inherit
}

.hot___oVisy .sep___tjGny {
    margin: 0 8px;
    width: 1px;
    height: 9px;
    background-color: #fff
}

@media only screen and (max-width: 767px) {
    .hot___oVisy .sep___tjGny {
        background-color:#eee
    }
}

.rc-pagination {
    font-size: 12px;
    font-family: Arial;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0
}

.rc-pagination>li {
    list-style: none
}

.rc-pagination-total-text {
    float: left;
    height: 30px;
    line-height: 30px;
    list-style: none;
    padding: 0;
    margin: 0 8px 0 0
}

.rc-pagination:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden
}

.rc-pagination-item {
    cursor: pointer;
    border-radius: 6px;
    min-width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    list-style: none;
    float: left;
    border: 1px solid #d9d9d9;
    background-color: #fff;
    margin-right: 8px
}

.rc-pagination-item a {
    text-decoration: none;
    color: #666
}

.rc-pagination-item:hover {
    border-color: #2db7f5
}

.rc-pagination-item:hover a {
    color: #2db7f5
}

.rc-pagination-item-disabled {
    cursor: not-allowed
}

.rc-pagination-item-disabled:hover {
    border-color: #d9d9d9
}

.rc-pagination-item-disabled:hover a {
    color: #d9d9d9
}

.rc-pagination-item-active {
    background-color: #2db7f5;
    border-color: #2db7f5
}

.rc-pagination-item-active:hover a,.rc-pagination-item-active a {
    color: #fff
}

.rc-pagination-jump-next:after,.rc-pagination-jump-prev:after {
    content: "\2022\2022\2022";
    display: block;
    letter-spacing: 2px;
    color: #ccc;
    font-size: 12px;
    margin-top: 1px
}

.rc-pagination-jump-next:hover:after,.rc-pagination-jump-prev:hover:after {
    color: #2db7f5
}

.rc-pagination-jump-prev:hover:after {
    content: "\AB"
}

.rc-pagination-jump-next:hover:after {
    content: "\BB"
}

.rc-pagination-jump-next-custom-icon,.rc-pagination-jump-prev-custom-icon {
    position: relative
}

.rc-pagination-jump-next-custom-icon:after,.rc-pagination-jump-prev-custom-icon:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all .2s;
    transition: all .2s;
    content: "\2022\2022\2022";
    opacity: 1;
    display: block;
    letter-spacing: 2px;
    color: #ccc;
    font-size: 12px;
    margin: 1px auto auto
}

.rc-pagination-jump-next-custom-icon .custom-icon-jump-next,.rc-pagination-jump-next-custom-icon .custom-icon-jump-prev,.rc-pagination-jump-prev-custom-icon .custom-icon-jump-next,.rc-pagination-jump-prev-custom-icon .custom-icon-jump-prev {
    opacity: 0;
    -webkit-transition: all .2s;
    transition: all .2s
}

.rc-pagination-jump-next-custom-icon:hover:after,.rc-pagination-jump-prev-custom-icon:hover:after {
    opacity: 0;
    color: #ccc
}

.rc-pagination-jump-next-custom-icon:hover .custom-icon-jump-next,.rc-pagination-jump-next-custom-icon:hover .custom-icon-jump-prev,.rc-pagination-jump-prev-custom-icon:hover .custom-icon-jump-next,.rc-pagination-jump-prev-custom-icon:hover .custom-icon-jump-prev {
    opacity: 1;
    color: #2db7f5
}

.rc-pagination-jump-next,.rc-pagination-jump-prev,.rc-pagination-prev {
    margin-right: 8px
}

.rc-pagination-jump-next,.rc-pagination-jump-prev,.rc-pagination-next,.rc-pagination-prev {
    cursor: pointer;
    color: #666;
    font-size: 10px;
    border-radius: 6px;
    list-style: none;
    min-width: 28px;
    height: 28px;
    line-height: 28px;
    float: left;
    text-align: center
}

.rc-pagination-prev a:after {
    content: "\2039";
    display: block
}

.rc-pagination-next a:after {
    content: "\203A";
    display: block
}

.rc-pagination-next,.rc-pagination-prev {
    border: 1px solid #d9d9d9;
    font-size: 18px
}

.rc-pagination-next a,.rc-pagination-prev a {
    color: #666
}

.rc-pagination-next a:after,.rc-pagination-prev a:after {
    margin-top: -1px
}

.rc-pagination-disabled {
    cursor: not-allowed
}

.rc-pagination-disabled a {
    color: #ccc
}

.rc-pagination-disabled .rc-pagination-item,.rc-pagination-disabled .rc-pagination-next,.rc-pagination-disabled .rc-pagination-prev {
    cursor: not-allowed
}

.rc-pagination-disabled .rc-pagination-item:hover,.rc-pagination-disabled .rc-pagination-next:hover,.rc-pagination-disabled .rc-pagination-prev:hover {
    border-color: #d9d9d9
}

.rc-pagination-disabled .rc-pagination-item:hover a,.rc-pagination-disabled .rc-pagination-next:hover a,.rc-pagination-disabled .rc-pagination-prev:hover a {
    color: #d9d9d9
}

.rc-pagination-disabled .rc-pagination-jump-next,.rc-pagination-disabled .rc-pagination-jump-prev {
    pointer-events: none
}

.rc-pagination-options {
    float: left;
    margin-left: 15px
}

.rc-pagination-options-size-changer {
    float: left;
    width: 80px
}

.rc-pagination-options-quick-jumper {
    float: left;
    margin-left: 16px;
    height: 28px;
    line-height: 28px
}

.rc-pagination-options-quick-jumper input {
    margin: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #d9d9d9;
    outline: none;
    padding: 3px 12px;
    width: 50px;
    height: 28px
}

.rc-pagination-options-quick-jumper input:hover {
    border-color: #2db7f5
}

.rc-pagination-options-quick-jumper button {
    display: inline-block;
    margin: 0 8px;
    font-weight: 500;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 0 15px;
    font-size: 12px;
    border-radius: 6px;
    height: 28px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    position: relative;
    color: rgba(0,0,0,.65);
    background-color: #fff;
    border: 1px solid #d9d9d9
}

.rc-pagination-options-quick-jumper button:active,.rc-pagination-options-quick-jumper button:focus,.rc-pagination-options-quick-jumper button:hover {
    color: #2db7f5;
    background-color: #fff;
    border-color: #2db7f5
}

.rc-pagination-simple .rc-pagination-next,.rc-pagination-simple .rc-pagination-prev {
    border: none;
    height: 24px;
    line-height: 24px;
    margin: 0;
    font-size: 18px
}

.rc-pagination-simple .rc-pagination-simple-pager {
    float: left;
    margin-right: 8px;
    list-style: none
}

.rc-pagination-simple .rc-pagination-simple-pager .rc-pagination-slash {
    margin: 0 10px
}

.rc-pagination-simple .rc-pagination-simple-pager input {
    margin: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #d9d9d9;
    outline: none;
    padding: 5px 8px;
    min-height: 20px
}

.rc-pagination-simple .rc-pagination-simple-pager input:hover {
    border-color: #2db7f5
}

.rc-pagination-simple .rc-pagination-simple-pager button {
    display: inline-block;
    margin: 0 8px;
    font-weight: 500;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    white-space: nowrap;
    padding: 0 8px;
    font-size: 12px;
    border-radius: 6px;
    height: 26px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    position: relative;
    color: rgba(0,0,0,.65);
    background-color: #fff;
    border: 1px solid #d9d9d9
}

.rc-pagination-simple .rc-pagination-simple-pager button:active,.rc-pagination-simple .rc-pagination-simple-pager button:focus,.rc-pagination-simple .rc-pagination-simple-pager button:hover {
    color: #2db7f5;
    background-color: #fff;
    border-color: #2db7f5
}

@media only screen and (max-width: 1024px) {
    .rc-pagination-item-after-jump-prev,.rc-pagination-item-before-jump-next {
        display:none
    }
}

.floatingBarV2___2gGzk {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___2XZKw.rc-pagination .rc-pagination-item,.wrapper___2XZKw.rc-pagination .rc-pagination-next,.wrapper___2XZKw.rc-pagination .rc-pagination-prev {
    height: 30px;
    line-height: 30px;
    min-width: 30px;
    padding: 0 6px;
    color: #666;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 2px;
    -webkit-transition: .2s;
    transition: .2s
}

.wrapper___2XZKw.rc-pagination .rc-pagination-item:hover,.wrapper___2XZKw.rc-pagination .rc-pagination-next:hover,.wrapper___2XZKw.rc-pagination .rc-pagination-prev:hover {
    color: #00aae7;
    border-color: #00aae7
}

.wrapper___2XZKw.rc-pagination .rc-pagination-item:hover a,.wrapper___2XZKw.rc-pagination .rc-pagination-next:hover a,.wrapper___2XZKw.rc-pagination .rc-pagination-prev:hover a {
    color: #00aae7
}

.wrapper___2XZKw.rc-pagination .rc-pagination-item:focus,.wrapper___2XZKw.rc-pagination .rc-pagination-next:focus,.wrapper___2XZKw.rc-pagination .rc-pagination-prev:focus {
    outline: none
}

.wrapper___2XZKw.rc-pagination .rc-pagination-disabled {
    color: #eee;
    border-color: #eee
}

.wrapper___2XZKw.rc-pagination .rc-pagination-disabled:hover {
    border-color: #eee
}

.wrapper___2XZKw.rc-pagination .rc-pagination-disabled:hover a {
    color: #eee
}

.wrapper___2XZKw.rc-pagination .rc-pagination-item-active {
    background-color: #00aae7;
    border-color: #00aae7
}

.wrapper___2XZKw.rc-pagination .rc-pagination-item-active:hover a {
    color: #fff
}

.floatingBarV2___3Kx_q {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.pagination___37RTt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 36px
}

@media only screen and (max-width: 767px) {
    .pagination___37RTt {
        margin-bottom:16px
    }
}

.floatingBarV2___3Niya {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.pagination___2foAS {
    margin-top: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 767px) {
    .pagination___2foAS {
        margin-top:16px
    }
}

.floatingBarV2___1m9q- {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.tabs___3uRFV {
    margin-bottom: 27px
}

.menu___1nDG3 .rc-menu-submenu>.rc-menu {
    background-color: transparent
}

.menu___1nDG3 .casesInMenu___3GuoL {
    padding: 10px 16px 16px
}

.floatingBarV2___JP9GE {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.tag___1TGSi {
    position: relative;
    display: inline-block;
    padding: 6px 8px 6px 32px;
    line-height: 1.4em;
    color: #666;
    border: 1px solid #eee
}

.tag___1TGSi+.tag___1TGSi {
    margin-left: 8px
}

a.tag___1TGSi:hover {
    background-color: #fafafa
}

.icon___TcpA8 {
    position: absolute;
    left: 8px;
    top: 50%;
    margin-top: -8px;
    width: 16px;
    height: 16px
}

.floatingBarV2___2OAnc {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.case___3sO5m {
    position: relative;
    margin-top: 36px;
    padding: 0 0 36px 356px;
    min-height: 222px
}

@media only screen and (max-width: 767px) {
    .case___3sO5m {
        padding:0 16px 8px;
        margin-top: 16px;
        text-align: center;
        border: 1px solid #eee;
        -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
        box-shadow: 0 4px 8px 0 rgba(51,51,51,.08)
    }
}

.case___3sO5m:not(:last-child) {
    border-bottom: 1px solid #eee
}

.case___3sO5m .logo___3uvKC {
    position: absolute;
    left: 0;
    top: 0;
    width: 320px;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 8px 0 rgba(51,51,51,.08)
}

@media only screen and (max-width: 767px) {
    .case___3sO5m .logo___3uvKC {
        position:static;
        width: 100%;
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.case___3sO5m .title___3k-HX {
    font-size: 20px;
    line-height: 1.4em
}

@media only screen and (max-width: 767px) {
    .case___3sO5m .title___3k-HX {
        margin-top:8px
    }
}

.case___3sO5m .desc___26gXa {
    margin-top: 8px;
    margin-bottom: 44px;
    color: #666
}

@media only screen and (max-width: 767px) {
    .case___3sO5m .desc___26gXa {
        margin-bottom:8px;
        font-size: 12px
    }
}

.case___3sO5m .footer___1KR2S {
    position: absolute;
    left: 356px;
    bottom: 36px
}

@media only screen and (max-width: 767px) {
    .case___3sO5m .footer___1KR2S {
        position:static;
        font-size: 12px
    }
}

.floatingBarV2___EH9pR {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___3atLJ {
    position: relative;
    margin: -8px
}

.wrapper___3atLJ .ant-carousel .slick-dots button {
    height: 4px
}

.wrapper___3atLJ.typeSecondary___3XmcZ .ant-carousel .slick-dots button {
    width: 20px;
    background-color: #dbdbdb
}

.wrapper___3atLJ.typeSecondary___3XmcZ .ant-carousel .slick-dots .slick-active button {
    width: 20px;
    background-color: #999
}

.wrapper___3atLJ.typeSecondary___3XmcZ .ant-carousel .slick-dots li+li {
    margin-left: 4px
}

.wrapper___3atLJ.typeSecondary___3XmcZ .slick-dots-bottom {
    position: static;
    margin-top: 24px
}

@media only screen and (max-width: 767px) {
    .wrapper___3atLJ.typeSecondary___3XmcZ .slick-dots-bottom {
        margin-top:-2px;
        margin-bottom: 6px
    }
}

.wrapper___3atLJ.typeClassic___3yTYC .ant-carousel .slick-dots {
    height: 4px
}

.wrapper___3atLJ.typeClassic___3yTYC .ant-carousel .slick-dots button {
    width: 32px;
    background-color: #999
}

@media only screen and (max-width: 767px) {
    .wrapper___3atLJ.typeClassic___3yTYC .ant-carousel .slick-dots button {
        width:24px
    }
}

.wrapper___3atLJ.typeClassic___3yTYC .ant-carousel .slick-dots .slick-active button {
    width: 32px;
    background-color: #07beff
}

@media only screen and (max-width: 767px) {
    .wrapper___3atLJ.typeClassic___3yTYC .ant-carousel .slick-dots .slick-active button {
        width:24px
    }
}

.wrapper___3atLJ.typeClassic___3yTYC .ant-carousel .slick-dots li+li {
    margin: 0 4px
}

.wrapper___3atLJ.typeClassic___3yTYC .slick-dots-bottom {
    bottom: 33px
}

@media only screen and (max-width: 767px) {
    .wrapper___3atLJ.typeClassic___3yTYC .slick-dots-bottom {
        bottom:20px
    }
}

.pageWrapper___jfjTC {
    padding: 8px
}

.arrowNext___lUY_x,.arrowPrev___1mKQx {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer
}

@media only screen and (max-width: 767px) {
    .arrowNext___lUY_x,.arrowPrev___1mKQx {
        display:none
    }
}

.arrowNext___lUY_x:hover svg path,.arrowPrev___1mKQx:hover svg path {
    fill: #00aae7
}

.arrowPrev___1mKQx {
    left: -116px
}

.arrowNext___lUY_x {
    right: -116px
}

.floatingBarV2___kwsPB {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___1tKFg {
    position: relative
}

@media only screen and (max-width: 767px) {
    .wrapper___1tKFg {
        padding-bottom:24px
    }
}

.card___1OJ8e {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff
}

.card___1OJ8e .logo___L6aLi {
    width: 100%;
    height: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.card___1OJ8e .content___1sxJU {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 24px 24px 90px;
    position: relative;
    border-top: 1px solid #eee
}

.card___1OJ8e .name___1Cjti {
    font-size: 20px;
    line-height: 1.4em;
    font-weight: 400
}

.card___1OJ8e .word___2QqyY {
    margin-top: 12px;
    color: #666;
    min-height: 132px
}

.card___1OJ8e .teller___2o9Bj {
    position: absolute;
    bottom: 28px;
    padding-left: 56px
}

.card___1OJ8e .teller___2o9Bj .avatar___1Ztaj {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 40px;
    border-radius: 20px
}

.card___1OJ8e .teller___2o9Bj .name___1Cjti {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4em
}

.card___1OJ8e .teller___2o9Bj .title___3Q1uf {
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.4em;
    color: #666
}

.floatingBarV2___3iqXb {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.banner___3rpme {
    background-color: #34a1ec
}

.banner___3rpme .bannerContent___gtEWa {
    width: 1200px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: 300px;
    background-image: url(https://www-static.qbox.me/_next/static/media/banner.9fa87cb6a209f4cc3a144734af6d3c57.png);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

@media only screen and (max-width: 767px) {
    .banner___3rpme .bannerContent___gtEWa {
        width:100%;
        height: 0;
        padding-top: 40%
    }
}

@media only screen and (max-width: 767px) {
    .byIndustry___3Z7JU {
        padding:16px 0
    }
}

.floatingBarV2___1-ZzB {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.modalContent___3X62P {
    width: 800px;
    border-radius: 8px;
    background-color: #fff
}

@media only screen and (max-width: 767px) {
    .modalContent___3X62P {
        width:300px;
        height: 500px;
        overflow-y: auto
    }
}

.modalContent___3X62P .modalHeader___1Fb5O {
    padding: 24px;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    color: #333
}

.modalContent___3X62P .modalHeader___1Fb5O .closeBtn___1B6Tv {
    float: right;
    margin: -2px 0 0 -24px;
    background-color: transparent;
    cursor: pointer
}

.modalContent___3X62P .modalHeader___1Fb5O .closeBtn___1B6Tv .closeIcon___1az61 path {
    fill: #bfbfbf;
    -webkit-transition: .2s;
    transition: .2s
}

.modalContent___3X62P .modalHeader___1Fb5O .closeBtn___1B6Tv:hover .closeIcon___1az61 path {
    fill: #999
}

.modalContent___3X62P .modalBody___1oSxk {
    padding: 0 24px 24px
}

.floatingBarV2___HkXR3 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.banner___3H_Dn {
    height: 350px;
    background-color: #34a1ec
}

@media only screen and (max-width: 767px) {
    .banner___3H_Dn {
        height:auto
    }
}

.banner___3H_Dn .bannerContent___3g9Pe {
    width: 1200px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding-top: 83px;
    color: #fff;
    background-position: right 164px center;
    background-size: 200px;
    background-repeat: no-repeat
}

@media only screen and (max-width: 767px) {
    .banner___3H_Dn .bannerContent___3g9Pe {
        width:100%;
        min-height: 140px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 16px;
        background-size: 84px;
        background-position: right 30px center
    }
}

.banner___3H_Dn .title___3wsxm {
    font-size: 44px;
    line-height: 1.4em
}

@media only screen and (max-width: 767px) {
    .banner___3H_Dn .title___3wsxm {
        font-size:24px
    }
}

.banner___3H_Dn .desc___7D9Oh {
    margin-top: 28px;
    width: 500px;
    font-size: 16px;
    line-height: 1.5em
}

@media only screen and (max-width: 767px) {
    .banner___3H_Dn .desc___7D9Oh {
        width:auto;
        max-width: 220px;
        margin-top: 8px;
        font-size: 12px;
        line-height: 22px
    }
}

.floatingBarV2___1wdgU {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.unavailableTips___ew_Sx {
    width: 100%;
    margin-top: 200px;
    text-align: center;
    font-size: 24px
}

.signInRequiredLoading___3FgyY {
    height: 600px;
    width: 100%
}

.main___2ydw7 {
    min-height: 600px;
    width: 1200px;
    position: relative;
    margin: 24px auto
}

@media only screen and (max-width: 767px) {
    .main___2ydw7 {
        width:100%
    }
}

.submit___Fk3d6 .type___1p1wh {
    width: 320px
}

.submit___Fk3d6 .fileInputMain___T4_Wg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 32px
}

.submit___Fk3d6 .fileInputMain___T4_Wg .inputWrapper___1ZQo3 {
    width: 320px;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    word-break: break-all;
    white-space: normal;
    cursor: pointer
}

.submit___Fk3d6 .fileInputMain___T4_Wg .inputWrapper___1ZQo3 input {
    display: none
}

.submit___Fk3d6 .fileInputMain___T4_Wg .templateDownload___2wHUw {
    word-wrap: normal;
    overflow-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    color: #00aae7
}

.submit___Fk3d6 .fileInputMain___T4_Wg .templateDownload___2wHUw .downloadIcon___lw41Z {
    margin: 0 8px;
    vertical-align: baseline
}

.multiTextDisabled___3EoNq,.submit___Fk3d6 .hide___3gNBy {
    display: none
}

.textItem___L15M_ {
    position: relative
}

.textItem___L15M_ .btns___3tIss {
    position: absolute;
    top: 0;
    left: 320px;
    margin: 0 8px;
    word-wrap: normal;
    overflow-wrap: normal;
    word-break: keep-all;
    white-space: nowrap
}

.textItem___L15M_ .btns___3tIss .btn___3qyew {
    margin: 0 8px;
    font-size: 32px;
    line-height: 1;
    color: #00aae7;
    cursor: pointer
}

.history___HPaTv .coverCard___3eJJ6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 500px;
    color: #999
}

.history___HPaTv .coverCard___3eJJ6 .loading___ZW1yV {
    width: 100%
}

.history___HPaTv .appealInfoItem___2L8jB,.history___HPaTv .op___2adZ6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 2.5
}

.history___HPaTv .appealInfoItem___2L8jB .title___1da9_,.history___HPaTv .op___2adZ6 .opBtn___21xdY {
    width: 75px
}

.history___HPaTv .appealInfoItem___2L8jB .title___1da9_ {
    word-wrap: normal;
    overflow-wrap: normal;
    word-break: keep-all;
    white-space: nowrap;
    color: #999
}

.history___HPaTv .appealInfoItem___2L8jB .content___3O6jZ {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    word-wrap: break-word;
    overflow-wrap: anywhere;
    word-break: break-all;
    white-space: normal
}

.history___HPaTv .appealInfoItem___2L8jB .urls___R7iEz a {
    color: #00aae7
}

.history___HPaTv .appealInfoItem___2L8jB .urls___R7iEz .url___2ZA0d {
    display: block
}

.history___HPaTv .op___2adZ6 .opBtn___21xdY {
    margin-left: 0;
    height: auto;
    line-height: inherit;
    text-align: left
}

.floatingBarV2___14mkh {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.title___2Mdiv {
    padding: 12px 20px;
    border-bottom: 1px solid #eee;
    font-size: 16px
}

.content___1DVs5 {
    position: relative;
    padding: 20px;
    max-height: 700px;
    overflow-y: auto
}

.floatingBarV2___1QQLu {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.panel___3SeqW {
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
    margin-bottom: 12px
}

.header___3uCM3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

.headerIcon___2b8tl {
    color: #bfbfbf;
    margin-left: -2px
}

.headerTitle___3Fwia {
    margin-left: 12px
}

.content___365vH {
    padding: 0 24px
}

.contentHidden___15S69 {
    display: none
}

.floatingBarV2___tLXnW {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.banner___38OaN {
    height: 340px
}

.banner___38OaN .subtitle___3RTB- {
    font-weight: 400
}

.floatingBarV2___37P30 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.content___1Rid2 {
    width: 1200px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -70px
}

@media only screen and (max-width: 767px) {
    .content___1Rid2 {
        width:100%;
        display: block;
        margin-top: -20px;
        padding: 0 16px
    }
}

.content___1Rid2 .card___2AW1Y {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 276px;
    height: 140px;
    padding: 24px 26px;
    background: #fff;
    border: none;
    border-radius: 8px;
    -webkit-box-shadow: 0 8px 20px 0 rgba(51,51,51,.08);
    box-shadow: 0 8px 20px 0 rgba(51,51,51,.08)
}

@media only screen and (max-width: 767px) {
    .content___1Rid2 .card___2AW1Y {
        margin:0;
        padding: 15px 16px 18px;
        width: 100%;
        height: 76px;
        border-radius: 4px;
        -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.08);
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.08)
    }

    .content___1Rid2 .card___2AW1Y:not(:first-child) {
        margin-top: 12px
    }
}

@media only screen and (max-width: 767px) {
    .content___1Rid2 .card___2AW1Y svg {
        -ms-flex-item-align:center;
        align-self: center;
        width: 24px
    }
}

.content___1Rid2 .card___2AW1Y .cardContent___abjrq {
    margin-left: 16px
}

.content___1Rid2 .card___2AW1Y .cardContent___abjrq .title___26L-a {
    font-size: 22px;
    font-weight: 500;
    color: #00aae7
}

@media only screen and (max-width: 767px) {
    .content___1Rid2 .card___2AW1Y .cardContent___abjrq .title___26L-a {
        font-size:16px
    }
}

.content___1Rid2 .card___2AW1Y .cardContent___abjrq .desc___3f6o- {
    margin-top: 8px;
    font-size: 16px;
    color: #666
}

@media only screen and (max-width: 767px) {
    .content___1Rid2 .card___2AW1Y .cardContent___abjrq .desc___3f6o- {
        margin-top:4px;
        font-size: 12px
    }
}

.floatingBarV2___1xQut {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.footer___1diEN,.subTitle___3UnYK {
    font-size: 14px;
    color: #666;
    font-weight: 400
}

@media only screen and (max-width: 767px) {
    .footer___1diEN,.subTitle___3UnYK {
        font-size:12px
    }
}

.footer___1diEN {
    margin-top: 20px;
    text-align: left
}

@media only screen and (max-width: 767px) {
    .footer___1diEN {
        margin-top:12px
    }
}

.table___s63Y1 .ant-table-align-center {
    font-size: 20px;
    font-weight: 400!important;
    background-color: #f5f5f5!important
}

@media only screen and (max-width: 767px) {
    .table___s63Y1 .ant-table-align-center {
        padding:16px 8px!important;
        font-size: 14px
    }
}

.table___s63Y1 .ant-table-row {
    font-size: 20px
}

.table___s63Y1 .ant-table-row>td:first-child {
    background-color: #f5f5f5
}

.table___s63Y1 .ant-table-row>td:not(:first-child) {
    background-color: #fff
}

@media only screen and (max-width: 767px) {
    .table___s63Y1 .ant-table-row {
        font-size:14px
    }
}

.table___s63Y1 .ant-table-footer {
    padding: 0;
    border: none!important
}

.table___s63Y1 .ant-table-footer:before {
    height: 0
}

.floatingBarV2___S6xVr {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.banner___2j9wl {
    position: relative;
    color: #fff;
    overflow: hidden;
    border-radius: 8px
}

.banner___2j9wl>img {
    width: 100%
}

.title___2Dtd9 {
    position: absolute;
    top: 16px;
    left: 16px;
    font-size: 17px
}

.subtitle___14YnD {
    position: absolute;
    top: 50px;
    left: 16px;
    font-size: 13px
}

.floatingBarV2___1ZVl5 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___sRe62 {
    width: 1200px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 72px 0 60px
}

@media only screen and (max-width: 767px) {
    .wrapper___sRe62 {
        width:100%;
        padding: 16px
    }
}

.title___3cJFc {
    color: #333;
    text-align: center;
    font-size: 28px;
    margin-bottom: 20px
}

@media only screen and (max-width: 767px) {
    .title___3cJFc {
        font-size:20px;
        margin-bottom: 10px
    }
}

.floatingBarV2___1vS7z {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.grey___uhlOC {
    background-color: #fafafa
}

.partnerGroup___v0Iyw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -7px
}

@media only screen and (max-width: 767px) {
    .partnerGroup___v0Iyw {
        margin:-5px
    }
}

.partnerGroup___v0Iyw .itemContainer___1mJDG {
    overflow: hidden;
    width: 292px;
    height: 176px;
    padding: 7px
}

@media only screen and (max-width: 767px) {
    .partnerGroup___v0Iyw .itemContainer___1mJDG {
        width:50%;
        height: 105px;
        padding: 5px
    }
}

.partnerGroup___v0Iyw .itemContainer___1mJDG .item___3efAN {
    -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    border: 1px solid #eee;
    width: 100%;
    height: 100%;
    background-color: #fff;
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.partnerGroup___v0Iyw .itemContainer___1mJDG .item___3efAN .pic___WBiKA {
    height: 100%
}

.friendLinkGroup___3-tBk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.friendLinkGroup___3-tBk .link___1xmpQ {
    width: 20%;
    height: 28px;
    line-height: 28px;
    font-size: 20px;
    color: #666;
    padding: 24px 0
}

@media only screen and (max-width: 767px) {
    .friendLinkGroup___3-tBk .link___1xmpQ {
        width:50%;
        height: 14px;
        line-height: 14px;
        font-size: 12px;
        padding: 10px;
        height: 34px
    }
}

.floatingBarV2___21UNu {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.tabs___qSyAu {
    margin-top: 7px
}

.tabsContent___3LSIH {
    margin-top: 16px;
    padding: 0!important
}

.card___A8UM6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 113px;
    margin: 12px 0;
    padding: 16px;
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 8px rgba(192,204,208,.3);
    box-shadow: 0 0 8px rgba(192,204,208,.3)
}

.cardIcon___1J3W8 {
    margin-right: 12px;
    min-width: 16px
}

.cardIcon___1J3W8 svg {
    width: 16px;
    height: 16px
}

.cardTitle___2LIw1 {
    font-size: 15px;
    font-weight: 500
}

.cardDesc___3bk_u {
    margin-top: 12px;
    font-size: 15px;
    color: #666
}

.floatingBarV2___Fe6qS {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.title___2X-GF {
    margin-top: 24px;
    margin-bottom: 7px;
    font-size: 17px;
    text-align: center
}

.tabs___20frc {
    margin-top: 7px
}

.tabsContent___6BTaW {
    margin-top: 16px;
    padding: 0!important
}

.card___34lU1 {
    display: inline-block;
    margin-top: 13px;
    margin-left: 13px;
    padding: 16px;
    text-align: center;
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 12px rgba(192,204,208,.3);
    box-shadow: 0 0 12px rgba(192,204,208,.3);
    width: calc((100% - 13px)/2)
}

.card___34lU1:nth-child(odd) {
    margin-left: 0
}

.card___34lU1:first-child,.card___34lU1:nth-child(2) {
    margin-top: 0
}

.cardIcon___1IDet svg {
    width: 32px;
    height: 32px
}

.cardTitle___2_IWC {
    margin-top: 8px;
    font-size: 15px
}

.floatingBarV2___30QZG {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.slide____ZfxF {
    display: block;
    height: 410px;
    background-size: cover;
    background-position: 50%
}

@media only screen and (max-width: 767px) {
    .slide____ZfxF {
        height:35vw
    }
}

.floatingBarV2___3b7GJ {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.typeEntry___t32z9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 36px;
    background: #fff;
    -webkit-box-shadow: 0 8px 32px rgba(0,0,0,.04);
    box-shadow: 0 8px 32px rgba(0,0,0,.04);
    border-radius: 8px
}

@media only screen and (max-width: 767px) {
    .typeEntry___t32z9 {
        margin-bottom:12px;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0
    }
}

.item___3o3Lx {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 88px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 767px) {
    .item___3o3Lx {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 94px;
        line-height: 18px
    }
}

.sep___2P3k7 {
    width: 1px;
    height: 48px;
    overflow: hidden;
    background: #e5e5e5
}

@media only screen and (max-width: 767px) {
    .sep___2P3k7 {
        display:none
    }
}

.type___3fMtv {
    margin-left: 12px;
    font-size: 18px;
    font-weight: 700
}

@media only screen and (max-width: 767px) {
    .type___3fMtv {
        margin:8px 0 0;
        font-size: 14px
    }
}

.icon___2W3Uw {
    width: 40px;
    height: 40px
}

.floatingBarV2___y-ijA {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

@media only screen and (max-width: 767px) {
    .list___MIzmG {
        background:#fff
    }
}

.item___35zgS {
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #eee
}

@media only screen and (max-width: 767px) {
    .item___35zgS:last-child {
        border-bottom:none
    }
}

@media only screen and (max-width: 767px) {
    .item___35zgS {
        margin-bottom:12px;
        padding-bottom: 12px
    }
}

.floatingBarV2___3_vZa {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.main___2H4uq {
    margin-bottom: 24px;
    border-bottom: 1px solid #e5e5e5
}

@media only screen and (max-width: 767px) {
    .main___2H4uq {
        margin:24px 0 12px;
        padding: 12px 0 0 12px;
        border-bottom: none;
        background: #fff
    }
}

.header___1W9x2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 24px
}

@media only screen and (max-width: 767px) {
    .header___1W9x2 {
        margin-bottom:12px
    }
}

.header___1W9x2 h3 {
    font-size: 20px;
    font-weight: 400;
    color: #000
}

@media only screen and (max-width: 767px) {
    .header___1W9x2 h3 {
        font-size:14px;
        font-weight: 700
    }
}

.header___1W9x2 a {
    font-size: 14px
}

@media only screen and (max-width: 767px) {
    .header___1W9x2 a {
        margin-right:12px;
        font-size: 12px
    }
}

.list___3Ayg1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 767px) {
    .list___3Ayg1 {
        scrollbar-width:none;
        -ms-overflow-style: none;
        -webkit-overflow-scrolling: touch;
        overflow-x: auto
    }

    .list___3Ayg1::-webkit-scrollbar {
        display: none
    }
}

.list___3Ayg1 .item___3pd7J {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0 20px 24px 0
}

@media only screen and (max-width: 767px) {
    .list___3Ayg1 .item___3pd7J {
        margin:0 12px 12px 0
    }
}

@media only screen and (min-width: 768px) {
    .list___3Ayg1 .videoLess___BVzwE {
        width:230px
    }

    .list___3Ayg1 .videoMore___1_KZ- {
        width: 220px
    }
}

@media only screen and (max-width: 767px) {
    .placeholder___3Vi3Y {
        background:#fff
    }

    .placeholder___3Vi3Y:before {
        content: " ";
        display: block;
        overflow: hidden;
        margin: 0 16px;
        border-top: 1px solid #eee
    }
}

.floatingBarV2___qYm-L {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

@media only screen and (max-width: 767px) {
    .bottomArticles___1RBlY,.topArticles___2W-Go {
        margin-bottom:-12px;
        padding: 12px 16px 0
    }
}

.moreArticlesLinkWrapper___2vY_b {
    margin: 24px 0;
    background: #fff;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .moreArticlesLinkWrapper___2vY_b {
        margin:0
    }

    .moreArticlesLinkWrapper___2vY_b:before {
        content: " ";
        display: block;
        margin: 0 16px;
        overflow: hidden;
        border-top: 1px solid #eee
    }

    .moreArticlesLinkWrapper___2vY_b a {
        display: block;
        padding: 12px 0
    }
}

.loading___DFFXw {
    height: 466px
}

@media only screen and (max-width: 767px) {
    .loading___DFFXw {
        height:280px
    }
}

.empty___1tJSJ {
    height: 466px;
    padding-bottom: 36px
}

@media only screen and (max-width: 767px) {
    .empty___1tJSJ {
        height:280px;
        padding-bottom: 12px
    }
}

.floatingBarV2___3FEtq {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.main___2uK06 {
    margin-left: 70px
}

.title___14rE8 {
    margin: 20px 0;
    font-size: 20px;
    line-height: 28px
}

.item___3rWAo {
    display: block
}

.item___3rWAo img {
    width: 380px;
    height: 218px;
    margin-bottom: 20px
}

.floatingBarV2___3_6xe {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.page___aaY2y {
    width: 1200px;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 767px) {
    .page___aaY2y {
        width:100%;
        overflow-x: hidden
    }
}

.main___2NdJX {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main___2NdJX .tabs___VXLBJ {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 0
}

.floatingBarV2___1jznB {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___McQfS {
    padding-bottom: 72px
}

@media only screen and (max-width: 767px) {
    .wrapper___McQfS {
        padding-bottom:16px
    }
}

@media only screen and (max-width: 767px) {
    .wrapper___McQfS .desc___3ytEM {
        max-width:none
    }
}

.categories___9V2Fe {
    padding-top: 36px;
    padding-bottom: 16px
}

@media only screen and (max-width: 767px) {
    .categories___9V2Fe {
        padding-top:16px;
        padding-bottom: 4px
    }
}

.emptyBox___UZ8Cb {
    padding: 202px 0 168px
}

@media only screen and (max-width: 767px) {
    .emptyBox___UZ8Cb {
        padding:100px 0 84px
    }
}

.categoryWrapper___2Dzyv {
    width: 1200px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 20px
}

@media only screen and (max-width: 767px) {
    .categoryWrapper___2Dzyv {
        width:100%;
        padding-left: 16px
    }
}

.categoryWrapper___2Dzyv label {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 14px;
    color: #999
}

.categoryWrapper___2Dzyv .container___2sHWa {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media only screen and (max-width: 767px) {
    .categoryWrapper___2Dzyv .container___2sHWa {
        height:34px;
        overflow-y: hidden
    }
}

.categoryWrapper___2Dzyv .content___2fvm7 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 48px
}

@media only screen and (max-width: 767px) {
    .categoryWrapper___2Dzyv .content___2fvm7 {
        height:42px;
        margin-left: 16px;
        margin-right: 16px;
        overflow-x: auto
    }
}

.categoryWrapper___2Dzyv .items___EPoQV {
    margin-left: -40px
}

@media only screen and (max-width: 767px) {
    .categoryWrapper___2Dzyv .items___EPoQV {
        margin-left:-16px;
        white-space: nowrap
    }
}

.categoryWrapper___2Dzyv .items___EPoQV span {
    display: inline-block;
    margin-left: 40px;
    margin-bottom: 20px;
    cursor: pointer
}

.categoryWrapper___2Dzyv .items___EPoQV span:hover {
    color: #00aae7
}

@media only screen and (max-width: 767px) {
    .categoryWrapper___2Dzyv .items___EPoQV span {
        margin-left:16px;
        margin-bottom: 12px
    }
}

.categoryWrapper___2Dzyv .items___EPoQV .active___25L0o {
    color: #00aae7
}

.cards___1Cpfa {
    width: 1200px;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 767px) {
    .cards___1Cpfa {
        width:100%;
        padding: 0 16px
    }
}

.cards___1Cpfa .card___2SDQ9 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 12px;
    padding: 20px;
    background: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 8px 0 rgba(51,51,51,.08)
}

@media only screen and (max-width: 767px) {
    .cards___1Cpfa .card___2SDQ9 {
        margin:0 0 16px;
        padding: 12px 16px
    }
}

.cards___1Cpfa .card___2SDQ9:first-child {
    margin-left: 0
}

.cards___1Cpfa .card___2SDQ9:last-child {
    margin-right: 0
}

@media only screen and (max-width: 767px) {
    .cards___1Cpfa .card___2SDQ9:last-child {
        margin-bottom:0
    }
}

.cards___1Cpfa .card___2SDQ9 header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cards___1Cpfa .card___2SDQ9 header .type___10R92 {
    padding: 3px 16px;
    background: #fa8c16;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .cards___1Cpfa .card___2SDQ9 header .type___10R92 {
        font-size:12px
    }
}

.cards___1Cpfa .card___2SDQ9 header .time___2l3l3 {
    margin-left: 20px;
    font-size: 12px;
    color: #999
}

@media only screen and (max-width: 767px) {
    .cards___1Cpfa .card___2SDQ9 header .time___2l3l3 {
        margin-left:16px
    }
}

.cards___1Cpfa .card___2SDQ9 section {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 12px
}

.cards___1Cpfa .card___2SDQ9 section .title___3AXcb {
    font-size: 16px;
    font-weight: 500
}

.cards___1Cpfa .card___2SDQ9 section .desc___3ytEM {
    margin-top: 8px;
    color: #666
}

.cards___1Cpfa .card___2SDQ9 footer a {
    display: inline-block;
    margin-top: 16px
}

@media only screen and (max-width: 767px) {
    .cards___1Cpfa .card___2SDQ9 footer a {
        margin-top:8px
    }
}

.cards___1Cpfa .card___2SDQ9 footer a:not(:first-child) {
    margin-left: 20px
}

.cards___1Cpfa .invisible___3u5Xp {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent
}

.pagination___1mD7j {
    width: 1200px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 36px
}

@media only screen and (max-width: 767px) {
    .pagination___1mD7j {
        width:100%;
        margin-top: 16px;
        padding: 0 16px
    }
}

.floatingBarV2___3ksts {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___1i4Sx {
    padding: 36px 0 72px
}

@media only screen and (max-width: 767px) {
    .wrapper___1i4Sx {
        padding:0 0 24px
    }
}

.empty___2z1Mk {
    height: 476px
}

@media only screen and (max-width: 767px) {
    .resultItem___2-8g4 {
        padding:20px 0;
        margin: 0 16px
    }
}

.resultItem___2-8g4:not(:first-child) {
    margin-top: 36px
}

@media only screen and (max-width: 767px) {
    .resultItem___2-8g4:not(:first-child) {
        margin-top:0;
        border-top: 1px solid #eee
    }
}

.resultItem___2-8g4 .itemTitle___3s78a {
    font-size: 20px;
    line-height: 1.4em;
    color: #333
}

.resultItem___2-8g4 .itemTitle___3s78a:hover {
    color: #00aae7
}

@media only screen and (max-width: 767px) {
    .resultItem___2-8g4 .itemTitle___3s78a {
        font-size:16px;
        line-height: 22px
    }
}

.resultItem___2-8g4 .itemTitle___3s78a em {
    color: #00aae7;
    font-style: normal
}

.resultItem___2-8g4 .itemContent___1prLe {
    margin-top: 16px;
    line-height: 20px
}

.resultItem___2-8g4 .itemContent___1prLe em {
    color: #00aae7;
    font-style: normal
}

@media only screen and (max-width: 767px) {
    .resultItem___2-8g4 .itemContent___1prLe {
        margin-top:12px;
        font-size: 12px
    }
}

.resultItem___2-8g4 .itemLinkLine___3a4PV {
    margin-top: 12px;
    font-size: 12px;
    line-height: 1.4em;
    color: #999
}

.resultItem___2-8g4 .itemLinkLine___3a4PV a:hover {
    text-decoration: underline;
    color: #333
}

@media only screen and (max-width: 767px) {
    .resultItem___2-8g4 .itemLinkLine___3a4PV {
        margin-top:8px
    }
}

.paginationLine___1JHHm {
    margin-top: 54px;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .paginationLine___1JHHm {
        margin:0 16px;
        padding: 24px 0 0;
        border-top: 1px solid #eee
    }
}

.pagination___2gycB {
    display: inline-block
}

.loadMore___2o9J8 {
    border-color: #bfbfbf!important;
    color: #333!important
}

.floatingBarV2___2Ja-- {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___1lNV5 {
    margin: 0;
    padding: 0 20px;
    -webkit-box-shadow: 0 1px 0 0 #eee;
    box-shadow: 0 1px 0 0 #eee
}

@media only screen and (max-width: 767px) {
    .wrapper___1lNV5 {
        padding:0
    }
}

.floatingBarV2___3ssE7 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.title___38yN3 {
    padding: 22px 0;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    -webkit-box-shadow: 0 1px 0 0 #eee;
    box-shadow: 0 1px 0 0 #eee
}

.list___1CyVc {
    margin-top: 36px
}

.list___1CyVc .item___3bsyA {
    margin: 16px 0
}

.list___1CyVc .item___3bsyA:hover {
    color: #00aae7
}

.floatingBarV2___3TNj9 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.main___1A9El {
    width: 1200px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media only screen and (max-width: 767px) {
    .main___1A9El {
        width:100%
    }
}

.left___dppHg {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.right___7ShhR {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 276px;
    flex: 0 0 276px;
    margin-left: 124px
}

@media only screen and (max-width: 767px) {
    .right___7ShhR {
        display:none
    }
}

.floatingBarV2___3vd7a {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.img___2cDOu {
    width: 1080px;
    height: auto;
    margin: 0 auto
}

@media only screen and (max-width: 767px) {
    .img___2cDOu {
        width:100%
    }
}

.floatingBarV2___2IfeB {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

@media only screen and (max-width: 767px) {
    .icon___3zJ4h {
        width:100%;
        height: auto
    }
}

.floatingBarV2___KMrEg {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

@media only screen and (max-width: 767px) {
    .icon___bERfX {
        width:100%;
        height: auto
    }
}

.floatingBarV2___VqZVX {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.info___pKjkh {
    font-size: 24px;
    line-height: 3;
    text-align: center
}

.floatingBarV2___7Fc25 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

@media only screen and (max-width: 767px) {
    .icon___1vgFG {
        width:100%;
        height: auto
    }
}

.floatingBarV2___3w8FB {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

@media only screen and (max-width: 767px) {
    .icon___Txle5 {
        width:100%;
        height: auto
    }
}

.floatingBarV2___37J9L {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___3f8CC {
    margin: -44px 0 20px
}

@media only screen and (max-width: 767px) {
    .wrapper___3f8CC {
        margin:0
    }
}

.main___2eRFv {
    width: 1200px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.08);
    box-shadow: 0 0 20px 0 rgba(0,0,0,.08)
}

@media only screen and (max-width: 767px) {
    .main___2eRFv {
        width:100%;
        margin-bottom: 16px;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@-webkit-keyframes breathe___2rrf7 {
    0%,to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@keyframes breathe___2rrf7 {
    0%,to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }
}

@-webkit-keyframes glow___ofeLZ {
    0%,to {
        opacity: .3
    }

    50% {
        opacity: .6
    }
}

@keyframes glow___ofeLZ {
    0%,to {
        opacity: .3
    }

    50% {
        opacity: .6
    }
}

@-webkit-keyframes slowBreathe___18vAI {
    0%,to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .3
    }

    50% {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
        opacity: .6
    }
}

@keyframes slowBreathe___18vAI {
    0%,to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: .3
    }

    50% {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
        opacity: .6
    }
}

.gradient-bg___3TSHV {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: radial-gradient(circle at 18% 18%,rgba(47,177,240,.14) 0,rgba(47,177,240,0) 30%),radial-gradient(circle at 82% 8%,rgba(22,163,74,.1) 0,rgba(22,163,74,0) 28%),-webkit-gradient(linear,left top,left bottom,from(#f7fbff),color-stop(82%,#fff));
    background: radial-gradient(circle at 18% 18%,rgba(47,177,240,.14) 0,rgba(47,177,240,0) 30%),radial-gradient(circle at 82% 8%,rgba(22,163,74,.1) 0,rgba(22,163,74,0) 28%),linear-gradient(180deg,#f7fbff,#fff 82%)
}

.gradient-bg___3TSHV:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background-image: linear-gradient(rgba(30,136,229,.045) 1px,transparent 0),linear-gradient(90deg,rgba(30,136,229,.045) 1px,transparent 0);
    background-size: 72px 72px;
    -webkit-mask-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.72)),color-stop(70%,transparent));
    -webkit-mask-image: linear-gradient(180deg,rgba(0,0,0,.72),transparent 70%);
    mask-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.72)),color-stop(70%,transparent));
    mask-image: linear-gradient(180deg,rgba(0,0,0,.72),transparent 70%)
}

.gradient-bg___3TSHV .main-gradient___1faAL {
    top: -40%;
    left: 50%;
    width: 120%;
    height: 300%;
    opacity: .36;
    -webkit-filter: blur(56px);
    filter: blur(56px);
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    background: radial-gradient(circle,rgba(47,177,240,.8) 0,rgba(74,144,226,.28) 38%,rgba(74,144,226,.08) 62%,rgba(74,144,226,0) 82%);
    border-radius: 50%;
    pointer-events: none;
    z-index: 1;
    -webkit-animation: glow___ofeLZ 3s ease-in-out infinite alternate;
    animation: glow___ofeLZ 3s ease-in-out infinite alternate
}

.gradient-bg___3TSHV .content___llhTW {
    position: relative;
    z-index: 10
}

.gradient-bg___3TSHV .gradient-layer___1IayN.slow-breathe___17u4e {
    -webkit-animation: slowBreathe___18vAI 6s ease-in-out infinite;
    animation: slowBreathe___18vAI 6s ease-in-out infinite
}

.filters____c9kB {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 24px
}

.filterGroup___3vLAj,.filters____c9kB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    gap: 16px
}

.filterGroup___3vLAj {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.filterTitle___2mK_1 {
    font-size: 14px;
    font-weight: 600;
    min-width: 80px;
    color: #333;
    padding-top: 4px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.filterTags___9Cum2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.filterTag___1usdq {
    background: #fff;
    border: 1px solid #e1e5e9;
    border-radius: 5px;
    padding: 2px 12px;
    font-size: 14px;
    color: #666;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.04);
    box-shadow: 0 1px 2px rgba(0,0,0,.04);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.filterTag___1usdq:hover {
    background: #f0f9ff;
    border-color: #2fb1f0;
    color: #2fb1f0;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 2px 4px rgba(47,177,240,.15);
    box-shadow: 0 2px 4px rgba(47,177,240,.15)
}

.filterTagActive___3R98N {
    border-color: #2fb1f0;
    background: #2fb1f0;
    color: #fff
}

.filterTagActive___3R98N:hover {
    background: #279dd7;
    border-color: #279dd7;
    color: #fff;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 2px 4px rgba(39,157,215,.25);
    box-shadow: 0 2px 4px rgba(39,157,215,.25)
}

.contextFilter___JUV4K {
    margin: -7px 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    color: #666
}

.contextFilter___JUV4K .slider___2Aqu0 {
    width: 240px
}

@media (max-width: 768px) {
    .filterGroup___3vLAj {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px
    }

    .filterTitle___2mK_1 {
        min-width: auto;
        padding-top: 0
    }

    .filterTags___9Cum2 {
        gap: 8px
    }

    .filterTag___1usdq {
        padding: 2px 12px;
        font-size: 13px
    }

    .contextFilter___JUV4K .slider___2Aqu0 {
        width: 200px
    }
}

.modelSquare___4SwBb {
    background: linear-gradient(180deg,#f6f9ff,#fff 260px,#f7faff);
    min-height: calc(100vh - 64px);
    overflow: hidden
}

.heroBg___3dmbZ {
    overflow: visible
}

.heroBg___3dmbZ [class*=main-gradient] {
    width: 92%;
    opacity: .18;
    -webkit-filter: blur(48px);
    filter: blur(48px)
}

.error___3imHx {
    padding: 60px 24px;
    text-align: center;
    font-size: 16px;
    color: #ff4d4f;
    background: #fff2f0;
    border: 1px solid #ffccc7;
    border-radius: 4px
}

.error___3imHx,.menu___3b3s0 {
    max-width: 1200px;
    margin: 0 auto
}

.menu___3b3s0 {
    padding: 0 24px
}

.content___3D3PX {
    padding: 28px 0 40px
}

.loading___1lNM8 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 24px;
    text-align: center
}

.loadingContent___3h8Ts {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.spinner___PeJPi {
    width: 40px;
    height: 40px;
    border: 3px solid #f0f0f0;
    border-top-color: #1890ff;
    border-radius: 50%;
    -webkit-animation: spin___2BVki .8s linear infinite;
    animation: spin___2BVki .8s linear infinite
}

@-webkit-keyframes spin___2BVki {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes spin___2BVki {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.loadingText___2-r1m {
    font-size: 14px;
    color: #999;
    font-weight: 500
}

@media (max-width: 768px) {
    .heroBg___3dmbZ [class*=main-gradient] {
        left:50%;
        width: 88%;
        opacity: .12;
        -webkit-filter: blur(36px);
        filter: blur(36px)
    }

    .menu___3b3s0 {
        padding: 0 16px
    }

    .content___3D3PX {
        padding: 16px 0 28px
    }

    .error___3imHx,.loading___1lNM8 {
        padding: 40px 16px
    }

    .error___3imHx {
        margin: 16px
    }
}

.floatingBarV2___2_2DF {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.searchAreaV2___1N5e_ {
    padding: 10px 0 14px;
    background: transparent
}

@media only screen and (max-width: 767px) {
    .searchAreaV2___1N5e_ {
        padding:16px 0
    }
}

.searchContainer___3bZTo {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px
}

@media only screen and (max-width: 767px) {
    .searchContainer___3bZTo {
        padding:0 16px
    }
}

.searchRow___1VL_W {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

@media only screen and (max-width: 767px) {
    .searchRow___1VL_W {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        gap: 8px
    }
}

.searchBox___3movk {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border: 1px solid rgba(23,48,86,.1);
    border-radius: 12px;
    padding: 4px 4px 4px 16px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    gap: 12px;
    -webkit-box-shadow: 0 4px 14px rgba(9,18,33,.04);
    box-shadow: 0 4px 14px rgba(9,18,33,.04)
}

.searchBox___3movk.focused___3PBEV {
    border-color: #1ab9eb;
    -webkit-box-shadow: 0 8px 22px rgba(24,144,255,.14);
    box-shadow: 0 8px 22px rgba(24,144,255,.14)
}

.searchBox___3movk:hover {
    border-color: #e5e5e5
}

@media only screen and (max-width: 767px) {
    .searchBox___3movk {
        padding:3px 3px 3px 12px;
        gap: 8px;
        border-radius: 5px
    }
}

.searchIcon___3SQcY {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    color: #bfbfbf;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.searchIcon___3SQcY svg {
    width: 100%;
    height: 100%
}

@media only screen and (max-width: 767px) {
    .searchIcon___3SQcY {
        width:18px;
        height: 18px
    }
}

.searchInput___1n_fS {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: none;
    outline: none;
    font-size: 15px;
    color: #333;
    background: transparent;
    min-width: 0
}

.searchInput___1n_fS::-webkit-input-placeholder {
    color: #d9d9d9
}

.searchInput___1n_fS::-moz-placeholder {
    color: #d9d9d9
}

.searchInput___1n_fS:-ms-input-placeholder {
    color: #d9d9d9
}

.searchInput___1n_fS::-ms-input-placeholder {
    color: #d9d9d9
}

.searchInput___1n_fS::placeholder {
    color: #d9d9d9
}

@media only screen and (max-width: 767px) {
    .searchInput___1n_fS {
        font-size:14px
    }
}

.searchBtn___2d_JU {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0 32px;
    height: 40px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(135deg,#1ab9eb,#00aae7);
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 0 2px 8px 0 rgba(24,144,255,.25);
    box-shadow: 0 2px 8px 0 rgba(24,144,255,.25)
}

.searchBtn___2d_JU:hover {
    background: linear-gradient(135deg,#00aae7,#0090cc);
    -webkit-box-shadow: 0 4px 12px 0 rgba(24,144,255,.35);
    box-shadow: 0 4px 12px 0 rgba(24,144,255,.35);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

.searchBtn___2d_JU:active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media only screen and (max-width: 767px) {
    .searchBtn___2d_JU {
        padding:0 20px;
        height: 36px;
        font-size: 14px;
        border-radius: 3px
    }
}

.sortWrapper___21mbk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (max-width: 767px) {
    .sortWrapper___21mbk {
        width:100%
    }
}

.sortLabel___2J6W2 {
    font-size: 15px;
    color: #bfbfbf
}

@media only screen and (max-width: 767px) {
    .sortLabel___2J6W2 {
        font-size:14px
    }
}

.sortSelect___3eE5n {
    min-width: 140px;
    height: 48px;
    font-size: 15px;
    border: 1px solid rgba(23,48,86,.1);
    border-radius: 12px;
    background: #fff;
    color: #666;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 0 4px 14px rgba(9,18,33,.04);
    box-shadow: 0 4px 14px rgba(9,18,33,.04);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding: 0 36px 0 16px
}

.sortSelect___3eE5n:hover {
    border-color: #e5e5e5;
    -webkit-box-shadow: 0 2px 12px 0 rgba(9,18,33,.08);
    box-shadow: 0 2px 12px 0 rgba(9,18,33,.08)
}

.sortSelect___3eE5n:focus {
    outline: none;
    border-color: #1ab9eb;
    -webkit-box-shadow: 0 2px 12px 0 rgba(24,144,255,.15);
    box-shadow: 0 2px 12px 0 rgba(24,144,255,.15)
}

@media only screen and (max-width: 767px) {
    .sortSelect___3eE5n {
        min-width:100%;
        width: 100%;
        height: 40px;
        font-size: 14px;
        padding: 0 28px 0 8px;
        background-position: right 8px center
    }
}

.floatingBarV2___19ZDT {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.filtersV2___1AqOw {
    background: transparent;
    padding: 10px 0 18px;
    border-bottom: none
}

@media only screen and (max-width: 767px) {
    .filtersV2___1AqOw {
        padding:12px 0
    }
}

.filtersContainer___34QNy {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px
}

@media only screen and (max-width: 767px) {
    .filtersContainer___34QNy {
        padding:0 16px
    }
}

.filterBar___1DzXL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (max-width: 767px) {
    .filterBar___1DzXL {
        gap:8px
    }
}

.expandBtn___2hji8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    padding: 8px 16px;
    border: 1px solid rgba(30,136,229,.16);
    border-radius: 4px;
    background: #fff;
    color: #1f3354;
    font-size: 13px;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    white-space: nowrap;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.expandBtn___2hji8 svg {
    width: 16px;
    height: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.expandBtn___2hji8 .arrow___1x1Nd {
    width: 14px;
    height: 14px;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease
}

.expandBtn___2hji8.active___AT-ts {
    color: #1e88e5;
    border-color: rgba(30,136,229,.32);
    background: rgba(30,136,229,.06)
}

.expandBtn___2hji8.active___AT-ts .arrow___1x1Nd {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media only screen and (max-width: 767px) {
    .expandBtn___2hji8 {
        padding:5px 12px
    }

    .expandBtn___2hji8 svg {
        width: 14px;
        height: 14px
    }

    .expandBtn___2hji8 .arrow___1x1Nd {
        width: 12px;
        height: 12px
    }
}

.popoverContent___3Di02 {
    width: 600px;
    max-width: 90vw;
    max-height: 60vh;
    overflow-y: auto;
    padding: 16px
}

@media only screen and (max-width: 767px) {
    .popoverContent___3Di02 {
        width:90vw;
        padding: 12px
    }
}

.filterGroupV2___22dv_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 12px 0;
    border-bottom: 1px solid #f5f5f5;
    gap: 16px
}

.filterGroupV2___22dv_:last-child {
    border-bottom: none
}

@media only screen and (max-width: 767px) {
    .filterGroupV2___22dv_ {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 10px 0;
        gap: 10px
    }
}

.filterTitleV2___1bZu3 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 100px;
    font-size: 14px;
    font-weight: 500;
    color: #666;
    line-height: 32px;
    padding-right: 16px
}

@media only screen and (max-width: 767px) {
    .filterTitleV2___1bZu3 {
        min-width:auto;
        line-height: 28px;
        padding-right: 0
    }
}

.filterOptionsV2___2-Rp2 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .filterOptionsV2___2-Rp2 {
        gap:6px 8px
    }
}

.filterBar___1DzXL .filterOptionsV2___2-Rp2 {
    display: contents
}

.filterTagV2___30M_I {
    padding: 6px 16px;
    border: 1px solid rgba(23,48,86,.1);
    border-radius: 4px;
    background: #fff;
    color: #536173;
    font-size: 13px;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    white-space: nowrap;
    line-height: 1.6
}

.filterTagV2___30M_I.active___AT-ts {
    border-color: #1ab9eb;
    background: linear-gradient(135deg,#1ab9eb,#00aae7);
    color: #fff;
    font-weight: 500;
    -webkit-box-shadow: 0 8px 18px rgba(24,144,255,.18);
    box-shadow: 0 8px 18px rgba(24,144,255,.18)
}

@media only screen and (max-width: 767px) {
    .filterTagV2___30M_I {
        padding:5px 12px;
        font-size: 12px;
        border-radius: 3px
    }
}

.contextFilterV2___2kGHh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media only screen and (max-width: 767px) {
    .contextFilterV2___2kGHh {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        gap: 8px
    }
}

.sliderWrapper___MBGCe {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    min-width: 200px;
    max-width: 400px
}

@media only screen and (max-width: 767px) {
    .sliderWrapper___MBGCe {
        max-width:none
    }
}

.sliderContainer___262cQ {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.contextValue___2Mb57 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 60px;
    font-size: 13px;
    font-weight: 500;
    color: #00aae7;
    text-align: right
}

@media only screen and (max-width: 767px) {
    .contextValue___2Mb57 {
        font-size:12px;
        text-align: left
    }
}

.floatingBarV2___1DySY {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___Bw4yX {
    width: 100%;
    height: 338px;
    background: #dfe2ed;
    overflow: hidden;
    position: relative
}

.wrapper___Bw4yX .background___336FE {
    position: absolute;
    inset: 0;
    background-image: url(https://www-static.qbox.me/_next/static/media/bg.a44808ed0155a773177f4f1db1835b76.png);
    background-size: auto 100%;
    background-position: right 0;
    background-repeat: no-repeat;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    -webkit-transition: all .5s;
    transition: all .5s
}

.wrapper___Bw4yX:hover .background___336FE {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

@media only screen and (max-width: 767px) {
    .wrapper___Bw4yX {
        height:auto
    }

    .wrapper___Bw4yX .background___336FE {
        background-image: url(https://www-static.qbox.me/_next/static/media/bg-mobile.60478bb5455f5d5122647637b515d68f.png)
    }
}

.content___1-2Jb {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    z-index: 2;
    height: 100%;
    padding: 40px 0
}

@media only screen and (max-width: 767px) {
    .content___1-2Jb {
        width:100%
    }
}

@media only screen and (min-width: 1600px) {
    .content___1-2Jb {
        width:1420px
    }
}

.titleGroup___Q_bIa {
    -ms-flex-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.titleGroup___Q_bIa,.titleGroup___Q_bIa .action___2QzzW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.titleGroup___Q_bIa .action___2QzzW {
    -ms-flex-align: center;
    gap: 16px;
    cursor: pointer;
    color: #0a0d12;
    -webkit-transition: all .3s;
    transition: all .3s
}

.titleGroup___Q_bIa .action___2QzzW .title___7KZAh {
    font-weight: 500;
    font-size: 40px
}

.titleGroup___Q_bIa .action___2QzzW .arrow___2bHty {
    width: 54px;
    height: 54px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.titleGroup___Q_bIa .action___2QzzW:hover {
    color: #1570ef
}

.titleGroup___Q_bIa .action___2QzzW:hover .arrow___2bHty {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

@media only screen and (max-width: 767px) {
    .titleGroup___Q_bIa {
        padding:0 24px;
        margin-bottom: 14px
    }

    .titleGroup___Q_bIa .action___2QzzW .title___7KZAh {
        font-size: 24px
    }

    .titleGroup___Q_bIa .action___2QzzW .arrow___2bHty {
        width: 32px;
        height: 32px
    }
}

.llmLogosContainer___j9Toz {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 2;
    mask: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(10%,#000),color-stop(90%,#000),to(transparent));
    mask: linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
    -webkit-mask: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(10%,#000),color-stop(90%,#000),to(transparent));
    -webkit-mask: linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)
}

.llmLogos___2S4Ol {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 4px 0;
    -webkit-animation: scroll___3-Jbr 30s linear infinite;
    animation: scroll___3-Jbr 30s linear infinite
}

.llmLogos___2S4Ol:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.llmLogos___2S4Ol .logo___QmsvY {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 48px;
    padding: 0 24px;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer
}

.llmLogos___2S4Ol .logo___QmsvY:hover {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
}

.llmLogos___2S4Ol .logo___QmsvY img {
    display: block;
    height: 100%;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

@media only screen and (max-width: 767px) {
    .llmLogos___2S4Ol {
        -webkit-animation:scroll___3-Jbr 20s linear infinite;
        animation: scroll___3-Jbr 20s linear infinite
    }

    .llmLogos___2S4Ol .logo___QmsvY {
        height: 28px;
        padding: 0 9px
    }
}

@-webkit-keyframes scroll___3-Jbr {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

@keyframes scroll___3-Jbr {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.floatingBarV2___3l9xE {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.contentWrapper___25PGd {
    border-radius: 12px;
    overflow: hidden;
    -webkit-box-shadow: 0 4px 32px rgba(9,18,33,.04);
    box-shadow: 0 4px 32px rgba(9,18,33,.04);
    background: #fff;
    padding: 2px;
    position: relative
}

.contentWrapper___25PGd:before {
    -webkit-transform: translate(-100%,-100%);
    transform: translate(-100%,-100%);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-animation: rotate1___1wxhS 15s linear infinite;
    animation: rotate1___1wxhS 15s linear infinite;
    background: #6f6efb
}

.contentWrapper___25PGd:after,.contentWrapper___25PGd:before {
    position: absolute;
    z-index: 1;
    content: "";
    display: block;
    left: 50%;
    top: 50%;
    width: 2000px;
    height: 2000px;
    -webkit-filter: blur(100px);
    filter: blur(100px)
}

.contentWrapper___25PGd:after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-animation: rotate2___2_L1Q 15s linear infinite;
    animation: rotate2___2_L1Q 15s linear infinite;
    background: #1664ff
}

@-webkit-keyframes rotate1___1wxhS {
    0% {
        -webkit-transform: translate(-100%,-100%) rotate(0deg);
        transform: translate(-100%,-100%) rotate(0deg)
    }

    to {
        -webkit-transform: translate(-100%,-100%) rotate(1turn);
        transform: translate(-100%,-100%) rotate(1turn)
    }
}

@keyframes rotate1___1wxhS {
    0% {
        -webkit-transform: translate(-100%,-100%) rotate(0deg);
        transform: translate(-100%,-100%) rotate(0deg)
    }

    to {
        -webkit-transform: translate(-100%,-100%) rotate(1turn);
        transform: translate(-100%,-100%) rotate(1turn)
    }
}

@-webkit-keyframes rotate2___2_L1Q {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate2___2_L1Q {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.contentWrapper___25PGd .content___LC0xV {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 2;
    border-radius: 10px;
    background: #fff;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .contentWrapper___25PGd .content___LC0xV {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 0;
        background: none
    }
}

@media only screen and (max-width: 767px) {
    .contentWrapper___25PGd {
        border-radius:0;
        -webkit-box-shadow: none;
        box-shadow: none;
        overflow: auto;
        background: none;
        padding: 0
    }

    .contentWrapper___25PGd:after,.contentWrapper___25PGd:before {
        display: none;
        -webkit-animation: none;
        animation: none
    }
}

.sidebar___PotcD {
    width: 272px;
    border-right: 1px solid #f3f3f3;
    padding: 18px 24px;
    background-image: url(https://www-static.qbox.me/_next/static/media/sidebar-bg.2ece656eb767652ebc8a8389313fd08e.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 100% auto
}

.sidebar___PotcD .categoryItem___gqaFd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    padding: 12px;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.sidebar___PotcD .categoryItem___gqaFd.active___eMy55 .text___1BTRj:after,.sidebar___PotcD .categoryItem___gqaFd:hover .text___1BTRj:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.sidebar___PotcD .categoryItem___gqaFd .icon___23ddo {
    width: 24px;
    height: 24px;
    color: #0a0d12
}

.sidebar___PotcD .categoryItem___gqaFd .text___1BTRj {
    font-size: 16px;
    color: #414651;
    overflow: hidden;
    position: relative;
    padding: 8px 0
}

.sidebar___PotcD .categoryItem___gqaFd .text___1BTRj:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 2px;
    background: #000;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: all .3s;
    transition: all .3s
}

@media only screen and (max-width: 767px) {
    .sidebar___PotcD {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: auto;
        border-right: none;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        padding: 0;
        background: none;
        margin-bottom: 24px
    }

    .sidebar___PotcD .categoryItem___gqaFd {
        padding: 0
    }

    .sidebar___PotcD .categoryItem___gqaFd .icon___23ddo {
        display: none
    }

    .sidebar___PotcD .categoryItem___gqaFd .text___1BTRj {
        font-size: 14px
    }
}

.mainContent___13Rt3 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 12px
}

@media only screen and (max-width: 767px) {
    .mainContent___13Rt3 {
        padding:0;
        background-color: #fff;
        border-radius: 14px
    }
}

.primaryProductCard___n6UbH {
    padding: 24px 24px 24px 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 33.33%
}

.primaryProductCard___n6UbH .header___3hmBg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 12px
}

.primaryProductCard___n6UbH .header___3hmBg .title___bYVXg {
    font-size: 20px;
    color: #0a0d12;
    font-weight: 500;
    -webkit-transition: all .3s;
    transition: all .3s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.primaryProductCard___n6UbH .header___3hmBg .linkArrow___11iTJ {
    width: 20px;
    height: 20px;
    color: #1570ef;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
    opacity: 0
}

.primaryProductCard___n6UbH .description___3O0pn {
    font-size: 14px;
    color: #535862;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    margin-bottom: 24px
}

.primaryProductCard___n6UbH .actions___3tPOo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

.primaryProductCard___n6UbH:hover .header___3hmBg .title___bYVXg {
    color: #1570ef
}

.primaryProductCard___n6UbH:hover .header___3hmBg .linkArrow___11iTJ {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

@media only screen and (max-width: 767px) {
    .primaryProductCard___n6UbH {
        width:auto;
        position: relative;
        padding: 12px 18px
    }

    .primaryProductCard___n6UbH:not(:first-child):after {
        content: "";
        position: absolute;
        left: 18px;
        right: 18px;
        top: 0;
        height: 1px;
        background: #f3f3f3
    }

    .primaryProductCard___n6UbH .header___3hmBg {
        margin-bottom: 8px
    }

    .primaryProductCard___n6UbH .header___3hmBg .title___bYVXg {
        font-size: 16px;
        font-weight: 400
    }

    .primaryProductCard___n6UbH .description___3O0pn {
        display: block;
        margin-bottom: 0;
        text-overflow: clip
    }

    .primaryProductCard___n6UbH .actions___3tPOo {
        display: none
    }
}

.productCard___1vyVV {
    padding: 24px 18px 24px 28px;
    width: 33.33%
}

.productCard___1vyVV .title___bYVXg {
    font-size: 16px;
    font-weight: 400;
    color: #0a0d12;
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.productCard___1vyVV .description___3O0pn {
    font-size: 14px;
    color: #535862
}

.productCard___1vyVV .linkArrow___11iTJ {
    width: 16px;
    height: 16px;
    color: #1570ef;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px);
    opacity: 0
}

.productCard___1vyVV:hover .title___bYVXg {
    color: #1570ef
}

.productCard___1vyVV:hover .linkArrow___11iTJ {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

@media only screen and (max-width: 767px) {
    .productCard___1vyVV {
        width:auto;
        position: relative;
        padding: 12px 18px
    }

    .productCard___1vyVV:after {
        content: "";
        position: absolute;
        left: 18px;
        right: 18px;
        top: 0;
        height: 1px;
        background: #f3f3f3
    }

    .productCard___1vyVV .title___bYVXg {
        margin-bottom: 8px
    }
}

.moreLink___2w2XG {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 24px auto 0;
    gap: 4px
}

.moreLink___2w2XG .linkArrow___11iTJ {
    width: 16px;
    height: 16px
}

.moreLink___2w2XG:hover {
    color: #1570ef
}

.floatingBarV2___1iPzc {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.root___VYwCF {
    padding: 24px
}

@media only screen and (max-width: 767px) {
    .root___VYwCF {
        padding:16px
    }
}

.container___13wXo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

@media (min-width: 768px) {
    .container___13wXo {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.notification___3-UqP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 320px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 12px 20px;
    border-radius: 10px;
    background: #fafafa;
    border: 1px solid hsla(0,0%,100%,.3);
    -webkit-box-shadow: 0 2px 20px rgba(0,0,0,.05);
    box-shadow: 0 2px 20px rgba(0,0,0,.05);
    text-decoration: none;
    -webkit-transition: all .3s cubic-bezier(.4,0,.2,1);
    transition: all .3s cubic-bezier(.4,0,.2,1);
    cursor: pointer
}

.notification___3-UqP:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-box-shadow: 0 8px 32px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.06);
    box-shadow: 0 8px 32px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.06)
}

.notification___3-UqP:hover .content___2XTJc {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.notification___3-UqP .titleContainer___2Oux0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.notification___3-UqP .content___2XTJc {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    color: #fff;
    border-radius: 8px;
    background: rgba(0,0,0,.9);
    -webkit-box-shadow: 0 8px 32px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.08);
    box-shadow: 0 8px 32px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.08);
    padding: 12px 16px;
    margin-top: 8px;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-transition: all .3s cubic-bezier(.4,0,.2,1);
    transition: all .3s cubic-bezier(.4,0,.2,1);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    z-index: 10000
}

.notification___3-UqP .content___2XTJc p {
    margin: 0;
    font-size: 14px;
    color: #fff;
    line-height: 1.5
}

.notification___3-UqP .icon___b8RlS {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    color: #e30132
}

.notification___3-UqP .title___1UA3u {
    font-weight: 400;
    color: #1a1a1a
}

.buttonWrapper___2qKnG,.tooltipContainer___3POc6 {
    position: relative;
    display: inline-block
}

.button___nKYF8 {
    position: relative;
    border-radius: 10px;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 6px
}

.button___nKYF8:disabled {
    cursor: not-allowed;
    opacity: .6
}

.button___nKYF8:active:not(:disabled) {
    -webkit-transform: scale(.98);
    transform: scale(.98)
}

.icon___34upH {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.content___ei2Pz,.icon___34upH {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.tag___1LJV5 {
    position: absolute;
    top: -5px;
    right: -5px;
    background: linear-gradient(135deg,#ef4444,#dc2626);
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    padding: 2px 5px;
    border-radius: 12px;
    line-height: 1;
    min-width: 16px;
    text-align: center;
    -webkit-box-shadow: 0 4px 10px rgba(220,38,38,.28);
    box-shadow: 0 4px 10px rgba(220,38,38,.28);
    z-index: 1;
    border: 1px solid hsla(0,0%,100%,.3)
}

.default___jBRrH {
    border: 1px solid #dbe3ef;
    background: #f8fafc;
    padding: 7px 12px;
    color: #475569
}

.default___jBRrH:hover:not(:disabled) {
    border-color: #b8c6da;
    background: #fff;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 4px 12px rgba(71,85,105,.12);
    box-shadow: 0 4px 12px rgba(71,85,105,.12)
}

.default___jBRrH.active___3ZLel {
    background: #eaf4ff;
    border-color: #8ebbe6;
    color: #14558f;
    -webkit-box-shadow: inset 0 0 0 1px rgba(20,85,143,.06);
    box-shadow: inset 0 0 0 1px rgba(20,85,143,.06)
}

.iconOnly___2Z-yS {
    padding: 7px!important
}

.primary___3ZsQi {
    color: #fff;
    padding: 10px 12px;
    background: #2fb1f0
}

.primary___3ZsQi:hover:not(:disabled) {
    background: #1a9bd1;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px)
}

.primary___3ZsQi:disabled {
    background: #ccc
}

.icon___34upH {
    background: transparent
}

.tooltip___3b19d {
    bottom: 100%;
    margin-bottom: 8px;
    padding: 7px 10px;
    background: rgba(17,24,39,.88);
    color: #fff;
    font-size: 11px;
    line-height: 1.4;
    border-radius: 6px;
    white-space: nowrap;
    z-index: 10;
    pointer-events: none
}

.tooltip___3b19d,.tooltip___3b19d:after {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tooltip___3b19d:after {
    content: "";
    top: 100%;
    border: 4px solid transparent;
    border-top-color: rgba(0,0,0,.8)
}

.tooltipRight___1-7PM {
    left: auto;
    right: 0;
    -webkit-transform: none;
    transform: none
}

.tooltipRight___1-7PM:after {
    left: auto;
    right: 10px;
    -webkit-transform: none;
    transform: none
}

.tooltipBottom___32oCz {
    bottom: auto;
    top: 100%;
    margin-bottom: 0;
    margin-top: 8px
}

.tooltipBottom___32oCz,.tooltipBottom___32oCz:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tooltipBottom___32oCz:after {
    top: auto;
    bottom: 100%;
    border-top-color: transparent;
    border-bottom-color: rgba(0,0,0,.8)
}

@media (max-width: 768px) {
    .button___nKYF8 {
        min-height:36px;
        font-size: 12px
    }

    .default___jBRrH {
        padding: 8px 12px
    }

    .iconOnly___2Z-yS {
        width: 36px;
        min-width: 36px;
        padding: 8px!important
    }

    .tooltip___3b19d {
        display: none
    }
}

.bubbleWrapper___1Bpoj {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.bubble___2-w1W {
    position: absolute;
    top: -20px;
    background: linear-gradient(135deg,#ff4757,#ff3742);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 8px;
    border-radius: 12px;
    white-space: nowrap;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-box-shadow: 0 3px 12px hsla(0,100%,71%,.4),0 2px 6px hsla(0,100%,71%,.3);
    box-shadow: 0 3px 12px hsla(0,100%,71%,.4),0 2px 6px hsla(0,100%,71%,.3);
    z-index: 10
}

.bubble___2-w1W:before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #ff5722
}

.bubble--bottom___3QxAT {
    top: auto;
    bottom: -20px;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

.bubble--bottom___3QxAT:before {
    top: -4px;
    bottom: auto;
    border-top: none;
    border-bottom: 4px solid #ff5722
}

.bubble--left___1syKW {
    top: 50%;
    left: -8px;
    -webkit-transform: translateX(-100%) translateY(-50%);
    transform: translateX(-100%) translateY(-50%)
}

.bubble--left___1syKW:before {
    top: 50%;
    left: 100%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 4px solid transparent;
    border-right: none;
    border-left: 4px solid #ff5722
}

.bubble--right___2tQ9m {
    top: 50%;
    right: -8px;
    -webkit-transform: translateX(100%) translateY(-50%);
    transform: translateX(100%) translateY(-50%)
}

.bubble--right___2tQ9m:before {
    top: 50%;
    right: 100%;
    bottom: auto;
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 4px solid transparent;
    border-right-color: #ff5722;
    border-left: none
}

.buttonWrapper___3QCcy {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.whiteBubble___2WiwP {
    background: #fff!important;
    color: #4b5563!important;
    -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.06)!important;
    box-shadow: 0 4px 12px rgba(0,0,0,.08),0 2px 6px rgba(0,0,0,.06)!important;
    border: 1px solid rgba(0,0,0,.06)
}

.whiteBubble___2WiwP:before {
    border-top-color: #fff!important
}

.highlight___9-BvA {
    color: #ff4d4d;
    font-weight: 700
}

.submitButton___3YSUu {
    position: relative;
    background: linear-gradient(135deg,#1e88e5,#2fb1f0);
    border: none;
    border-radius: 10px;
    padding: 10px 16px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 6px;
    min-width: 116px;
    overflow: hidden;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-box-shadow: 0 6px 16px rgba(30,136,229,.3);
    box-shadow: 0 6px 16px rgba(30,136,229,.3)
}

.submitButton___3YSUu:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg,hsla(0,0%,100%,.2),transparent 50%);
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease
}

.submitButton___3YSUu:hover {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 8px 20px rgba(30,136,229,.34);
    box-shadow: 0 8px 20px rgba(30,136,229,.34);
    background: linear-gradient(135deg,#1976d2,#1e88e5)
}

.submitButton___3YSUu:hover:before {
    opacity: 1
}

.submitButton___3YSUu:active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition-duration: .1s;
    transition-duration: .1s
}

.submitButton___3YSUu.disabled___3ussM {
    background: linear-gradient(135deg,#ccc,#aaa);
    cursor: not-allowed;
    -webkit-animation: none;
    animation: none
}

.submitButton___3YSUu.disabled___3ussM:hover {
    -webkit-transform: none;
    transform: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.submitButton___3YSUu.disabled___3ussM:hover:before {
    opacity: 0
}

.icon___eyGVa {
    width: 16px;
    height: 16px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease
}

.text___Rs9QO {
    font-weight: 600;
    letter-spacing: .01em
}

.submitButton___3YSUu:hover .icon___eyGVa {
    -webkit-transform: translateX(1px);
    transform: translateX(1px)
}

@media (max-width: 768px) {
    .buttonWrapper___3QCcy {
        width:100%;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .submitButton___3YSUu {
        width: 100%;
        min-height: 42px;
        padding: 10px 16px;
        font-size: 13px;
        min-width: 0;
        border-radius: 10px
    }

    .icon___eyGVa {
        width: 18px;
        height: 18px
    }
}

@media (max-width: 480px) {
    .submitButton___3YSUu {
        min-height:40px;
        padding: 9px 14px;
        font-size: 12px;
        min-width: 0;
        gap: 6px;
        font-weight: 600
    }

    .icon___eyGVa {
        width: 18px;
        height: 18px
    }
}

.toolbar___28q_B {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    padding: 12px 16px 14px;
    border-radius: 0 0 14px 14px;
    border-top: 1px solid rgba(0,0,0,.06);
    background: hsla(0,0%,100%,.8);
    border-radius: 0 0 16px 16px
}

.left___3NE4M {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.left___3NE4M,.right___6q3AK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.toolIcon___2jtXT {
    width: 20px;
    height: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.quickActionBtn___JXDig {
    white-space: nowrap
}

@media (max-width: 768px) {
    .toolbar___28q_B {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 10px;
        padding: 10px 12px 12px
    }

    .left___3NE4M {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 8px;
        padding: 2px 0;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none
    }

    .left___3NE4M::-webkit-scrollbar {
        display: none
    }

    .right___6q3AK {
        display: block;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        gap: 8px;
        width: 100%;
        margin-top: 2px
    }

    .right___6q3AK>* {
        width: 100%
    }

    .mobileHidden___2Vjtp {
        display: none
    }

    .quickActionBtn___JXDig {
        min-height: 36px;
        padding: 8px 12px;
        font-size: 12px;
        border-radius: 10px
    }
}

@media (max-width: 480px) {
    .toolbar___28q_B {
        padding:10px
    }

    .quickActionBtn___JXDig {
        min-height: 34px;
        padding: 7px 10px;
        font-size: 12px
    }
}

.container___xQdV7 {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 24px 80px
}

.inputWrapper___6HoUL {
    border-radius: 22px;
    background: linear-gradient(135deg,rgba(245,249,255,.96),hsla(0,0%,100%,.98) 48%,rgba(250,253,255,.96));
    border: 1px solid rgba(30,136,229,.12);
    -webkit-box-shadow: 0 18px 48px rgba(23,48,86,.1),inset 0 1px 0 hsla(0,0%,100%,.92);
    box-shadow: 0 18px 48px rgba(23,48,86,.1),inset 0 1px 0 hsla(0,0%,100%,.92);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px)
}

.inputWrapper___6HoUL:hover {
    border-color: rgba(47,177,240,.3);
    -webkit-box-shadow: 0 20px 54px rgba(47,177,240,.14);
    box-shadow: 0 20px 54px rgba(47,177,240,.14);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.inputWrapper___6HoUL:focus-within {
    border-color: rgba(47,177,240,.35);
    -webkit-box-shadow: 0 22px 60px rgba(47,177,240,.16);
    box-shadow: 0 22px 60px rgba(47,177,240,.16);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.form___1qCjt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.textareaWrapper___1D95n {
    padding: 20px 24px 10px
}

.textarea___22D83 {
    width: 100%;
    border: none;
    outline: none;
    font-size: 16px;
    line-height: 1.6;
    color: #1a1a1a;
    background: transparent;
    resize: none;
    min-height: 48px;
    max-height: 200px
}

.textarea___22D83::-webkit-input-placeholder {
    color: #6b7280
}

.textarea___22D83::-moz-placeholder {
    color: #6b7280
}

.textarea___22D83:-ms-input-placeholder {
    color: #6b7280
}

.textarea___22D83::-ms-input-placeholder {
    color: #6b7280
}

.textarea___22D83::placeholder {
    color: #6b7280
}

@media (max-width: 768px) {
    .container___xQdV7 {
        padding:0 16px calc(16px + env(safe-area-inset-bottom))
    }

    .textareaWrapper___1D95n {
        padding: 16px 16px 8px
    }

    .textarea___22D83 {
        font-size: 15px
    }
}

.docsSection___2Yw0i {
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8fbff));
    background: linear-gradient(180deg,#fff,#f8fbff);
    padding: 80px 0
}

.container___Aat0l {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px
}

.header___2sefN {
    text-align: center;
    margin-bottom: 48px
}

.sectionTitle___2F2Ew {
    font-size: 34px;
    font-weight: 700;
    color: #101827;
    margin-bottom: 16px;
    line-height: 1.3;
    letter-spacing: 0
}

.sectionSubtitle___3buo- {
    font-size: 16px;
    color: #667085;
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto
}

.nav___1lwD- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 48px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.navItem___1frz_ {
    background: hsla(0,0%,100%,.72);
    border: 1px solid rgba(30,136,229,.12);
    border-radius: 24px;
    padding: 12px 24px;
    font-size: 14px;
    color: #5b6678;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    font-weight: 500
}

.navItem___1frz_:hover {
    border-color: #2fb1f0;
    color: #2fb1f0;
    background: #fff
}

.navItem___1frz_.active___1snkm {
    background: linear-gradient(135deg,#1e88e5,#2fb1f0);
    border-color: #2fb1f0;
    color: #fff
}

.grid___17dLl {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(320px,1fr));
    gap: 24px
}

.card___1NJwh {
    background: hsla(0,0%,100%,.9);
    border: 1px solid rgba(30,136,229,.1);
    border-radius: 18px;
    padding: 24px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    text-decoration: none;
    color: inherit;
    -webkit-box-shadow: 0 14px 38px rgba(23,48,86,.06);
    box-shadow: 0 14px 38px rgba(23,48,86,.06)
}

.card___1NJwh:hover {
    border-color: rgba(30,136,229,.24);
    -webkit-box-shadow: 0 22px 52px rgba(30,136,229,.12);
    box-shadow: 0 22px 52px rgba(30,136,229,.12);
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
}

.cardTitle___1G68U {
    font-size: 18px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 12px;
    line-height: 1.4
}

.cardDescription___1Eehj {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    overflow: hidden
}

.emptyState___aVnyP {
    text-align: center;
    padding: 50px 20px;
    color: #666
}

.emptyIcon___3eh-6 {
    font-size: 40px;
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.emptyState___aVnyP h3 {
    font-size: 18px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 6px
}

.emptyState___aVnyP p {
    font-size: 14px;
    margin: 0;
    line-height: 1.5
}

@media (max-width: 768px) {
    .docsSection___2Yw0i {
        padding:60px 0
    }

    .container___Aat0l {
        padding: 0 20px
    }

    .header___2sefN {
        margin-bottom: 40px
    }

    .sectionTitle___2F2Ew {
        font-size: 28px
    }

    .sectionSubtitle___3buo- {
        font-size: 15px
    }

    .nav___1lwD- {
        margin-bottom: 40px
    }

    .navItem___1frz_ {
        padding: 10px 20px;
        font-size: 13px
    }

    .grid___17dLl {
        grid-template-columns: 1fr;
        gap: 20px
    }

    .card___1NJwh {
        padding: 20px
    }

    .cardTitle___1G68U {
        font-size: 16px
    }

    .cardDescription___1Eehj {
        font-size: 13px;
        -webkit-line-clamp: 2;
        line-clamp: 2
    }
}

@media (max-width: 480px) {
    .docsSection___2Yw0i {
        padding:48px 0
    }

    .container___Aat0l {
        padding: 0 16px
    }

    .header___2sefN {
        margin-bottom: 32px
    }

    .sectionTitle___2F2Ew {
        font-size: 24px
    }

    .nav___1lwD- {
        margin-bottom: 32px
    }

    .navItem___1frz_ {
        padding: 8px 16px;
        font-size: 12px
    }

    .card___1NJwh {
        padding: 16px
    }

    .cardTitle___1G68U {
        font-size: 15px;
        margin-bottom: 8px
    }

    .cardDescription___1Eehj {
        font-size: 12px
    }
}

.codingPlanRecommend___3gWQ6 {
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f7fbff));
    background: linear-gradient(180deg,#fff,#f7fbff);
    padding: 80px 0
}

.container___SePk5 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px
}

.header___2vYaE {
    text-align: center;
    margin-bottom: 48px
}

.sectionTitle___For_Z {
    font-size: 34px;
    font-weight: 700;
    color: #101827;
    margin-bottom: 16px;
    line-height: 1.3;
    letter-spacing: 0
}

.sectionSubtitle___-mgnV {
    font-size: 16px;
    color: #667085;
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto
}

.grid___a2UlM {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(320px,1fr));
    gap: 16px
}

.card___2lBsv {
    background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.98)),to(rgba(250,253,255,.96)));
    background: linear-gradient(180deg,hsla(0,0%,100%,.98),rgba(250,253,255,.96));
    border: 1px solid rgba(30,136,229,.1);
    border-radius: 18px;
    padding: 22px;
    -webkit-transition: all .24s ease;
    transition: all .24s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-height: 260px;
    position: relative;
    z-index: 9;
    -webkit-box-shadow: 0 14px 38px rgba(23,48,86,.06);
    box-shadow: 0 14px 38px rgba(23,48,86,.06)
}

.card___2lBsv:hover {
    border-color: rgba(30,136,229,.24);
    -webkit-box-shadow: 0 22px 52px rgba(30,136,229,.12);
    box-shadow: 0 22px 52px rgba(30,136,229,.12);
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
}

.cardHeader___26Clu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    margin-bottom: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.badge___38R5d {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.3
}

.badgeIcon___3Ytde {
    font-size: 12px
}

.badgeHot___MFUJF {
    background: hsla(0,100%,71%,.1);
    color: #ff6b6b;
    border: 1px solid hsla(0,100%,71%,.2)
}

.badgeNew___2XCLv {
    background: rgba(78,205,196,.1);
    color: #4ecdc4;
    border: 1px solid rgba(78,205,196,.2)
}

.badgeRecommended___LYRaX {
    background: rgba(255,167,38,.1);
    color: #ffa726;
    border: 1px solid rgba(255,167,38,.2)
}

.badgeCustom___1WgYo {
    background: rgba(156,39,176,.1);
    color: #9c27b0;
    border: 1px solid rgba(156,39,176,.2)
}

.cardBody___17Pw5 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 14px
}

.packageTitle___3e4e_ {
    font-size: 20px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 8px;
    line-height: 1.4
}

.packageDescription___3LmyQ {
    font-size: 14px;
    color: #4b5563;
    line-height: 1.6;
    margin: 0 0 14px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    overflow: hidden
}

.features___2e-Hg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.feature___3qcJ1,.features___2e-Hg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.feature___3qcJ1 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.featureIcon___1ccQY {
    color: #1e88e5;
    font-weight: 700;
    font-size: 14px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.featureText___2IgFx {
    font-size: 13px;
    color: #666;
    line-height: 1.5
}

.cardFooter___1977Y {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    border-top: 1px solid rgba(30,136,229,.1);
    padding-top: 12px
}

.cardFooter___1977Y,.priceSection___2w-OT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.priceSection___2w-OT {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 8px
}

.price___rv1DB {
    font-size: 18px;
    font-weight: 700;
    color: #2fb1f0
}

.originalPrice___1oF1f {
    font-size: 12px;
    color: #999;
    text-decoration: line-through
}

.purchaseBtn___1_ulE {
    background: linear-gradient(135deg,#1e88e5,#2fb1f0);
    color: #fff;
    border: none;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    white-space: nowrap;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.purchaseBtn___1_ulE:hover {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 6px 16px rgba(30,136,229,.3);
    box-shadow: 0 6px 16px rgba(30,136,229,.3);
    color: #fff;
    text-decoration: none;
    background: linear-gradient(135deg,#1976d2,#1e88e5)
}

.purchaseBtn___1_ulE:hover .btnArrow___12Cn0 {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

.purchaseBtn___1_ulE:active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.purchaseBtn___1_ulE:disabled {
    background: #e0e0e0;
    color: #999;
    cursor: not-allowed
}

.purchaseBtn___1_ulE:disabled:hover {
    -webkit-transform: none;
    transform: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btnArrow___12Cn0 {
    display: inline-block;
    margin-left: 6px;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease
}

.emptyState___-UMH1 {
    text-align: center;
    padding: 50px 20px;
    color: #666
}

.emptyIcon___esRtW {
    color: #1e88e5;
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.emptyState___-UMH1 h3 {
    font-size: 18px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 6px
}

.emptyState___-UMH1 p {
    font-size: 14px;
    color: #4b5563;
    margin: 0;
    line-height: 1.6
}

@media (max-width: 768px) {
    .codingPlanRecommend___3gWQ6 {
        padding:60px 0
    }

    .container___SePk5 {
        padding: 0 20px
    }

    .header___2vYaE {
        margin-bottom: 40px
    }

    .sectionTitle___For_Z {
        font-size: 28px
    }

    .sectionSubtitle___-mgnV {
        font-size: 15px
    }

    .grid___a2UlM {
        grid-template-columns: 1fr;
        gap: 14px
    }

    .card___2lBsv {
        min-height: auto;
        padding: 16px
    }

    .packageTitle___3e4e_ {
        font-size: 17px
    }

    .packageDescription___3LmyQ {
        font-size: 13px;
        margin-bottom: 10px
    }

    .price___rv1DB {
        font-size: 16px
    }

    .purchaseBtn___1_ulE {
        padding: 7px 12px;
        font-size: 12px
    }
}

@media (max-width: 480px) {
    .codingPlanRecommend___3gWQ6 {
        padding:48px 0
    }

    .container___SePk5 {
        padding: 0 16px
    }

    .header___2vYaE {
        margin-bottom: 32px
    }

    .sectionTitle___For_Z {
        font-size: 24px
    }

    .card___2lBsv {
        padding: 14px
    }

    .cardFooter___1977Y {
        gap: 8px
    }

    .packageDescription___3LmyQ {
        -webkit-line-clamp: 2;
        line-clamp: 2
    }

    .purchaseBtn___1_ulE {
        padding: 7px 10px
    }
}

.forcePackage___1ccb7 .card___2lBsv {
    background: linear-gradient(135deg,#f5f9ff,#e1efff);
    border-radius: 16px;
    border: 1px solid rgba(47,177,240,.2);
    -webkit-box-shadow: 0 4px 16px rgba(47,177,240,.04);
    box-shadow: 0 4px 16px rgba(47,177,240,.04)
}

.forcePackage___1ccb7 .card___2lBsv:hover {
    border-color: rgba(47,177,240,.4);
    -webkit-box-shadow: 0 12px 32px rgba(47,177,240,.16);
    box-shadow: 0 12px 32px rgba(47,177,240,.16)
}

.forcePackage___1ccb7 .badgeNew___2XCLv {
    background: linear-gradient(135deg,#1976d2,#1e88e5)
}

.forcePackage___1ccb7 .price___rv1DB {
    color: #1e88e5
}

.forcePackage___1ccb7 .purchaseBtn___1_ulE {
    background: #1e88e5
}

.forcePackage___1ccb7 .purchaseBtn___1_ulE:hover {
    -webkit-box-shadow: 0 6px 16px rgba(30,136,229,.3);
    box-shadow: 0 6px 16px rgba(30,136,229,.3);
    background: #1976d2
}

.resourcePackages___19Go8 {
    background: -webkit-gradient(linear,left top,left bottom,from(#f7fbff),to(#fff));
    background: linear-gradient(180deg,#f7fbff,#fff);
    padding: 80px 0
}

.container___2Fi0G {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px
}

.header___-547w {
    text-align: center;
    margin-bottom: 48px
}

.sectionTitle___CY0-A {
    font-size: 34px;
    font-weight: 700;
    color: #101827;
    margin-bottom: 16px;
    line-height: 1.3;
    letter-spacing: 0
}

.sectionSubtitle___1abr6 {
    font-size: 16px;
    color: #667085;
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto
}

.grid___2uhHQ {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(320px,1fr));
    gap: 16px
}

.card___C5fWn {
    background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.98)),to(rgba(250,253,255,.96)));
    background: linear-gradient(180deg,hsla(0,0%,100%,.98),rgba(250,253,255,.96));
    border: 1px solid rgba(30,136,229,.1);
    border-radius: 18px;
    padding: 22px;
    -webkit-transition: all .24s ease;
    transition: all .24s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-height: 260px;
    position: relative;
    z-index: 9;
    -webkit-box-shadow: 0 14px 38px rgba(23,48,86,.06);
    box-shadow: 0 14px 38px rgba(23,48,86,.06)
}

.card___C5fWn:hover {
    border-color: rgba(30,136,229,.24);
    -webkit-box-shadow: 0 22px 52px rgba(30,136,229,.12);
    box-shadow: 0 22px 52px rgba(30,136,229,.12);
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
}

.cardHeader___2O5Yw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 6px;
    margin-bottom: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.badge___zDvMb {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    padding: 3px 8px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.3
}

.badgeIcon___1Jen6 {
    font-size: 12px
}

.badgeHot___1ntj9 {
    background: hsla(0,100%,71%,.1);
    color: #ff6b6b;
    border: 1px solid hsla(0,100%,71%,.2)
}

.badgeNew___jLcT_ {
    background: rgba(78,205,196,.1);
    color: #4ecdc4;
    border: 1px solid rgba(78,205,196,.2)
}

.badgeRecommended___1D3JO {
    background: rgba(255,167,38,.1);
    color: #ffa726;
    border: 1px solid rgba(255,167,38,.2)
}

.badgeCustom___3fIj9 {
    background: rgba(156,39,176,.1);
    color: #9c27b0;
    border: 1px solid rgba(156,39,176,.2)
}

.cardBody___3eFfy {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 14px
}

.packageTitle___2YxHb {
    font-size: 20px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 0 0 8px;
    line-height: 1.4
}

.packageDescription___3qx9X {
    font-size: 14px;
    color: #4b5563;
    line-height: 1.6;
    margin: 0 0 14px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-clamp: 1;
    overflow: hidden
}

.features___2kPpK {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.feature___e1bjz,.features___2kPpK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.feature___e1bjz {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.featureIcon___s-aUT {
    color: #1e88e5;
    font-weight: 700;
    font-size: 14px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.featureText___2APOF {
    font-size: 13px;
    color: #666;
    line-height: 1.5
}

.cardFooter___1z8lk {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    border-top: 1px solid rgba(30,136,229,.1);
    padding-top: 12px
}

.cardFooter___1z8lk,.priceSection___f7yKS {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.priceSection___f7yKS {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 8px
}

.price___3XBQs {
    font-size: 18px;
    font-weight: 700;
    color: #2fb1f0
}

.originalPrice___23OlP {
    font-size: 12px;
    color: #999;
    text-decoration: line-through
}

.purchaseBtn___2eDZ8 {
    background: linear-gradient(135deg,#1e88e5,#2fb1f0);
    color: #fff;
    border: none;
    border-radius: 999px;
    padding: 8px 14px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    white-space: nowrap;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.purchaseBtn___2eDZ8:hover {
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);
    -webkit-box-shadow: 0 6px 16px rgba(30,136,229,.3);
    box-shadow: 0 6px 16px rgba(30,136,229,.3);
    color: #fff;
    text-decoration: none;
    background: linear-gradient(135deg,#1976d2,#1e88e5)
}

.purchaseBtn___2eDZ8:hover .btnArrow___bpsy- {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

.purchaseBtn___2eDZ8:active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.purchaseBtn___2eDZ8:disabled {
    background: #e0e0e0;
    color: #999;
    cursor: not-allowed
}

.purchaseBtn___2eDZ8:disabled:hover {
    -webkit-transform: none;
    transform: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.btnArrow___bpsy- {
    display: inline-block;
    margin-left: 6px;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease
}

.emptyState___1B9MT {
    text-align: center;
    padding: 50px 20px;
    color: #666
}

.emptyIcon___2f5Yd {
    color: #1e88e5;
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.emptyState___1B9MT h3 {
    font-size: 18px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 6px
}

.emptyState___1B9MT p {
    font-size: 14px;
    color: #4b5563;
    margin: 0;
    line-height: 1.6
}

@media (max-width: 768px) {
    .resourcePackages___19Go8 {
        padding:60px 0
    }

    .container___2Fi0G {
        padding: 0 20px
    }

    .header___-547w {
        margin-bottom: 40px
    }

    .sectionTitle___CY0-A {
        font-size: 28px
    }

    .sectionSubtitle___1abr6 {
        font-size: 15px
    }

    .nav___2VLXV {
        margin-bottom: 40px
    }

    .navItem___qdr3v {
        padding: 10px 20px;
        font-size: 13px
    }

    .grid___2uhHQ {
        grid-template-columns: 1fr;
        gap: 14px
    }

    .card___C5fWn {
        min-height: auto;
        padding: 16px
    }

    .packageTitle___2YxHb {
        font-size: 17px
    }

    .packageDescription___3qx9X {
        font-size: 13px;
        margin-bottom: 10px
    }

    .price___3XBQs {
        font-size: 16px
    }

    .purchaseBtn___2eDZ8 {
        padding: 7px 12px;
        font-size: 12px
    }
}

@media (max-width: 480px) {
    .resourcePackages___19Go8 {
        padding:48px 0
    }

    .container___2Fi0G {
        padding: 0 16px
    }

    .header___-547w {
        margin-bottom: 32px
    }

    .sectionTitle___CY0-A {
        font-size: 24px
    }

    .nav___2VLXV {
        margin-bottom: 32px
    }

    .navItem___qdr3v {
        padding: 8px 16px;
        font-size: 12px
    }

    .card___C5fWn {
        padding: 14px
    }

    .cardFooter___1z8lk {
        gap: 8px
    }

    .packageDescription___3qx9X {
        -webkit-line-clamp: 2;
        line-clamp: 2
    }

    .purchaseBtn___2eDZ8 {
        padding: 7px 10px
    }
}

.forcePackage___2UOE1 .card___C5fWn {
    background: linear-gradient(135deg,#f5f9ff,#e1efff);
    border-radius: 16px;
    border: 1px solid rgba(47,177,240,.2);
    -webkit-box-shadow: 0 4px 16px rgba(47,177,240,.04);
    box-shadow: 0 4px 16px rgba(47,177,240,.04)
}

.forcePackage___2UOE1 .card___C5fWn:hover {
    border-color: rgba(47,177,240,.4);
    -webkit-box-shadow: 0 12px 32px rgba(47,177,240,.16);
    box-shadow: 0 12px 32px rgba(47,177,240,.16)
}

.forcePackage___2UOE1 .badgeNew___jLcT_ {
    background: linear-gradient(135deg,#1976d2,#1e88e5)
}

.forcePackage___2UOE1 .price___3XBQs {
    color: #1e88e5
}

.forcePackage___2UOE1 .purchaseBtn___2eDZ8 {
    background: #1e88e5
}

.forcePackage___2UOE1 .purchaseBtn___2eDZ8:hover {
    -webkit-box-shadow: 0 6px 16px rgba(30,136,229,.3);
    box-shadow: 0 6px 16px rgba(30,136,229,.3);
    background: #1976d2
}

.productHighlights___2WsY2 {
    padding: 86px 0 90px;
    position: relative;
    overflow: hidden;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8fbff));
    background: linear-gradient(180deg,#fff,#f8fbff)
}

.productHighlights___2WsY2:before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: linear-gradient(rgba(30,136,229,.045) 1px,transparent 0),linear-gradient(90deg,rgba(30,136,229,.045) 1px,transparent 0);
    background-size: 80px 80px;
    opacity: .58;
    -webkit-mask-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.42)),color-stop(72%,transparent));
    -webkit-mask-image: linear-gradient(180deg,rgba(0,0,0,.42),transparent 72%);
    mask-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.42)),color-stop(72%,transparent));
    mask-image: linear-gradient(180deg,rgba(0,0,0,.42),transparent 72%)
}

.container___30bae {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    position: relative;
    z-index: 1
}

.header___T2PJR {
    max-width: 760px;
    margin: 0 auto 42px;
    text-align: center
}

.eyebrow___3GSH- {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 12px;
    padding: 5px 12px;
    border-radius: 999px;
    color: #1e88e5;
    background: rgba(30,136,229,.1);
    border: 1px solid rgba(30,136,229,.12);
    font-size: 13px;
    font-weight: 600;
    line-height: 20px
}

.sectionTitle___2nwO_ {
    margin: 0 0 16px;
    color: #101827;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.28;
    letter-spacing: 0
}

.sectionSubtitle___OevR- {
    margin: 0 auto;
    max-width: 680px;
    color: #667085;
    font-size: 16px;
    line-height: 1.7
}

.experiencePanel___2SHe1 {
    display: grid;
    grid-template-columns: minmax(0,1.12fr) minmax(360px,.88fr);
    gap: 18px
}

.capabilityCard___3qbaV {
    position: relative;
    min-height: 246px;
    padding: 28px;
    overflow: hidden;
    border: 1px solid rgba(30,136,229,.12);
    border-radius: 22px;
    background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.96)),to(rgba(248,252,255,.92)));
    background: linear-gradient(180deg,hsla(0,0%,100%,.96),rgba(248,252,255,.92));
    -webkit-box-shadow: 0 18px 48px rgba(23,48,86,.08),inset 0 1px 0 hsla(0,0%,100%,.9);
    box-shadow: 0 18px 48px rgba(23,48,86,.08),inset 0 1px 0 hsla(0,0%,100%,.9);
    -webkit-transition: all .24s ease;
    transition: all .24s ease
}

.capabilityCard___3qbaV:after {
    display: none
}

.capabilityCard___3qbaV:hover {
    border-color: rgba(30,136,229,.24);
    -webkit-box-shadow: 0 24px 58px rgba(30,136,229,.12);
    box-shadow: 0 24px 58px rgba(30,136,229,.12);
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px)
}

.capabilityCard___3qbaV h3 {
    position: relative;
    z-index: 1;
    margin: 0 0 12px;
    color: #101827;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0
}

.capabilityCard___3qbaV p {
    position: relative;
    z-index: 1;
    max-width: 520px;
    margin: 0;
    color: #5b6678;
    font-size: 15px;
    line-height: 1.7
}

.primaryCard___e1qkl {
    min-height: 510px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: linear-gradient(145deg,hsla(0,0%,100%,.98),rgba(241,248,255,.96))
}

.primaryCard___e1qkl h3 {
    max-width: 420px;
    font-size: 30px
}

.cardMeta___Q7rFS {
    position: relative;
    z-index: 1;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 18px;
    padding: 6px 12px;
    border-radius: 999px;
    color: #1e88e5;
    background: rgba(30,136,229,.09);
    border: 1px solid rgba(30,136,229,.12);
    font-size: 13px;
    font-weight: 700;
    line-height: 20px
}

.modelShowcase___3yaBf {
    position: relative;
    z-index: 1;
    margin: 24px 0 0;
    overflow: hidden;
    border-radius: 20px;
    background: hsla(0,0%,100%,.82);
    border: 1px solid rgba(30,136,229,.12)
}

.modelImage___12790 {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 14px
}

.sideCards___TAjZu {
    display: grid;
    gap: 18px
}

.iconBadge___1uFLg {
    width: 48px;
    height: 48px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 16px;
    border-radius: 16px;
    background: rgba(30,136,229,.09);
    border: 1px solid rgba(30,136,229,.12)
}

.cardLabel___1azuK,.iconBadge___1uFLg {
    position: relative;
    z-index: 1;
    color: #1e88e5
}

.cardLabel___1azuK {
    display: block;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: 700;
    line-height: 20px
}

.pointList___35G31 {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px
}

.pointList___35G31 span {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    padding: 6px 10px;
    border-radius: 999px;
    color: #34516f;
    background: rgba(30,136,229,.07);
    border: 1px solid rgba(30,136,229,.1);
    font-size: 13px;
    font-weight: 600;
    line-height: 20px
}

.pointList___35G31 svg {
    color: #1e88e5;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.supportGrid___1HNM4 {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 14px;
    margin-top: 18px
}

.supportItem___QY-b- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    min-height: 112px;
    padding: 18px;
    border-radius: 18px;
    color: #1e88e5;
    background: hsla(0,0%,100%,.82);
    border: 1px solid rgba(30,136,229,.1);
    -webkit-box-shadow: 0 12px 32px rgba(23,48,86,.05);
    box-shadow: 0 12px 32px rgba(23,48,86,.05)
}

.supportItem___QY-b- svg {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin-top: 2px
}

.supportItem___QY-b- h4 {
    margin: 0 0 6px;
    color: #101827;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35
}

.supportItem___QY-b- p {
    margin: 0;
    color: #667085;
    font-size: 13px;
    line-height: 1.6
}

@media (max-width: 1024px) {
    .experiencePanel___2SHe1 {
        grid-template-columns:1fr
    }

    .primaryCard___e1qkl {
        min-height: auto
    }

    .supportGrid___1HNM4 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media (max-width: 768px) {
    .productHighlights___2WsY2 {
        padding:60px 0 64px
    }

    .container___30bae {
        padding: 0 20px
    }

    .header___T2PJR {
        margin-bottom: 30px
    }

    .sectionTitle___2nwO_ {
        font-size: 28px
    }

    .sectionSubtitle___OevR- {
        font-size: 15px
    }

    .experiencePanel___2SHe1,.sideCards___TAjZu {
        gap: 12px
    }

    .capabilityCard___3qbaV {
        min-height: auto;
        padding: 20px;
        border-radius: 18px
    }

    .capabilityCard___3qbaV h3,.primaryCard___e1qkl h3 {
        font-size: 22px
    }

    .capabilityCard___3qbaV p {
        font-size: 14px
    }

    .modelShowcase___3yaBf {
        margin-top: 24px;
        padding: 10px;
        border-radius: 16px
    }

    .modelImage___12790 {
        border-radius: 12px
    }

    .pointList___35G31 {
        gap: 8px
    }

    .supportGrid___1HNM4 {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 12px
    }

    .supportItem___QY-b- {
        min-height: auto;
        padding: 16px
    }
}

.faqSection___2bw0u {
    padding: 64px 0 72px;
    background: -webkit-gradient(linear,left top,left bottom,from(#f8fbff),to(#fff));
    background: linear-gradient(180deg,#f8fbff,#fff);
    position: relative
}

.container___XJIew {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px
}

.header___3uDC2 {
    text-align: center;
    margin-bottom: 64px
}

.title___1EmyM {
    font-size: 34px;
    font-weight: 700;
    color: #101827;
    margin-bottom: 16px;
    line-height: 1.3;
    letter-spacing: 0
}

.subtitle___33BqQ {
    font-size: 16px;
    color: #667085;
    line-height: 1.6;
    max-width: 600px;
    margin: 0 auto
}

.faqList___22EUl {
    max-width: 800px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px
}

.faqItem___1iwe_ {
    background: hsla(0,0%,100%,.92);
    border-radius: 18px;
    border: 1px solid rgba(30,136,229,.1);
    -webkit-box-shadow: 0 12px 32px rgba(23,48,86,.05);
    box-shadow: 0 12px 32px rgba(23,48,86,.05);
    overflow: hidden;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.faqItem___1iwe_:hover {
    border-color: rgba(47,177,240,.22);
    -webkit-box-shadow: 0 18px 42px rgba(30,136,229,.09);
    box-shadow: 0 18px 42px rgba(30,136,229,.09)
}

.faqItem___1iwe_.expanded___2cTH5 {
    border-color: rgba(47,177,240,.3);
    -webkit-box-shadow: 0 8px 32px rgba(47,177,240,.08);
    box-shadow: 0 8px 32px rgba(47,177,240,.08)
}

.faqItem___1iwe_.expanded___2cTH5 .icon___1-0xd {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.faqItem___1iwe_.expanded___2cTH5 .answerWrapper___3hJW- {
    max-height: 200px;
    opacity: 1
}

.question___3I5Za {
    width: 100%;
    background: none;
    border: none;
    padding: 24px 28px;
    text-align: left;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #1e293b;
    line-height: 1.5;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.question___3I5Za:focus {
    outline: none
}

.icon___1-0xd {
    color: #64748b;
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease,-webkit-transform .2s ease;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 16px
}

.answerWrapper___3hJW- {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.answer___1Ay0K {
    min-height: 0;
    padding: 0 28px;
    font-size: 15px;
    color: #64748b;
    line-height: 1.7
}

.faqItem___1iwe_.expanded___2cTH5 .answer___1Ay0K {
    padding-top: 0;
    padding-bottom: 24px
}

.footer___2fiuu {
    text-align: center;
    margin-top: 64px
}

.footerText___2ZlaO {
    font-size: 16px;
    color: #64748b;
    margin: 0
}

.contactLink___266ab {
    color: #3b82f6;
    text-decoration: none;
    font-weight: 600;
    margin-left: 8px;
    -webkit-transition: color .2s ease;
    transition: color .2s ease
}

.contactLink___266ab:hover {
    color: #1d4ed8;
    text-decoration: underline
}

@media (max-width: 768px) {
    .faqSection___2bw0u {
        padding:60px 0
    }

    .container___XJIew {
        padding: 0 20px
    }

    .header___3uDC2 {
        margin-bottom: 48px
    }

    .title___1EmyM {
        font-size: 28px
    }

    .subtitle___33BqQ {
        font-size: 15px
    }

    .question___3I5Za {
        padding: 20px 24px;
        font-size: 15px
    }

    .answer___1Ay0K {
        padding: 0 24px 20px;
        font-size: 14px
    }

    .icon___1-0xd {
        margin-left: 12px
    }

    .footer___2fiuu {
        margin-top: 48px
    }

    .footerText___2ZlaO {
        font-size: 15px
    }
}

.diffuseBg___3zHwC {
    position: relative;
    overflow: hidden;
    min-height: 100vh
}

.diffuse___2iQXB {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.content___1khh8 {
    position: relative;
    z-index: 2
}

.diffuse1___R1F2j,.diffuse2___oHHua,.diffuse3___3_g9U {
    position: absolute;
    border-radius: 50%;
    -webkit-filter: blur(80px);
    filter: blur(80px);
    opacity: .42;
    -webkit-animation: float___36zko 6s ease-in-out infinite;
    animation: float___36zko 6s ease-in-out infinite
}

.diffuse1___R1F2j {
    width: 400px;
    height: 400px;
    top: 10%;
    left: 20%;
    background: radial-gradient(circle,rgba(60,205,255,.9) 0,rgba(201,247,221,.65) 55%,transparent 100%);
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.diffuse2___oHHua {
    width: 350px;
    height: 350px;
    top: 50%;
    right: 15%;
    background: radial-gradient(circle,rgba(30,136,229,.5) 0,rgba(232,246,255,.7) 58%,transparent 100%);
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.diffuse3___3_g9U {
    width: 450px;
    height: 450px;
    bottom: 20%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: radial-gradient(circle,rgba(22,163,74,.42) 0,rgba(236,253,245,.72) 58%,transparent 100%);
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

@-webkit-keyframes float___36zko {
    0%,to {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1)
    }

    50% {
        -webkit-transform: translateY(-20px) scale(1.05);
        transform: translateY(-20px) scale(1.05)
    }
}

@keyframes float___36zko {
    0%,to {
        -webkit-transform: translateY(0) scale(1);
        transform: translateY(0) scale(1)
    }

    50% {
        -webkit-transform: translateY(-20px) scale(1.05);
        transform: translateY(-20px) scale(1.05)
    }
}

@media (max-width: 768px) {
    .diffuse1___R1F2j {
        width:300px;
        height: 300px
    }

    .diffuse1___R1F2j,.diffuse2___oHHua {
        -webkit-filter: blur(60px);
        filter: blur(60px)
    }

    .diffuse2___oHHua {
        width: 250px;
        height: 250px
    }

    .diffuse3___3_g9U {
        width: 320px;
        height: 320px;
        -webkit-filter: blur(60px);
        filter: blur(60px)
    }
}

@media (max-width: 480px) {
    .diffuse1___R1F2j,.diffuse2___oHHua,.diffuse3___3_g9U {
        -webkit-filter:blur(40px);
        filter: blur(40px);
        opacity: .4
    }

    .diffuse1___R1F2j {
        width: 200px;
        height: 200px
    }

    .diffuse2___oHHua {
        width: 180px;
        height: 180px
    }

    .diffuse3___3_g9U {
        width: 220px;
        height: 220px
    }
}

.floatingBarV2___11j-t {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.aiChat___1NdDp {
    overflow: hidden;
    background: -webkit-gradient(linear,left top,left bottom,from(#f6fbff),color-stop(34%,#fff),color-stop(66%,#f7fbff),to(#fff));
    background: linear-gradient(180deg,#f6fbff,#fff 34%,#f7fbff 66%,#fff);
    color: #172033
}

.floatingBarV2___182IG {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.posterDialog___1UUEM {
    width: 328px
}

.poster___37TNu {
    width: 280px;
    height: 500px;
    position: relative
}

.poster___37TNu img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.poster___37TNu .qrCode___asW2k {
    position: absolute;
    bottom: 80px;
    left: calc(50% - 68px);
    width: 136px;
    height: 136px;
    border-radius: 8px;
    padding: 8px;
    background: #fff
}

.floatingBarV2___8is5M {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.mask___Q5uWF {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: hsla(0,0%,100%,.6);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    z-index: 1000
}

.dialog___BueGQ {
    margin: 25vh auto;
    border: 1px solid #eee;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(24,84,188,.1);
    box-shadow: 0 2px 8px 0 rgba(24,84,188,.1);
    padding: 20px;
    background: #fff;
    position: relative
}

@media only screen and (max-width: 767px) {
    .dialog___BueGQ {
        margin:25vh auto;
        max-width: calc(100vw - 32px);
        padding: 16px
    }
}

.dialog___BueGQ .closeIcon___3Kclm {
    position: absolute;
    top: 16px;
    right: 12px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    color: #999
}

.dialog___BueGQ .title___29vh3 {
    font-size: 18px;
    font-weight: 700;
    color: #333
}

.content___3pwUu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 20px
}

@media (max-width: 768px) {
    .content___3pwUu {
        padding:16px 0
    }
}

.agreementContainer___hpkLF {
    margin-bottom: 20px;
    max-height: 400px;
    padding: 16px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #f8f9fb;
    border: 1px solid #e5e7eb;
    border-radius: 8px
}

@media (max-width: 768px) {
    .agreementContainer___hpkLF {
        margin-bottom:16px;
        max-height: 300px;
        padding: 12px
    }
}

.agreementContainer___hpkLF::-webkit-scrollbar {
    width: 6px
}

.agreementContainer___hpkLF::-webkit-scrollbar-thumb {
    background: rgba(0,0,0,.2);
    border-radius: 999px
}

.agreementContainer___hpkLF::-webkit-scrollbar-track {
    background: transparent
}

.applyCpsAgreement___j6IQx {
    margin-bottom: 20px;
    max-height: 400px;
    padding: 16px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #f8f9fb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    color: #4a4a4a;
    font-size: 14px;
    line-height: 1.7;
    word-break: break-word
}

@media (max-width: 768px) {
    .applyCpsAgreement___j6IQx {
        margin-bottom:16px;
        max-height: 300px;
        padding: 12px;
        font-size: 13px;
        line-height: 1.6
    }
}

.agreementTitle___30Rb2 {
    margin: 0 0 12px;
    font-size: 16px;
    font-weight: 600;
    color: #1f2933
}

@media (max-width: 768px) {
    .agreementTitle___30Rb2 {
        font-size:15px;
        margin: 0 0 10px
    }
}

.agreementSubtitle___1fNVA {
    margin: 0 0 16px;
    font-size: 14px;
    font-weight: 500;
    color: #3c4858;
    line-height: 1.6
}

@media (max-width: 768px) {
    .agreementSubtitle___1fNVA {
        font-size:13px;
        margin: 0 0 12px
    }
}

.checkboxContainer___lk60W {
    margin: 8px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding: 12px 0;
    border-top: 1px solid #e5e7eb
}

@media (max-width: 768px) {
    .checkboxContainer___lk60W {
        margin:12px 0 0;
        padding: 10px 0;
        gap: 6px
    }
}

.checkboxLabel___3kx7F {
    font-size: 14px;
    color: #333;
    cursor: pointer
}

@media (max-width: 768px) {
    .checkboxLabel___3kx7F {
        font-size:13px
    }
}

.actions___2UZ-B {
    gap: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 4px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (max-width: 768px) {
    .actions___2UZ-B {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        gap: 8px;
        margin-top: 16px
    }
}

.actions___2UZ-B button {
    min-width: 100px
}

@media (max-width: 768px) {
    .actions___2UZ-B button {
        width:100%;
        min-width: auto
    }
}

.prose {
    color: #374151;
    max-width: 65ch
}

.prose [class~=lead] {
    color: #4b5563;
    font-size: 1.25em;
    line-height: 1.6;
    margin-top: 1.2em;
    margin-bottom: 1.2em
}

.prose a {
    color: #111827;
    text-decoration: underline;
    font-weight: 500
}

.prose strong {
    color: #111827;
    font-weight: 600
}

.prose ol[type=A] {
    --list-counter-style: upper-alpha
}

.prose ol[type=a] {
    --list-counter-style: lower-alpha
}

.prose ol[type=As] {
    --list-counter-style: upper-alpha
}

.prose ol[type=as] {
    --list-counter-style: lower-alpha
}

.prose ol[type=I] {
    --list-counter-style: upper-roman
}

.prose ol[type=i] {
    --list-counter-style: lower-roman
}

.prose ol[type=Is] {
    --list-counter-style: upper-roman
}

.prose ol[type=is] {
    --list-counter-style: lower-roman
}

.prose ol[type="1"] {
    --list-counter-style: decimal
}

.prose ol>li {
    position: relative;
    padding-left: 1.75em
}

.prose ol>li:before {
    content: counter(list-item,var(--list-counter-style,decimal)) ".";
    position: absolute;
    font-weight: 400;
    color: #6b7280;
    left: 0
}

.prose ul>li {
    position: relative;
    padding-left: 1.75em
}

.prose ul>li:before {
    content: "";
    position: absolute;
    background-color: #d1d5db;
    border-radius: 50%;
    width: .375em;
    height: .375em;
    top: .6875em;
    left: .25em
}

.prose hr {
    border-color: #e5e7eb;
    border-top-width: 1px;
    margin-top: 3em;
    margin-bottom: 3em
}

.prose blockquote {
    font-weight: 500;
    font-style: italic;
    color: #111827;
    border-left-width: .25rem;
    border-left-color: #e5e7eb;
    quotes: "\201C""\201D""\2018""\2019";
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-left: 1em
}

.prose blockquote p:first-of-type:before {
    content: open-quote
}

.prose blockquote p:last-of-type:after {
    content: close-quote
}

.prose h1 {
    color: #111827;
    font-weight: 800;
    font-size: 2.25em;
    margin-top: 0;
    margin-bottom: .8888889em;
    line-height: 1.1111111
}

.prose h2 {
    color: #111827;
    font-weight: 700;
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 1em;
    line-height: 1.3333333
}

.prose h3 {
    font-size: 1.25em;
    margin-top: 1.6em;
    margin-bottom: .6em;
    line-height: 1.6
}

.prose h3,.prose h4 {
    color: #111827;
    font-weight: 600
}

.prose h4 {
    margin-top: 1.5em;
    margin-bottom: .5em;
    line-height: 1.5
}

.prose figure figcaption {
    color: #6b7280;
    font-size: .875em;
    line-height: 1.4285714;
    margin-top: .8571429em
}

.prose code {
    color: #111827;
    font-weight: 600;
    font-size: .875em
}

.prose code:after,.prose code:before {
    content: "`"
}

.prose a code {
    color: #111827
}

.prose pre {
    color: #e5e7eb;
    background-color: #1f2937;
    overflow-x: auto;
    font-size: .875em;
    line-height: 1.7142857;
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em;
    border-radius: .375rem;
    padding: .8571429em 1.1428571em
}

.prose pre code {
    background-color: transparent;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-weight: 400;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit
}

.prose pre code:after,.prose pre code:before {
    content: none
}

.prose table {
    width: 100%;
    table-layout: auto;
    text-align: left;
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: .875em;
    line-height: 1.7142857
}

.prose thead {
    color: #111827;
    font-weight: 600;
    border-bottom-width: 1px;
    border-bottom-color: #d1d5db
}

.prose thead th {
    vertical-align: bottom;
    padding-right: .5714286em;
    padding-bottom: .5714286em;
    padding-left: .5714286em
}

.prose tbody tr {
    border-bottom-width: 1px;
    border-bottom-color: #e5e7eb
}

.prose tbody tr:last-child {
    border-bottom-width: 0
}

.prose tbody td {
    vertical-align: top;
    padding: .5714286em
}

.prose {
    font-size: 1rem;
    line-height: 1.75
}

.prose p {
    margin-top: 1.25em;
    margin-bottom: 1.25em
}

.prose figure,.prose img,.prose video {
    margin-top: 2em;
    margin-bottom: 2em
}

.prose figure>* {
    margin-top: 0;
    margin-bottom: 0
}

.prose h2 code {
    font-size: .875em
}

.prose h3 code {
    font-size: .9em
}

.prose ol,.prose ul {
    margin-top: 1.25em;
    margin-bottom: 1.25em
}

.prose li {
    margin-top: .5em;
    margin-bottom: .5em
}

.prose>ul>li p {
    margin-top: .75em;
    margin-bottom: .75em
}

.prose>ul>li>:first-child {
    margin-top: 1.25em
}

.prose>ul>li>:last-child {
    margin-bottom: 1.25em
}

.prose>ol>li>:first-child {
    margin-top: 1.25em
}

.prose>ol>li>:last-child {
    margin-bottom: 1.25em
}

.prose ol ol,.prose ol ul,.prose ul ol,.prose ul ul {
    margin-top: .75em;
    margin-bottom: .75em
}

.prose h2+*,.prose h3+*,.prose h4+*,.prose hr+* {
    margin-top: 0
}

.prose thead th:first-child {
    padding-left: 0
}

.prose thead th:last-child {
    padding-right: 0
}

.prose tbody td:first-child {
    padding-left: 0
}

.prose tbody td:last-child {
    padding-right: 0
}

.prose>:first-child {
    margin-top: 0
}

.prose>:last-child {
    margin-bottom: 0
}

.prose-sm {
    font-size: .875rem;
    line-height: 1.7142857
}

.prose-sm p {
    margin-top: 1.1428571em;
    margin-bottom: 1.1428571em
}

.prose-sm [class~=lead] {
    font-size: 1.2857143em;
    line-height: 1.5555556;
    margin-top: .8888889em;
    margin-bottom: .8888889em
}

.prose-sm blockquote {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em;
    padding-left: 1.1111111em
}

.prose-sm h1 {
    font-size: 2.1428571em;
    margin-top: 0;
    margin-bottom: .8em;
    line-height: 1.2
}

.prose-sm h2 {
    font-size: 1.4285714em;
    margin-top: 1.6em;
    margin-bottom: .8em;
    line-height: 1.4
}

.prose-sm h3 {
    font-size: 1.2857143em;
    margin-top: 1.5555556em;
    margin-bottom: .4444444em;
    line-height: 1.5555556
}

.prose-sm h4 {
    margin-top: 1.4285714em;
    margin-bottom: .5714286em;
    line-height: 1.4285714
}

.prose-sm figure,.prose-sm img,.prose-sm video {
    margin-top: 1.7142857em;
    margin-bottom: 1.7142857em
}

.prose-sm figure>* {
    margin-top: 0;
    margin-bottom: 0
}

.prose-sm figure figcaption {
    font-size: .8571429em;
    line-height: 1.3333333;
    margin-top: .6666667em
}

.prose-sm code {
    font-size: .8571429em
}

.prose-sm h2 code {
    font-size: .9em
}

.prose-sm h3 code {
    font-size: .8888889em
}

.prose-sm pre {
    font-size: .8571429em;
    line-height: 1.6666667;
    margin-top: 1.6666667em;
    margin-bottom: 1.6666667em;
    border-radius: .25rem;
    padding: .6666667em 1em
}

.prose-sm ol,.prose-sm ul {
    margin-top: 1.1428571em;
    margin-bottom: 1.1428571em
}

.prose-sm li {
    margin-top: .2857143em;
    margin-bottom: .2857143em
}

.prose-sm ol>li {
    padding-left: 1.5714286em
}

.prose-sm ol>li:before {
    left: 0
}

.prose-sm ul>li {
    padding-left: 1.5714286em
}

.prose-sm ul>li:before {
    height: .3571429em;
    width: .3571429em;
    top: .67857em;
    left: .2142857em
}

.prose-sm>ul>li p {
    margin-top: .5714286em;
    margin-bottom: .5714286em
}

.prose-sm>ul>li>:first-child {
    margin-top: 1.1428571em
}

.prose-sm>ul>li>:last-child {
    margin-bottom: 1.1428571em
}

.prose-sm>ol>li>:first-child {
    margin-top: 1.1428571em
}

.prose-sm>ol>li>:last-child {
    margin-bottom: 1.1428571em
}

.prose-sm ol ol,.prose-sm ol ul,.prose-sm ul ol,.prose-sm ul ul {
    margin-top: .5714286em;
    margin-bottom: .5714286em
}

.prose-sm hr {
    margin-top: 2.8571429em;
    margin-bottom: 2.8571429em
}

.prose-sm h2+*,.prose-sm h3+*,.prose-sm h4+*,.prose-sm hr+* {
    margin-top: 0
}

.prose-sm table {
    font-size: .8571429em;
    line-height: 1.5
}

.prose-sm thead th {
    padding-right: 1em;
    padding-bottom: .6666667em;
    padding-left: 1em
}

.prose-sm thead th:first-child {
    padding-left: 0
}

.prose-sm thead th:last-child {
    padding-right: 0
}

.prose-sm tbody td {
    padding: .6666667em 1em
}

.prose-sm tbody td:first-child {
    padding-left: 0
}

.prose-sm tbody td:last-child {
    padding-right: 0
}

.prose-sm>:first-child {
    margin-top: 0
}

.prose-sm>:last-child {
    margin-bottom: 0
}

.prose-lg {
    font-size: 1.125rem;
    line-height: 1.7777778
}

.prose-lg p {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em
}

.prose-lg [class~=lead] {
    font-size: 1.2222222em;
    line-height: 1.4545455;
    margin-top: 1.0909091em;
    margin-bottom: 1.0909091em
}

.prose-lg blockquote {
    margin-top: 1.6666667em;
    margin-bottom: 1.6666667em;
    padding-left: 1em
}

.prose-lg h1 {
    font-size: 2.6666667em;
    margin-top: 0;
    margin-bottom: .8333333em;
    line-height: 1
}

.prose-lg h2 {
    font-size: 1.6666667em;
    margin-top: 1.8666667em;
    margin-bottom: 1.0666667em;
    line-height: 1.3333333
}

.prose-lg h3 {
    font-size: 1.3333333em;
    margin-top: 1.6666667em;
    margin-bottom: .6666667em;
    line-height: 1.5
}

.prose-lg h4 {
    margin-top: 1.7777778em;
    margin-bottom: .4444444em;
    line-height: 1.5555556
}

.prose-lg figure,.prose-lg img,.prose-lg video {
    margin-top: 1.7777778em;
    margin-bottom: 1.7777778em
}

.prose-lg figure>* {
    margin-top: 0;
    margin-bottom: 0
}

.prose-lg figure figcaption {
    font-size: .8888889em;
    line-height: 1.5;
    margin-top: 1em
}

.prose-lg code {
    font-size: .8888889em
}

.prose-lg h2 code {
    font-size: .8666667em
}

.prose-lg h3 code {
    font-size: .875em
}

.prose-lg pre {
    font-size: .8888889em;
    line-height: 1.75;
    margin-top: 2em;
    margin-bottom: 2em;
    border-radius: .375rem;
    padding: 1em 1.5em
}

.prose-lg ol,.prose-lg ul {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em
}

.prose-lg li {
    margin-top: .6666667em;
    margin-bottom: .6666667em
}

.prose-lg ol>li {
    padding-left: 1.6666667em
}

.prose-lg ol>li:before {
    left: 0
}

.prose-lg ul>li {
    padding-left: 1.6666667em
}

.prose-lg ul>li:before {
    width: .3333333em;
    height: .3333333em;
    top: .72222em;
    left: .2222222em
}

.prose-lg>ul>li p {
    margin-top: .8888889em;
    margin-bottom: .8888889em
}

.prose-lg>ul>li>:first-child {
    margin-top: 1.3333333em
}

.prose-lg>ul>li>:last-child {
    margin-bottom: 1.3333333em
}

.prose-lg>ol>li>:first-child {
    margin-top: 1.3333333em
}

.prose-lg>ol>li>:last-child {
    margin-bottom: 1.3333333em
}

.prose-lg ol ol,.prose-lg ol ul,.prose-lg ul ol,.prose-lg ul ul {
    margin-top: .8888889em;
    margin-bottom: .8888889em
}

.prose-lg hr {
    margin-top: 3.1111111em;
    margin-bottom: 3.1111111em
}

.prose-lg h2+*,.prose-lg h3+*,.prose-lg h4+*,.prose-lg hr+* {
    margin-top: 0
}

.prose-lg table {
    font-size: .8888889em;
    line-height: 1.5
}

.prose-lg thead th {
    padding-right: .75em;
    padding-bottom: .75em;
    padding-left: .75em
}

.prose-lg thead th:first-child {
    padding-left: 0
}

.prose-lg thead th:last-child {
    padding-right: 0
}

.prose-lg tbody td {
    padding: .75em
}

.prose-lg tbody td:first-child {
    padding-left: 0
}

.prose-lg tbody td:last-child {
    padding-right: 0
}

.prose-lg>:first-child {
    margin-top: 0
}

.prose-lg>:last-child {
    margin-bottom: 0
}

.prose-xl {
    font-size: 1.25rem;
    line-height: 1.8
}

.prose-xl p {
    margin-top: 1.2em;
    margin-bottom: 1.2em
}

.prose-xl [class~=lead] {
    font-size: 1.2em;
    line-height: 1.5;
    margin-top: 1em;
    margin-bottom: 1em
}

.prose-xl blockquote {
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    padding-left: 1.0666667em
}

.prose-xl h1 {
    font-size: 2.8em;
    margin-top: 0;
    margin-bottom: .8571429em;
    line-height: 1
}

.prose-xl h2 {
    font-size: 1.8em;
    margin-top: 1.5555556em;
    margin-bottom: .8888889em;
    line-height: 1.1111111
}

.prose-xl h3 {
    font-size: 1.5em;
    margin-top: 1.6em;
    margin-bottom: .6666667em;
    line-height: 1.3333333
}

.prose-xl h4 {
    margin-top: 1.8em;
    margin-bottom: .6em;
    line-height: 1.6
}

.prose-xl figure,.prose-xl img,.prose-xl video {
    margin-top: 2em;
    margin-bottom: 2em
}

.prose-xl figure>* {
    margin-top: 0;
    margin-bottom: 0
}

.prose-xl figure figcaption {
    font-size: .9em;
    line-height: 1.5555556;
    margin-top: 1em
}

.prose-xl code {
    font-size: .9em
}

.prose-xl h2 code {
    font-size: .8611111em
}

.prose-xl h3 code,.prose-xl pre {
    font-size: .9em
}

.prose-xl pre {
    line-height: 1.7777778;
    margin-top: 2em;
    margin-bottom: 2em;
    border-radius: .5rem;
    padding: 1.1111111em 1.3333333em
}

.prose-xl ol,.prose-xl ul {
    margin-top: 1.2em;
    margin-bottom: 1.2em
}

.prose-xl li {
    margin-top: .6em;
    margin-bottom: .6em
}

.prose-xl ol>li {
    padding-left: 1.8em
}

.prose-xl ol>li:before {
    left: 0
}

.prose-xl ul>li {
    padding-left: 1.8em
}

.prose-xl ul>li:before {
    width: .35em;
    height: .35em;
    top: .725em;
    left: .25em
}

.prose-xl>ul>li p {
    margin-top: .8em;
    margin-bottom: .8em
}

.prose-xl>ul>li>:first-child {
    margin-top: 1.2em
}

.prose-xl>ul>li>:last-child {
    margin-bottom: 1.2em
}

.prose-xl>ol>li>:first-child {
    margin-top: 1.2em
}

.prose-xl>ol>li>:last-child {
    margin-bottom: 1.2em
}

.prose-xl ol ol,.prose-xl ol ul,.prose-xl ul ol,.prose-xl ul ul {
    margin-top: .8em;
    margin-bottom: .8em
}

.prose-xl hr {
    margin-top: 2.8em;
    margin-bottom: 2.8em
}

.prose-xl h2+*,.prose-xl h3+*,.prose-xl h4+*,.prose-xl hr+* {
    margin-top: 0
}

.prose-xl table {
    font-size: .9em;
    line-height: 1.5555556
}

.prose-xl thead th {
    padding-right: .6666667em;
    padding-bottom: .8888889em;
    padding-left: .6666667em
}

.prose-xl thead th:first-child {
    padding-left: 0
}

.prose-xl thead th:last-child {
    padding-right: 0
}

.prose-xl tbody td {
    padding: .8888889em .6666667em
}

.prose-xl tbody td:first-child {
    padding-left: 0
}

.prose-xl tbody td:last-child {
    padding-right: 0
}

.prose-xl>:first-child {
    margin-top: 0
}

.prose-xl>:last-child {
    margin-bottom: 0
}

.prose-2xl {
    font-size: 1.5rem;
    line-height: 1.6666667
}

.prose-2xl p {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em
}

.prose-2xl [class~=lead] {
    font-size: 1.25em;
    line-height: 1.4666667;
    margin-top: 1.0666667em;
    margin-bottom: 1.0666667em
}

.prose-2xl blockquote {
    margin-top: 1.7777778em;
    margin-bottom: 1.7777778em;
    padding-left: 1.1111111em
}

.prose-2xl h1 {
    font-size: 2.6666667em;
    margin-top: 0;
    margin-bottom: .875em;
    line-height: 1
}

.prose-2xl h2 {
    font-size: 2em;
    margin-top: 1.5em;
    margin-bottom: .8333333em;
    line-height: 1.0833333
}

.prose-2xl h3 {
    font-size: 1.5em;
    margin-top: 1.5555556em;
    margin-bottom: .6666667em;
    line-height: 1.2222222
}

.prose-2xl h4 {
    margin-top: 1.6666667em;
    margin-bottom: .6666667em;
    line-height: 1.5
}

.prose-2xl figure,.prose-2xl img,.prose-2xl video {
    margin-top: 2em;
    margin-bottom: 2em
}

.prose-2xl figure>* {
    margin-top: 0;
    margin-bottom: 0
}

.prose-2xl figure figcaption {
    font-size: .8333333em;
    line-height: 1.6;
    margin-top: 1em
}

.prose-2xl code {
    font-size: .8333333em
}

.prose-2xl h2 code {
    font-size: .875em
}

.prose-2xl h3 code {
    font-size: .8888889em
}

.prose-2xl pre {
    font-size: .8333333em;
    line-height: 1.8;
    margin-top: 2em;
    margin-bottom: 2em;
    border-radius: .5rem;
    padding: 1.2em 1.6em
}

.prose-2xl ol,.prose-2xl ul {
    margin-top: 1.3333333em;
    margin-bottom: 1.3333333em
}

.prose-2xl li {
    margin-top: .5em;
    margin-bottom: .5em
}

.prose-2xl ol>li {
    padding-left: 1.6666667em
}

.prose-2xl ol>li:before {
    left: 0
}

.prose-2xl ul>li {
    padding-left: 1.6666667em
}

.prose-2xl ul>li:before {
    width: .3333333em;
    height: .3333333em;
    top: .66667em;
    left: .25em
}

.prose-2xl>ul>li p {
    margin-top: .8333333em;
    margin-bottom: .8333333em
}

.prose-2xl>ul>li>:first-child {
    margin-top: 1.3333333em
}

.prose-2xl>ul>li>:last-child {
    margin-bottom: 1.3333333em
}

.prose-2xl>ol>li>:first-child {
    margin-top: 1.3333333em
}

.prose-2xl>ol>li>:last-child {
    margin-bottom: 1.3333333em
}

.prose-2xl ol ol,.prose-2xl ol ul,.prose-2xl ul ol,.prose-2xl ul ul {
    margin-top: .6666667em;
    margin-bottom: .6666667em
}

.prose-2xl hr {
    margin-top: 3em;
    margin-bottom: 3em
}

.prose-2xl h2+*,.prose-2xl h3+*,.prose-2xl h4+*,.prose-2xl hr+* {
    margin-top: 0
}

.prose-2xl table {
    font-size: .8333333em;
    line-height: 1.4
}

.prose-2xl thead th {
    padding-right: .6em;
    padding-bottom: .8em;
    padding-left: .6em
}

.prose-2xl thead th:first-child {
    padding-left: 0
}

.prose-2xl thead th:last-child {
    padding-right: 0
}

.prose-2xl tbody td {
    padding: .8em .6em
}

.prose-2xl tbody td:first-child {
    padding-left: 0
}

.prose-2xl tbody td:last-child {
    padding-right: 0
}

.prose-2xl>:first-child {
    margin-top: 0
}

.prose-2xl>:last-child {
    margin-bottom: 0
}

.prose-red a,.prose-red a code {
    color: #dc2626
}

.prose-yellow a,.prose-yellow a code {
    color: #d97706
}

.prose-green a,.prose-green a code {
    color: #059669
}

.prose-blue a,.prose-blue a code {
    color: #2563eb
}

.prose-indigo a,.prose-indigo a code {
    color: #4f46e5
}

.prose-purple a,.prose-purple a code {
    color: #7c3aed
}

.prose-pink a,.prose-pink a code {
    color: #db2777
}

@media (min-width: 640px) {
    .sm\:prose {
        color:#374151;
        max-width: 65ch
    }

    .sm\:prose [class~=lead] {
        color: #4b5563;
        font-size: 1.25em;
        line-height: 1.6;
        margin-top: 1.2em;
        margin-bottom: 1.2em
    }

    .sm\:prose a {
        color: #111827;
        text-decoration: underline;
        font-weight: 500
    }

    .sm\:prose strong {
        color: #111827;
        font-weight: 600
    }

    .sm\:prose ol[type=A] {
        --list-counter-style: upper-alpha
    }

    .sm\:prose ol[type=a] {
        --list-counter-style: lower-alpha
    }

    .sm\:prose ol[type=As] {
        --list-counter-style: upper-alpha
    }

    .sm\:prose ol[type=as] {
        --list-counter-style: lower-alpha
    }

    .sm\:prose ol[type=I] {
        --list-counter-style: upper-roman
    }

    .sm\:prose ol[type=i] {
        --list-counter-style: lower-roman
    }

    .sm\:prose ol[type=Is] {
        --list-counter-style: upper-roman
    }

    .sm\:prose ol[type=is] {
        --list-counter-style: lower-roman
    }

    .sm\:prose ol[type="1"] {
        --list-counter-style: decimal
    }

    .sm\:prose ol>li {
        position: relative;
        padding-left: 1.75em
    }

    .sm\:prose ol>li:before {
        content: counter(list-item,var(--list-counter-style,decimal)) ".";
        position: absolute;
        font-weight: 400;
        color: #6b7280;
        left: 0
    }

    .sm\:prose ul>li {
        position: relative;
        padding-left: 1.75em
    }

    .sm\:prose ul>li:before {
        content: "";
        position: absolute;
        background-color: #d1d5db;
        border-radius: 50%;
        width: .375em;
        height: .375em;
        top: .6875em;
        left: .25em
    }

    .sm\:prose hr {
        border-color: #e5e7eb;
        border-top-width: 1px;
        margin-top: 3em;
        margin-bottom: 3em
    }

    .sm\:prose blockquote {
        font-weight: 500;
        font-style: italic;
        color: #111827;
        border-left-width: .25rem;
        border-left-color: #e5e7eb;
        quotes: "\201C""\201D""\2018""\2019";
        margin-top: 1.6em;
        margin-bottom: 1.6em;
        padding-left: 1em
    }

    .sm\:prose blockquote p:first-of-type:before {
        content: open-quote
    }

    .sm\:prose blockquote p:last-of-type:after {
        content: close-quote
    }

    .sm\:prose h1 {
        color: #111827;
        font-weight: 800;
        font-size: 2.25em;
        margin-top: 0;
        margin-bottom: .8888889em;
        line-height: 1.1111111
    }

    .sm\:prose h2 {
        color: #111827;
        font-weight: 700;
        font-size: 1.5em;
        margin-top: 2em;
        margin-bottom: 1em;
        line-height: 1.3333333
    }

    .sm\:prose h3 {
        font-size: 1.25em;
        margin-top: 1.6em;
        margin-bottom: .6em;
        line-height: 1.6
    }

    .sm\:prose h3,.sm\:prose h4 {
        color: #111827;
        font-weight: 600
    }

    .sm\:prose h4 {
        margin-top: 1.5em;
        margin-bottom: .5em;
        line-height: 1.5
    }

    .sm\:prose figure figcaption {
        color: #6b7280;
        font-size: .875em;
        line-height: 1.4285714;
        margin-top: .8571429em
    }

    .sm\:prose code {
        color: #111827;
        font-weight: 600;
        font-size: .875em
    }

    .sm\:prose code:after,.sm\:prose code:before {
        content: "`"
    }

    .sm\:prose a code {
        color: #111827
    }

    .sm\:prose pre {
        color: #e5e7eb;
        background-color: #1f2937;
        overflow-x: auto;
        font-size: .875em;
        line-height: 1.7142857;
        margin-top: 1.7142857em;
        margin-bottom: 1.7142857em;
        border-radius: .375rem;
        padding: .8571429em 1.1428571em
    }

    .sm\:prose pre code {
        background-color: transparent;
        border-width: 0;
        border-radius: 0;
        padding: 0;
        font-weight: 400;
        color: inherit;
        font-size: inherit;
        font-family: inherit;
        line-height: inherit
    }

    .sm\:prose pre code:after,.sm\:prose pre code:before {
        content: none
    }

    .sm\:prose table {
        width: 100%;
        table-layout: auto;
        text-align: left;
        margin-top: 2em;
        margin-bottom: 2em;
        font-size: .875em;
        line-height: 1.7142857
    }

    .sm\:prose thead {
        color: #111827;
        font-weight: 600;
        border-bottom-width: 1px;
        border-bottom-color: #d1d5db
    }

    .sm\:prose thead th {
        vertical-align: bottom;
        padding-right: .5714286em;
        padding-bottom: .5714286em;
        padding-left: .5714286em
    }

    .sm\:prose tbody tr {
        border-bottom-width: 1px;
        border-bottom-color: #e5e7eb
    }

    .sm\:prose tbody tr:last-child {
        border-bottom-width: 0
    }

    .sm\:prose tbody td {
        vertical-align: top;
        padding: .5714286em
    }

    .sm\:prose {
        font-size: 1rem;
        line-height: 1.75
    }

    .sm\:prose p {
        margin-top: 1.25em;
        margin-bottom: 1.25em
    }

    .sm\:prose figure,.sm\:prose img,.sm\:prose video {
        margin-top: 2em;
        margin-bottom: 2em
    }

    .sm\:prose figure>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .sm\:prose h2 code {
        font-size: .875em
    }

    .sm\:prose h3 code {
        font-size: .9em
    }

    .sm\:prose ol,.sm\:prose ul {
        margin-top: 1.25em;
        margin-bottom: 1.25em
    }

    .sm\:prose li {
        margin-top: .5em;
        margin-bottom: .5em
    }

    .sm\:prose>ul>li p {
        margin-top: .75em;
        margin-bottom: .75em
    }

    .sm\:prose>ul>li>:first-child {
        margin-top: 1.25em
    }

    .sm\:prose>ul>li>:last-child {
        margin-bottom: 1.25em
    }

    .sm\:prose>ol>li>:first-child {
        margin-top: 1.25em
    }

    .sm\:prose>ol>li>:last-child {
        margin-bottom: 1.25em
    }

    .sm\:prose ol ol,.sm\:prose ol ul,.sm\:prose ul ol,.sm\:prose ul ul {
        margin-top: .75em;
        margin-bottom: .75em
    }

    .sm\:prose h2+*,.sm\:prose h3+*,.sm\:prose h4+*,.sm\:prose hr+* {
        margin-top: 0
    }

    .sm\:prose thead th:first-child {
        padding-left: 0
    }

    .sm\:prose thead th:last-child {
        padding-right: 0
    }

    .sm\:prose tbody td:first-child {
        padding-left: 0
    }

    .sm\:prose tbody td:last-child {
        padding-right: 0
    }

    .sm\:prose>:first-child {
        margin-top: 0
    }

    .sm\:prose>:last-child {
        margin-bottom: 0
    }

    .sm\:prose-sm {
        font-size: .875rem;
        line-height: 1.7142857
    }

    .sm\:prose-sm p {
        margin-top: 1.1428571em;
        margin-bottom: 1.1428571em
    }

    .sm\:prose-sm [class~=lead] {
        font-size: 1.2857143em;
        line-height: 1.5555556;
        margin-top: .8888889em;
        margin-bottom: .8888889em
    }

    .sm\:prose-sm blockquote {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em;
        padding-left: 1.1111111em
    }

    .sm\:prose-sm h1 {
        font-size: 2.1428571em;
        margin-top: 0;
        margin-bottom: .8em;
        line-height: 1.2
    }

    .sm\:prose-sm h2 {
        font-size: 1.4285714em;
        margin-top: 1.6em;
        margin-bottom: .8em;
        line-height: 1.4
    }

    .sm\:prose-sm h3 {
        font-size: 1.2857143em;
        margin-top: 1.5555556em;
        margin-bottom: .4444444em;
        line-height: 1.5555556
    }

    .sm\:prose-sm h4 {
        margin-top: 1.4285714em;
        margin-bottom: .5714286em;
        line-height: 1.4285714
    }

    .sm\:prose-sm figure,.sm\:prose-sm img,.sm\:prose-sm video {
        margin-top: 1.7142857em;
        margin-bottom: 1.7142857em
    }

    .sm\:prose-sm figure>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .sm\:prose-sm figure figcaption {
        font-size: .8571429em;
        line-height: 1.3333333;
        margin-top: .6666667em
    }

    .sm\:prose-sm code {
        font-size: .8571429em
    }

    .sm\:prose-sm h2 code {
        font-size: .9em
    }

    .sm\:prose-sm h3 code {
        font-size: .8888889em
    }

    .sm\:prose-sm pre {
        font-size: .8571429em;
        line-height: 1.6666667;
        margin-top: 1.6666667em;
        margin-bottom: 1.6666667em;
        border-radius: .25rem;
        padding: .6666667em 1em
    }

    .sm\:prose-sm ol,.sm\:prose-sm ul {
        margin-top: 1.1428571em;
        margin-bottom: 1.1428571em
    }

    .sm\:prose-sm li {
        margin-top: .2857143em;
        margin-bottom: .2857143em
    }

    .sm\:prose-sm ol>li {
        padding-left: 1.5714286em
    }

    .sm\:prose-sm ol>li:before {
        left: 0
    }

    .sm\:prose-sm ul>li {
        padding-left: 1.5714286em
    }

    .sm\:prose-sm ul>li:before {
        height: .3571429em;
        width: .3571429em;
        top: .67857em;
        left: .2142857em
    }

    .sm\:prose-sm>ul>li p {
        margin-top: .5714286em;
        margin-bottom: .5714286em
    }

    .sm\:prose-sm>ul>li>:first-child {
        margin-top: 1.1428571em
    }

    .sm\:prose-sm>ul>li>:last-child {
        margin-bottom: 1.1428571em
    }

    .sm\:prose-sm>ol>li>:first-child {
        margin-top: 1.1428571em
    }

    .sm\:prose-sm>ol>li>:last-child {
        margin-bottom: 1.1428571em
    }

    .sm\:prose-sm ol ol,.sm\:prose-sm ol ul,.sm\:prose-sm ul ol,.sm\:prose-sm ul ul {
        margin-top: .5714286em;
        margin-bottom: .5714286em
    }

    .sm\:prose-sm hr {
        margin-top: 2.8571429em;
        margin-bottom: 2.8571429em
    }

    .sm\:prose-sm h2+*,.sm\:prose-sm h3+*,.sm\:prose-sm h4+*,.sm\:prose-sm hr+* {
        margin-top: 0
    }

    .sm\:prose-sm table {
        font-size: .8571429em;
        line-height: 1.5
    }

    .sm\:prose-sm thead th {
        padding-right: 1em;
        padding-bottom: .6666667em;
        padding-left: 1em
    }

    .sm\:prose-sm thead th:first-child {
        padding-left: 0
    }

    .sm\:prose-sm thead th:last-child {
        padding-right: 0
    }

    .sm\:prose-sm tbody td {
        padding: .6666667em 1em
    }

    .sm\:prose-sm tbody td:first-child {
        padding-left: 0
    }

    .sm\:prose-sm tbody td:last-child {
        padding-right: 0
    }

    .sm\:prose-sm>:first-child {
        margin-top: 0
    }

    .sm\:prose-sm>:last-child {
        margin-bottom: 0
    }

    .sm\:prose-lg {
        font-size: 1.125rem;
        line-height: 1.7777778
    }

    .sm\:prose-lg p {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em
    }

    .sm\:prose-lg [class~=lead] {
        font-size: 1.2222222em;
        line-height: 1.4545455;
        margin-top: 1.0909091em;
        margin-bottom: 1.0909091em
    }

    .sm\:prose-lg blockquote {
        margin-top: 1.6666667em;
        margin-bottom: 1.6666667em;
        padding-left: 1em
    }

    .sm\:prose-lg h1 {
        font-size: 2.6666667em;
        margin-top: 0;
        margin-bottom: .8333333em;
        line-height: 1
    }

    .sm\:prose-lg h2 {
        font-size: 1.6666667em;
        margin-top: 1.8666667em;
        margin-bottom: 1.0666667em;
        line-height: 1.3333333
    }

    .sm\:prose-lg h3 {
        font-size: 1.3333333em;
        margin-top: 1.6666667em;
        margin-bottom: .6666667em;
        line-height: 1.5
    }

    .sm\:prose-lg h4 {
        margin-top: 1.7777778em;
        margin-bottom: .4444444em;
        line-height: 1.5555556
    }

    .sm\:prose-lg figure,.sm\:prose-lg img,.sm\:prose-lg video {
        margin-top: 1.7777778em;
        margin-bottom: 1.7777778em
    }

    .sm\:prose-lg figure>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .sm\:prose-lg figure figcaption {
        font-size: .8888889em;
        line-height: 1.5;
        margin-top: 1em
    }

    .sm\:prose-lg code {
        font-size: .8888889em
    }

    .sm\:prose-lg h2 code {
        font-size: .8666667em
    }

    .sm\:prose-lg h3 code {
        font-size: .875em
    }

    .sm\:prose-lg pre {
        font-size: .8888889em;
        line-height: 1.75;
        margin-top: 2em;
        margin-bottom: 2em;
        border-radius: .375rem;
        padding: 1em 1.5em
    }

    .sm\:prose-lg ol,.sm\:prose-lg ul {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em
    }

    .sm\:prose-lg li {
        margin-top: .6666667em;
        margin-bottom: .6666667em
    }

    .sm\:prose-lg ol>li {
        padding-left: 1.6666667em
    }

    .sm\:prose-lg ol>li:before {
        left: 0
    }

    .sm\:prose-lg ul>li {
        padding-left: 1.6666667em
    }

    .sm\:prose-lg ul>li:before {
        width: .3333333em;
        height: .3333333em;
        top: .72222em;
        left: .2222222em
    }

    .sm\:prose-lg>ul>li p {
        margin-top: .8888889em;
        margin-bottom: .8888889em
    }

    .sm\:prose-lg>ul>li>:first-child {
        margin-top: 1.3333333em
    }

    .sm\:prose-lg>ul>li>:last-child {
        margin-bottom: 1.3333333em
    }

    .sm\:prose-lg>ol>li>:first-child {
        margin-top: 1.3333333em
    }

    .sm\:prose-lg>ol>li>:last-child {
        margin-bottom: 1.3333333em
    }

    .sm\:prose-lg ol ol,.sm\:prose-lg ol ul,.sm\:prose-lg ul ol,.sm\:prose-lg ul ul {
        margin-top: .8888889em;
        margin-bottom: .8888889em
    }

    .sm\:prose-lg hr {
        margin-top: 3.1111111em;
        margin-bottom: 3.1111111em
    }

    .sm\:prose-lg h2+*,.sm\:prose-lg h3+*,.sm\:prose-lg h4+*,.sm\:prose-lg hr+* {
        margin-top: 0
    }

    .sm\:prose-lg table {
        font-size: .8888889em;
        line-height: 1.5
    }

    .sm\:prose-lg thead th {
        padding-right: .75em;
        padding-bottom: .75em;
        padding-left: .75em
    }

    .sm\:prose-lg thead th:first-child {
        padding-left: 0
    }

    .sm\:prose-lg thead th:last-child {
        padding-right: 0
    }

    .sm\:prose-lg tbody td {
        padding: .75em
    }

    .sm\:prose-lg tbody td:first-child {
        padding-left: 0
    }

    .sm\:prose-lg tbody td:last-child {
        padding-right: 0
    }

    .sm\:prose-lg>:first-child {
        margin-top: 0
    }

    .sm\:prose-lg>:last-child {
        margin-bottom: 0
    }

    .sm\:prose-xl {
        font-size: 1.25rem;
        line-height: 1.8
    }

    .sm\:prose-xl p {
        margin-top: 1.2em;
        margin-bottom: 1.2em
    }

    .sm\:prose-xl [class~=lead] {
        font-size: 1.2em;
        line-height: 1.5;
        margin-top: 1em;
        margin-bottom: 1em
    }

    .sm\:prose-xl blockquote {
        margin-top: 1.6em;
        margin-bottom: 1.6em;
        padding-left: 1.0666667em
    }

    .sm\:prose-xl h1 {
        font-size: 2.8em;
        margin-top: 0;
        margin-bottom: .8571429em;
        line-height: 1
    }

    .sm\:prose-xl h2 {
        font-size: 1.8em;
        margin-top: 1.5555556em;
        margin-bottom: .8888889em;
        line-height: 1.1111111
    }

    .sm\:prose-xl h3 {
        font-size: 1.5em;
        margin-top: 1.6em;
        margin-bottom: .6666667em;
        line-height: 1.3333333
    }

    .sm\:prose-xl h4 {
        margin-top: 1.8em;
        margin-bottom: .6em;
        line-height: 1.6
    }

    .sm\:prose-xl figure,.sm\:prose-xl img,.sm\:prose-xl video {
        margin-top: 2em;
        margin-bottom: 2em
    }

    .sm\:prose-xl figure>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .sm\:prose-xl figure figcaption {
        font-size: .9em;
        line-height: 1.5555556;
        margin-top: 1em
    }

    .sm\:prose-xl code {
        font-size: .9em
    }

    .sm\:prose-xl h2 code {
        font-size: .8611111em
    }

    .sm\:prose-xl h3 code {
        font-size: .9em
    }

    .sm\:prose-xl pre {
        font-size: .9em;
        line-height: 1.7777778;
        margin-top: 2em;
        margin-bottom: 2em;
        border-radius: .5rem;
        padding: 1.1111111em 1.3333333em
    }

    .sm\:prose-xl ol,.sm\:prose-xl ul {
        margin-top: 1.2em;
        margin-bottom: 1.2em
    }

    .sm\:prose-xl li {
        margin-top: .6em;
        margin-bottom: .6em
    }

    .sm\:prose-xl ol>li {
        padding-left: 1.8em
    }

    .sm\:prose-xl ol>li:before {
        left: 0
    }

    .sm\:prose-xl ul>li {
        padding-left: 1.8em
    }

    .sm\:prose-xl ul>li:before {
        width: .35em;
        height: .35em;
        top: .725em;
        left: .25em
    }

    .sm\:prose-xl>ul>li p {
        margin-top: .8em;
        margin-bottom: .8em
    }

    .sm\:prose-xl>ul>li>:first-child {
        margin-top: 1.2em
    }

    .sm\:prose-xl>ul>li>:last-child {
        margin-bottom: 1.2em
    }

    .sm\:prose-xl>ol>li>:first-child {
        margin-top: 1.2em
    }

    .sm\:prose-xl>ol>li>:last-child {
        margin-bottom: 1.2em
    }

    .sm\:prose-xl ol ol,.sm\:prose-xl ol ul,.sm\:prose-xl ul ol,.sm\:prose-xl ul ul {
        margin-top: .8em;
        margin-bottom: .8em
    }

    .sm\:prose-xl hr {
        margin-top: 2.8em;
        margin-bottom: 2.8em
    }

    .sm\:prose-xl h2+*,.sm\:prose-xl h3+*,.sm\:prose-xl h4+*,.sm\:prose-xl hr+* {
        margin-top: 0
    }

    .sm\:prose-xl table {
        font-size: .9em;
        line-height: 1.5555556
    }

    .sm\:prose-xl thead th {
        padding-right: .6666667em;
        padding-bottom: .8888889em;
        padding-left: .6666667em
    }

    .sm\:prose-xl thead th:first-child {
        padding-left: 0
    }

    .sm\:prose-xl thead th:last-child {
        padding-right: 0
    }

    .sm\:prose-xl tbody td {
        padding: .8888889em .6666667em
    }

    .sm\:prose-xl tbody td:first-child {
        padding-left: 0
    }

    .sm\:prose-xl tbody td:last-child {
        padding-right: 0
    }

    .sm\:prose-xl>:first-child {
        margin-top: 0
    }

    .sm\:prose-xl>:last-child {
        margin-bottom: 0
    }

    .sm\:prose-2xl {
        font-size: 1.5rem;
        line-height: 1.6666667
    }

    .sm\:prose-2xl p {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em
    }

    .sm\:prose-2xl [class~=lead] {
        font-size: 1.25em;
        line-height: 1.4666667;
        margin-top: 1.0666667em;
        margin-bottom: 1.0666667em
    }

    .sm\:prose-2xl blockquote {
        margin-top: 1.7777778em;
        margin-bottom: 1.7777778em;
        padding-left: 1.1111111em
    }

    .sm\:prose-2xl h1 {
        font-size: 2.6666667em;
        margin-top: 0;
        margin-bottom: .875em;
        line-height: 1
    }

    .sm\:prose-2xl h2 {
        font-size: 2em;
        margin-top: 1.5em;
        margin-bottom: .8333333em;
        line-height: 1.0833333
    }

    .sm\:prose-2xl h3 {
        font-size: 1.5em;
        margin-top: 1.5555556em;
        margin-bottom: .6666667em;
        line-height: 1.2222222
    }

    .sm\:prose-2xl h4 {
        margin-top: 1.6666667em;
        margin-bottom: .6666667em;
        line-height: 1.5
    }

    .sm\:prose-2xl figure,.sm\:prose-2xl img,.sm\:prose-2xl video {
        margin-top: 2em;
        margin-bottom: 2em
    }

    .sm\:prose-2xl figure>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .sm\:prose-2xl figure figcaption {
        font-size: .8333333em;
        line-height: 1.6;
        margin-top: 1em
    }

    .sm\:prose-2xl code {
        font-size: .8333333em
    }

    .sm\:prose-2xl h2 code {
        font-size: .875em
    }

    .sm\:prose-2xl h3 code {
        font-size: .8888889em
    }

    .sm\:prose-2xl pre {
        font-size: .8333333em;
        line-height: 1.8;
        margin-top: 2em;
        margin-bottom: 2em;
        border-radius: .5rem;
        padding: 1.2em 1.6em
    }

    .sm\:prose-2xl ol,.sm\:prose-2xl ul {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em
    }

    .sm\:prose-2xl li {
        margin-top: .5em;
        margin-bottom: .5em
    }

    .sm\:prose-2xl ol>li {
        padding-left: 1.6666667em
    }

    .sm\:prose-2xl ol>li:before {
        left: 0
    }

    .sm\:prose-2xl ul>li {
        padding-left: 1.6666667em
    }

    .sm\:prose-2xl ul>li:before {
        width: .3333333em;
        height: .3333333em;
        top: .66667em;
        left: .25em
    }

    .sm\:prose-2xl>ul>li p {
        margin-top: .8333333em;
        margin-bottom: .8333333em
    }

    .sm\:prose-2xl>ul>li>:first-child {
        margin-top: 1.3333333em
    }

    .sm\:prose-2xl>ul>li>:last-child {
        margin-bottom: 1.3333333em
    }

    .sm\:prose-2xl>ol>li>:first-child {
        margin-top: 1.3333333em
    }

    .sm\:prose-2xl>ol>li>:last-child {
        margin-bottom: 1.3333333em
    }

    .sm\:prose-2xl ol ol,.sm\:prose-2xl ol ul,.sm\:prose-2xl ul ol,.sm\:prose-2xl ul ul {
        margin-top: .6666667em;
        margin-bottom: .6666667em
    }

    .sm\:prose-2xl hr {
        margin-top: 3em;
        margin-bottom: 3em
    }

    .sm\:prose-2xl h2+*,.sm\:prose-2xl h3+*,.sm\:prose-2xl h4+*,.sm\:prose-2xl hr+* {
        margin-top: 0
    }

    .sm\:prose-2xl table {
        font-size: .8333333em;
        line-height: 1.4
    }

    .sm\:prose-2xl thead th {
        padding-right: .6em;
        padding-bottom: .8em;
        padding-left: .6em
    }

    .sm\:prose-2xl thead th:first-child {
        padding-left: 0
    }

    .sm\:prose-2xl thead th:last-child {
        padding-right: 0
    }

    .sm\:prose-2xl tbody td {
        padding: .8em .6em
    }

    .sm\:prose-2xl tbody td:first-child {
        padding-left: 0
    }

    .sm\:prose-2xl tbody td:last-child {
        padding-right: 0
    }

    .sm\:prose-2xl>:first-child {
        margin-top: 0
    }

    .sm\:prose-2xl>:last-child {
        margin-bottom: 0
    }

    .sm\:prose-red a,.sm\:prose-red a code {
        color: #dc2626
    }

    .sm\:prose-yellow a,.sm\:prose-yellow a code {
        color: #d97706
    }

    .sm\:prose-green a,.sm\:prose-green a code {
        color: #059669
    }

    .sm\:prose-blue a,.sm\:prose-blue a code {
        color: #2563eb
    }

    .sm\:prose-indigo a,.sm\:prose-indigo a code {
        color: #4f46e5
    }

    .sm\:prose-purple a,.sm\:prose-purple a code {
        color: #7c3aed
    }

    .sm\:prose-pink a,.sm\:prose-pink a code {
        color: #db2777
    }
}

@media (min-width: 768px) {
    .md\:prose {
        color:#374151;
        max-width: 65ch
    }

    .md\:prose [class~=lead] {
        color: #4b5563;
        font-size: 1.25em;
        line-height: 1.6;
        margin-top: 1.2em;
        margin-bottom: 1.2em
    }

    .md\:prose a {
        color: #111827;
        text-decoration: underline;
        font-weight: 500
    }

    .md\:prose strong {
        color: #111827;
        font-weight: 600
    }

    .md\:prose ol[type=A] {
        --list-counter-style: upper-alpha
    }

    .md\:prose ol[type=a] {
        --list-counter-style: lower-alpha
    }

    .md\:prose ol[type=As] {
        --list-counter-style: upper-alpha
    }

    .md\:prose ol[type=as] {
        --list-counter-style: lower-alpha
    }

    .md\:prose ol[type=I] {
        --list-counter-style: upper-roman
    }

    .md\:prose ol[type=i] {
        --list-counter-style: lower-roman
    }

    .md\:prose ol[type=Is] {
        --list-counter-style: upper-roman
    }

    .md\:prose ol[type=is] {
        --list-counter-style: lower-roman
    }

    .md\:prose ol[type="1"] {
        --list-counter-style: decimal
    }

    .md\:prose ol>li {
        position: relative;
        padding-left: 1.75em
    }

    .md\:prose ol>li:before {
        content: counter(list-item,var(--list-counter-style,decimal)) ".";
        position: absolute;
        font-weight: 400;
        color: #6b7280;
        left: 0
    }

    .md\:prose ul>li {
        position: relative;
        padding-left: 1.75em
    }

    .md\:prose ul>li:before {
        content: "";
        position: absolute;
        background-color: #d1d5db;
        border-radius: 50%;
        width: .375em;
        height: .375em;
        top: .6875em;
        left: .25em
    }

    .md\:prose hr {
        border-color: #e5e7eb;
        border-top-width: 1px;
        margin-top: 3em;
        margin-bottom: 3em
    }

    .md\:prose blockquote {
        font-weight: 500;
        font-style: italic;
        color: #111827;
        border-left-width: .25rem;
        border-left-color: #e5e7eb;
        quotes: "\201C""\201D""\2018""\2019";
        margin-top: 1.6em;
        margin-bottom: 1.6em;
        padding-left: 1em
    }

    .md\:prose blockquote p:first-of-type:before {
        content: open-quote
    }

    .md\:prose blockquote p:last-of-type:after {
        content: close-quote
    }

    .md\:prose h1 {
        color: #111827;
        font-weight: 800;
        font-size: 2.25em;
        margin-top: 0;
        margin-bottom: .8888889em;
        line-height: 1.1111111
    }

    .md\:prose h2 {
        color: #111827;
        font-weight: 700;
        font-size: 1.5em;
        margin-top: 2em;
        margin-bottom: 1em;
        line-height: 1.3333333
    }

    .md\:prose h3 {
        font-size: 1.25em;
        margin-top: 1.6em;
        margin-bottom: .6em;
        line-height: 1.6
    }

    .md\:prose h3,.md\:prose h4 {
        color: #111827;
        font-weight: 600
    }

    .md\:prose h4 {
        margin-top: 1.5em;
        margin-bottom: .5em;
        line-height: 1.5
    }

    .md\:prose figure figcaption {
        color: #6b7280;
        font-size: .875em;
        line-height: 1.4285714;
        margin-top: .8571429em
    }

    .md\:prose code {
        color: #111827;
        font-weight: 600;
        font-size: .875em
    }

    .md\:prose code:after,.md\:prose code:before {
        content: "`"
    }

    .md\:prose a code {
        color: #111827
    }

    .md\:prose pre {
        color: #e5e7eb;
        background-color: #1f2937;
        overflow-x: auto;
        font-size: .875em;
        line-height: 1.7142857;
        margin-top: 1.7142857em;
        margin-bottom: 1.7142857em;
        border-radius: .375rem;
        padding: .8571429em 1.1428571em
    }

    .md\:prose pre code {
        background-color: transparent;
        border-width: 0;
        border-radius: 0;
        padding: 0;
        font-weight: 400;
        color: inherit;
        font-size: inherit;
        font-family: inherit;
        line-height: inherit
    }

    .md\:prose pre code:after,.md\:prose pre code:before {
        content: none
    }

    .md\:prose table {
        width: 100%;
        table-layout: auto;
        text-align: left;
        margin-top: 2em;
        margin-bottom: 2em;
        font-size: .875em;
        line-height: 1.7142857
    }

    .md\:prose thead {
        color: #111827;
        font-weight: 600;
        border-bottom-width: 1px;
        border-bottom-color: #d1d5db
    }

    .md\:prose thead th {
        vertical-align: bottom;
        padding-right: .5714286em;
        padding-bottom: .5714286em;
        padding-left: .5714286em
    }

    .md\:prose tbody tr {
        border-bottom-width: 1px;
        border-bottom-color: #e5e7eb
    }

    .md\:prose tbody tr:last-child {
        border-bottom-width: 0
    }

    .md\:prose tbody td {
        vertical-align: top;
        padding: .5714286em
    }

    .md\:prose {
        font-size: 1rem;
        line-height: 1.75
    }

    .md\:prose p {
        margin-top: 1.25em;
        margin-bottom: 1.25em
    }

    .md\:prose figure,.md\:prose img,.md\:prose video {
        margin-top: 2em;
        margin-bottom: 2em
    }

    .md\:prose figure>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .md\:prose h2 code {
        font-size: .875em
    }

    .md\:prose h3 code {
        font-size: .9em
    }

    .md\:prose ol,.md\:prose ul {
        margin-top: 1.25em;
        margin-bottom: 1.25em
    }

    .md\:prose li {
        margin-top: .5em;
        margin-bottom: .5em
    }

    .md\:prose>ul>li p {
        margin-top: .75em;
        margin-bottom: .75em
    }

    .md\:prose>ul>li>:first-child {
        margin-top: 1.25em
    }

    .md\:prose>ul>li>:last-child {
        margin-bottom: 1.25em
    }

    .md\:prose>ol>li>:first-child {
        margin-top: 1.25em
    }

    .md\:prose>ol>li>:last-child {
        margin-bottom: 1.25em
    }

    .md\:prose ol ol,.md\:prose ol ul,.md\:prose ul ol,.md\:prose ul ul {
        margin-top: .75em;
        margin-bottom: .75em
    }

    .md\:prose h2+*,.md\:prose h3+*,.md\:prose h4+*,.md\:prose hr+* {
        margin-top: 0
    }

    .md\:prose thead th:first-child {
        padding-left: 0
    }

    .md\:prose thead th:last-child {
        padding-right: 0
    }

    .md\:prose tbody td:first-child {
        padding-left: 0
    }

    .md\:prose tbody td:last-child {
        padding-right: 0
    }

    .md\:prose>:first-child {
        margin-top: 0
    }

    .md\:prose>:last-child {
        margin-bottom: 0
    }

    .md\:prose-sm {
        font-size: .875rem;
        line-height: 1.7142857
    }

    .md\:prose-sm p {
        margin-top: 1.1428571em;
        margin-bottom: 1.1428571em
    }

    .md\:prose-sm [class~=lead] {
        font-size: 1.2857143em;
        line-height: 1.5555556;
        margin-top: .8888889em;
        margin-bottom: .8888889em
    }

    .md\:prose-sm blockquote {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em;
        padding-left: 1.1111111em
    }

    .md\:prose-sm h1 {
        font-size: 2.1428571em;
        margin-top: 0;
        margin-bottom: .8em;
        line-height: 1.2
    }

    .md\:prose-sm h2 {
        font-size: 1.4285714em;
        margin-top: 1.6em;
        margin-bottom: .8em;
        line-height: 1.4
    }

    .md\:prose-sm h3 {
        font-size: 1.2857143em;
        margin-top: 1.5555556em;
        margin-bottom: .4444444em;
        line-height: 1.5555556
    }

    .md\:prose-sm h4 {
        margin-top: 1.4285714em;
        margin-bottom: .5714286em;
        line-height: 1.4285714
    }

    .md\:prose-sm figure,.md\:prose-sm img,.md\:prose-sm video {
        margin-top: 1.7142857em;
        margin-bottom: 1.7142857em
    }

    .md\:prose-sm figure>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .md\:prose-sm figure figcaption {
        font-size: .8571429em;
        line-height: 1.3333333;
        margin-top: .6666667em
    }

    .md\:prose-sm code {
        font-size: .8571429em
    }

    .md\:prose-sm h2 code {
        font-size: .9em
    }

    .md\:prose-sm h3 code {
        font-size: .8888889em
    }

    .md\:prose-sm pre {
        font-size: .8571429em;
        line-height: 1.6666667;
        margin-top: 1.6666667em;
        margin-bottom: 1.6666667em;
        border-radius: .25rem;
        padding: .6666667em 1em
    }

    .md\:prose-sm ol,.md\:prose-sm ul {
        margin-top: 1.1428571em;
        margin-bottom: 1.1428571em
    }

    .md\:prose-sm li {
        margin-top: .2857143em;
        margin-bottom: .2857143em
    }

    .md\:prose-sm ol>li {
        padding-left: 1.5714286em
    }

    .md\:prose-sm ol>li:before {
        left: 0
    }

    .md\:prose-sm ul>li {
        padding-left: 1.5714286em
    }

    .md\:prose-sm ul>li:before {
        height: .3571429em;
        width: .3571429em;
        top: .67857em;
        left: .2142857em
    }

    .md\:prose-sm>ul>li p {
        margin-top: .5714286em;
        margin-bottom: .5714286em
    }

    .md\:prose-sm>ul>li>:first-child {
        margin-top: 1.1428571em
    }

    .md\:prose-sm>ul>li>:last-child {
        margin-bottom: 1.1428571em
    }

    .md\:prose-sm>ol>li>:first-child {
        margin-top: 1.1428571em
    }

    .md\:prose-sm>ol>li>:last-child {
        margin-bottom: 1.1428571em
    }

    .md\:prose-sm ol ol,.md\:prose-sm ol ul,.md\:prose-sm ul ol,.md\:prose-sm ul ul {
        margin-top: .5714286em;
        margin-bottom: .5714286em
    }

    .md\:prose-sm hr {
        margin-top: 2.8571429em;
        margin-bottom: 2.8571429em
    }

    .md\:prose-sm h2+*,.md\:prose-sm h3+*,.md\:prose-sm h4+*,.md\:prose-sm hr+* {
        margin-top: 0
    }

    .md\:prose-sm table {
        font-size: .8571429em;
        line-height: 1.5
    }

    .md\:prose-sm thead th {
        padding-right: 1em;
        padding-bottom: .6666667em;
        padding-left: 1em
    }

    .md\:prose-sm thead th:first-child {
        padding-left: 0
    }

    .md\:prose-sm thead th:last-child {
        padding-right: 0
    }

    .md\:prose-sm tbody td {
        padding: .6666667em 1em
    }

    .md\:prose-sm tbody td:first-child {
        padding-left: 0
    }

    .md\:prose-sm tbody td:last-child {
        padding-right: 0
    }

    .md\:prose-sm>:first-child {
        margin-top: 0
    }

    .md\:prose-sm>:last-child {
        margin-bottom: 0
    }

    .md\:prose-lg {
        font-size: 1.125rem;
        line-height: 1.7777778
    }

    .md\:prose-lg p {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em
    }

    .md\:prose-lg [class~=lead] {
        font-size: 1.2222222em;
        line-height: 1.4545455;
        margin-top: 1.0909091em;
        margin-bottom: 1.0909091em
    }

    .md\:prose-lg blockquote {
        margin-top: 1.6666667em;
        margin-bottom: 1.6666667em;
        padding-left: 1em
    }

    .md\:prose-lg h1 {
        font-size: 2.6666667em;
        margin-top: 0;
        margin-bottom: .8333333em;
        line-height: 1
    }

    .md\:prose-lg h2 {
        font-size: 1.6666667em;
        margin-top: 1.8666667em;
        margin-bottom: 1.0666667em;
        line-height: 1.3333333
    }

    .md\:prose-lg h3 {
        font-size: 1.3333333em;
        margin-top: 1.6666667em;
        margin-bottom: .6666667em;
        line-height: 1.5
    }

    .md\:prose-lg h4 {
        margin-top: 1.7777778em;
        margin-bottom: .4444444em;
        line-height: 1.5555556
    }

    .md\:prose-lg figure,.md\:prose-lg img,.md\:prose-lg video {
        margin-top: 1.7777778em;
        margin-bottom: 1.7777778em
    }

    .md\:prose-lg figure>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .md\:prose-lg figure figcaption {
        font-size: .8888889em;
        line-height: 1.5;
        margin-top: 1em
    }

    .md\:prose-lg code {
        font-size: .8888889em
    }

    .md\:prose-lg h2 code {
        font-size: .8666667em
    }

    .md\:prose-lg h3 code {
        font-size: .875em
    }

    .md\:prose-lg pre {
        font-size: .8888889em;
        line-height: 1.75;
        margin-top: 2em;
        margin-bottom: 2em;
        border-radius: .375rem;
        padding: 1em 1.5em
    }

    .md\:prose-lg ol,.md\:prose-lg ul {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em
    }

    .md\:prose-lg li {
        margin-top: .6666667em;
        margin-bottom: .6666667em
    }

    .md\:prose-lg ol>li {
        padding-left: 1.6666667em
    }

    .md\:prose-lg ol>li:before {
        left: 0
    }

    .md\:prose-lg ul>li {
        padding-left: 1.6666667em
    }

    .md\:prose-lg ul>li:before {
        width: .3333333em;
        height: .3333333em;
        top: .72222em;
        left: .2222222em
    }

    .md\:prose-lg>ul>li p {
        margin-top: .8888889em;
        margin-bottom: .8888889em
    }

    .md\:prose-lg>ul>li>:first-child {
        margin-top: 1.3333333em
    }

    .md\:prose-lg>ul>li>:last-child {
        margin-bottom: 1.3333333em
    }

    .md\:prose-lg>ol>li>:first-child {
        margin-top: 1.3333333em
    }

    .md\:prose-lg>ol>li>:last-child {
        margin-bottom: 1.3333333em
    }

    .md\:prose-lg ol ol,.md\:prose-lg ol ul,.md\:prose-lg ul ol,.md\:prose-lg ul ul {
        margin-top: .8888889em;
        margin-bottom: .8888889em
    }

    .md\:prose-lg hr {
        margin-top: 3.1111111em;
        margin-bottom: 3.1111111em
    }

    .md\:prose-lg h2+*,.md\:prose-lg h3+*,.md\:prose-lg h4+*,.md\:prose-lg hr+* {
        margin-top: 0
    }

    .md\:prose-lg table {
        font-size: .8888889em;
        line-height: 1.5
    }

    .md\:prose-lg thead th {
        padding-right: .75em;
        padding-bottom: .75em;
        padding-left: .75em
    }

    .md\:prose-lg thead th:first-child {
        padding-left: 0
    }

    .md\:prose-lg thead th:last-child {
        padding-right: 0
    }

    .md\:prose-lg tbody td {
        padding: .75em
    }

    .md\:prose-lg tbody td:first-child {
        padding-left: 0
    }

    .md\:prose-lg tbody td:last-child {
        padding-right: 0
    }

    .md\:prose-lg>:first-child {
        margin-top: 0
    }

    .md\:prose-lg>:last-child {
        margin-bottom: 0
    }

    .md\:prose-xl {
        font-size: 1.25rem;
        line-height: 1.8
    }

    .md\:prose-xl p {
        margin-top: 1.2em;
        margin-bottom: 1.2em
    }

    .md\:prose-xl [class~=lead] {
        font-size: 1.2em;
        line-height: 1.5;
        margin-top: 1em;
        margin-bottom: 1em
    }

    .md\:prose-xl blockquote {
        margin-top: 1.6em;
        margin-bottom: 1.6em;
        padding-left: 1.0666667em
    }

    .md\:prose-xl h1 {
        font-size: 2.8em;
        margin-top: 0;
        margin-bottom: .8571429em;
        line-height: 1
    }

    .md\:prose-xl h2 {
        font-size: 1.8em;
        margin-top: 1.5555556em;
        margin-bottom: .8888889em;
        line-height: 1.1111111
    }

    .md\:prose-xl h3 {
        font-size: 1.5em;
        margin-top: 1.6em;
        margin-bottom: .6666667em;
        line-height: 1.3333333
    }

    .md\:prose-xl h4 {
        margin-top: 1.8em;
        margin-bottom: .6em;
        line-height: 1.6
    }

    .md\:prose-xl figure,.md\:prose-xl img,.md\:prose-xl video {
        margin-top: 2em;
        margin-bottom: 2em
    }

    .md\:prose-xl figure>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .md\:prose-xl figure figcaption {
        font-size: .9em;
        line-height: 1.5555556;
        margin-top: 1em
    }

    .md\:prose-xl code {
        font-size: .9em
    }

    .md\:prose-xl h2 code {
        font-size: .8611111em
    }

    .md\:prose-xl h3 code {
        font-size: .9em
    }

    .md\:prose-xl pre {
        font-size: .9em;
        line-height: 1.7777778;
        margin-top: 2em;
        margin-bottom: 2em;
        border-radius: .5rem;
        padding: 1.1111111em 1.3333333em
    }

    .md\:prose-xl ol,.md\:prose-xl ul {
        margin-top: 1.2em;
        margin-bottom: 1.2em
    }

    .md\:prose-xl li {
        margin-top: .6em;
        margin-bottom: .6em
    }

    .md\:prose-xl ol>li {
        padding-left: 1.8em
    }

    .md\:prose-xl ol>li:before {
        left: 0
    }

    .md\:prose-xl ul>li {
        padding-left: 1.8em
    }

    .md\:prose-xl ul>li:before {
        width: .35em;
        height: .35em;
        top: .725em;
        left: .25em
    }

    .md\:prose-xl>ul>li p {
        margin-top: .8em;
        margin-bottom: .8em
    }

    .md\:prose-xl>ul>li>:first-child {
        margin-top: 1.2em
    }

    .md\:prose-xl>ul>li>:last-child {
        margin-bottom: 1.2em
    }

    .md\:prose-xl>ol>li>:first-child {
        margin-top: 1.2em
    }

    .md\:prose-xl>ol>li>:last-child {
        margin-bottom: 1.2em
    }

    .md\:prose-xl ol ol,.md\:prose-xl ol ul,.md\:prose-xl ul ol,.md\:prose-xl ul ul {
        margin-top: .8em;
        margin-bottom: .8em
    }

    .md\:prose-xl hr {
        margin-top: 2.8em;
        margin-bottom: 2.8em
    }

    .md\:prose-xl h2+*,.md\:prose-xl h3+*,.md\:prose-xl h4+*,.md\:prose-xl hr+* {
        margin-top: 0
    }

    .md\:prose-xl table {
        font-size: .9em;
        line-height: 1.5555556
    }

    .md\:prose-xl thead th {
        padding-right: .6666667em;
        padding-bottom: .8888889em;
        padding-left: .6666667em
    }

    .md\:prose-xl thead th:first-child {
        padding-left: 0
    }

    .md\:prose-xl thead th:last-child {
        padding-right: 0
    }

    .md\:prose-xl tbody td {
        padding: .8888889em .6666667em
    }

    .md\:prose-xl tbody td:first-child {
        padding-left: 0
    }

    .md\:prose-xl tbody td:last-child {
        padding-right: 0
    }

    .md\:prose-xl>:first-child {
        margin-top: 0
    }

    .md\:prose-xl>:last-child {
        margin-bottom: 0
    }

    .md\:prose-2xl {
        font-size: 1.5rem;
        line-height: 1.6666667
    }

    .md\:prose-2xl p {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em
    }

    .md\:prose-2xl [class~=lead] {
        font-size: 1.25em;
        line-height: 1.4666667;
        margin-top: 1.0666667em;
        margin-bottom: 1.0666667em
    }

    .md\:prose-2xl blockquote {
        margin-top: 1.7777778em;
        margin-bottom: 1.7777778em;
        padding-left: 1.1111111em
    }

    .md\:prose-2xl h1 {
        font-size: 2.6666667em;
        margin-top: 0;
        margin-bottom: .875em;
        line-height: 1
    }

    .md\:prose-2xl h2 {
        font-size: 2em;
        margin-top: 1.5em;
        margin-bottom: .8333333em;
        line-height: 1.0833333
    }

    .md\:prose-2xl h3 {
        font-size: 1.5em;
        margin-top: 1.5555556em;
        margin-bottom: .6666667em;
        line-height: 1.2222222
    }

    .md\:prose-2xl h4 {
        margin-top: 1.6666667em;
        margin-bottom: .6666667em;
        line-height: 1.5
    }

    .md\:prose-2xl figure,.md\:prose-2xl img,.md\:prose-2xl video {
        margin-top: 2em;
        margin-bottom: 2em
    }

    .md\:prose-2xl figure>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .md\:prose-2xl figure figcaption {
        font-size: .8333333em;
        line-height: 1.6;
        margin-top: 1em
    }

    .md\:prose-2xl code {
        font-size: .8333333em
    }

    .md\:prose-2xl h2 code {
        font-size: .875em
    }

    .md\:prose-2xl h3 code {
        font-size: .8888889em
    }

    .md\:prose-2xl pre {
        font-size: .8333333em;
        line-height: 1.8;
        margin-top: 2em;
        margin-bottom: 2em;
        border-radius: .5rem;
        padding: 1.2em 1.6em
    }

    .md\:prose-2xl ol,.md\:prose-2xl ul {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em
    }

    .md\:prose-2xl li {
        margin-top: .5em;
        margin-bottom: .5em
    }

    .md\:prose-2xl ol>li {
        padding-left: 1.6666667em
    }

    .md\:prose-2xl ol>li:before {
        left: 0
    }

    .md\:prose-2xl ul>li {
        padding-left: 1.6666667em
    }

    .md\:prose-2xl ul>li:before {
        width: .3333333em;
        height: .3333333em;
        top: .66667em;
        left: .25em
    }

    .md\:prose-2xl>ul>li p {
        margin-top: .8333333em;
        margin-bottom: .8333333em
    }

    .md\:prose-2xl>ul>li>:first-child {
        margin-top: 1.3333333em
    }

    .md\:prose-2xl>ul>li>:last-child {
        margin-bottom: 1.3333333em
    }

    .md\:prose-2xl>ol>li>:first-child {
        margin-top: 1.3333333em
    }

    .md\:prose-2xl>ol>li>:last-child {
        margin-bottom: 1.3333333em
    }

    .md\:prose-2xl ol ol,.md\:prose-2xl ol ul,.md\:prose-2xl ul ol,.md\:prose-2xl ul ul {
        margin-top: .6666667em;
        margin-bottom: .6666667em
    }

    .md\:prose-2xl hr {
        margin-top: 3em;
        margin-bottom: 3em
    }

    .md\:prose-2xl h2+*,.md\:prose-2xl h3+*,.md\:prose-2xl h4+*,.md\:prose-2xl hr+* {
        margin-top: 0
    }

    .md\:prose-2xl table {
        font-size: .8333333em;
        line-height: 1.4
    }

    .md\:prose-2xl thead th {
        padding-right: .6em;
        padding-bottom: .8em;
        padding-left: .6em
    }

    .md\:prose-2xl thead th:first-child {
        padding-left: 0
    }

    .md\:prose-2xl thead th:last-child {
        padding-right: 0
    }

    .md\:prose-2xl tbody td {
        padding: .8em .6em
    }

    .md\:prose-2xl tbody td:first-child {
        padding-left: 0
    }

    .md\:prose-2xl tbody td:last-child {
        padding-right: 0
    }

    .md\:prose-2xl>:first-child {
        margin-top: 0
    }

    .md\:prose-2xl>:last-child {
        margin-bottom: 0
    }

    .md\:prose-red a,.md\:prose-red a code {
        color: #dc2626
    }

    .md\:prose-yellow a,.md\:prose-yellow a code {
        color: #d97706
    }

    .md\:prose-green a,.md\:prose-green a code {
        color: #059669
    }

    .md\:prose-blue a,.md\:prose-blue a code {
        color: #2563eb
    }

    .md\:prose-indigo a,.md\:prose-indigo a code {
        color: #4f46e5
    }

    .md\:prose-purple a,.md\:prose-purple a code {
        color: #7c3aed
    }

    .md\:prose-pink a,.md\:prose-pink a code {
        color: #db2777
    }
}

@media (min-width: 1024px) {
    .lg\:prose {
        color:#374151;
        max-width: 65ch
    }

    .lg\:prose [class~=lead] {
        color: #4b5563;
        font-size: 1.25em;
        line-height: 1.6;
        margin-top: 1.2em;
        margin-bottom: 1.2em
    }

    .lg\:prose a {
        color: #111827;
        text-decoration: underline;
        font-weight: 500
    }

    .lg\:prose strong {
        color: #111827;
        font-weight: 600
    }

    .lg\:prose ol[type=A] {
        --list-counter-style: upper-alpha
    }

    .lg\:prose ol[type=a] {
        --list-counter-style: lower-alpha
    }

    .lg\:prose ol[type=As] {
        --list-counter-style: upper-alpha
    }

    .lg\:prose ol[type=as] {
        --list-counter-style: lower-alpha
    }

    .lg\:prose ol[type=I] {
        --list-counter-style: upper-roman
    }

    .lg\:prose ol[type=i] {
        --list-counter-style: lower-roman
    }

    .lg\:prose ol[type=Is] {
        --list-counter-style: upper-roman
    }

    .lg\:prose ol[type=is] {
        --list-counter-style: lower-roman
    }

    .lg\:prose ol[type="1"] {
        --list-counter-style: decimal
    }

    .lg\:prose ol>li {
        position: relative;
        padding-left: 1.75em
    }

    .lg\:prose ol>li:before {
        content: counter(list-item,var(--list-counter-style,decimal)) ".";
        position: absolute;
        font-weight: 400;
        color: #6b7280;
        left: 0
    }

    .lg\:prose ul>li {
        position: relative;
        padding-left: 1.75em
    }

    .lg\:prose ul>li:before {
        content: "";
        position: absolute;
        background-color: #d1d5db;
        border-radius: 50%;
        width: .375em;
        height: .375em;
        top: .6875em;
        left: .25em
    }

    .lg\:prose hr {
        border-color: #e5e7eb;
        border-top-width: 1px;
        margin-top: 3em;
        margin-bottom: 3em
    }

    .lg\:prose blockquote {
        font-weight: 500;
        font-style: italic;
        color: #111827;
        border-left-width: .25rem;
        border-left-color: #e5e7eb;
        quotes: "\201C""\201D""\2018""\2019";
        margin-top: 1.6em;
        margin-bottom: 1.6em;
        padding-left: 1em
    }

    .lg\:prose blockquote p:first-of-type:before {
        content: open-quote
    }

    .lg\:prose blockquote p:last-of-type:after {
        content: close-quote
    }

    .lg\:prose h1 {
        color: #111827;
        font-weight: 800;
        font-size: 2.25em;
        margin-top: 0;
        margin-bottom: .8888889em;
        line-height: 1.1111111
    }

    .lg\:prose h2 {
        color: #111827;
        font-weight: 700;
        font-size: 1.5em;
        margin-top: 2em;
        margin-bottom: 1em;
        line-height: 1.3333333
    }

    .lg\:prose h3 {
        font-size: 1.25em;
        margin-top: 1.6em;
        margin-bottom: .6em;
        line-height: 1.6
    }

    .lg\:prose h3,.lg\:prose h4 {
        color: #111827;
        font-weight: 600
    }

    .lg\:prose h4 {
        margin-top: 1.5em;
        margin-bottom: .5em;
        line-height: 1.5
    }

    .lg\:prose figure figcaption {
        color: #6b7280;
        font-size: .875em;
        line-height: 1.4285714;
        margin-top: .8571429em
    }

    .lg\:prose code {
        color: #111827;
        font-weight: 600;
        font-size: .875em
    }

    .lg\:prose code:after,.lg\:prose code:before {
        content: "`"
    }

    .lg\:prose a code {
        color: #111827
    }

    .lg\:prose pre {
        color: #e5e7eb;
        background-color: #1f2937;
        overflow-x: auto;
        font-size: .875em;
        line-height: 1.7142857;
        margin-top: 1.7142857em;
        margin-bottom: 1.7142857em;
        border-radius: .375rem;
        padding: .8571429em 1.1428571em
    }

    .lg\:prose pre code {
        background-color: transparent;
        border-width: 0;
        border-radius: 0;
        padding: 0;
        font-weight: 400;
        color: inherit;
        font-size: inherit;
        font-family: inherit;
        line-height: inherit
    }

    .lg\:prose pre code:after,.lg\:prose pre code:before {
        content: none
    }

    .lg\:prose table {
        width: 100%;
        table-layout: auto;
        text-align: left;
        margin-top: 2em;
        margin-bottom: 2em;
        font-size: .875em;
        line-height: 1.7142857
    }

    .lg\:prose thead {
        color: #111827;
        font-weight: 600;
        border-bottom-width: 1px;
        border-bottom-color: #d1d5db
    }

    .lg\:prose thead th {
        vertical-align: bottom;
        padding-right: .5714286em;
        padding-bottom: .5714286em;
        padding-left: .5714286em
    }

    .lg\:prose tbody tr {
        border-bottom-width: 1px;
        border-bottom-color: #e5e7eb
    }

    .lg\:prose tbody tr:last-child {
        border-bottom-width: 0
    }

    .lg\:prose tbody td {
        vertical-align: top;
        padding: .5714286em
    }

    .lg\:prose {
        font-size: 1rem;
        line-height: 1.75
    }

    .lg\:prose p {
        margin-top: 1.25em;
        margin-bottom: 1.25em
    }

    .lg\:prose figure,.lg\:prose img,.lg\:prose video {
        margin-top: 2em;
        margin-bottom: 2em
    }

    .lg\:prose figure>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .lg\:prose h2 code {
        font-size: .875em
    }

    .lg\:prose h3 code {
        font-size: .9em
    }

    .lg\:prose ol,.lg\:prose ul {
        margin-top: 1.25em;
        margin-bottom: 1.25em
    }

    .lg\:prose li {
        margin-top: .5em;
        margin-bottom: .5em
    }

    .lg\:prose>ul>li p {
        margin-top: .75em;
        margin-bottom: .75em
    }

    .lg\:prose>ul>li>:first-child {
        margin-top: 1.25em
    }

    .lg\:prose>ul>li>:last-child {
        margin-bottom: 1.25em
    }

    .lg\:prose>ol>li>:first-child {
        margin-top: 1.25em
    }

    .lg\:prose>ol>li>:last-child {
        margin-bottom: 1.25em
    }

    .lg\:prose ol ol,.lg\:prose ol ul,.lg\:prose ul ol,.lg\:prose ul ul {
        margin-top: .75em;
        margin-bottom: .75em
    }

    .lg\:prose h2+*,.lg\:prose h3+*,.lg\:prose h4+*,.lg\:prose hr+* {
        margin-top: 0
    }

    .lg\:prose thead th:first-child {
        padding-left: 0
    }

    .lg\:prose thead th:last-child {
        padding-right: 0
    }

    .lg\:prose tbody td:first-child {
        padding-left: 0
    }

    .lg\:prose tbody td:last-child {
        padding-right: 0
    }

    .lg\:prose>:first-child {
        margin-top: 0
    }

    .lg\:prose>:last-child {
        margin-bottom: 0
    }

    .lg\:prose-sm {
        font-size: .875rem;
        line-height: 1.7142857
    }

    .lg\:prose-sm p {
        margin-top: 1.1428571em;
        margin-bottom: 1.1428571em
    }

    .lg\:prose-sm [class~=lead] {
        font-size: 1.2857143em;
        line-height: 1.5555556;
        margin-top: .8888889em;
        margin-bottom: .8888889em
    }

    .lg\:prose-sm blockquote {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em;
        padding-left: 1.1111111em
    }

    .lg\:prose-sm h1 {
        font-size: 2.1428571em;
        margin-top: 0;
        margin-bottom: .8em;
        line-height: 1.2
    }

    .lg\:prose-sm h2 {
        font-size: 1.4285714em;
        margin-top: 1.6em;
        margin-bottom: .8em;
        line-height: 1.4
    }

    .lg\:prose-sm h3 {
        font-size: 1.2857143em;
        margin-top: 1.5555556em;
        margin-bottom: .4444444em;
        line-height: 1.5555556
    }

    .lg\:prose-sm h4 {
        margin-top: 1.4285714em;
        margin-bottom: .5714286em;
        line-height: 1.4285714
    }

    .lg\:prose-sm figure,.lg\:prose-sm img,.lg\:prose-sm video {
        margin-top: 1.7142857em;
        margin-bottom: 1.7142857em
    }

    .lg\:prose-sm figure>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .lg\:prose-sm figure figcaption {
        font-size: .8571429em;
        line-height: 1.3333333;
        margin-top: .6666667em
    }

    .lg\:prose-sm code {
        font-size: .8571429em
    }

    .lg\:prose-sm h2 code {
        font-size: .9em
    }

    .lg\:prose-sm h3 code {
        font-size: .8888889em
    }

    .lg\:prose-sm pre {
        font-size: .8571429em;
        line-height: 1.6666667;
        margin-top: 1.6666667em;
        margin-bottom: 1.6666667em;
        border-radius: .25rem;
        padding: .6666667em 1em
    }

    .lg\:prose-sm ol,.lg\:prose-sm ul {
        margin-top: 1.1428571em;
        margin-bottom: 1.1428571em
    }

    .lg\:prose-sm li {
        margin-top: .2857143em;
        margin-bottom: .2857143em
    }

    .lg\:prose-sm ol>li {
        padding-left: 1.5714286em
    }

    .lg\:prose-sm ol>li:before {
        left: 0
    }

    .lg\:prose-sm ul>li {
        padding-left: 1.5714286em
    }

    .lg\:prose-sm ul>li:before {
        height: .3571429em;
        width: .3571429em;
        top: .67857em;
        left: .2142857em
    }

    .lg\:prose-sm>ul>li p {
        margin-top: .5714286em;
        margin-bottom: .5714286em
    }

    .lg\:prose-sm>ul>li>:first-child {
        margin-top: 1.1428571em
    }

    .lg\:prose-sm>ul>li>:last-child {
        margin-bottom: 1.1428571em
    }

    .lg\:prose-sm>ol>li>:first-child {
        margin-top: 1.1428571em
    }

    .lg\:prose-sm>ol>li>:last-child {
        margin-bottom: 1.1428571em
    }

    .lg\:prose-sm ol ol,.lg\:prose-sm ol ul,.lg\:prose-sm ul ol,.lg\:prose-sm ul ul {
        margin-top: .5714286em;
        margin-bottom: .5714286em
    }

    .lg\:prose-sm hr {
        margin-top: 2.8571429em;
        margin-bottom: 2.8571429em
    }

    .lg\:prose-sm h2+*,.lg\:prose-sm h3+*,.lg\:prose-sm h4+*,.lg\:prose-sm hr+* {
        margin-top: 0
    }

    .lg\:prose-sm table {
        font-size: .8571429em;
        line-height: 1.5
    }

    .lg\:prose-sm thead th {
        padding-right: 1em;
        padding-bottom: .6666667em;
        padding-left: 1em
    }

    .lg\:prose-sm thead th:first-child {
        padding-left: 0
    }

    .lg\:prose-sm thead th:last-child {
        padding-right: 0
    }

    .lg\:prose-sm tbody td {
        padding: .6666667em 1em
    }

    .lg\:prose-sm tbody td:first-child {
        padding-left: 0
    }

    .lg\:prose-sm tbody td:last-child {
        padding-right: 0
    }

    .lg\:prose-sm>:first-child {
        margin-top: 0
    }

    .lg\:prose-sm>:last-child {
        margin-bottom: 0
    }

    .lg\:prose-lg {
        font-size: 1.125rem;
        line-height: 1.7777778
    }

    .lg\:prose-lg p {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em
    }

    .lg\:prose-lg [class~=lead] {
        font-size: 1.2222222em;
        line-height: 1.4545455;
        margin-top: 1.0909091em;
        margin-bottom: 1.0909091em
    }

    .lg\:prose-lg blockquote {
        margin-top: 1.6666667em;
        margin-bottom: 1.6666667em;
        padding-left: 1em
    }

    .lg\:prose-lg h1 {
        font-size: 2.6666667em;
        margin-top: 0;
        margin-bottom: .8333333em;
        line-height: 1
    }

    .lg\:prose-lg h2 {
        font-size: 1.6666667em;
        margin-top: 1.8666667em;
        margin-bottom: 1.0666667em;
        line-height: 1.3333333
    }

    .lg\:prose-lg h3 {
        font-size: 1.3333333em;
        margin-top: 1.6666667em;
        margin-bottom: .6666667em;
        line-height: 1.5
    }

    .lg\:prose-lg h4 {
        margin-top: 1.7777778em;
        margin-bottom: .4444444em;
        line-height: 1.5555556
    }

    .lg\:prose-lg figure,.lg\:prose-lg img,.lg\:prose-lg video {
        margin-top: 1.7777778em;
        margin-bottom: 1.7777778em
    }

    .lg\:prose-lg figure>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .lg\:prose-lg figure figcaption {
        font-size: .8888889em;
        line-height: 1.5;
        margin-top: 1em
    }

    .lg\:prose-lg code {
        font-size: .8888889em
    }

    .lg\:prose-lg h2 code {
        font-size: .8666667em
    }

    .lg\:prose-lg h3 code {
        font-size: .875em
    }

    .lg\:prose-lg pre {
        font-size: .8888889em;
        line-height: 1.75;
        margin-top: 2em;
        margin-bottom: 2em;
        border-radius: .375rem;
        padding: 1em 1.5em
    }

    .lg\:prose-lg ol,.lg\:prose-lg ul {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em
    }

    .lg\:prose-lg li {
        margin-top: .6666667em;
        margin-bottom: .6666667em
    }

    .lg\:prose-lg ol>li {
        padding-left: 1.6666667em
    }

    .lg\:prose-lg ol>li:before {
        left: 0
    }

    .lg\:prose-lg ul>li {
        padding-left: 1.6666667em
    }

    .lg\:prose-lg ul>li:before {
        width: .3333333em;
        height: .3333333em;
        top: .72222em;
        left: .2222222em
    }

    .lg\:prose-lg>ul>li p {
        margin-top: .8888889em;
        margin-bottom: .8888889em
    }

    .lg\:prose-lg>ul>li>:first-child {
        margin-top: 1.3333333em
    }

    .lg\:prose-lg>ul>li>:last-child {
        margin-bottom: 1.3333333em
    }

    .lg\:prose-lg>ol>li>:first-child {
        margin-top: 1.3333333em
    }

    .lg\:prose-lg>ol>li>:last-child {
        margin-bottom: 1.3333333em
    }

    .lg\:prose-lg ol ol,.lg\:prose-lg ol ul,.lg\:prose-lg ul ol,.lg\:prose-lg ul ul {
        margin-top: .8888889em;
        margin-bottom: .8888889em
    }

    .lg\:prose-lg hr {
        margin-top: 3.1111111em;
        margin-bottom: 3.1111111em
    }

    .lg\:prose-lg h2+*,.lg\:prose-lg h3+*,.lg\:prose-lg h4+*,.lg\:prose-lg hr+* {
        margin-top: 0
    }

    .lg\:prose-lg table {
        font-size: .8888889em;
        line-height: 1.5
    }

    .lg\:prose-lg thead th {
        padding-right: .75em;
        padding-bottom: .75em;
        padding-left: .75em
    }

    .lg\:prose-lg thead th:first-child {
        padding-left: 0
    }

    .lg\:prose-lg thead th:last-child {
        padding-right: 0
    }

    .lg\:prose-lg tbody td {
        padding: .75em
    }

    .lg\:prose-lg tbody td:first-child {
        padding-left: 0
    }

    .lg\:prose-lg tbody td:last-child {
        padding-right: 0
    }

    .lg\:prose-lg>:first-child {
        margin-top: 0
    }

    .lg\:prose-lg>:last-child {
        margin-bottom: 0
    }

    .lg\:prose-xl {
        font-size: 1.25rem;
        line-height: 1.8
    }

    .lg\:prose-xl p {
        margin-top: 1.2em;
        margin-bottom: 1.2em
    }

    .lg\:prose-xl [class~=lead] {
        font-size: 1.2em;
        line-height: 1.5;
        margin-top: 1em;
        margin-bottom: 1em
    }

    .lg\:prose-xl blockquote {
        margin-top: 1.6em;
        margin-bottom: 1.6em;
        padding-left: 1.0666667em
    }

    .lg\:prose-xl h1 {
        font-size: 2.8em;
        margin-top: 0;
        margin-bottom: .8571429em;
        line-height: 1
    }

    .lg\:prose-xl h2 {
        font-size: 1.8em;
        margin-top: 1.5555556em;
        margin-bottom: .8888889em;
        line-height: 1.1111111
    }

    .lg\:prose-xl h3 {
        font-size: 1.5em;
        margin-top: 1.6em;
        margin-bottom: .6666667em;
        line-height: 1.3333333
    }

    .lg\:prose-xl h4 {
        margin-top: 1.8em;
        margin-bottom: .6em;
        line-height: 1.6
    }

    .lg\:prose-xl figure,.lg\:prose-xl img,.lg\:prose-xl video {
        margin-top: 2em;
        margin-bottom: 2em
    }

    .lg\:prose-xl figure>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .lg\:prose-xl figure figcaption {
        font-size: .9em;
        line-height: 1.5555556;
        margin-top: 1em
    }

    .lg\:prose-xl code {
        font-size: .9em
    }

    .lg\:prose-xl h2 code {
        font-size: .8611111em
    }

    .lg\:prose-xl h3 code {
        font-size: .9em
    }

    .lg\:prose-xl pre {
        font-size: .9em;
        line-height: 1.7777778;
        margin-top: 2em;
        margin-bottom: 2em;
        border-radius: .5rem;
        padding: 1.1111111em 1.3333333em
    }

    .lg\:prose-xl ol,.lg\:prose-xl ul {
        margin-top: 1.2em;
        margin-bottom: 1.2em
    }

    .lg\:prose-xl li {
        margin-top: .6em;
        margin-bottom: .6em
    }

    .lg\:prose-xl ol>li {
        padding-left: 1.8em
    }

    .lg\:prose-xl ol>li:before {
        left: 0
    }

    .lg\:prose-xl ul>li {
        padding-left: 1.8em
    }

    .lg\:prose-xl ul>li:before {
        width: .35em;
        height: .35em;
        top: .725em;
        left: .25em
    }

    .lg\:prose-xl>ul>li p {
        margin-top: .8em;
        margin-bottom: .8em
    }

    .lg\:prose-xl>ul>li>:first-child {
        margin-top: 1.2em
    }

    .lg\:prose-xl>ul>li>:last-child {
        margin-bottom: 1.2em
    }

    .lg\:prose-xl>ol>li>:first-child {
        margin-top: 1.2em
    }

    .lg\:prose-xl>ol>li>:last-child {
        margin-bottom: 1.2em
    }

    .lg\:prose-xl ol ol,.lg\:prose-xl ol ul,.lg\:prose-xl ul ol,.lg\:prose-xl ul ul {
        margin-top: .8em;
        margin-bottom: .8em
    }

    .lg\:prose-xl hr {
        margin-top: 2.8em;
        margin-bottom: 2.8em
    }

    .lg\:prose-xl h2+*,.lg\:prose-xl h3+*,.lg\:prose-xl h4+*,.lg\:prose-xl hr+* {
        margin-top: 0
    }

    .lg\:prose-xl table {
        font-size: .9em;
        line-height: 1.5555556
    }

    .lg\:prose-xl thead th {
        padding-right: .6666667em;
        padding-bottom: .8888889em;
        padding-left: .6666667em
    }

    .lg\:prose-xl thead th:first-child {
        padding-left: 0
    }

    .lg\:prose-xl thead th:last-child {
        padding-right: 0
    }

    .lg\:prose-xl tbody td {
        padding: .8888889em .6666667em
    }

    .lg\:prose-xl tbody td:first-child {
        padding-left: 0
    }

    .lg\:prose-xl tbody td:last-child {
        padding-right: 0
    }

    .lg\:prose-xl>:first-child {
        margin-top: 0
    }

    .lg\:prose-xl>:last-child {
        margin-bottom: 0
    }

    .lg\:prose-2xl {
        font-size: 1.5rem;
        line-height: 1.6666667
    }

    .lg\:prose-2xl p {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em
    }

    .lg\:prose-2xl [class~=lead] {
        font-size: 1.25em;
        line-height: 1.4666667;
        margin-top: 1.0666667em;
        margin-bottom: 1.0666667em
    }

    .lg\:prose-2xl blockquote {
        margin-top: 1.7777778em;
        margin-bottom: 1.7777778em;
        padding-left: 1.1111111em
    }

    .lg\:prose-2xl h1 {
        font-size: 2.6666667em;
        margin-top: 0;
        margin-bottom: .875em;
        line-height: 1
    }

    .lg\:prose-2xl h2 {
        font-size: 2em;
        margin-top: 1.5em;
        margin-bottom: .8333333em;
        line-height: 1.0833333
    }

    .lg\:prose-2xl h3 {
        font-size: 1.5em;
        margin-top: 1.5555556em;
        margin-bottom: .6666667em;
        line-height: 1.2222222
    }

    .lg\:prose-2xl h4 {
        margin-top: 1.6666667em;
        margin-bottom: .6666667em;
        line-height: 1.5
    }

    .lg\:prose-2xl figure,.lg\:prose-2xl img,.lg\:prose-2xl video {
        margin-top: 2em;
        margin-bottom: 2em
    }

    .lg\:prose-2xl figure>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .lg\:prose-2xl figure figcaption {
        font-size: .8333333em;
        line-height: 1.6;
        margin-top: 1em
    }

    .lg\:prose-2xl code {
        font-size: .8333333em
    }

    .lg\:prose-2xl h2 code {
        font-size: .875em
    }

    .lg\:prose-2xl h3 code {
        font-size: .8888889em
    }

    .lg\:prose-2xl pre {
        font-size: .8333333em;
        line-height: 1.8;
        margin-top: 2em;
        margin-bottom: 2em;
        border-radius: .5rem;
        padding: 1.2em 1.6em
    }

    .lg\:prose-2xl ol,.lg\:prose-2xl ul {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em
    }

    .lg\:prose-2xl li {
        margin-top: .5em;
        margin-bottom: .5em
    }

    .lg\:prose-2xl ol>li {
        padding-left: 1.6666667em
    }

    .lg\:prose-2xl ol>li:before {
        left: 0
    }

    .lg\:prose-2xl ul>li {
        padding-left: 1.6666667em
    }

    .lg\:prose-2xl ul>li:before {
        width: .3333333em;
        height: .3333333em;
        top: .66667em;
        left: .25em
    }

    .lg\:prose-2xl>ul>li p {
        margin-top: .8333333em;
        margin-bottom: .8333333em
    }

    .lg\:prose-2xl>ul>li>:first-child {
        margin-top: 1.3333333em
    }

    .lg\:prose-2xl>ul>li>:last-child {
        margin-bottom: 1.3333333em
    }

    .lg\:prose-2xl>ol>li>:first-child {
        margin-top: 1.3333333em
    }

    .lg\:prose-2xl>ol>li>:last-child {
        margin-bottom: 1.3333333em
    }

    .lg\:prose-2xl ol ol,.lg\:prose-2xl ol ul,.lg\:prose-2xl ul ol,.lg\:prose-2xl ul ul {
        margin-top: .6666667em;
        margin-bottom: .6666667em
    }

    .lg\:prose-2xl hr {
        margin-top: 3em;
        margin-bottom: 3em
    }

    .lg\:prose-2xl h2+*,.lg\:prose-2xl h3+*,.lg\:prose-2xl h4+*,.lg\:prose-2xl hr+* {
        margin-top: 0
    }

    .lg\:prose-2xl table {
        font-size: .8333333em;
        line-height: 1.4
    }

    .lg\:prose-2xl thead th {
        padding-right: .6em;
        padding-bottom: .8em;
        padding-left: .6em
    }

    .lg\:prose-2xl thead th:first-child {
        padding-left: 0
    }

    .lg\:prose-2xl thead th:last-child {
        padding-right: 0
    }

    .lg\:prose-2xl tbody td {
        padding: .8em .6em
    }

    .lg\:prose-2xl tbody td:first-child {
        padding-left: 0
    }

    .lg\:prose-2xl tbody td:last-child {
        padding-right: 0
    }

    .lg\:prose-2xl>:first-child {
        margin-top: 0
    }

    .lg\:prose-2xl>:last-child {
        margin-bottom: 0
    }

    .lg\:prose-red a,.lg\:prose-red a code {
        color: #dc2626
    }

    .lg\:prose-yellow a,.lg\:prose-yellow a code {
        color: #d97706
    }

    .lg\:prose-green a,.lg\:prose-green a code {
        color: #059669
    }

    .lg\:prose-blue a,.lg\:prose-blue a code {
        color: #2563eb
    }

    .lg\:prose-indigo a,.lg\:prose-indigo a code {
        color: #4f46e5
    }

    .lg\:prose-purple a,.lg\:prose-purple a code {
        color: #7c3aed
    }

    .lg\:prose-pink a,.lg\:prose-pink a code {
        color: #db2777
    }
}

@media (min-width: 1280px) {
    .xl\:prose {
        color:#374151;
        max-width: 65ch
    }

    .xl\:prose [class~=lead] {
        color: #4b5563;
        font-size: 1.25em;
        line-height: 1.6;
        margin-top: 1.2em;
        margin-bottom: 1.2em
    }

    .xl\:prose a {
        color: #111827;
        text-decoration: underline;
        font-weight: 500
    }

    .xl\:prose strong {
        color: #111827;
        font-weight: 600
    }

    .xl\:prose ol[type=A] {
        --list-counter-style: upper-alpha
    }

    .xl\:prose ol[type=a] {
        --list-counter-style: lower-alpha
    }

    .xl\:prose ol[type=As] {
        --list-counter-style: upper-alpha
    }

    .xl\:prose ol[type=as] {
        --list-counter-style: lower-alpha
    }

    .xl\:prose ol[type=I] {
        --list-counter-style: upper-roman
    }

    .xl\:prose ol[type=i] {
        --list-counter-style: lower-roman
    }

    .xl\:prose ol[type=Is] {
        --list-counter-style: upper-roman
    }

    .xl\:prose ol[type=is] {
        --list-counter-style: lower-roman
    }

    .xl\:prose ol[type="1"] {
        --list-counter-style: decimal
    }

    .xl\:prose ol>li {
        position: relative;
        padding-left: 1.75em
    }

    .xl\:prose ol>li:before {
        content: counter(list-item,var(--list-counter-style,decimal)) ".";
        position: absolute;
        font-weight: 400;
        color: #6b7280;
        left: 0
    }

    .xl\:prose ul>li {
        position: relative;
        padding-left: 1.75em
    }

    .xl\:prose ul>li:before {
        content: "";
        position: absolute;
        background-color: #d1d5db;
        border-radius: 50%;
        width: .375em;
        height: .375em;
        top: .6875em;
        left: .25em
    }

    .xl\:prose hr {
        border-color: #e5e7eb;
        border-top-width: 1px;
        margin-top: 3em;
        margin-bottom: 3em
    }

    .xl\:prose blockquote {
        font-weight: 500;
        font-style: italic;
        color: #111827;
        border-left-width: .25rem;
        border-left-color: #e5e7eb;
        quotes: "\201C""\201D""\2018""\2019";
        margin-top: 1.6em;
        margin-bottom: 1.6em;
        padding-left: 1em
    }

    .xl\:prose blockquote p:first-of-type:before {
        content: open-quote
    }

    .xl\:prose blockquote p:last-of-type:after {
        content: close-quote
    }

    .xl\:prose h1 {
        color: #111827;
        font-weight: 800;
        font-size: 2.25em;
        margin-top: 0;
        margin-bottom: .8888889em;
        line-height: 1.1111111
    }

    .xl\:prose h2 {
        color: #111827;
        font-weight: 700;
        font-size: 1.5em;
        margin-top: 2em;
        margin-bottom: 1em;
        line-height: 1.3333333
    }

    .xl\:prose h3 {
        font-size: 1.25em;
        margin-top: 1.6em;
        margin-bottom: .6em;
        line-height: 1.6
    }

    .xl\:prose h3,.xl\:prose h4 {
        color: #111827;
        font-weight: 600
    }

    .xl\:prose h4 {
        margin-top: 1.5em;
        margin-bottom: .5em;
        line-height: 1.5
    }

    .xl\:prose figure figcaption {
        color: #6b7280;
        font-size: .875em;
        line-height: 1.4285714;
        margin-top: .8571429em
    }

    .xl\:prose code {
        color: #111827;
        font-weight: 600;
        font-size: .875em
    }

    .xl\:prose code:after,.xl\:prose code:before {
        content: "`"
    }

    .xl\:prose a code {
        color: #111827
    }

    .xl\:prose pre {
        color: #e5e7eb;
        background-color: #1f2937;
        overflow-x: auto;
        font-size: .875em;
        line-height: 1.7142857;
        margin-top: 1.7142857em;
        margin-bottom: 1.7142857em;
        border-radius: .375rem;
        padding: .8571429em 1.1428571em
    }

    .xl\:prose pre code {
        background-color: transparent;
        border-width: 0;
        border-radius: 0;
        padding: 0;
        font-weight: 400;
        color: inherit;
        font-size: inherit;
        font-family: inherit;
        line-height: inherit
    }

    .xl\:prose pre code:after,.xl\:prose pre code:before {
        content: none
    }

    .xl\:prose table {
        width: 100%;
        table-layout: auto;
        text-align: left;
        margin-top: 2em;
        margin-bottom: 2em;
        font-size: .875em;
        line-height: 1.7142857
    }

    .xl\:prose thead {
        color: #111827;
        font-weight: 600;
        border-bottom-width: 1px;
        border-bottom-color: #d1d5db
    }

    .xl\:prose thead th {
        vertical-align: bottom;
        padding-right: .5714286em;
        padding-bottom: .5714286em;
        padding-left: .5714286em
    }

    .xl\:prose tbody tr {
        border-bottom-width: 1px;
        border-bottom-color: #e5e7eb
    }

    .xl\:prose tbody tr:last-child {
        border-bottom-width: 0
    }

    .xl\:prose tbody td {
        vertical-align: top;
        padding: .5714286em
    }

    .xl\:prose {
        font-size: 1rem;
        line-height: 1.75
    }

    .xl\:prose p {
        margin-top: 1.25em;
        margin-bottom: 1.25em
    }

    .xl\:prose figure,.xl\:prose img,.xl\:prose video {
        margin-top: 2em;
        margin-bottom: 2em
    }

    .xl\:prose figure>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .xl\:prose h2 code {
        font-size: .875em
    }

    .xl\:prose h3 code {
        font-size: .9em
    }

    .xl\:prose ol,.xl\:prose ul {
        margin-top: 1.25em;
        margin-bottom: 1.25em
    }

    .xl\:prose li {
        margin-top: .5em;
        margin-bottom: .5em
    }

    .xl\:prose>ul>li p {
        margin-top: .75em;
        margin-bottom: .75em
    }

    .xl\:prose>ul>li>:first-child {
        margin-top: 1.25em
    }

    .xl\:prose>ul>li>:last-child {
        margin-bottom: 1.25em
    }

    .xl\:prose>ol>li>:first-child {
        margin-top: 1.25em
    }

    .xl\:prose>ol>li>:last-child {
        margin-bottom: 1.25em
    }

    .xl\:prose ol ol,.xl\:prose ol ul,.xl\:prose ul ol,.xl\:prose ul ul {
        margin-top: .75em;
        margin-bottom: .75em
    }

    .xl\:prose h2+*,.xl\:prose h3+*,.xl\:prose h4+*,.xl\:prose hr+* {
        margin-top: 0
    }

    .xl\:prose thead th:first-child {
        padding-left: 0
    }

    .xl\:prose thead th:last-child {
        padding-right: 0
    }

    .xl\:prose tbody td:first-child {
        padding-left: 0
    }

    .xl\:prose tbody td:last-child {
        padding-right: 0
    }

    .xl\:prose>:first-child {
        margin-top: 0
    }

    .xl\:prose>:last-child {
        margin-bottom: 0
    }

    .xl\:prose-sm {
        font-size: .875rem;
        line-height: 1.7142857
    }

    .xl\:prose-sm p {
        margin-top: 1.1428571em;
        margin-bottom: 1.1428571em
    }

    .xl\:prose-sm [class~=lead] {
        font-size: 1.2857143em;
        line-height: 1.5555556;
        margin-top: .8888889em;
        margin-bottom: .8888889em
    }

    .xl\:prose-sm blockquote {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em;
        padding-left: 1.1111111em
    }

    .xl\:prose-sm h1 {
        font-size: 2.1428571em;
        margin-top: 0;
        margin-bottom: .8em;
        line-height: 1.2
    }

    .xl\:prose-sm h2 {
        font-size: 1.4285714em;
        margin-top: 1.6em;
        margin-bottom: .8em;
        line-height: 1.4
    }

    .xl\:prose-sm h3 {
        font-size: 1.2857143em;
        margin-top: 1.5555556em;
        margin-bottom: .4444444em;
        line-height: 1.5555556
    }

    .xl\:prose-sm h4 {
        margin-top: 1.4285714em;
        margin-bottom: .5714286em;
        line-height: 1.4285714
    }

    .xl\:prose-sm figure,.xl\:prose-sm img,.xl\:prose-sm video {
        margin-top: 1.7142857em;
        margin-bottom: 1.7142857em
    }

    .xl\:prose-sm figure>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .xl\:prose-sm figure figcaption {
        font-size: .8571429em;
        line-height: 1.3333333;
        margin-top: .6666667em
    }

    .xl\:prose-sm code {
        font-size: .8571429em
    }

    .xl\:prose-sm h2 code {
        font-size: .9em
    }

    .xl\:prose-sm h3 code {
        font-size: .8888889em
    }

    .xl\:prose-sm pre {
        font-size: .8571429em;
        line-height: 1.6666667;
        margin-top: 1.6666667em;
        margin-bottom: 1.6666667em;
        border-radius: .25rem;
        padding: .6666667em 1em
    }

    .xl\:prose-sm ol,.xl\:prose-sm ul {
        margin-top: 1.1428571em;
        margin-bottom: 1.1428571em
    }

    .xl\:prose-sm li {
        margin-top: .2857143em;
        margin-bottom: .2857143em
    }

    .xl\:prose-sm ol>li {
        padding-left: 1.5714286em
    }

    .xl\:prose-sm ol>li:before {
        left: 0
    }

    .xl\:prose-sm ul>li {
        padding-left: 1.5714286em
    }

    .xl\:prose-sm ul>li:before {
        height: .3571429em;
        width: .3571429em;
        top: .67857em;
        left: .2142857em
    }

    .xl\:prose-sm>ul>li p {
        margin-top: .5714286em;
        margin-bottom: .5714286em
    }

    .xl\:prose-sm>ul>li>:first-child {
        margin-top: 1.1428571em
    }

    .xl\:prose-sm>ul>li>:last-child {
        margin-bottom: 1.1428571em
    }

    .xl\:prose-sm>ol>li>:first-child {
        margin-top: 1.1428571em
    }

    .xl\:prose-sm>ol>li>:last-child {
        margin-bottom: 1.1428571em
    }

    .xl\:prose-sm ol ol,.xl\:prose-sm ol ul,.xl\:prose-sm ul ol,.xl\:prose-sm ul ul {
        margin-top: .5714286em;
        margin-bottom: .5714286em
    }

    .xl\:prose-sm hr {
        margin-top: 2.8571429em;
        margin-bottom: 2.8571429em
    }

    .xl\:prose-sm h2+*,.xl\:prose-sm h3+*,.xl\:prose-sm h4+*,.xl\:prose-sm hr+* {
        margin-top: 0
    }

    .xl\:prose-sm table {
        font-size: .8571429em;
        line-height: 1.5
    }

    .xl\:prose-sm thead th {
        padding-right: 1em;
        padding-bottom: .6666667em;
        padding-left: 1em
    }

    .xl\:prose-sm thead th:first-child {
        padding-left: 0
    }

    .xl\:prose-sm thead th:last-child {
        padding-right: 0
    }

    .xl\:prose-sm tbody td {
        padding: .6666667em 1em
    }

    .xl\:prose-sm tbody td:first-child {
        padding-left: 0
    }

    .xl\:prose-sm tbody td:last-child {
        padding-right: 0
    }

    .xl\:prose-sm>:first-child {
        margin-top: 0
    }

    .xl\:prose-sm>:last-child {
        margin-bottom: 0
    }

    .xl\:prose-lg {
        font-size: 1.125rem;
        line-height: 1.7777778
    }

    .xl\:prose-lg p {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em
    }

    .xl\:prose-lg [class~=lead] {
        font-size: 1.2222222em;
        line-height: 1.4545455;
        margin-top: 1.0909091em;
        margin-bottom: 1.0909091em
    }

    .xl\:prose-lg blockquote {
        margin-top: 1.6666667em;
        margin-bottom: 1.6666667em;
        padding-left: 1em
    }

    .xl\:prose-lg h1 {
        font-size: 2.6666667em;
        margin-top: 0;
        margin-bottom: .8333333em;
        line-height: 1
    }

    .xl\:prose-lg h2 {
        font-size: 1.6666667em;
        margin-top: 1.8666667em;
        margin-bottom: 1.0666667em;
        line-height: 1.3333333
    }

    .xl\:prose-lg h3 {
        font-size: 1.3333333em;
        margin-top: 1.6666667em;
        margin-bottom: .6666667em;
        line-height: 1.5
    }

    .xl\:prose-lg h4 {
        margin-top: 1.7777778em;
        margin-bottom: .4444444em;
        line-height: 1.5555556
    }

    .xl\:prose-lg figure,.xl\:prose-lg img,.xl\:prose-lg video {
        margin-top: 1.7777778em;
        margin-bottom: 1.7777778em
    }

    .xl\:prose-lg figure>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .xl\:prose-lg figure figcaption {
        font-size: .8888889em;
        line-height: 1.5;
        margin-top: 1em
    }

    .xl\:prose-lg code {
        font-size: .8888889em
    }

    .xl\:prose-lg h2 code {
        font-size: .8666667em
    }

    .xl\:prose-lg h3 code {
        font-size: .875em
    }

    .xl\:prose-lg pre {
        font-size: .8888889em;
        line-height: 1.75;
        margin-top: 2em;
        margin-bottom: 2em;
        border-radius: .375rem;
        padding: 1em 1.5em
    }

    .xl\:prose-lg ol,.xl\:prose-lg ul {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em
    }

    .xl\:prose-lg li {
        margin-top: .6666667em;
        margin-bottom: .6666667em
    }

    .xl\:prose-lg ol>li {
        padding-left: 1.6666667em
    }

    .xl\:prose-lg ol>li:before {
        left: 0
    }

    .xl\:prose-lg ul>li {
        padding-left: 1.6666667em
    }

    .xl\:prose-lg ul>li:before {
        width: .3333333em;
        height: .3333333em;
        top: .72222em;
        left: .2222222em
    }

    .xl\:prose-lg>ul>li p {
        margin-top: .8888889em;
        margin-bottom: .8888889em
    }

    .xl\:prose-lg>ul>li>:first-child {
        margin-top: 1.3333333em
    }

    .xl\:prose-lg>ul>li>:last-child {
        margin-bottom: 1.3333333em
    }

    .xl\:prose-lg>ol>li>:first-child {
        margin-top: 1.3333333em
    }

    .xl\:prose-lg>ol>li>:last-child {
        margin-bottom: 1.3333333em
    }

    .xl\:prose-lg ol ol,.xl\:prose-lg ol ul,.xl\:prose-lg ul ol,.xl\:prose-lg ul ul {
        margin-top: .8888889em;
        margin-bottom: .8888889em
    }

    .xl\:prose-lg hr {
        margin-top: 3.1111111em;
        margin-bottom: 3.1111111em
    }

    .xl\:prose-lg h2+*,.xl\:prose-lg h3+*,.xl\:prose-lg h4+*,.xl\:prose-lg hr+* {
        margin-top: 0
    }

    .xl\:prose-lg table {
        font-size: .8888889em;
        line-height: 1.5
    }

    .xl\:prose-lg thead th {
        padding-right: .75em;
        padding-bottom: .75em;
        padding-left: .75em
    }

    .xl\:prose-lg thead th:first-child {
        padding-left: 0
    }

    .xl\:prose-lg thead th:last-child {
        padding-right: 0
    }

    .xl\:prose-lg tbody td {
        padding: .75em
    }

    .xl\:prose-lg tbody td:first-child {
        padding-left: 0
    }

    .xl\:prose-lg tbody td:last-child {
        padding-right: 0
    }

    .xl\:prose-lg>:first-child {
        margin-top: 0
    }

    .xl\:prose-lg>:last-child {
        margin-bottom: 0
    }

    .xl\:prose-xl {
        font-size: 1.25rem;
        line-height: 1.8
    }

    .xl\:prose-xl p {
        margin-top: 1.2em;
        margin-bottom: 1.2em
    }

    .xl\:prose-xl [class~=lead] {
        font-size: 1.2em;
        line-height: 1.5;
        margin-top: 1em;
        margin-bottom: 1em
    }

    .xl\:prose-xl blockquote {
        margin-top: 1.6em;
        margin-bottom: 1.6em;
        padding-left: 1.0666667em
    }

    .xl\:prose-xl h1 {
        font-size: 2.8em;
        margin-top: 0;
        margin-bottom: .8571429em;
        line-height: 1
    }

    .xl\:prose-xl h2 {
        font-size: 1.8em;
        margin-top: 1.5555556em;
        margin-bottom: .8888889em;
        line-height: 1.1111111
    }

    .xl\:prose-xl h3 {
        font-size: 1.5em;
        margin-top: 1.6em;
        margin-bottom: .6666667em;
        line-height: 1.3333333
    }

    .xl\:prose-xl h4 {
        margin-top: 1.8em;
        margin-bottom: .6em;
        line-height: 1.6
    }

    .xl\:prose-xl figure,.xl\:prose-xl img,.xl\:prose-xl video {
        margin-top: 2em;
        margin-bottom: 2em
    }

    .xl\:prose-xl figure>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .xl\:prose-xl figure figcaption {
        font-size: .9em;
        line-height: 1.5555556;
        margin-top: 1em
    }

    .xl\:prose-xl code {
        font-size: .9em
    }

    .xl\:prose-xl h2 code {
        font-size: .8611111em
    }

    .xl\:prose-xl h3 code {
        font-size: .9em
    }

    .xl\:prose-xl pre {
        font-size: .9em;
        line-height: 1.7777778;
        margin-top: 2em;
        margin-bottom: 2em;
        border-radius: .5rem;
        padding: 1.1111111em 1.3333333em
    }

    .xl\:prose-xl ol,.xl\:prose-xl ul {
        margin-top: 1.2em;
        margin-bottom: 1.2em
    }

    .xl\:prose-xl li {
        margin-top: .6em;
        margin-bottom: .6em
    }

    .xl\:prose-xl ol>li {
        padding-left: 1.8em
    }

    .xl\:prose-xl ol>li:before {
        left: 0
    }

    .xl\:prose-xl ul>li {
        padding-left: 1.8em
    }

    .xl\:prose-xl ul>li:before {
        width: .35em;
        height: .35em;
        top: .725em;
        left: .25em
    }

    .xl\:prose-xl>ul>li p {
        margin-top: .8em;
        margin-bottom: .8em
    }

    .xl\:prose-xl>ul>li>:first-child {
        margin-top: 1.2em
    }

    .xl\:prose-xl>ul>li>:last-child {
        margin-bottom: 1.2em
    }

    .xl\:prose-xl>ol>li>:first-child {
        margin-top: 1.2em
    }

    .xl\:prose-xl>ol>li>:last-child {
        margin-bottom: 1.2em
    }

    .xl\:prose-xl ol ol,.xl\:prose-xl ol ul,.xl\:prose-xl ul ol,.xl\:prose-xl ul ul {
        margin-top: .8em;
        margin-bottom: .8em
    }

    .xl\:prose-xl hr {
        margin-top: 2.8em;
        margin-bottom: 2.8em
    }

    .xl\:prose-xl h2+*,.xl\:prose-xl h3+*,.xl\:prose-xl h4+*,.xl\:prose-xl hr+* {
        margin-top: 0
    }

    .xl\:prose-xl table {
        font-size: .9em;
        line-height: 1.5555556
    }

    .xl\:prose-xl thead th {
        padding-right: .6666667em;
        padding-bottom: .8888889em;
        padding-left: .6666667em
    }

    .xl\:prose-xl thead th:first-child {
        padding-left: 0
    }

    .xl\:prose-xl thead th:last-child {
        padding-right: 0
    }

    .xl\:prose-xl tbody td {
        padding: .8888889em .6666667em
    }

    .xl\:prose-xl tbody td:first-child {
        padding-left: 0
    }

    .xl\:prose-xl tbody td:last-child {
        padding-right: 0
    }

    .xl\:prose-xl>:first-child {
        margin-top: 0
    }

    .xl\:prose-xl>:last-child {
        margin-bottom: 0
    }

    .xl\:prose-2xl {
        font-size: 1.5rem;
        line-height: 1.6666667
    }

    .xl\:prose-2xl p {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em
    }

    .xl\:prose-2xl [class~=lead] {
        font-size: 1.25em;
        line-height: 1.4666667;
        margin-top: 1.0666667em;
        margin-bottom: 1.0666667em
    }

    .xl\:prose-2xl blockquote {
        margin-top: 1.7777778em;
        margin-bottom: 1.7777778em;
        padding-left: 1.1111111em
    }

    .xl\:prose-2xl h1 {
        font-size: 2.6666667em;
        margin-top: 0;
        margin-bottom: .875em;
        line-height: 1
    }

    .xl\:prose-2xl h2 {
        font-size: 2em;
        margin-top: 1.5em;
        margin-bottom: .8333333em;
        line-height: 1.0833333
    }

    .xl\:prose-2xl h3 {
        font-size: 1.5em;
        margin-top: 1.5555556em;
        margin-bottom: .6666667em;
        line-height: 1.2222222
    }

    .xl\:prose-2xl h4 {
        margin-top: 1.6666667em;
        margin-bottom: .6666667em;
        line-height: 1.5
    }

    .xl\:prose-2xl figure,.xl\:prose-2xl img,.xl\:prose-2xl video {
        margin-top: 2em;
        margin-bottom: 2em
    }

    .xl\:prose-2xl figure>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .xl\:prose-2xl figure figcaption {
        font-size: .8333333em;
        line-height: 1.6;
        margin-top: 1em
    }

    .xl\:prose-2xl code {
        font-size: .8333333em
    }

    .xl\:prose-2xl h2 code {
        font-size: .875em
    }

    .xl\:prose-2xl h3 code {
        font-size: .8888889em
    }

    .xl\:prose-2xl pre {
        font-size: .8333333em;
        line-height: 1.8;
        margin-top: 2em;
        margin-bottom: 2em;
        border-radius: .5rem;
        padding: 1.2em 1.6em
    }

    .xl\:prose-2xl ol,.xl\:prose-2xl ul {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em
    }

    .xl\:prose-2xl li {
        margin-top: .5em;
        margin-bottom: .5em
    }

    .xl\:prose-2xl ol>li {
        padding-left: 1.6666667em
    }

    .xl\:prose-2xl ol>li:before {
        left: 0
    }

    .xl\:prose-2xl ul>li {
        padding-left: 1.6666667em
    }

    .xl\:prose-2xl ul>li:before {
        width: .3333333em;
        height: .3333333em;
        top: .66667em;
        left: .25em
    }

    .xl\:prose-2xl>ul>li p {
        margin-top: .8333333em;
        margin-bottom: .8333333em
    }

    .xl\:prose-2xl>ul>li>:first-child {
        margin-top: 1.3333333em
    }

    .xl\:prose-2xl>ul>li>:last-child {
        margin-bottom: 1.3333333em
    }

    .xl\:prose-2xl>ol>li>:first-child {
        margin-top: 1.3333333em
    }

    .xl\:prose-2xl>ol>li>:last-child {
        margin-bottom: 1.3333333em
    }

    .xl\:prose-2xl ol ol,.xl\:prose-2xl ol ul,.xl\:prose-2xl ul ol,.xl\:prose-2xl ul ul {
        margin-top: .6666667em;
        margin-bottom: .6666667em
    }

    .xl\:prose-2xl hr {
        margin-top: 3em;
        margin-bottom: 3em
    }

    .xl\:prose-2xl h2+*,.xl\:prose-2xl h3+*,.xl\:prose-2xl h4+*,.xl\:prose-2xl hr+* {
        margin-top: 0
    }

    .xl\:prose-2xl table {
        font-size: .8333333em;
        line-height: 1.4
    }

    .xl\:prose-2xl thead th {
        padding-right: .6em;
        padding-bottom: .8em;
        padding-left: .6em
    }

    .xl\:prose-2xl thead th:first-child {
        padding-left: 0
    }

    .xl\:prose-2xl thead th:last-child {
        padding-right: 0
    }

    .xl\:prose-2xl tbody td {
        padding: .8em .6em
    }

    .xl\:prose-2xl tbody td:first-child {
        padding-left: 0
    }

    .xl\:prose-2xl tbody td:last-child {
        padding-right: 0
    }

    .xl\:prose-2xl>:first-child {
        margin-top: 0
    }

    .xl\:prose-2xl>:last-child {
        margin-bottom: 0
    }

    .xl\:prose-red a,.xl\:prose-red a code {
        color: #dc2626
    }

    .xl\:prose-yellow a,.xl\:prose-yellow a code {
        color: #d97706
    }

    .xl\:prose-green a,.xl\:prose-green a code {
        color: #059669
    }

    .xl\:prose-blue a,.xl\:prose-blue a code {
        color: #2563eb
    }

    .xl\:prose-indigo a,.xl\:prose-indigo a code {
        color: #4f46e5
    }

    .xl\:prose-purple a,.xl\:prose-purple a code {
        color: #7c3aed
    }

    .xl\:prose-pink a,.xl\:prose-pink a code {
        color: #db2777
    }
}

@media (min-width: 1536px) {
    .\32xl\:prose {
        color:#374151;
        max-width: 65ch
    }

    .\32xl\:prose [class~=lead] {
        color: #4b5563;
        font-size: 1.25em;
        line-height: 1.6;
        margin-top: 1.2em;
        margin-bottom: 1.2em
    }

    .\32xl\:prose a {
        color: #111827;
        text-decoration: underline;
        font-weight: 500
    }

    .\32xl\:prose strong {
        color: #111827;
        font-weight: 600
    }

    .\32xl\:prose ol[type=A] {
        --list-counter-style: upper-alpha
    }

    .\32xl\:prose ol[type=a] {
        --list-counter-style: lower-alpha
    }

    .\32xl\:prose ol[type=As] {
        --list-counter-style: upper-alpha
    }

    .\32xl\:prose ol[type=as] {
        --list-counter-style: lower-alpha
    }

    .\32xl\:prose ol[type=I] {
        --list-counter-style: upper-roman
    }

    .\32xl\:prose ol[type=i] {
        --list-counter-style: lower-roman
    }

    .\32xl\:prose ol[type=Is] {
        --list-counter-style: upper-roman
    }

    .\32xl\:prose ol[type=is] {
        --list-counter-style: lower-roman
    }

    .\32xl\:prose ol[type="1"] {
        --list-counter-style: decimal
    }

    .\32xl\:prose ol>li {
        position: relative;
        padding-left: 1.75em
    }

    .\32xl\:prose ol>li:before {
        content: counter(list-item,var(--list-counter-style,decimal)) ".";
        position: absolute;
        font-weight: 400;
        color: #6b7280;
        left: 0
    }

    .\32xl\:prose ul>li {
        position: relative;
        padding-left: 1.75em
    }

    .\32xl\:prose ul>li:before {
        content: "";
        position: absolute;
        background-color: #d1d5db;
        border-radius: 50%;
        width: .375em;
        height: .375em;
        top: .6875em;
        left: .25em
    }

    .\32xl\:prose hr {
        border-color: #e5e7eb;
        border-top-width: 1px;
        margin-top: 3em;
        margin-bottom: 3em
    }

    .\32xl\:prose blockquote {
        font-weight: 500;
        font-style: italic;
        color: #111827;
        border-left-width: .25rem;
        border-left-color: #e5e7eb;
        quotes: "\201C""\201D""\2018""\2019";
        margin-top: 1.6em;
        margin-bottom: 1.6em;
        padding-left: 1em
    }

    .\32xl\:prose blockquote p:first-of-type:before {
        content: open-quote
    }

    .\32xl\:prose blockquote p:last-of-type:after {
        content: close-quote
    }

    .\32xl\:prose h1 {
        color: #111827;
        font-weight: 800;
        font-size: 2.25em;
        margin-top: 0;
        margin-bottom: .8888889em;
        line-height: 1.1111111
    }

    .\32xl\:prose h2 {
        color: #111827;
        font-weight: 700;
        font-size: 1.5em;
        margin-top: 2em;
        margin-bottom: 1em;
        line-height: 1.3333333
    }

    .\32xl\:prose h3 {
        color: #111827;
        font-weight: 600;
        font-size: 1.25em;
        margin-top: 1.6em;
        margin-bottom: .6em;
        line-height: 1.6
    }

    .\32xl\:prose h4 {
        color: #111827;
        font-weight: 600;
        margin-top: 1.5em;
        margin-bottom: .5em;
        line-height: 1.5
    }

    .\32xl\:prose figure figcaption {
        color: #6b7280;
        font-size: .875em;
        line-height: 1.4285714;
        margin-top: .8571429em
    }

    .\32xl\:prose code {
        color: #111827;
        font-weight: 600;
        font-size: .875em
    }

    .\32xl\:prose code:after,.\32xl\:prose code:before {
        content: "`"
    }

    .\32xl\:prose a code {
        color: #111827
    }

    .\32xl\:prose pre {
        color: #e5e7eb;
        background-color: #1f2937;
        overflow-x: auto;
        font-size: .875em;
        line-height: 1.7142857;
        margin-top: 1.7142857em;
        margin-bottom: 1.7142857em;
        border-radius: .375rem;
        padding: .8571429em 1.1428571em
    }

    .\32xl\:prose pre code {
        background-color: transparent;
        border-width: 0;
        border-radius: 0;
        padding: 0;
        font-weight: 400;
        color: inherit;
        font-size: inherit;
        font-family: inherit;
        line-height: inherit
    }

    .\32xl\:prose pre code:after,.\32xl\:prose pre code:before {
        content: none
    }

    .\32xl\:prose table {
        width: 100%;
        table-layout: auto;
        text-align: left;
        margin-top: 2em;
        margin-bottom: 2em;
        font-size: .875em;
        line-height: 1.7142857
    }

    .\32xl\:prose thead {
        color: #111827;
        font-weight: 600;
        border-bottom-width: 1px;
        border-bottom-color: #d1d5db
    }

    .\32xl\:prose thead th {
        vertical-align: bottom;
        padding-right: .5714286em;
        padding-bottom: .5714286em;
        padding-left: .5714286em
    }

    .\32xl\:prose tbody tr {
        border-bottom-width: 1px;
        border-bottom-color: #e5e7eb
    }

    .\32xl\:prose tbody tr:last-child {
        border-bottom-width: 0
    }

    .\32xl\:prose tbody td {
        vertical-align: top;
        padding: .5714286em
    }

    .\32xl\:prose {
        font-size: 1rem;
        line-height: 1.75
    }

    .\32xl\:prose p {
        margin-top: 1.25em;
        margin-bottom: 1.25em
    }

    .\32xl\:prose figure,.\32xl\:prose img,.\32xl\:prose video {
        margin-top: 2em;
        margin-bottom: 2em
    }

    .\32xl\:prose figure>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .\32xl\:prose h2 code {
        font-size: .875em
    }

    .\32xl\:prose h3 code {
        font-size: .9em
    }

    .\32xl\:prose ol,.\32xl\:prose ul {
        margin-top: 1.25em;
        margin-bottom: 1.25em
    }

    .\32xl\:prose li {
        margin-top: .5em;
        margin-bottom: .5em
    }

    .\32xl\:prose>ul>li p {
        margin-top: .75em;
        margin-bottom: .75em
    }

    .\32xl\:prose>ul>li>:first-child {
        margin-top: 1.25em
    }

    .\32xl\:prose>ul>li>:last-child {
        margin-bottom: 1.25em
    }

    .\32xl\:prose>ol>li>:first-child {
        margin-top: 1.25em
    }

    .\32xl\:prose>ol>li>:last-child {
        margin-bottom: 1.25em
    }

    .\32xl\:prose ol ol,.\32xl\:prose ol ul,.\32xl\:prose ul ol,.\32xl\:prose ul ul {
        margin-top: .75em;
        margin-bottom: .75em
    }

    .\32xl\:prose h2+*,.\32xl\:prose h3+*,.\32xl\:prose h4+*,.\32xl\:prose hr+* {
        margin-top: 0
    }

    .\32xl\:prose thead th:first-child {
        padding-left: 0
    }

    .\32xl\:prose thead th:last-child {
        padding-right: 0
    }

    .\32xl\:prose tbody td:first-child {
        padding-left: 0
    }

    .\32xl\:prose tbody td:last-child {
        padding-right: 0
    }

    .\32xl\:prose>:first-child {
        margin-top: 0
    }

    .\32xl\:prose>:last-child {
        margin-bottom: 0
    }

    .\32xl\:prose-sm {
        font-size: .875rem;
        line-height: 1.7142857
    }

    .\32xl\:prose-sm p {
        margin-top: 1.1428571em;
        margin-bottom: 1.1428571em
    }

    .\32xl\:prose-sm [class~=lead] {
        font-size: 1.2857143em;
        line-height: 1.5555556;
        margin-top: .8888889em;
        margin-bottom: .8888889em
    }

    .\32xl\:prose-sm blockquote {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em;
        padding-left: 1.1111111em
    }

    .\32xl\:prose-sm h1 {
        font-size: 2.1428571em;
        margin-top: 0;
        margin-bottom: .8em;
        line-height: 1.2
    }

    .\32xl\:prose-sm h2 {
        font-size: 1.4285714em;
        margin-top: 1.6em;
        margin-bottom: .8em;
        line-height: 1.4
    }

    .\32xl\:prose-sm h3 {
        font-size: 1.2857143em;
        margin-top: 1.5555556em;
        margin-bottom: .4444444em;
        line-height: 1.5555556
    }

    .\32xl\:prose-sm h4 {
        margin-top: 1.4285714em;
        margin-bottom: .5714286em;
        line-height: 1.4285714
    }

    .\32xl\:prose-sm figure,.\32xl\:prose-sm img,.\32xl\:prose-sm video {
        margin-top: 1.7142857em;
        margin-bottom: 1.7142857em
    }

    .\32xl\:prose-sm figure>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .\32xl\:prose-sm figure figcaption {
        font-size: .8571429em;
        line-height: 1.3333333;
        margin-top: .6666667em
    }

    .\32xl\:prose-sm code {
        font-size: .8571429em
    }

    .\32xl\:prose-sm h2 code {
        font-size: .9em
    }

    .\32xl\:prose-sm h3 code {
        font-size: .8888889em
    }

    .\32xl\:prose-sm pre {
        font-size: .8571429em;
        line-height: 1.6666667;
        margin-top: 1.6666667em;
        margin-bottom: 1.6666667em;
        border-radius: .25rem;
        padding: .6666667em 1em
    }

    .\32xl\:prose-sm ol,.\32xl\:prose-sm ul {
        margin-top: 1.1428571em;
        margin-bottom: 1.1428571em
    }

    .\32xl\:prose-sm li {
        margin-top: .2857143em;
        margin-bottom: .2857143em
    }

    .\32xl\:prose-sm ol>li {
        padding-left: 1.5714286em
    }

    .\32xl\:prose-sm ol>li:before {
        left: 0
    }

    .\32xl\:prose-sm ul>li {
        padding-left: 1.5714286em
    }

    .\32xl\:prose-sm ul>li:before {
        height: .3571429em;
        width: .3571429em;
        top: .67857em;
        left: .2142857em
    }

    .\32xl\:prose-sm>ul>li p {
        margin-top: .5714286em;
        margin-bottom: .5714286em
    }

    .\32xl\:prose-sm>ul>li>:first-child {
        margin-top: 1.1428571em
    }

    .\32xl\:prose-sm>ul>li>:last-child {
        margin-bottom: 1.1428571em
    }

    .\32xl\:prose-sm>ol>li>:first-child {
        margin-top: 1.1428571em
    }

    .\32xl\:prose-sm>ol>li>:last-child {
        margin-bottom: 1.1428571em
    }

    .\32xl\:prose-sm ol ol,.\32xl\:prose-sm ol ul,.\32xl\:prose-sm ul ol,.\32xl\:prose-sm ul ul {
        margin-top: .5714286em;
        margin-bottom: .5714286em
    }

    .\32xl\:prose-sm hr {
        margin-top: 2.8571429em;
        margin-bottom: 2.8571429em
    }

    .\32xl\:prose-sm h2+*,.\32xl\:prose-sm h3+*,.\32xl\:prose-sm h4+*,.\32xl\:prose-sm hr+* {
        margin-top: 0
    }

    .\32xl\:prose-sm table {
        font-size: .8571429em;
        line-height: 1.5
    }

    .\32xl\:prose-sm thead th {
        padding-right: 1em;
        padding-bottom: .6666667em;
        padding-left: 1em
    }

    .\32xl\:prose-sm thead th:first-child {
        padding-left: 0
    }

    .\32xl\:prose-sm thead th:last-child {
        padding-right: 0
    }

    .\32xl\:prose-sm tbody td {
        padding: .6666667em 1em
    }

    .\32xl\:prose-sm tbody td:first-child {
        padding-left: 0
    }

    .\32xl\:prose-sm tbody td:last-child {
        padding-right: 0
    }

    .\32xl\:prose-sm>:first-child {
        margin-top: 0
    }

    .\32xl\:prose-sm>:last-child {
        margin-bottom: 0
    }

    .\32xl\:prose-lg {
        font-size: 1.125rem;
        line-height: 1.7777778
    }

    .\32xl\:prose-lg p {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em
    }

    .\32xl\:prose-lg [class~=lead] {
        font-size: 1.2222222em;
        line-height: 1.4545455;
        margin-top: 1.0909091em;
        margin-bottom: 1.0909091em
    }

    .\32xl\:prose-lg blockquote {
        margin-top: 1.6666667em;
        margin-bottom: 1.6666667em;
        padding-left: 1em
    }

    .\32xl\:prose-lg h1 {
        font-size: 2.6666667em;
        margin-top: 0;
        margin-bottom: .8333333em;
        line-height: 1
    }

    .\32xl\:prose-lg h2 {
        font-size: 1.6666667em;
        margin-top: 1.8666667em;
        margin-bottom: 1.0666667em;
        line-height: 1.3333333
    }

    .\32xl\:prose-lg h3 {
        font-size: 1.3333333em;
        margin-top: 1.6666667em;
        margin-bottom: .6666667em;
        line-height: 1.5
    }

    .\32xl\:prose-lg h4 {
        margin-top: 1.7777778em;
        margin-bottom: .4444444em;
        line-height: 1.5555556
    }

    .\32xl\:prose-lg figure,.\32xl\:prose-lg img,.\32xl\:prose-lg video {
        margin-top: 1.7777778em;
        margin-bottom: 1.7777778em
    }

    .\32xl\:prose-lg figure>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .\32xl\:prose-lg figure figcaption {
        font-size: .8888889em;
        line-height: 1.5;
        margin-top: 1em
    }

    .\32xl\:prose-lg code {
        font-size: .8888889em
    }

    .\32xl\:prose-lg h2 code {
        font-size: .8666667em
    }

    .\32xl\:prose-lg h3 code {
        font-size: .875em
    }

    .\32xl\:prose-lg pre {
        font-size: .8888889em;
        line-height: 1.75;
        margin-top: 2em;
        margin-bottom: 2em;
        border-radius: .375rem;
        padding: 1em 1.5em
    }

    .\32xl\:prose-lg ol,.\32xl\:prose-lg ul {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em
    }

    .\32xl\:prose-lg li {
        margin-top: .6666667em;
        margin-bottom: .6666667em
    }

    .\32xl\:prose-lg ol>li {
        padding-left: 1.6666667em
    }

    .\32xl\:prose-lg ol>li:before {
        left: 0
    }

    .\32xl\:prose-lg ul>li {
        padding-left: 1.6666667em
    }

    .\32xl\:prose-lg ul>li:before {
        width: .3333333em;
        height: .3333333em;
        top: .72222em;
        left: .2222222em
    }

    .\32xl\:prose-lg>ul>li p {
        margin-top: .8888889em;
        margin-bottom: .8888889em
    }

    .\32xl\:prose-lg>ul>li>:first-child {
        margin-top: 1.3333333em
    }

    .\32xl\:prose-lg>ul>li>:last-child {
        margin-bottom: 1.3333333em
    }

    .\32xl\:prose-lg>ol>li>:first-child {
        margin-top: 1.3333333em
    }

    .\32xl\:prose-lg>ol>li>:last-child {
        margin-bottom: 1.3333333em
    }

    .\32xl\:prose-lg ol ol,.\32xl\:prose-lg ol ul,.\32xl\:prose-lg ul ol,.\32xl\:prose-lg ul ul {
        margin-top: .8888889em;
        margin-bottom: .8888889em
    }

    .\32xl\:prose-lg hr {
        margin-top: 3.1111111em;
        margin-bottom: 3.1111111em
    }

    .\32xl\:prose-lg h2+*,.\32xl\:prose-lg h3+*,.\32xl\:prose-lg h4+*,.\32xl\:prose-lg hr+* {
        margin-top: 0
    }

    .\32xl\:prose-lg table {
        font-size: .8888889em;
        line-height: 1.5
    }

    .\32xl\:prose-lg thead th {
        padding-right: .75em;
        padding-bottom: .75em;
        padding-left: .75em
    }

    .\32xl\:prose-lg thead th:first-child {
        padding-left: 0
    }

    .\32xl\:prose-lg thead th:last-child {
        padding-right: 0
    }

    .\32xl\:prose-lg tbody td {
        padding: .75em
    }

    .\32xl\:prose-lg tbody td:first-child {
        padding-left: 0
    }

    .\32xl\:prose-lg tbody td:last-child {
        padding-right: 0
    }

    .\32xl\:prose-lg>:first-child {
        margin-top: 0
    }

    .\32xl\:prose-lg>:last-child {
        margin-bottom: 0
    }

    .\32xl\:prose-xl {
        font-size: 1.25rem;
        line-height: 1.8
    }

    .\32xl\:prose-xl p {
        margin-top: 1.2em;
        margin-bottom: 1.2em
    }

    .\32xl\:prose-xl [class~=lead] {
        font-size: 1.2em;
        line-height: 1.5;
        margin-top: 1em;
        margin-bottom: 1em
    }

    .\32xl\:prose-xl blockquote {
        margin-top: 1.6em;
        margin-bottom: 1.6em;
        padding-left: 1.0666667em
    }

    .\32xl\:prose-xl h1 {
        font-size: 2.8em;
        margin-top: 0;
        margin-bottom: .8571429em;
        line-height: 1
    }

    .\32xl\:prose-xl h2 {
        font-size: 1.8em;
        margin-top: 1.5555556em;
        margin-bottom: .8888889em;
        line-height: 1.1111111
    }

    .\32xl\:prose-xl h3 {
        font-size: 1.5em;
        margin-top: 1.6em;
        margin-bottom: .6666667em;
        line-height: 1.3333333
    }

    .\32xl\:prose-xl h4 {
        margin-top: 1.8em;
        margin-bottom: .6em;
        line-height: 1.6
    }

    .\32xl\:prose-xl figure,.\32xl\:prose-xl img,.\32xl\:prose-xl video {
        margin-top: 2em;
        margin-bottom: 2em
    }

    .\32xl\:prose-xl figure>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .\32xl\:prose-xl figure figcaption {
        font-size: .9em;
        line-height: 1.5555556;
        margin-top: 1em
    }

    .\32xl\:prose-xl code {
        font-size: .9em
    }

    .\32xl\:prose-xl h2 code {
        font-size: .8611111em
    }

    .\32xl\:prose-xl h3 code {
        font-size: .9em
    }

    .\32xl\:prose-xl pre {
        font-size: .9em;
        line-height: 1.7777778;
        margin-top: 2em;
        margin-bottom: 2em;
        border-radius: .5rem;
        padding: 1.1111111em 1.3333333em
    }

    .\32xl\:prose-xl ol,.\32xl\:prose-xl ul {
        margin-top: 1.2em;
        margin-bottom: 1.2em
    }

    .\32xl\:prose-xl li {
        margin-top: .6em;
        margin-bottom: .6em
    }

    .\32xl\:prose-xl ol>li {
        padding-left: 1.8em
    }

    .\32xl\:prose-xl ol>li:before {
        left: 0
    }

    .\32xl\:prose-xl ul>li {
        padding-left: 1.8em
    }

    .\32xl\:prose-xl ul>li:before {
        width: .35em;
        height: .35em;
        top: .725em;
        left: .25em
    }

    .\32xl\:prose-xl>ul>li p {
        margin-top: .8em;
        margin-bottom: .8em
    }

    .\32xl\:prose-xl>ul>li>:first-child {
        margin-top: 1.2em
    }

    .\32xl\:prose-xl>ul>li>:last-child {
        margin-bottom: 1.2em
    }

    .\32xl\:prose-xl>ol>li>:first-child {
        margin-top: 1.2em
    }

    .\32xl\:prose-xl>ol>li>:last-child {
        margin-bottom: 1.2em
    }

    .\32xl\:prose-xl ol ol,.\32xl\:prose-xl ol ul,.\32xl\:prose-xl ul ol,.\32xl\:prose-xl ul ul {
        margin-top: .8em;
        margin-bottom: .8em
    }

    .\32xl\:prose-xl hr {
        margin-top: 2.8em;
        margin-bottom: 2.8em
    }

    .\32xl\:prose-xl h2+*,.\32xl\:prose-xl h3+*,.\32xl\:prose-xl h4+*,.\32xl\:prose-xl hr+* {
        margin-top: 0
    }

    .\32xl\:prose-xl table {
        font-size: .9em;
        line-height: 1.5555556
    }

    .\32xl\:prose-xl thead th {
        padding-right: .6666667em;
        padding-bottom: .8888889em;
        padding-left: .6666667em
    }

    .\32xl\:prose-xl thead th:first-child {
        padding-left: 0
    }

    .\32xl\:prose-xl thead th:last-child {
        padding-right: 0
    }

    .\32xl\:prose-xl tbody td {
        padding: .8888889em .6666667em
    }

    .\32xl\:prose-xl tbody td:first-child {
        padding-left: 0
    }

    .\32xl\:prose-xl tbody td:last-child {
        padding-right: 0
    }

    .\32xl\:prose-xl>:first-child {
        margin-top: 0
    }

    .\32xl\:prose-xl>:last-child {
        margin-bottom: 0
    }

    .\32xl\:prose-2xl {
        font-size: 1.5rem;
        line-height: 1.6666667
    }

    .\32xl\:prose-2xl p {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em
    }

    .\32xl\:prose-2xl [class~=lead] {
        font-size: 1.25em;
        line-height: 1.4666667;
        margin-top: 1.0666667em;
        margin-bottom: 1.0666667em
    }

    .\32xl\:prose-2xl blockquote {
        margin-top: 1.7777778em;
        margin-bottom: 1.7777778em;
        padding-left: 1.1111111em
    }

    .\32xl\:prose-2xl h1 {
        font-size: 2.6666667em;
        margin-top: 0;
        margin-bottom: .875em;
        line-height: 1
    }

    .\32xl\:prose-2xl h2 {
        font-size: 2em;
        margin-top: 1.5em;
        margin-bottom: .8333333em;
        line-height: 1.0833333
    }

    .\32xl\:prose-2xl h3 {
        font-size: 1.5em;
        margin-top: 1.5555556em;
        margin-bottom: .6666667em;
        line-height: 1.2222222
    }

    .\32xl\:prose-2xl h4 {
        margin-top: 1.6666667em;
        margin-bottom: .6666667em;
        line-height: 1.5
    }

    .\32xl\:prose-2xl figure,.\32xl\:prose-2xl img,.\32xl\:prose-2xl video {
        margin-top: 2em;
        margin-bottom: 2em
    }

    .\32xl\:prose-2xl figure>* {
        margin-top: 0;
        margin-bottom: 0
    }

    .\32xl\:prose-2xl figure figcaption {
        font-size: .8333333em;
        line-height: 1.6;
        margin-top: 1em
    }

    .\32xl\:prose-2xl code {
        font-size: .8333333em
    }

    .\32xl\:prose-2xl h2 code {
        font-size: .875em
    }

    .\32xl\:prose-2xl h3 code {
        font-size: .8888889em
    }

    .\32xl\:prose-2xl pre {
        font-size: .8333333em;
        line-height: 1.8;
        margin-top: 2em;
        margin-bottom: 2em;
        border-radius: .5rem;
        padding: 1.2em 1.6em
    }

    .\32xl\:prose-2xl ol,.\32xl\:prose-2xl ul {
        margin-top: 1.3333333em;
        margin-bottom: 1.3333333em
    }

    .\32xl\:prose-2xl li {
        margin-top: .5em;
        margin-bottom: .5em
    }

    .\32xl\:prose-2xl ol>li {
        padding-left: 1.6666667em
    }

    .\32xl\:prose-2xl ol>li:before {
        left: 0
    }

    .\32xl\:prose-2xl ul>li {
        padding-left: 1.6666667em
    }

    .\32xl\:prose-2xl ul>li:before {
        width: .3333333em;
        height: .3333333em;
        top: .66667em;
        left: .25em
    }

    .\32xl\:prose-2xl>ul>li p {
        margin-top: .8333333em;
        margin-bottom: .8333333em
    }

    .\32xl\:prose-2xl>ul>li>:first-child {
        margin-top: 1.3333333em
    }

    .\32xl\:prose-2xl>ul>li>:last-child {
        margin-bottom: 1.3333333em
    }

    .\32xl\:prose-2xl>ol>li>:first-child {
        margin-top: 1.3333333em
    }

    .\32xl\:prose-2xl>ol>li>:last-child {
        margin-bottom: 1.3333333em
    }

    .\32xl\:prose-2xl ol ol,.\32xl\:prose-2xl ol ul,.\32xl\:prose-2xl ul ol,.\32xl\:prose-2xl ul ul {
        margin-top: .6666667em;
        margin-bottom: .6666667em
    }

    .\32xl\:prose-2xl hr {
        margin-top: 3em;
        margin-bottom: 3em
    }

    .\32xl\:prose-2xl h2+*,.\32xl\:prose-2xl h3+*,.\32xl\:prose-2xl h4+*,.\32xl\:prose-2xl hr+* {
        margin-top: 0
    }

    .\32xl\:prose-2xl table {
        font-size: .8333333em;
        line-height: 1.4
    }

    .\32xl\:prose-2xl thead th {
        padding-right: .6em;
        padding-bottom: .8em;
        padding-left: .6em
    }

    .\32xl\:prose-2xl thead th:first-child {
        padding-left: 0
    }

    .\32xl\:prose-2xl thead th:last-child {
        padding-right: 0
    }

    .\32xl\:prose-2xl tbody td {
        padding: .8em .6em
    }

    .\32xl\:prose-2xl tbody td:first-child {
        padding-left: 0
    }

    .\32xl\:prose-2xl tbody td:last-child {
        padding-right: 0
    }

    .\32xl\:prose-2xl>:first-child {
        margin-top: 0
    }

    .\32xl\:prose-2xl>:last-child {
        margin-bottom: 0
    }

    .\32xl\:prose-red a,.\32xl\:prose-red a code {
        color: #dc2626
    }

    .\32xl\:prose-yellow a,.\32xl\:prose-yellow a code {
        color: #d97706
    }

    .\32xl\:prose-green a,.\32xl\:prose-green a code {
        color: #059669
    }

    .\32xl\:prose-blue a,.\32xl\:prose-blue a code {
        color: #2563eb
    }

    .\32xl\:prose-indigo a,.\32xl\:prose-indigo a code {
        color: #4f46e5
    }

    .\32xl\:prose-purple a,.\32xl\:prose-purple a code {
        color: #7c3aed
    }

    .\32xl\:prose-pink a,.\32xl\:prose-pink a code {
        color: #db2777
    }
}

.floatingBarV2___2HYZC {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.participation___T411C {
    max-width: 1248px;
    margin: 0 auto;
    padding: 0 24px
}

.participation___T411C .primaryBtn___1pYOS {
    border-radius: 6px;
    background: -webkit-gradient(linear,left top,left bottom,from(#fea42f),to(#ff5f57));
    background: linear-gradient(180deg,#fea42f,#ff5f57);
    border: none;
    color: #fff
}

.participation___T411C .primaryBtn___1pYOS:disabled {
    background: #ddd
}

.participation___T411C .secondaryBtn___GZEmt {
    border-radius: 6px;
    background: #fff;
    border: 1px solid #fe7e2f;
    color: #fe7e2f
}

.participation___T411C .secondaryBtn___GZEmt:disabled {
    background: #ddd;
    border: none;
    color: #fff
}

.container___1zUrQ {
    border-radius: 15px;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 4px 16px 0 rgba(24,84,188,.1);
    box-shadow: 0 4px 16px 0 rgba(24,84,188,.1);
    background-image: url(https://www-static.qbox.me/_next/static/media/bg-horizontal.586e8cb7705049c15a375c85bdd46c16.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.container___1zUrQ .cps___1jp2B,.container___1zUrQ .steps___1QGbC {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 32px
}

.container___1zUrQ .cps___1jp2B {
    border-right: 1px solid #9ad0ff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px
}

.container___1zUrQ .cps___1jp2B .top___3eY1t .mark___2VlF- {
    background: #e4f7ff;
    border-radius: 4px;
    padding: 0 8px;
    font-size: 14px;
    line-height: 2;
    color: #004ed4
}

.container___1zUrQ .cps___1jp2B .top___3eY1t .intro___1mwvC {
    margin: 8px 0 4px;
    font-size: 16px
}

.container___1zUrQ .cps___1jp2B .bottom___1Pf78 .actions___23PDf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.container___1zUrQ .steps___1QGbC .ruleLink___3WiM8 {
    color: #666;
    font-size: 13px
}

.container___1zUrQ .steps___1QGbC .ruleLink___3WiM8:hover {
    color: #004ed4
}

.container___1zUrQ .steps___1QGbC .list___1ay51 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 16px -16px 0;
    font-size: 12px;
    line-height: 20px
}

.container___1zUrQ .steps___1QGbC .list___1ay51 li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    text-align: center;
    position: relative
}

.container___1zUrQ .steps___1QGbC .list___1ay51 li:not(:last-child):after {
    content: ">>";
    position: absolute;
    right: -8px;
    top: 8px;
    font-weight: 700;
    color: #004ed4
}

.container___1zUrQ .steps___1QGbC .list___1ay51 li .marker___MZnV5 {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    font-family: Impact,monospace;
    color: #004ed4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 24px
}

.container___1zUrQ .steps___1QGbC .list___1ay51 li a {
    color: #fe7e2f;
    font-weight: 500;
    text-decoration: underline
}

.container___1zUrQ .title___15fNQ {
    font-size: 24px;
    font-weight: 700;
    color: #333
}

.highlight___1XtGE {
    color: #004ed4;
    font-weight: 700
}

.content___1ujMa {
    padding: 40px 24px 32px;
    text-align: center
}

@media (max-width: 768px) {
    .content___1ujMa {
        padding:32px 20px 24px
    }
}

.successIcon___2wOFf {
    margin: 0 auto 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-animation: scaleIn___gjP2s .3s ease-out;
    animation: scaleIn___gjP2s .3s ease-out
}

@media (max-width: 768px) {
    .successIcon___2wOFf {
        margin:0 auto 24px
    }

    .successIcon___2wOFf svg {
        width: 64px;
        height: 64px
    }
}

@-webkit-keyframes scaleIn___gjP2s {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes scaleIn___gjP2s {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

.message___1tH8y {
    margin-bottom: 36px
}

@media (max-width: 768px) {
    .message___1tH8y {
        margin-bottom:28px
    }
}

.message___1tH8y h3 {
    margin: 0 0 20px;
    font-size: 24px;
    font-weight: 600;
    color: #1a1a1a;
    letter-spacing: .5px
}

@media (max-width: 768px) {
    .message___1tH8y h3 {
        font-size:20px;
        margin: 0 0 16px
    }
}

.message___1tH8y p {
    margin: 16px 0 0;
    font-size: 14px;
    color: #8c8c8c;
    line-height: 1.5
}

@media (max-width: 768px) {
    .message___1tH8y p {
        font-size:13px
    }
}

.rewardInfo___1qC1t {
    display: inline-block;
    padding: 10px 24px;
    background: linear-gradient(135deg,#f0f9ff,#e0f2fe);
    border: 1px solid #7dd3fc;
    border-radius: 24px;
    font-size: 16px;
    color: #0369a1;
    font-weight: 600;
    -webkit-box-shadow: 0 2px 8px rgba(3,105,161,.1);
    box-shadow: 0 2px 8px rgba(3,105,161,.1)
}

@media (max-width: 768px) {
    .rewardInfo___1qC1t {
        padding:8px 20px;
        font-size: 15px
    }
}

.actions___Kuz1S {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.actions___Kuz1S button {
    min-width: 160px;
    height: 44px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 500
}

@media (max-width: 768px) {
    .actions___Kuz1S button {
        min-width:140px;
        height: 40px;
        font-size: 15px
    }
}

.floatingBarV2___2OF7l {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.notice___164cb {
    color: #666;
    font-size: 16px;
    text-align: center;
    margin-bottom: 12px
}

.notice___164cb .link___1N7wn {
    color: #fe7e2f;
    text-decoration: none
}

.notice___164cb .link___1N7wn:hover {
    text-decoration: underline
}

.mobileBreak___18YEQ {
    display: none
}

@media (max-width: 768px) {
    .notice___164cb {
        font-size:14px;
        padding: 0 8px
    }

    .mobileBreak___18YEQ {
        display: block
    }
}

.floatingBarV2___beHD_ {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.rewards___2WOeG {
    padding: 60px 0
}

.container___1buYO {
    max-width: 1248px;
    margin: 0 auto;
    padding: 0 24px
}

.header___14Fgr {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 1em
}

.placeholder___2Mb4h {
    width: 100%;
    height: 120px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.placeholder___2Mb4h,.summaryCards___31-L9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.summaryCards___31-L9 {
    margin-bottom: 40px;
    gap: 20px
}

.summaryCards___31-L9 .consumableCard___1bnHb,.summaryCards___31-L9 .milestoneCard___3tfz5 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    aspect-ratio: 3.3;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    border-radius: 15px;
    -webkit-box-shadow: 0 4px 16px 0 rgba(24,84,188,.1);
    box-shadow: 0 4px 16px 0 rgba(24,84,188,.1);
    position: relative
}

.summaryCards___31-L9 .consumableCard___1bnHb .content___l47Cl,.summaryCards___31-L9 .milestoneCard___3tfz5 .content___l47Cl {
    width: 100%;
    height: 100%;
    padding: 32px 24px 24px 28%
}

.summaryCards___31-L9 .consumableCard___1bnHb .title___25hMZ,.summaryCards___31-L9 .milestoneCard___3tfz5 .title___25hMZ {
    -webkit-background-clip: text;
    background-clip: text;
    font-size: 18px;
    font-weight: 700;
    color: transparent;
    margin-bottom: 8px
}

.summaryCards___31-L9 .consumableCard___1bnHb .corner___2I2M_,.summaryCards___31-L9 .milestoneCard___3tfz5 .corner___2I2M_ {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 15px 0 15px;
    padding: 0 12px;
    font-size: 12px;
    line-height: 2;
    color: #fff
}

.summaryCards___31-L9 .consumableCard___1bnHb {
    background-image: url(https://www-static.qbox.me/_next/static/media/consumable-summary-bg.a4cd1f470d3d20469effbcc6df8c9dc1.png);
    aspect-ratio: unset;
    height: 120px;
    background-size: auto 100%;
    background-position: 0
}

.summaryCards___31-L9 .consumableCard___1bnHb:after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 15px;
    background: -webkit-gradient(linear,left top,right top,color-stop(30%,transparent),color-stop(70%,#fff));
    background: linear-gradient(90deg,transparent 30%,#fff 70%);
    pointer-events: none
}

.summaryCards___31-L9 .consumableCard___1bnHb .content___l47Cl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 32px 0 160px;
    gap: 32px;
    position: relative;
    z-index: 1
}

.summaryCards___31-L9 .consumableCard___1bnHb .desc___B8FHI {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.summaryCards___31-L9 .consumableCard___1bnHb .stat___3FZOS {
    text-align: center;
    white-space: nowrap
}

.summaryCards___31-L9 .consumableCard___1bnHb .stat___3FZOS .statValue___309Mt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2px;
    line-height: 1
}

.summaryCards___31-L9 .consumableCard___1bnHb .stat___3FZOS .statNum___1qWQY {
    font-size: 30px;
    font-weight: 700;
    background: linear-gradient(135deg,#00cdff,#1655ff);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.summaryCards___31-L9 .consumableCard___1bnHb .stat___3FZOS .statSep___1fhNx {
    font-size: 18px;
    font-weight: 700;
    color: #ccc;
    margin: 0 2px
}

.summaryCards___31-L9 .consumableCard___1bnHb .stat___3FZOS .statSecondary___LJQHp {
    font-size: 18px;
    font-weight: 700;
    color: #999
}

.summaryCards___31-L9 .consumableCard___1bnHb .stat___3FZOS .statLabel___31hny {
    font-size: 12px;
    color: #999;
    margin-top: 6px
}

.summaryCards___31-L9 .consumableCard___1bnHb .statDivider___3VGx8 {
    width: 1px;
    height: 44px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),color-stop(#d8e4f8),to(transparent));
    background: linear-gradient(180deg,transparent,#d8e4f8,transparent)
}

.summaryCards___31-L9 .consumableCard___1bnHb .btn___QI24G {
    border-radius: 6px;
    background: -webkit-gradient(linear,left top,left bottom,from(#fea42f),to(#ff5f57));
    background: linear-gradient(180deg,#fea42f,#ff5f57);
    border: none;
    white-space: nowrap
}

.summaryCards___31-L9 .consumableCard___1bnHb .btn___QI24G:disabled {
    background: #ddd;
    color: #fff
}

.summaryCards___31-L9 .consumableCard___1bnHb .title___25hMZ {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#00cdff),to(#1655ff));
    background-image: linear-gradient(180deg,#00cdff,#1655ff)
}

.summaryCards___31-L9 .consumableCard___1bnHb .corner___2I2M_ {
    background-color: #27c840
}

.summaryCards___31-L9 .milestoneCard___3tfz5 {
    background-image: url(https://www-static.qbox.me/_next/static/media/milestone-summary-bg.17b001880e9406c01b191771c3c4f31e.png)
}

.summaryCards___31-L9 .milestoneCard___3tfz5 .title___25hMZ {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#fea42f),to(#ff5f57));
    background-image: linear-gradient(180deg,#fea42f,#ff5f57)
}

.summaryCards___31-L9 .milestoneCard___3tfz5 .corner___2I2M_ {
    background-color: #fe7e2f
}

.grid___3i9vb {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(350px,1fr));
    gap: 24px
}

.card___1WmaZ {
    height: 178px;
    background-image: url(https://www-static.qbox.me/_next/static/media/reward-card-bg.842c282aae9703125ed61ea880a8b8a8.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    border-radius: 15px;
    -webkit-box-shadow: 0 4px 16px 0 rgba(24,84,188,.1);
    box-shadow: 0 4px 16px 0 rgba(24,84,188,.1);
    padding: 24px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 9;
    cursor: pointer
}

.card___1WmaZ:hover {
    -webkit-box-shadow: 0 4px 16px 0 rgba(24,84,188,.2);
    box-shadow: 0 4px 16px 0 rgba(24,84,188,.2);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px)
}

.card___1WmaZ .corner___2I2M_ {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 15px 0 15px;
    background-color: #fe7e2f;
    padding: 0 12px;
    font-size: 12px;
    line-height: 2;
    color: #fff
}

.card___1WmaZ.basic___2n1VK {
    background-image: url(https://www-static.qbox.me/_next/static/media/reward-card-basic-bg.2fab3ea5878954efa03fa3d9299241e0.png)
}

.card___1WmaZ.basic___2n1VK .corner___2I2M_ {
    background-color: #27c840
}

.card___1WmaZ .top___3Udav,.consumableCard___1bnHb .top___3Udav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.card___1WmaZ .top___3Udav .desc___B8FHI,.consumableCard___1bnHb .top___3Udav .desc___B8FHI {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.card___1WmaZ .top___3Udav .desc___B8FHI .name___f-Qi-,.consumableCard___1bnHb .top___3Udav .desc___B8FHI .name___f-Qi- {
    font-size: 18px;
    margin: 8px 0
}

.card___1WmaZ .top___3Udav .worth___1Wwg8,.consumableCard___1bnHb .top___3Udav .worth___1Wwg8 {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    text-align: right;
    color: #004ed4
}

.card___1WmaZ .top___3Udav .worth___1Wwg8 .money___21Lj3,.consumableCard___1bnHb .top___3Udav .worth___1Wwg8 .money___21Lj3 {
    font-weight: 700
}

.card___1WmaZ .top___3Udav .worth___1Wwg8 .money___21Lj3 .num___q-DzD,.consumableCard___1bnHb .top___3Udav .worth___1Wwg8 .money___21Lj3 .num___q-DzD {
    font-size: 28px
}

.card___1WmaZ .top___3Udav .tokens___3cnkU,.consumableCard___1bnHb .top___3Udav .tokens___3cnkU {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    text-align: right;
    line-height: 1.4
}

.card___1WmaZ .top___3Udav .tokens___3cnkU .rest___17tdw,.consumableCard___1bnHb .top___3Udav .tokens___3cnkU .rest___17tdw {
    font-size: 28px;
    font-weight: 700;
    color: #004ed4
}

.card___1WmaZ .top___3Udav .tokens___3cnkU .total___2rBhY,.consumableCard___1bnHb .top___3Udav .tokens___3cnkU .total___2rBhY {
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.card___1WmaZ .top___3Udav .tokens___3cnkU .desc___B8FHI,.consumableCard___1bnHb .top___3Udav .tokens___3cnkU .desc___B8FHI {
    font-size: 12px;
    color: #666
}

.card___1WmaZ .bottom___2SXF-,.consumableCard___1bnHb .bottom___2SXF- {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 8px
}

.card___1WmaZ .bottom___2SXF- .btn___QI24G,.consumableCard___1bnHb .bottom___2SXF- .btn___QI24G {
    border-radius: 6px;
    background: -webkit-gradient(linear,left top,left bottom,from(#fea42f),to(#ff5f57));
    background: linear-gradient(180deg,#fea42f,#ff5f57);
    border: none
}

.card___1WmaZ .bottom___2SXF- .btn___QI24G:disabled,.consumableCard___1bnHb .bottom___2SXF- .btn___QI24G:disabled {
    background: #ddd;
    color: #fff
}

.card___1WmaZ .tags___3QLMY,.consumableCard___1bnHb .tags___3QLMY {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 12px
}

.card___1WmaZ .tags___3QLMY .tag___2vXpR,.consumableCard___1bnHb .tags___3QLMY .tag___2vXpR {
    background: #e4f7ff;
    border-radius: 4px;
    border: 1px solid rgba(0,78,212,.2);
    padding: 0 4px;
    color: #004ed4;
    line-height: 18px;
    white-space: nowrap
}

.highlight___2yuso {
    color: #004ed4;
    font-weight: 700
}

.banner___xMfDa {
    width: 100%;
    aspect-ratio: 3.6;
    background-image: url(https://www-static.qbox.me/_next/static/media/banner.04276daddb60afc283898fd8c5d44a12.png);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-bottom: -6%
}

.floatingBarV2___37snR {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.participation___1hO9h {
    padding: 0 16px
}

.card1___2NOlw,.card2___k3Zdc {
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    margin-bottom: 16px
}

.card1___2NOlw .btn___37pJM,.card2___k3Zdc .btn___37pJM {
    border: none;
    background: -webkit-gradient(linear,left top,left bottom,from(#fea42f),to(#ff5f57));
    background: linear-gradient(180deg,#fea42f,#ff5f57);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    color: #fff;
    line-height: 1
}

.card1___2NOlw .btn___37pJM:disabled,.card2___k3Zdc .btn___37pJM:disabled {
    background: #ddd;
    color: #fff
}

.card1___2NOlw {
    aspect-ratio: 1.03;
    background-image: url(https://www-static.qbox.me/_next/static/media/card-1.810f0a7a84626fd63f848a251152bf6f.png);
    position: relative
}

.card1___2NOlw .btn___37pJM {
    position: absolute;
    height: 54px;
    border-radius: 27px;
    left: 32px;
    bottom: 7%;
    width: calc(100% - 64px);
    font-size: 20px
}

.card2___k3Zdc {
    aspect-ratio: 3.12;
    background-image: url(https://www-static.qbox.me/_next/static/media/card-2.5671649e6dee2ea35114243657cd19e5.png);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 12px
}

.card2___k3Zdc .btn___37pJM {
    height: 32px;
    border-radius: 16px;
    font-size: 16px;
    padding: 0 12px
}

.floatingBarV2___2Ner5 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.rewards___yDECi {
    padding: 24px 0 16px
}

.container___DHXlv {
    padding: 0 16px
}

.header___A-XXy {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 1em
}

.placeholder___xb-Yt {
    width: 100%;
    height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.consumableCard___ijkfg {
    width: 100%;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(24,84,188,.2);
    box-shadow: 0 2px 8px 0 rgba(24,84,188,.2);
    position: relative
}

.consumableCard___ijkfg .corner___3AZ-V {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 10px 0 10px;
    padding: 0 12px;
    font-size: 12px;
    line-height: 2;
    color: #fff
}

.consumableCard___ijkfg .title___2XUcv {
    font-weight: 700;
    color: #004ed4
}

.consumableCard___ijkfg {
    height: 160px;
    margin-bottom: 24px;
    background-image: url(https://www-static.qbox.me/_next/static/media/consumable-bg.0be542e4f87e852756355c7edb7edd9c.png);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.consumableCard___ijkfg .corner___3AZ-V {
    background-color: #27c840
}

.consumableCard___ijkfg .top___uQhQ6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.consumableCard___ijkfg .top___uQhQ6 .desc___2FE5p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.consumableCard___ijkfg .top___uQhQ6 .desc___2FE5p .title___2XUcv {
    font-size: 18px;
    margin-bottom: 8px
}

.consumableCard___ijkfg .top___uQhQ6 .desc___2FE5p .tags___xwbYK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 12px
}

.consumableCard___ijkfg .top___uQhQ6 .desc___2FE5p .tags___xwbYK .tag___1DdlT {
    background: #e4f7ff;
    border-radius: 4px;
    border: 1px solid rgba(0,78,212,.2);
    padding: 0 4px;
    color: #004ed4;
    line-height: 18px;
    white-space: nowrap
}

.consumableCard___ijkfg .top___uQhQ6 .count___2MvH9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 max-content;
    flex: 0 0 max-content;
    margin-top: 8px;
    font-size: 12px;
    text-align: right;
    white-space: nowrap
}

.consumableCard___ijkfg .top___uQhQ6 .count___2MvH9 .num___3crvx {
    font-size: 18px;
    font-weight: 700;
    color: #004ed4;
    margin-right: 4px
}

.consumableCard___ijkfg .bottom___3OZXf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 8px
}

.consumableCard___ijkfg .bottom___3OZXf .tokens___1DKOm {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    line-height: 1.4
}

.consumableCard___ijkfg .bottom___3OZXf .tokens___1DKOm .rest___lhih3 {
    font-size: 28px;
    font-weight: 700;
    color: #004ed4
}

.consumableCard___ijkfg .bottom___3OZXf .tokens___1DKOm .total___2tCOD {
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.consumableCard___ijkfg .bottom___3OZXf .tokens___1DKOm .desc___2FE5p {
    font-size: 12px;
    color: #666
}

.consumableCard___ijkfg .bottom___3OZXf .btn___2_moi {
    border-radius: 6px;
    background: -webkit-gradient(linear,left top,left bottom,from(#fea42f),to(#ff5f57));
    background: linear-gradient(180deg,#fea42f,#ff5f57);
    border: none
}

.consumableCard___ijkfg .bottom___3OZXf .btn___2_moi:disabled {
    background: #ddd;
    color: #fff
}

.highlight___pxHpP {
    color: #fe7e2f;
    font-weight: 700
}

.floatingBarV2___3Z130 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.ruleLink___1kG5F {
    color: #666;
    font-size: 14px
}

@media only screen and (max-width: 767px) {
    .ruleLink___1kG5F {
        font-size:12px
    }
}

.list___3YRxP {
    margin-top: 8px;
    font-size: 13px;
    line-height: 2
}

.list___3YRxP li {
    gap: 8px
}

.list___3YRxP li,.list___3YRxP li .marker___10vxh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.list___3YRxP li .marker___10vxh {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    font-family: Impact,monospace;
    color: #004ed4;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px
}

.list___3YRxP li a {
    color: #004ed4;
    text-decoration: underline
}

.banner___1PUl1 {
    width: 100%;
    aspect-ratio: .9;
    background-image: url(https://www-static.qbox.me/_next/static/media/banner.c55cefc95e8ee2029c3445aa2d83a61c.png);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-bottom: -28%;
    position: relative
}

.banner___1PUl1 .floatBtn___17DM7 {
    position: absolute;
    right: 0;
    top: 18px;
    height: 22px;
    background: rgba(0,0,0,.2);
    border-radius: 11px 0 0 11px;
    padding: 0 12px;
    line-height: 22px;
    font-size: 12px;
    color: #fff
}

.floatingBarV2___2wSdm {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.main___1a8mP {
    overflow: hidden;
    background: #f7f9fc
}

@media only screen and (min-width: 768px) {
    .main___1a8mP {
        min-width:1280px
    }
}

.floatingBarV2___3NH4p {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.rules___9-xO4 .ruleLink___3AHm8 {
    color: #666;
    font-size: 14px
}

@media only screen and (max-width: 767px) {
    .rules___9-xO4 .ruleLink___3AHm8 {
        font-size:12px
    }
}

.rules___9-xO4 .list___2ziOb {
    font-size: 13px;
    line-height: 20px;
    margin-top: 12px;
    padding-left: 16px
}

.rules___9-xO4 .list___2ziOb li {
    margin-top: 6px;
    list-style: disc
}

.rules___9-xO4 .btn___2yDRr {
    border-radius: 6px;
    background: -webkit-gradient(linear,left top,left bottom,from(#fea42f),to(#ff5f57));
    background: linear-gradient(180deg,#fea42f,#ff5f57);
    border: none;
    color: #fff
}

.floatingBarV2___3URG7 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.popularModels___35jos {
    padding: 80px 0;
    background: #fff
}

.popularModels___35jos .container___1Pv_N {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px
}

.popularModels___35jos .container___1Pv_N .header___1XFb5 {
    text-align: center;
    margin-bottom: 48px
}

.popularModels___35jos .container___1Pv_N .header___1XFb5 .title___1zqQw {
    font-size: 32px;
    font-weight: 500;
    color: #1a1a1a;
    margin-bottom: 12px;
    line-height: 1.4
}

.popularModels___35jos .container___1Pv_N .header___1XFb5 .subtitle___1fAS2 {
    font-size: 16px;
    color: #6e7781;
    line-height: 1.6
}

.popularModels___35jos .container___1Pv_N .modelList___3hURp {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 24px
}

@media (max-width: 1024px) {
    .popularModels___35jos .container___1Pv_N .modelList___3hURp {
        grid-template-columns:repeat(2,1fr)
    }
}

@media (max-width: 768px) {
    .popularModels___35jos .container___1Pv_N .modelList___3hURp {
        grid-template-columns:1fr
    }
}

.popularModels___35jos .container___1Pv_N .loading___2xn6R {
    text-align: center;
    padding: 60px 0;
    font-size: 16px;
    color: #6e7781
}

.floatingBarV2___FcKCE {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.main___Sc3n- {
    overflow: hidden;
    background: #fafbfc
}

@media only screen and (min-width: 768px) {
    .main___Sc3n- {
        min-width:1280px
    }
}

.banner___39Erq {
    width: 100%;
    aspect-ratio: 3.6;
    background-image: url(https://www-static.qbox.me/_next/static/media/banner.e9099f1b99b19763027babebffb6d5a9.png);
    margin-bottom: -6%
}

.banner___39Erq,.content___TLksF {
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.content___TLksF {
    margin: 0 auto 16px;
    max-width: 1200px;
    aspect-ratio: 6;
    border-radius: 15px;
    -webkit-box-shadow: 0 4px 16px 0 rgba(24,84,188,.1);
    box-shadow: 0 4px 16px 0 rgba(24,84,188,.1);
    background-image: url(https://www-static.qbox.me/_next/static/media/card.229fded0f0fe899fe619083630e744dc.png);
    position: relative
}

.content___TLksF .btn___1KeKm {
    position: absolute;
    left: 40px;
    bottom: 20px;
    border: none;
    border-radius: 6px;
    background: -webkit-gradient(linear,left top,left bottom,from(#fea42f),to(#ff5f57));
    background: linear-gradient(180deg,#fea42f,#ff5f57);
    padding: 0 24px;
    height: 34px;
    font-size: 16px;
    line-height: 34px;
    color: #fff
}

.content___TLksF .rulesBtn___395Tb {
    position: absolute;
    cursor: pointer;
    top: 20px;
    right: 32px;
    color: #666
}

.floatingBarV2___9XmDO {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.main___3St1S {
    overflow: hidden;
    background: #f7f9fc
}

.banner___2s9to {
    width: 100%;
    aspect-ratio: .9;
    background-image: url(https://www-static.qbox.me/_next/static/media/banner.400534c4b34543f81dc1730a0bf8b122.png);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    margin-bottom: -28%;
    position: relative
}

.banner___2s9to .floatBtn___2uy0q {
    position: absolute;
    right: 0;
    top: 18px;
    height: 22px;
    background: rgba(0,0,0,.2);
    border-radius: 11px 0 0 11px;
    padding: 0 12px;
    line-height: 22px;
    font-size: 12px;
    color: #fff
}

.content___16PwX {
    margin: 0 16px;
    aspect-ratio: .94;
    background-image: url(https://www-static.qbox.me/_next/static/media/card.c4fcb88487a0fe87e1b6babffa648fb0.png);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative
}

.content___16PwX .btn___JbMBG {
    position: absolute;
    left: 32px;
    bottom: 16%;
    width: calc(100% - 64px);
    height: 53px;
    border: none;
    border-radius: 30px;
    background: -webkit-gradient(linear,left top,left bottom,from(#fea42f),to(#ff5f57));
    background: linear-gradient(180deg,#fea42f,#ff5f57);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: 1
}

.floatingBarV2___3YcqE {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.button___34xvj {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.button___34xvj.primary___3NdbQ {
    background: -webkit-gradient(linear,left top,right top,from(#1664ff),to(#6f6efb));
    background: linear-gradient(90deg,#1664ff,#6f6efb);
    border: 0;
    color: #fff;
    outline: 0 solid rgba(21,112,239,.1)
}

.button___34xvj.primary___3NdbQ:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-box-shadow: 0 4px 12px rgba(22,100,255,.2);
    box-shadow: 0 4px 12px rgba(22,100,255,.2);
    outline: 3px solid rgba(21,112,239,.1)
}

.button___34xvj.primary___3NdbQ:active {
    background: -webkit-gradient(linear,left top,right top,from(#1157e2),to(#6161e2));
    background: linear-gradient(90deg,#1157e2,#6161e2)
}

.button___34xvj.default___224YT {
    background: #fff;
    border: 1px solid #f3f3f3;
    color: #0a0d12
}

.button___34xvj.default___224YT:hover {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-box-shadow: 0 4px 12px rgba(133,154,196,.1);
    box-shadow: 0 4px 12px rgba(133,154,196,.1);
    border: 1px solid #e8e8e8
}

.button___34xvj.default___224YT:active {
    background: #f3f3f3
}

.button___34xvj.small___34YnZ {
    padding: 0 24px;
    font-size: 14px;
    height: 32px
}

.button___34xvj.normal___3DdGw {
    padding: 0 24px;
    font-size: 14px;
    height: 40px
}

.button___34xvj.large___3Txsd {
    padding: 0 38px;
    height: 48px;
    font-size: 16px
}

.button___34xvj.large___3Txsd.primary___3NdbQ {
    background: #1570ef
}

.button___34xvj.large___3Txsd.primary___3NdbQ:hover {
    background: #1d7afc
}

.button___34xvj.large___3Txsd.default___224YT {
    background: #fff;
    border: none
}

.floatingBarV2___3Bjyv {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___1AnJ- {
    background: -webkit-gradient(linear,left top,right top,from(#e0edff),to(#e0edff)),-webkit-gradient(linear,left top,left bottom,from(#eff4fe),to(#f7f9fc));
    background: linear-gradient(90deg,#e0edff,#e0edff),linear-gradient(180deg,#eff4fe,#f7f9fc)
}

.categories___3pleQ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 16px;
    background-color: hsla(0,0%,100%,.2);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: 99px;
    padding: 4px;
    margin: 0 auto 32px
}

@media only screen and (max-width: 767px) {
    .categories___3pleQ {
        gap:4px;
        padding: 6px;
        margin-bottom: 20px
    }
}

.category___rbZP7 {
    height: 36px;
    padding: 0 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    color: #535862;
    border-radius: 18px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    white-space: nowrap
}

.category___rbZP7:hover {
    background-color: hsla(0,0%,100%,.4);
    color: #1570ef
}

.category___rbZP7.active___3PXcX {
    background: #fff;
    color: #1570ef
}

@media only screen and (max-width: 767px) {
    .category___rbZP7 {
        font-size:14px;
        height: 24px;
        padding: 0 12px
    }
}

.partners___3dORj {
    margin-top: 48px
}

.partners___3dORj .title___YMkGj {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
    font-size: 16px;
    margin: 0 auto 40px
}

.partners___3dORj .title___YMkGj:after,.partners___3dORj .title___YMkGj:before {
    content: "";
    display: block;
    width: 300px;
    height: 1px;
    position: absolute;
    top: 50%;
    background: -webkit-gradient(linear,left top,right top,from(rgba(9,18,33,0)),to(rgba(9,18,33,.35)));
    background: linear-gradient(90deg,rgba(9,18,33,0) 0,rgba(9,18,33,.35))
}

.partners___3dORj .title___YMkGj:before {
    left: -70px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.partners___3dORj .title___YMkGj:after {
    right: -70px;
    -webkit-transform: translateX(100%) rotate(180deg);
    transform: translateX(100%) rotate(180deg)
}

@media only screen and (max-width: 767px) {
    .partners___3dORj .title___YMkGj {
        font-size:12px
    }

    .partners___3dORj .title___YMkGj:after,.partners___3dORj .title___YMkGj:before {
        width: 118px
    }

    .partners___3dORj .title___YMkGj:before {
        left: -24px
    }

    .partners___3dORj .title___YMkGj:after {
        right: -24px
    }
}

.partners___3dORj .logoGrid___1V4BO {
    overflow: hidden;
    --gap: 24px;
    --card-height: 84px;
    --card-width: 226px;
    --animation-duration: 40s;
    mask: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(10%,#000),color-stop(90%,#000),to(transparent));
    mask: linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
    -webkit-mask: -webkit-gradient(linear,left top,right top,from(transparent),color-stop(10%,#000),color-stop(90%,#000),to(transparent));
    -webkit-mask: linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)
}

.partners___3dORj .logoGrid___1V4BO .inner___DYZey {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--gap);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -webkit-animation: scroll___1RRse var(--animation-duration) linear infinite;
    animation: scroll___1RRse var(--animation-duration) linear infinite
}

@-webkit-keyframes scroll___1RRse {
    0% {
        -webkit-transform: translateX(calc(0% - var(--card-width)));
        transform: translateX(calc(0% - var(--card-width)))
    }

    to {
        -webkit-transform: translateX(calc(-50% - var(--card-width)));
        transform: translateX(calc(-50% - var(--card-width)))
    }
}

@keyframes scroll___1RRse {
    0% {
        -webkit-transform: translateX(calc(0% - var(--card-width)));
        transform: translateX(calc(0% - var(--card-width)))
    }

    to {
        -webkit-transform: translateX(calc(-50% - var(--card-width)));
        transform: translateX(calc(-50% - var(--card-width)))
    }
}

.partners___3dORj .logoGrid___1V4BO:hover .inner___DYZey {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.partners___3dORj .logoGrid___1V4BO .row___2YBZN {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.partners___3dORj .logoGrid___1V4BO .row___2YBZN.oddRow___3Sq6i {
    -webkit-transform: translateX(calc(var(--card-width) + var(--gap)));
    transform: translateX(calc(var(--card-width) + var(--gap)))
}

.partners___3dORj .logoGrid___1V4BO .logo___2sXjR {
    height: var(--card-height);
    width: calc(var(--card-width) + var(--gap));
    padding: 0 calc(var(--gap)/2)
}

.partners___3dORj .logoGrid___1V4BO .logo___2sXjR img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.partners___3dORj .logoGrid___1V4BO .logo___2sXjR:hover {
    opacity: 1
}

@media only screen and (max-width: 767px) {
    .partners___3dORj .logoGrid___1V4BO {
        --gap:12px;
        --card-height: 42px;
        --card-width: 113px;
        --animation-duration: 40s;
        mask: none;
        -webkit-mask: none;
        margin-left: -16px;
        margin-right: -16px
    }

    .partners___3dORj .logoGrid___1V4BO img {
        background: #fff;
        border-radius: 4px
    }
}

.floatingBarV2___u1qLp {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.casesWrapper___SoK2a {
    position: relative;
    height: 378px
}

.casesWrapper___SoK2a .cases___2QIGv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    position: absolute;
    inset: 0;
    height: 100%;
    z-index: 1
}

.casesWrapper___SoK2a .cases___2QIGv.hide___35jXd {
    pointer-events: none
}

.casesWrapper___SoK2a .cases___2QIGv.hide___35jXd .caseCard___39Df3 {
    opacity: 1
}

.casesWrapper___SoK2a .cases___2QIGv.hide___35jXd .caseCard___39Df3:first-child {
    -webkit-animation: fadeOut___2cSuu .2s ease-out forwards;
    animation: fadeOut___2cSuu .2s ease-out forwards
}

.casesWrapper___SoK2a .cases___2QIGv.hide___35jXd .caseCard___39Df3:nth-child(2) {
    -webkit-animation: fadeOut___2cSuu .2s ease-out .05s forwards;
    animation: fadeOut___2cSuu .2s ease-out .05s forwards
}

@-webkit-keyframes fadeOut___2cSuu {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

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

@keyframes fadeOut___2cSuu {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

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

.casesWrapper___SoK2a .cases___2QIGv.show___Z-QaQ {
    pointer-events: auto
}

.casesWrapper___SoK2a .cases___2QIGv.show___Z-QaQ .caseCard___39Df3 {
    opacity: 0
}

.casesWrapper___SoK2a .cases___2QIGv.show___Z-QaQ .caseCard___39Df3:first-child {
    -webkit-animation: fadeIn___HEN5R .2s ease-out .2s forwards;
    animation: fadeIn___HEN5R .2s ease-out .2s forwards
}

.casesWrapper___SoK2a .cases___2QIGv.show___Z-QaQ .caseCard___39Df3:nth-child(2) {
    -webkit-animation: fadeIn___HEN5R .2s ease-out .25s forwards;
    animation: fadeIn___HEN5R .2s ease-out .25s forwards
}

@-webkit-keyframes fadeIn___HEN5R {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

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

@keyframes fadeIn___HEN5R {
    0% {
        opacity: 0;
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }

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

@media only screen and (max-width: 767px) {
    .casesWrapper___SoK2a .cases___2QIGv .caseCard___39Df3:first-child {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .casesWrapper___SoK2a {
        height:300px
    }
}

.caseCard___39Df3 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    border-radius: 12px;
    overflow: hidden;
    position: relative
}

.caseCard___39Df3 .bg___2o7QJ {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: 50%;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s,-webkit-transform .5s
}

.caseCard___39Df3:hover .bg___2o7QJ {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.caseCard___39Df3:before {
    content: "";
    position: absolute;
    inset: 0;
    background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.9)));
    background: linear-gradient(180deg,transparent,rgba(0,0,0,.9));
    z-index: 2
}

.caseCard___39Df3:hover .arrow___2-1NL {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

.caseCard___39Df3 .content___2Qnyx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    inset: 0;
    z-index: 2;
    padding: 34px 50px;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .caseCard___39Df3 .content___2Qnyx {
        padding:24px
    }
}

.caseCard___39Df3 .title___1aygw {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 14px
}

@media only screen and (max-width: 767px) {
    .caseCard___39Df3 .title___1aygw {
        font-size:24px
    }
}

.caseCard___39Df3 .description___3tqXO {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    -webkit-box-orient: vertical
}

.caseCard___39Df3 .flex___1cxlz {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.caseCard___39Df3 .action___237yb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    font-size: 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.caseCard___39Df3 .action___237yb:hover {
    color: #1570ef
}

.caseCard___39Df3 .arrow___2-1NL {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s
}

.floatingBarV2___y-U8R {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___3plTI {
    background-image: -webkit-gradient(linear,left top,left bottom,from(#eff4fe),to(#f7f9fc));
    background-image: linear-gradient(180deg,#eff4fe,#f7f9fc)
}

@media only screen and (max-width: 767px) {
    .container___P-rYe {
        padding-left:0;
        padding-right: 0;
        padding-bottom: 0
    }
}

@media only screen and (max-width: 767px) {
    .tabsWrapper___1zijG {
        height:28px;
        overflow: hidden;
        margin-bottom: 24px
    }

    .tabsWrapper___1zijG .scroller___1R6Qj {
        overflow-x: auto;
        height: 48px;
        padding: 0 16px
    }
}

.tabs___2iG9j {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 40px;
    margin-bottom: 32px;
    position: relative;
    padding-bottom: 5px
}

.tabs___2iG9j .tabItem___2kH6M {
    font-size: 18px;
    color: #535862;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s;
    position: relative;
    padding: 5px 0;
    white-space: nowrap
}

.tabs___2iG9j .tabItem___2kH6M.active___2mqzx,.tabs___2iG9j .tabItem___2kH6M:hover {
    color: #1570ef
}

.tabs___2iG9j .slidingUnderline___1brDd {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    background-color: #1570ef;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border-radius: 1px;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

@media only screen and (max-width: 767px) {
    .tabs___2iG9j {
        width:-webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-bottom: 0;
        padding-bottom: 0;
        gap: 16px
    }

    .tabs___2iG9j .tabItem___2kH6M {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #0a0d12;
        padding: 0 12px;
        font-size: 14px;
        height: 28px;
        overflow: hidden;
        border-radius: 16px
    }

    .tabs___2iG9j .tabItem___2kH6M.active___2mqzx {
        color: #fff;
        background: #0a0d12
    }

    .tabs___2iG9j .slidingUnderline___1brDd {
        display: none
    }
}

.solutionCardWrapper___2eGvG {
    min-height: 518px;
    aspect-ratio: 2.27799228;
    border-radius: 16px;
    -webkit-box-shadow: 0 4px 32px 0 rgba(9,18,33,.08);
    box-shadow: 0 4px 32px 0 rgba(9,18,33,.08);
    overflow: hidden;
    position: relative
}

@media only screen and (max-width: 767px) {
    .solutionCardWrapper___2eGvG {
        min-height:auto;
        aspect-ratio: auto;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.solutionCard___3pnnL {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 518px;
    aspect-ratio: 2.27799228;
    background-color: #fff;
    overflow: hidden;
    position: absolute;
    inset: 0;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.solutionCard___3pnnL.hide___5kE6y {
    opacity: 0;
    pointer-events: none
}

.solutionCard___3pnnL.show___3nmFk {
    opacity: 1;
    pointer-events: auto
}

.solutionCard___3pnnL .left___1dKAr {
    padding: 32px;
    width: 410px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.solutionCard___3pnnL .left___1dKAr .header___1ECn2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px
}

.solutionCard___3pnnL .left___1dKAr .title___1p94V {
    font-size: 32px;
    font-weight: 500;
    color: #0a0d12
}

.solutionCard___3pnnL .left___1dKAr .hotTag___2SxZ_ {
    position: relative;
    top: -10px
}

.solutionCard___3pnnL .left___1dKAr .description___GcqAt {
    font-size: 16px;
    font-weight: 400;
    color: #414651;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.solutionCard___3pnnL .left___1dKAr .relatedProductsTitle___MGoOL {
    font-size: 18px;
    font-weight: 500;
    color: #0a0d12;
    margin-bottom: 20px
}

.solutionCard___3pnnL .left___1dKAr .relatedProducts___3n0s2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 40px
}

.solutionCard___3pnnL .left___1dKAr .relatedProducts___3n0s2 .relatedProduct___3d-0M {
    padding: 6px 10px;
    background-color: #f6f8fa;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    color: #0a0d12;
    -webkit-transition: all .3s;
    transition: all .3s
}

.solutionCard___3pnnL .left___1dKAr .relatedProducts___3n0s2 .relatedProduct___3d-0M:hover {
    color: #1570ef;
    background-color: rgba(21,112,239,.05)
}

.solutionCard___3pnnL .left___1dKAr .actions___wEN-S {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

.solutionCard___3pnnL .left___1dKAr .actions___wEN-S .btn___kG5mU {
    width: 100%
}

.solutionCard___3pnnL .right___3hdvv {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.solutionCard___3pnnL .right___3hdvv img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media only screen and (max-width: 767px) {
    .solutionCard___3pnnL {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        position: static;
        height: auto;
        aspect-ratio: auto
    }

    .solutionCard___3pnnL,.solutionCard___3pnnL.show___3nmFk {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .solutionCard___3pnnL.hide___5kE6y {
        display: none
    }

    .solutionCard___3pnnL .left___1dKAr {
        padding: 24px;
        width: auto
    }

    .solutionCard___3pnnL .left___1dKAr .title___1p94V {
        font-size: 20px;
        margin-bottom: 14px
    }

    .solutionCard___3pnnL .left___1dKAr .description___GcqAt {
        font-size: 14px;
        margin-bottom: 44px
    }

    .solutionCard___3pnnL .left___1dKAr .relatedProductsTitle___MGoOL {
        font-size: 16px;
        font-weight: 400
    }
}

.floatingBarV2___2-YrO {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___1RsY0 {
    width: 100%;
    overflow: hidden
}

.content___169gc {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 40px 0 20px;
    position: relative
}

@media only screen and (max-width: 767px) {
    .content___169gc {
        width:100%
    }
}

@media only screen and (min-width: 1600px) {
    .content___169gc {
        width:1420px
    }
}

.content___169gc>.title___3dvh- {
    font-size: 40px;
    font-weight: 500;
    color: #0a0d12;
    margin-bottom: 25px
}

@media only screen and (max-width: 767px) {
    .content___169gc>.title___3dvh- {
        text-align:center;
        font-size: 24px
    }
}

.statistic___L-OJC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 420px;
    margin-bottom: 58px;
    position: relative;
    z-index: 2
}

.statistic___L-OJC .statisticCard___ID2XE {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 210px;
    height: 118px
}

.statistic___L-OJC .statisticCard___ID2XE .number___2Cq0x {
    font-size: 32px;
    font-weight: 500;
    color: #0a0d12;
    margin-bottom: 8px
}

.statistic___L-OJC .statisticCard___ID2XE .title___3dvh- {
    font-size: 14px;
    font-weight: 400;
    color: #535862
}

@media only screen and (max-width: 767px) {
    .statistic___L-OJC {
        width:auto
    }

    .statistic___L-OJC .statisticCard___ID2XE {
        width: 50%;
        height: 100px;
        padding-left: 40px
    }

    .statistic___L-OJC .statisticCard___ID2XE .number___2Cq0x {
        font-size: 24px
    }
}

.certs___dcOzy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    position: relative;
    z-index: 2;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.certs___dcOzy .certItem___2gIQu .icon___2OeB- {
    width: 54px;
    height: 54px;
    border: 1px solid #d5d7da;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 4px
}

.certs___dcOzy .certItem___2gIQu .icon___2OeB- img {
    display: block
}

.certs___dcOzy .certItem___2gIQu .name___1Rbfe {
    font-size: 9px;
    font-weight: 400;
    color: #333;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .certs___dcOzy {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        position: relative;
        padding-top: 14px
    }

    .certs___dcOzy:after {
        content: "";
        position: absolute;
        left: 16px;
        right: 16px;
        top: 0;
        height: 1px;
        background: #f3f3f3
    }

    .certs___dcOzy .certItem___2gIQu {
        width: 33.33%;
        padding: 14px 0
    }
}

.flightlines___B_lSb {
    position: absolute;
    top: 30px;
    right: -30px;
    width: 58%;
    aspect-ratio: 1.77777778;
    z-index: 1;
    background-image: url(https://www-static.qbox.me/_next/static/media/map.e903fe6e1e188a1775eaf87bb5389619.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

@media only screen and (max-width: 767px) {
    .flightlines___B_lSb {
        position:relative;
        inset: 0;
        width: auto;
        height: auto;
        aspect-ratio: 1.77777778;
        margin: 0 20px 20px
    }
}

.floatingBarV2___17lrn {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___30nUm {
    width: 100%;
    height: 260px;
    position: relative;
    overflow: hidden
}

.wrapper___30nUm .background___sgejE {
    position: absolute;
    inset: 0;
    background-image: url(https://www-static.qbox.me/_next/static/media/bg.b1f06a6e8f53ee1e915378494476f31d.png);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: all .5s;
    transition: all .5s
}

@media only screen and (max-width: 767px) {
    .wrapper___30nUm .background___sgejE {
        background-image:url(https://www-static.qbox.me/_next/static/media/bg-mobile.67299fce4cd6cff44c88f343e578200f.png)
    }
}

.wrapper___30nUm:hover .background___sgejE {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.content___1Z9Xm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 2;
    height: 100%
}

.content___1Z9Xm .title___2HIAt {
    font-size: 32px;
    font-weight: 500;
    color: #0a0d12;
    margin-bottom: 36px
}

@media only screen and (max-width: 767px) {
    .content___1Z9Xm .title___2HIAt {
        font-size:24px
    }
}

.content___1Z9Xm .actions___1yeJU {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

.storageEnhancedPage___1ndR6 {
    min-height: 100vh;
    background-color: #fff
}

.storageEnhancedPage___1ndR6 .section___3xy-z {
    position: relative;
    padding-top: 0!important;
    margin-top: 0!important;
    padding-bottom: 0!important;
    margin-bottom: 0!important
}

.storageEnhancedPage___1ndR6 .section___3xy-z:not(:last-child) {
    margin-bottom: 0!important
}

@media (max-width: 768px) {
    .storageEnhancedPage___1ndR6 .section___3xy-z {
        padding:0 1rem
    }
}

.storageEnhancedPage___1ndR6 #cases___12Fyy>div>div>div {
    width: 1440px;
    height: 740px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.floatingBarV2___2kin8 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.accessProcess___3QzcS .subHeader___3M1y4 {
    margin-bottom: 16px
}

.accessProcess___3QzcS .process___3u__P .step___8mwMD {
    height: 80px;
    margin-bottom: 12px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background: #fafafa;
    border-radius: 4px;
    position: relative
}

.accessProcess___3QzcS .process___3u__P .step___8mwMD .tag___93zxd {
    color: #00aae7;
    width: 32px;
    height: 32px;
    border-radius: 4px 0 0;
    padding-right: 15px;
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-origin: border-box;
    background-image: url(https://www-static.qbox.me/_next/static/media/tag.1586815ecf1aa9abab9d06bd7d3b6f67.svg)
}

.accessProcess___3QzcS .process___3u__P .step___8mwMD .mask___VjvwX {
    position: absolute;
    display: block;
    width: 100%;
    left: 0;
    top: 0;
    height: 80px;
    padding-right: 15px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: 100%;
    background-origin: content-box;
    background-image: url(https://www-static.qbox.me/_next/static/media/next.58833ec1d612f6f010b14fee0bd24e2e.svg)
}

.accessProcess___3QzcS .process___3u__P .step___8mwMD .stepIcon___pFAmO,.accessProcess___3QzcS .process___3u__P .step___8mwMD .stepIconContainer___2wLhn {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    margin: 0 16px 0 24px;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    border: 1px solid #eee
}

.accessProcess___3QzcS .process___3u__P .step___8mwMD .stepIconContainer___2wLhn {
    background-color: #fff
}

.accessProcess___3QzcS .process___3u__P .step___8mwMD .stepIconContainer___2wLhn img,.accessProcess___3QzcS .process___3u__P .step___8mwMD .stepIconContainer___2wLhn svg {
    width: 30px;
    height: 30px;
    margin-top: 14px
}

.accessProcess___3QzcS .process___3u__P .step___8mwMD .stepName___3bE1W {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    vertical-align: middle;
    text-align: left;
    max-width: 65%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 50px;
    word-break: break-all
}

.floatingBarV2___29mP6 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.accessProcess___2nAoz .subHeader___2o9Rr {
    display: block;
    margin-bottom: 50px
}

.accessProcess___2nAoz .process___knInk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.accessProcess___2nAoz .process___knInk .step___2fsIZ {
    text-align: center
}

.accessProcess___2nAoz .process___knInk .step___2fsIZ .stepIcon___wtiBV,.accessProcess___2nAoz .process___knInk .step___2fsIZ .stepIconWrapper___iJ62n {
    background-color: #fff;
    height: 120px;
    width: 120px;
    border-radius: 50%;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 8px 0 rgba(51,51,51,.08)
}

.accessProcess___2nAoz .process___knInk .step___2fsIZ .stepIconWrapper___iJ62n {
    display: inline-block;
    line-height: 116px
}

.accessProcess___2nAoz .process___knInk .step___2fsIZ .stepIconWrapper___iJ62n img {
    width: 60px;
    height: 60px
}

.accessProcess___2nAoz .process___knInk .step___2fsIZ .stepName___18MRq {
    margin-top: 26px;
    font-size: 20px;
    line-height: 28px;
    width: 230px
}

.accessProcess___2nAoz .connect___2b84U {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 34px;
    height: 120px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-origin: border-box;
    background-image: url(https://www-static.qbox.me/_next/static/media/arrow.5cb9bca7e0b4d32d2698a5648402409d.svg);
    margin-left: 5px;
    margin-right: 5px
}

.floatingBarV2___GuetM {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.title___1AJe9 {
    font-size: 20px;
    font-weight: 400;
    color: #333
}

@media only screen and (max-width: 767px) {
    .title___1AJe9 {
        font-size:16px
    }
}

.desc___OsHmn {
    margin-top: 8px;
    font-size: 14px;
    color: #666
}

@media only screen and (max-width: 767px) {
    .desc___OsHmn {
        margin-top:6px;
        font-size: 12px
    }
}

.floatingBarV2___1iEuK {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.banner___3E9Wd {
    height: 400px
}

@media only screen and (max-width: 767px) {
    .banner___3E9Wd {
        height:unset
    }
}

.banner___3E9Wd .title___29BsC svg {
    display: block;
    height: 50px;
    width: auto;
    -webkit-filter: drop-shadow(0 8px 16px rgba(30,121,183,.5));
    filter: drop-shadow(0 8px 16px rgba(30,121,183,.5))
}

@media only screen and (max-width: 767px) {
    .banner___3E9Wd .title___29BsC svg {
        height:34px
    }
}

.banner___3E9Wd .subtitle___1u-zr {
    line-height: 33px;
    font-size: 24px;
    font-weight: 400
}

@media only screen and (max-width: 767px) {
    .banner___3E9Wd .subtitle___1u-zr {
        margin-top:8px;
        font-size: 14px;
        line-height: 22px
    }
}

.banner___3E9Wd .btnLine___2vav3 {
    margin-top: 43px
}

@media only screen and (max-width: 767px) {
    .banner___3E9Wd .btnLine___2vav3 {
        margin-top:20px
    }
}

.rewardLink___opAzQ {
    color: #07beff;
    cursor: pointer;
    display: block;
    font-size: 16px;
    margin-top: 12px
}

.rewardLink___opAzQ:hover {
    text-decoration: underline
}

@media only screen and (max-width: 767px) {
    .rewardLink___opAzQ {
        font-size:14px
    }
}

.rewardTable___29Oqm {
    width: 100%;
    -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 8px 0 rgba(51,51,51,.08)
}

.rewardTable___29Oqm th {
    height: 64px;
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    background-color: #00aae7
}

@media only screen and (max-width: 767px) {
    .rewardTable___29Oqm th {
        font-size:16px
    }
}

.rewardTable___29Oqm td {
    padding: 15px 24px;
    border: 1px solid #eee;
    vertical-align: top;
    text-align: left
}

@media only screen and (max-width: 767px) {
    .rewardTable___29Oqm td {
        font-size:12px
    }
}

.rewardTable___29Oqm .rewardItem___17Mkf {
    margin-left: 12px;
    padding-left: 2px;
    position: relative;
    list-style-image: url(https://www-static.qbox.me/_next/static/media/gift.c5a5c420e9f6b6b6b7f582b3c4fdfb63.svg)
}

.processLink___3eaw8 {
    margin-top: 64px;
    font-size: 20px;
    height: 28px;
    line-height: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 767px) {
    .processLink___3eaw8 {
        margin-top:16px;
        font-size: 16px;
        line-height: 20px
    }
}

.processLink___3eaw8 a {
    color: #07beff;
    cursor: pointer
}

.processLink___3eaw8 a:hover {
    text-decoration: underline
}

.processLink___3eaw8 .processLinkIcon___1ObG6 {
    margin-left: 1em
}

@media only screen and (max-width: 767px) {
    .processLink___3eaw8 .processLinkIcon___1ObG6 {
        width:16px;
        height: 16px
    }
}

.faqItem___1Yu6N {
    position: relative;
    padding: 28px 28px 28px 62px
}

@media only screen and (max-width: 767px) {
    .faqItem___1Yu6N {
        padding:16px 16px 16px 50px
    }
}

.faqItem___1Yu6N .faqIcon___3qzjD {
    position: absolute;
    left: 28px;
    top: 30px
}

@media only screen and (max-width: 767px) {
    .faqItem___1Yu6N .faqIcon___3qzjD {
        width:20px;
        height: 20px;
        left: 16px;
        top: 18px
    }
}

.faqItem___1Yu6N .faqTitle___2iZ2Z {
    font-size: 20px;
    line-height: 1.4em;
    font-weight: 400
}

@media only screen and (max-width: 767px) {
    .faqItem___1Yu6N .faqTitle___2iZ2Z {
        font-size:16px
    }
}

.faqItem___1Yu6N .faqContent___hJdlB {
    margin-top: 20px;
    color: #666
}

@media only screen and (max-width: 767px) {
    .faqItem___1Yu6N .faqContent___hJdlB {
        margin-top:10px
    }
}

.modal___2D0Y5 ol {
    padding-left: 1.5em;
    color: #666
}

.modal___2D0Y5 ol:not(:first-child) {
    margin-top: 12px
}

.modal___2D0Y5 ol:not(:last-child) {
    margin-bottom: 12px
}

.modal___2D0Y5 ol li {
    list-style-type: decimal;
    font-size: 14px;
    font-weight: 400;
    color: #666
}

.modal___2D0Y5 ol li:not(:first-child) {
    margin-top: 6px
}

.modal___2D0Y5 ol li:not(:last-child) {
    margin-bottom: 6px
}

.modal___2D0Y5 ol li a {
    color: #07beff;
    cursor: pointer
}

.modal___2D0Y5 ol li a:hover {
    text-decoration: underline
}

.floatingBarV2___3ruXT {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.stepTitle___1QzC7 {
    font-size: 20px;
    font-weight: 400;
    color: #333
}

@media only screen and (max-width: 767px) {
    .stepTitle___1QzC7 {
        font-size:16px
    }
}

.section___1XfLn .card___45mbO {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 48px;
    padding: 20px
}

@media only screen and (max-width: 767px) {
    .section___1XfLn .card___45mbO {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 16px;
        padding: 0;
        border: unset;
        -webkit-box-shadow: unset;
        box-shadow: unset
    }
}

.img___352XS {
    width: 480px
}

@media only screen and (max-width: 767px) {
    .img___352XS {
        display:none
    }
}

.content___1igIt {
    position: relative;
    margin-left: 36px
}

@media only screen and (max-width: 767px) {
    .content___1igIt {
        margin-top:12px;
        margin-left: 0
    }
}

.content___1igIt .btn___OOEBe {
    position: absolute;
    left: 0;
    bottom: 0;
    width: auto;
    padding: 0 16px
}

@media only screen and (max-width: 767px) {
    .content___1igIt .btn___OOEBe {
        position:static;
        width: 100%;
        margin-top: 16px
    }
}

.title___BEtUA {
    font-size: 20px;
    font-weight: 500
}

@media only screen and (max-width: 767px) {
    .title___BEtUA {
        font-size:16px
    }
}

.tip___30cXu {
    margin-top: 16px;
    color: #666
}

@media only screen and (max-width: 767px) {
    .tip___30cXu {
        margin-top:8px
    }
}

.list___zt9wi {
    margin-top: 8px
}

.item___Sards {
    position: relative;
    padding-left: 1em;
    font-size: 14px;
    line-height: 22px;
    color: #666
}

.item___Sards:not(:first-child) {
    margin-top: 4px
}

.item___Sards:before {
    content: "\2022";
    position: absolute;
    left: 0;
    display: block;
    color: #00aae7;
    opacity: .4
}

.item___Sards+.item___Sards {
    margin-top: 8px
}

.floatingBarV2___1awny {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.advantages___3BekW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin: 0 -12px
}

@media only screen and (max-width: 767px) {
    .advantages___3BekW {
        margin:0 -6px
    }
}

.advantages___3BekW .itemContainer___280_s {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 33.33%;
    padding: 12px
}

@media only screen and (max-width: 767px) {
    .advantages___3BekW .itemContainer___280_s {
        width:100%;
        padding: 6px
    }
}

.advantages___3BekW .itemContainer___280_s .item___3sDeP {
    padding: 36px;
    height: 180px;
    text-align: left;
    -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    border: 1px solid #eee
}

@media only screen and (max-width: 767px) {
    .advantages___3BekW .itemContainer___280_s .item___3sDeP {
        padding:16px;
        height: auto
    }
}

.advantages___3BekW .itemContainer___280_s .item___3sDeP .title___wiOtm {
    font-size: 24px;
    color: #333;
    display: inline-block
}

.advantages___3BekW .itemContainer___280_s .item___3sDeP .title___wiOtm:after {
    content: "";
    display: block;
    border: 5px solid rgba(0,170,231,.2);
    border-right: none;
    border-left: none;
    margin-top: -15px
}

@media only screen and (max-width: 767px) {
    .advantages___3BekW .itemContainer___280_s .item___3sDeP .title___wiOtm {
        font-size:16px
    }

    .advantages___3BekW .itemContainer___280_s .item___3sDeP .title___wiOtm:after {
        margin-top: -12px
    }
}

.advantages___3BekW .itemContainer___280_s .item___3sDeP .desc___VzoD2 {
    margin-top: 16px;
    font-size: 16px;
    color: #666
}

@media only screen and (max-width: 767px) {
    .advantages___3BekW .itemContainer___280_s .item___3sDeP .desc___VzoD2 {
        margin-top:12px;
        font-size: 14px
    }
}

.floatingBarV2___2sgHB {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.row___17fqx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px
}

.row___17fqx:first-child {
    margin-top: 0
}

.invisible___UUrhX {
    visibility: hidden
}

.case___ZCjuA {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 8px 0 rgba(51,51,51,.08)
}

.case___ZCjuA .content___22nPE {
    margin-left: 40px
}

.case___ZCjuA .logoWrapper___iOZrA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 276px;
    height: 160px
}

.vertical___AujA2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 24px;
    padding: 0
}

.vertical___AujA2:first-child {
    margin-left: 0
}

.vertical___AujA2 .logoWrapper___iOZrA {
    width: 100%;
    border-bottom: 1px solid #eee
}

@media only screen and (max-width: 767px) {
    .vertical___AujA2 .logoWrapper___iOZrA {
        height:146px;
        border-bottom: none
    }
}

.vertical___AujA2 .content___22nPE {
    margin-left: 0;
    padding: 24px
}

@media only screen and (max-width: 767px) {
    .vertical___AujA2 .content___22nPE {
        padding:16px
    }
}

.logo___3b5MP {
    width: auto;
    max-width: 100%;
    height: auto
}

@media only screen and (max-width: 767px) {
    .logo___3b5MP {
        height:100%
    }
}

.content___22nPE {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left
}

@media only screen and (max-width: 767px) {
    .content___22nPE {
        font-size:12px
    }
}

.title___1rdaH {
    font-size: 20px;
    font-weight: 400
}

@media only screen and (max-width: 767px) {
    .title___1rdaH {
        font-size:16px
    }
}

.desc___1GygM {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 16px;
    color: #666
}

@media only screen and (max-width: 767px) {
    .desc___1GygM {
        margin-top:12px
    }
}

.footer___bQx7p {
    justify-self: end;
    margin-top: 16px
}

@media only screen and (max-width: 767px) {
    .footer___bQx7p {
        font-size:12px
    }
}

.consultEntry___3bx2b {
    color: #07beff;
    cursor: pointer
}

.consultEntry___3bx2b:hover {
    text-decoration: underline
}

.consultEntry___3bx2b .iconChat___8FfRH {
    margin-right: 8px
}

.floatingBarV2___1z6Md {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___2b4h3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-top: 2px solid #00aae7
}

.header___10sWV {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 24px;
    background-color: #fafafa;
    border-bottom: 1px solid #eee
}

@media only screen and (max-width: 767px) {
    .header___10sWV {
        padding:20px 16px
    }
}

.title___msGoD {
    font-size: 20px;
    line-height: 1.4em;
    font-weight: 600
}

.title___msGoD+.desc___oavVs {
    margin-top: 12px
}

.desc___oavVs {
    color: #666
}

.title___msGoD+.list___1jGjT {
    margin-top: 24px
}

.body___1AAPk {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 20px 24px 0
}

@media only screen and (max-width: 767px) {
    .body___1AAPk {
        padding:16px 16px 0;
        height: auto
    }
}

.footer___1n6CK {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 12px 24px 32px;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .footer___1n6CK {
        padding:12px 16px 16px
    }
}

.list___1jGjT .item___1xZPb {
    position: relative;
    padding-left: 24px;
    line-height: 22px
}

.list___1jGjT .item___1xZPb svg {
    position: absolute;
    left: 0;
    top: 0;
    height: 22px
}

@media only screen and (max-width: 767px) {
    .list___1jGjT .item___1xZPb {
        font-size:12px;
        line-height: 17px
    }
}

.list___1jGjT .item___1xZPb+.item___1xZPb {
    margin-top: 12px
}

.button___3BZL- {
    width: 100%!important
}

.floatingBarV2___36emV {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.card___1RsVO {
    height: 384px;
    color: #333
}

@media only screen and (max-width: 767px) {
    .card___1RsVO {
        height:auto
    }
}

@media only screen and (max-width: 767px) {
    .card___1RsVO svg {
        width:32px
    }
}

.card___1RsVO .title___2ok3w {
    margin-top: 28px;
    font-size: 20px;
    font-weight: 600
}

@media only screen and (max-width: 767px) {
    .card___1RsVO .title___2ok3w {
        margin-top:24px;
        font-size: 16px
    }
}

.card___1RsVO .desc___2VUnJ {
    margin-top: 16px;
    font-size: 16px
}

@media only screen and (max-width: 767px) {
    .card___1RsVO .desc___2VUnJ {
        margin-top:8px;
        font-size: 12px
    }
}

.card___1RsVO>div {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.floatingBarV2___2Zsim {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.card___1oFiS {
    position: relative;
    padding: 36px 24px;
    height: 400px
}

@media only screen and (max-width: 767px) {
    .card___1oFiS {
        padding:12px;
        height: 160px
    }
}

.card___1oFiS .desc___3wQaT {
    margin-top: 28px;
    font-size: 16px;
    color: #333
}

@media only screen and (max-width: 767px) {
    .card___1oFiS .desc___3wQaT {
        margin-top:0;
        font-size: 14px
    }
}

.footer___1Hqqy {
    position: absolute;
    bottom: 36px
}

@media only screen and (max-width: 767px) {
    .footer___1Hqqy {
        bottom:18px
    }
}

.footer___1Hqqy img {
    width: 40px
}

.footer___1Hqqy .footerContent___1Mwci {
    display: inline-block;
    margin-left: 16px;
    vertical-align: middle
}

.footer___1Hqqy .footerContent___1Mwci h4 {
    font-size: 14px
}

.footer___1Hqqy .footerContent___1Mwci h5 {
    margin-top: 2px;
    font-size: 12px;
    color: #666
}

.qrCodeCard___3V9qw {
    height: 400px;
    padding: 36px 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.qrCodeCard___3V9qw .title___2-iFu {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    color: #00aae7;
    font-size: 33px;
    font-weight: 900;
    font-style: oblique;
    line-height: 33px
}

@media only screen and (max-width: 767px) {
    .qrCodeCard___3V9qw .title___2-iFu {
        font-size:20px;
        font-weight: 400;
        font-style: normal;
        line-height: 20px
    }
}

.qrCodeCard___3V9qw .desc___3wQaT {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    margin-top: 28px;
    font-size: 14px;
    color: #333
}

@media only screen and (max-width: 767px) {
    .qrCodeCard___3V9qw .desc___3wQaT {
        margin-top:16px
    }
}

.qrCodeCard___3V9qw .iconQrCodeWrapper___2JLcN {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    margin: 12px 0;
    text-align: center
}

.qrCodeCard___3V9qw .iconQrCodeWrapper___2JLcN .iconQrCode___gr4pE {
    width: 175px;
    height: 175px
}

@media only screen and (max-width: 767px) {
    .qrCodeCard___3V9qw .iconQrCodeWrapper___2JLcN {
        margin:16px 0
    }
}

.qrCodeCard___3V9qw .bottom___1jqSH {
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0
}

.qrCodeCard___3V9qw .bottom___1jqSH h4 {
    color: #333
}

@media only screen and (max-width: 767px) {
    .qrCodeCard___3V9qw {
        height:auto;
        padding: 18px 12px
    }
}

.floatingBarV2___3FcsH {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.content___1QdHo ol {
    text-align: left;
    font-weight: 400
}

.content___1QdHo ol li h4 {
    font-size: 16px;
    color: #333
}

.content___1QdHo ol li p {
    margin-top: 8px;
    font-size: 12px;
    color: #666
}

.content___1QdHo ol li:not(:first-child) {
    margin-top: 20px
}

.floatingBarV2___3HaNe {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.banner___1mMzE {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 456px;
    background-color: #53c3f1
}

@media only screen and (max-width: 767px) {
    .banner___1mMzE {
        height:197px
    }
}

.banner___1mMzE .btn___1vlip {
    position: absolute;
    left: 50%;
    bottom: 20%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 10px 38px;
    width: auto;
    height: auto;
    line-height: normal;
    font-size: 16px;
    font-weight: 500;
    border-radius: 2px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,.08);
    box-shadow: 0 4px 8px 0 rgba(0,0,0,.08)
}

@media only screen and (max-width: 767px) {
    .banner___1mMzE .btn___1vlip {
        padding:6px 22px;
        bottom: 14%;
        font-size: 14px
    }
}

.floatingBarV2___1MVQA {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.modal___M-R6X {
    width: 320px;
    background: #fff;
    border-radius: 8px
}

.modalTitle___3l9mw {
    padding: 32px 25px;
    color: #000
}

.modalFooter___3c2Ep,.modalTitle___3l9mw {
    font-size: 17px;
    text-align: center;
    font-weight: 500
}

.modalFooter___3c2Ep {
    height: 55px;
    padding: 16px 0;
    color: #00aae7;
    border-top: 1px solid #eee
}

.floatingBarV2___1JowM {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.body___1c-Gb {
    min-height: 168px
}

@media only screen and (max-width: 767px) {
    .body___1c-Gb {
        min-height:unset
    }
}

.moreLink___2G4HI {
    margin-top: 16px;
    line-height: 1.4em
}

.floatingBarV2___21Plp {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.card___3Xe0Z {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.card___3Xe0Z .cardContent___3cda3 {
    position: relative;
    height: 386px;
    padding: 48px 48px 112px;
    text-align: center;
    color: #fff;
    background-color: rgba(0,0,0,.5)
}

@media only screen and (max-width: 767px) {
    .card___3Xe0Z .cardContent___3cda3 {
        height:auto
    }
}

.card___3Xe0Z .cardTitle___zodHK {
    font-size: 44px
}

@media only screen and (max-width: 767px) {
    .card___3Xe0Z .cardTitle___zodHK {
        font-size:24px
    }
}

.card___3Xe0Z .cardDesc___ssMQJ {
    margin-top: 32px;
    text-align: center;
    font-size: 24px
}

@media only screen and (max-width: 767px) {
    .card___3Xe0Z .cardDesc___ssMQJ {
        font-size:14px
    }
}

.card___3Xe0Z .cardOpLine___KkbMM {
    position: absolute;
    left: 0;
    bottom: 40px;
    width: 100%
}

.card___3Xe0Z .cardBtn___QJbna {
    width: 180px
}

.placeholder___1uEGC {
    position: relative;
    background-color: #eee;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .placeholder___1uEGC {
        -ms-flex-preferred-size:140px;
        flex-basis: 140px
    }
}

.placeholder___1uEGC .placeholderWord___3r2Z- {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    font-size: 24px;
    color: #999
}

.floatingBarV2___3rLDR {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.bannerTitle___1W4wu {
    font-size: 56px;
    line-height: 1.4em
}

@media only screen and (max-width: 767px) {
    .bannerTitle___1W4wu {
        font-size:24px
    }
}

.bannerTitle___1W4wu strong {
    color: #ffda91;
    margin-right: 8px
}

.bannerDesc___3SOtZ {
    margin-top: 13px;
    padding-bottom: 40px;
    font-size: 24px;
    line-height: 1.4em
}

@media only screen and (max-width: 767px) {
    .bannerDesc___3SOtZ {
        font-size:14px;
        padding-bottom: 0
    }
}

.floatingBarV2___1topU {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.card___11M7D {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 252px;
    background-color: #fff
}

.card___11M7D,.invisibleCard___1k6JJ {
    padding: 24px 24px 32px
}

.wrapper___djV9h {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 24px 16px
}

.icon___2JqGT {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
    height: 32px
}

.icon___2JqGT svg {
    width: 100%;
    height: 100%
}

.title___3bgWQ {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 500
}

.content___1Q6Dk {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-top: 8px;
    font-size: 14px;
    color: #666
}

@media only screen and (max-width: 767px) {
    .content___1Q6Dk {
        margin-top:0;
        margin-left: 16px;
        font-size: 16px;
        color: #333
    }
}

.link___o8ko7 {
    color: #666
}

.floatingBarV2___NH-f_ {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___1-e15 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .wrapper___1-e15 {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media only screen and (max-width: 767px) {
    .circle___1bsqt {
        width:307px;
        height: 307px
    }
}

.arrow___21qLk {
    margin: 0 36px 0 40px
}

@media only screen and (max-width: 767px) {
    .arrow___21qLk {
        width:37px;
        margin: 0 13px 0 16px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@media only screen and (max-width: 767px) {
    .itemWrapper___2DSvU {
        width:100%
    }
}

.item___3jMW5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 430px;
    height: 64px;
    line-height: 64px;
    font-size: 16px;
    background: #fff;
    border-radius: 32px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    border: 1px solid #eee
}

.item___3jMW5+.item___3jMW5 {
    margin-top: 20px
}

@media only screen and (max-width: 767px) {
    .item___3jMW5+.item___3jMW5 {
        margin-top:9px
    }
}

@media only screen and (max-width: 767px) {
    .item___3jMW5 {
        width:100%;
        height: 50px;
        line-height: 50px;
        font-size: 12px
    }
}

.item___3jMW5 .badge___30u9i {
    width: 89px;
    height: 52px;
    margin-left: 6px;
    margin-right: 16px;
    line-height: 52px;
    color: #fff;
    background: #00aae7;
    border-radius: 26px
}

@media only screen and (max-width: 767px) {
    .item___3jMW5 .badge___30u9i {
        width:70px;
        height: 40px;
        margin-left: 5px;
        margin-right: 13px;
        line-height: 40px;
        font-size: 14px
    }
}

.floatingBarV2___Y_bMG {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.cardWrapper___iVCB5 {
    text-align: center
}

.cardWrapper___iVCB5+.cardWrapper___iVCB5 {
    margin-top: 24px
}

@media only screen and (max-width: 767px) {
    .cardWrapper___iVCB5+.cardWrapper___iVCB5 {
        margin-top:16px
    }
}

.card___3OdEf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 200px
}

@media only screen and (max-width: 767px) {
    .card___3OdEf {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: auto
    }
}

.img___1nHas {
    width: 276px;
    height: 160px;
    margin: 20px 0 20px 20px
}

@media only screen and (max-width: 767px) {
    .img___1nHas {
        margin:0 auto
    }
}

.content___2P_Ts {
    padding: 32px 40px
}

@media only screen and (max-width: 767px) {
    .content___2P_Ts {
        padding:0
    }
}

.title___1HIRK {
    font-size: 20px;
    text-align: left
}

@media only screen and (max-width: 767px) {
    .title___1HIRK {
        margin:16px 0 12px 16px;
        font-size: 16px
    }
}

.text___2c8lT {
    margin-top: 11px;
    color: #666;
    text-align: left
}

@media only screen and (max-width: 767px) {
    .text___2c8lT {
        margin:0 16px 16px
    }
}

.extra___2ioNH {
    margin-bottom: 24px;
    text-align: center
}

.floatingBarV2___DwZwA {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

@media only screen and (max-width: 767px) {
    .icon___u_81- {
        width:100%;
        height: 100%
    }
}

.floatingBarV2___24QhE {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.mainWrapper___2m2s5 {
    margin-top: -44px;
    padding-bottom: 20px
}

@media only screen and (max-width: 767px) {
    .mainWrapper___2m2s5 {
        margin-top:0;
        padding-bottom: 0;
        background-color: #fafafa
    }
}

.noticeWrapper___2R1vp {
    width: 1200px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 18px 16px;
    border-radius: 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.08);
    box-shadow: 0 0 20px 0 rgba(0,0,0,.08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 767px) {
    .noticeWrapper___2R1vp {
        width:100%;
        padding: 0 0 1px;
        background-color: #fafafa;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block
    }
}

@media only screen and (min-width: 1600px) {
    .noticeWrapper___2R1vp {
        width:1420px
    }
}

.noticeGroup___2_7mA {
    margin: 0 16px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .noticeGroup___2_7mA {
        margin:0 0 12px;
        padding: 12px 20px;
        background-color: #fff
    }
}

.title___1mEUW {
    margin-bottom: 16px;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .title___1mEUW {
        margin-bottom:8px;
        font-size: 12px;
        line-height: 18px
    }
}

.titleIcon___2MgYx {
    margin-right: 10px
}

.noticeItem___2k0z8 {
    margin: 10px 0 0
}

@media only screen and (max-width: 767px) {
    .noticeItem___2k0z8 {
        font-size:12px;
        line-height: 18px
    }
}

.notice___oNRke {
    position: relative;
    padding-left: 26px;
    color: #333
}

.notice___oNRke:hover {
    color: #00aae7;
    text-decoration: underline
}

.notice___oNRke:before {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    top: 6px;
    left: 4px;
    border-radius: 50%;
    background-color: #00aae7;
    opacity: .4
}

@media only screen and (max-width: 767px) {
    .notice___oNRke:before {
        top:5px
    }
}

.floatingBarV2___2RBky {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.title___3-m8O {
    font-size: 24px;
    font-weight: 600;
    line-height: 33px
}

@media only screen and (max-width: 767px) {
    .title___3-m8O {
        font-size:20px;
        font-weight: 500;
        line-height: 28px
    }
}

.subtitle___U1nah {
    font-size: 14px;
    text-align: left;
    line-height: 20px;
    font-weight: 400;
    color: #666;
    margin-top: 12px
}

@media only screen and (max-width: 767px) {
    .subtitle___U1nah {
        margin-top:8px
    }
}

.wrapper___3ILmv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px 0 0
}

@media only screen and (max-width: 767px) {
    .wrapper___3ILmv {
        background-color:#f5f5f5;
        padding: 0 0 12px
    }
}

.block___1obLy {
    margin: 0 auto;
    padding-top: 72px;
    padding-bottom: 72px
}

@media only screen and (max-width: 767px) {
    .block___1obLy {
        background-color:#fff;
        padding: 20px 16px 24px
    }

    .block___1obLy+.block___1obLy {
        margin-top: 12px!important
    }
}

.content___uzaWK {
    position: relative;
    display: inline-block;
    width: 570px;
    min-height: 478px;
    vertical-align: top
}

.content___uzaWK:last-child {
    margin-left: 36px
}

@media only screen and (max-width: 767px) {
    .content___uzaWK {
        width:100%;
        min-height: auto;
        margin-left: 0!important
    }
}

.list___xs84P .item___1oRdf {
    position: relative;
    padding-left: 1em;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    text-align: left;
    line-height: 20px;
    font-weight: 400;
    color: #999
}

.list___xs84P .item___1oRdf:not(:first-child) {
    margin-top: 4px
}

.list___xs84P .item___1oRdf:before {
    content: "\2022";
    position: absolute;
    left: 0;
    display: block;
    color: #00aae7;
    opacity: .4
}

.list___xs84P .item___1oRdf:not(:first-child) {
    margin-top: 8px
}

.list___xs84P .item___1oRdf span {
    margin-right: 12px;
    color: #333
}

.list___xs84P+.title___3-m8O {
    margin-top: 20px
}

.scene___hu4D7 {
    margin-top: 24px;
    margin-bottom: 12px;
    font-weight: 500;
    font-size: 14px;
    text-align: left;
    line-height: 20px
}

@media only screen and (max-width: 767px) {
    .scene___hu4D7 {
        margin-top:16px
    }
}

.logoList___2rG8R {
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.logoItem___2m7_l {
    width: calc(25% - 21px);
    height: 72px;
    position: relative;
    background-color: #fff;
    border-radius: 8px;
    border: 2px solid #eee
}

.logoItem___2m7_l+.logoItem___2m7_l {
    margin-left: 28px
}

.logoItem___2m7_l span {
    position: absolute;
    top: 137%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 12px;
    font-weight: 400;
    color: #999;
    white-space: nowrap
}

@media only screen and (max-width: 767px) {
    .logoItem___2m7_l {
        width:calc(50% - 7.5px)
    }

    .logoItem___2m7_l:nth-child(2n) {
        margin-left: 15px
    }

    .logoItem___2m7_l:nth-child(odd) {
        margin-left: 0
    }

    .logoItem___2m7_l:nth-child(n+3) {
        margin-top: 40px
    }
}

.logoImg___2Pzgc {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 70%;
    max-height: 70%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.button___28ktV {
    float: left;
    margin-top: 40px
}

.sectionIcon___33IC- {
    display: inline-block
}

.sectionIcon___33IC- svg {
    height: 478px;
    width: 570px
}

.sectionIcon___33IC-:last-child {
    margin-left: 36px
}

@media only screen and (max-width: 767px) {
    .sectionIcon___33IC- {
        margin-left:0!important;
        width: 100%;
        text-align: center
    }

    .sectionIcon___33IC- svg {
        width: 380px;
        height: 319px
    }
}

.footer___2BIPJ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    margin-top: 40px
}

@media only screen and (max-width: 767px) {
    .footer___2BIPJ {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 28px
    }
}

.caseMargin___3GYk9 {
    margin-top: 70px
}

@media only screen and (max-width: 767px) {
    .caseMargin___3GYk9 {
        margin-top:58px
    }
}

.floatingBarV2___1UcLu {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.block___UQSB- {
    text-align: center
}

.cardWrap___1ifmp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.card___2u1oE {
    white-space: pre-line;
    display: -webkit-inline-box;
    display: inline-flex;
    display: -ms-inline-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex-direction: column;
    width: 360px;
    height: 560px;
    margin: 16px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    border: 1px solid #eee;
    border-top: none
}

@media only screen and (max-width: 767px) {
    .card___2u1oE {
        width:100%;
        height: 460px
    }
}

.card___2u1oE .header___UmLLk {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 153px;
    flex: 0 0 153px;
    padding: 18px 20px 24px;
    text-align: left;
    background: #fafafa;
    border-top: 2px solid #00aae7;
    border-bottom: 1px solid #eee
}

@media only screen and (max-width: 767px) {
    .card___2u1oE .header___UmLLk {
        padding:20px 16px
    }
}

.card___2u1oE .header___UmLLk .title___2cF4C {
    margin-bottom: 20px;
    color: #333;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5
}

@media only screen and (max-width: 767px) {
    .card___2u1oE .header___UmLLk .title___2cF4C {
        margin-bottom:12px;
        font-size: 16px
    }
}

.card___2u1oE .header___UmLLk .desc___3XGwd {
    margin-bottom: 4px;
    color: #666;
    font-size: 12px;
    line-height: 1.5
}

@media only screen and (max-width: 767px) {
    .card___2u1oE .header___UmLLk .desc___3XGwd {
        margin-bottom:8px;
        font-size: 12px
    }
}

.card___2u1oE .header___UmLLk .scene___2geB2 {
    color: #666;
    font-size: 12px;
    line-height: 1.5
}

@media only screen and (max-width: 767px) {
    .card___2u1oE .header___UmLLk .scene___2geB2 {
        font-size:12px
    }
}

.card___2u1oE .body___1sCGO {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 20px 20px 0
}

@media only screen and (max-width: 767px) {
    .card___2u1oE .body___1sCGO {
        padding:16px 16px 0
    }
}

.card___2u1oE .body___1sCGO .row___1kJnq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px;
    text-align: left;
    color: #333;
    word-break: keep-all
}

.card___2u1oE .body___1sCGO .row___1kJnq:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {
    .card___2u1oE .body___1sCGO .row___1kJnq {
        font-size:12px
    }
}

.card___2u1oE .body___1sCGO .icon___3m2Uf {
    margin-top: 3px;
    margin-right: 8px
}

@media only screen and (max-width: 767px) {
    .card___2u1oE .body___1sCGO .icon___3m2Uf {
        margin-top:0
    }
}

.card___2u1oE .footer___1z8_9 {
    padding: 32px 20px
}

@media only screen and (max-width: 767px) {
    .card___2u1oE .footer___1z8_9 {
        padding:0 16px 16px
    }
}

.card___2u1oE .footer___1z8_9 .price___3yI3i {
    color: #fa8c16;
    font-size: 14px
}

.card___2u1oE .footer___1z8_9 .price___3yI3i .number___1UQzL {
    margin-right: 4px;
    font-size: 24px
}

.card___2u1oE .footer___1z8_9 .button___1Eh5P {
    width: 100%;
    margin-top: 20px
}

@media only screen and (max-width: 767px) {
    .card___2u1oE .footer___1z8_9 .button___1Eh5P {
        margin-top:12px
    }
}

@media only screen and (max-width: 767px) {
    .card___2u1oE+.card___2u1oE {
        margin-top:16px
    }
}

.floatingBarV2___36ONd {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.info___16ZMd {
    font-size: 24px;
    line-height: 3;
    text-align: center
}

.floatingBarV2___3ad9s {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.coverage___AgyLR .container___34WB2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media only screen and (max-width: 767px) {
    .coverage___AgyLR .container___34WB2 {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.coverage___AgyLR .container___34WB2 .point___1KVdh {
    text-align: center;
    -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    border: 1px solid #eee;
    display: block;
    padding: 24px;
    width: 276px;
    height: 156px;
    margin: 12px
}

@media only screen and (max-width: 767px) {
    .coverage___AgyLR .container___34WB2 .point___1KVdh {
        -webkit-box-flex:0;
        -ms-flex: none;
        flex: none;
        width: calc(50% - 16px);
        margin: 8px;
        padding: 18px;
        height: 92px
    }

    .coverage___AgyLR .container___34WB2 .point___1KVdh:nth-of-type(2n) {
        margin-right: 0
    }
}

.coverage___AgyLR .container___34WB2 .point___1KVdh .icon___14O0- {
    width: 60px;
    height: 60px;
    display: inline-block
}

.coverage___AgyLR .container___34WB2 .point___1KVdh .icon___14O0- svg {
    width: 50px;
    height: 50px
}

@media only screen and (max-width: 767px) {
    .coverage___AgyLR .container___34WB2 .point___1KVdh .icon___14O0-,.coverage___AgyLR .container___34WB2 .point___1KVdh .icon___14O0- svg {
        width:28px;
        height: 28px
    }
}

.coverage___AgyLR .container___34WB2 .point___1KVdh .text___-vjKL {
    display: block;
    font-size: 20px;
    font-weight: 600px;
    margin-top: 10px
}

@media only screen and (max-width: 767px) {
    .coverage___AgyLR .container___34WB2 .point___1KVdh .text___-vjKL {
        font-size:12px
    }
}

.coverage___AgyLR .container___34WB2 .point___1KVdh .text___-vjKL .highlight___1nO5p {
    color: #00aae7;
    margin: 0 .2em
}

.floatingBarV2___bsuNA {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.block___2FzrI {
    text-align: center
}

.card___161bT {
    display: -webkit-inline-box;
    display: inline-flex;
    display: -ms-inline-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex-direction: column;
    width: 274px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    border: 1px solid #eee;
    border-top: none
}

@media only screen and (max-width: 767px) {
    .card___161bT {
        width:100%
    }
}

.card___161bT .header___3KV-D {
    padding: 24px;
    text-align: left;
    background: #fafafa;
    border-top: 2px solid #00aae7;
    border-bottom: 1px solid #eee
}

@media only screen and (max-width: 767px) {
    .card___161bT .header___3KV-D {
        padding:20px 16px
    }
}

.card___161bT .header___3KV-D .title___3dJn7 {
    margin-bottom: 8px;
    color: #333;
    font-size: 20px;
    font-weight: 500
}

@media only screen and (max-width: 767px) {
    .card___161bT .header___3KV-D .title___3dJn7 {
        margin-bottom:12px;
        font-size: 16px
    }
}

.card___161bT .header___3KV-D .desc___1wycl {
    color: #999;
    font-size: 14px;
    min-height: 44px
}

@media only screen and (max-width: 767px) {
    .card___161bT .header___3KV-D .desc___1wycl {
        margin-bottom:8px;
        font-size: 12px
    }
}

.card___161bT .body___1wCeN {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 20px 24px;
    background: #fff
}

@media only screen and (max-width: 767px) {
    .card___161bT .body___1wCeN {
        padding:16px 16px 0
    }
}

.card___161bT .body___1wCeN .category___3-_mX {
    font-size: 14px;
    color: #333
}

.card___161bT .body___1wCeN .category___3-_mX .capacity___UVi8Y {
    font-size: 14px;
    color: #fa8c16;
    margin-left: 5px
}

.card___161bT .body___1wCeN .categoryDesc___2-EDg {
    font-size: 12px;
    color: #666;
    margin: 4px 0 20px
}

.card___161bT .body___1wCeN .row___3Ve05 {
    margin-bottom: 12px;
    text-align: left;
    color: #333
}

@media only screen and (max-width: 767px) {
    .card___161bT .body___1wCeN .row___3Ve05 {
        font-size:12px
    }
}

.card___161bT .body___1wCeN .icon___x4Hv_ {
    margin-right: 9px
}

.card___161bT .footer___1tpzk {
    padding: 0 24px 32px;
    background: #fff
}

@media only screen and (max-width: 767px) {
    .card___161bT .footer___1tpzk {
        padding:0 16px 16px
    }
}

.card___161bT .footer___1tpzk .price___4Qirp {
    color: #fa8c16;
    font-size: 14px
}

.card___161bT .footer___1tpzk .price___4Qirp .number___1hFy7 {
    margin-right: 4px;
    font-size: 24px
}

.card___161bT .footer___1tpzk .originalPrice___pQOj8 {
    font-size: 14px;
    color: #999;
    text-decoration: line-through
}

.card___161bT .footer___1tpzk .button___2oN_H {
    width: 100%;
    margin-top: 20px
}

@media only screen and (max-width: 767px) {
    .card___161bT .footer___1tpzk .button___2oN_H {
        margin-top:12px
    }
}

.card___161bT+.card___161bT {
    margin-left: 24px
}

@media only screen and (max-width: 767px) {
    .card___161bT+.card___161bT {
        margin-top:16px;
        margin-left: 0
    }
}

.floatingBarV2___2b2BR {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.image___2AQKU {
    border-bottom: 1px solid #eee;
    height: 160px
}

.title___3V_hs {
    margin: 24px 24px 16px;
    color: #333;
    font-size: 20px
}

.desc___2HYAd {
    margin: 0 24px 24px;
    color: #666;
    font-size: 14px
}

.floatingBarV2___2PiJJ {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.block___1uzld {
    text-align: center
}

.card___2_GCH {
    display: -webkit-inline-box;
    display: inline-flex;
    display: -ms-inline-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex-direction: column;
    width: 274px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    border: 1px solid #eee;
    border-top: none;
    background: #fff
}

@media only screen and (max-width: 767px) {
    .card___2_GCH {
        width:calc(50% - 4px)
    }

    .card___2_GCH:nth-of-type(2n) {
        margin-right: 8px
    }
}

.card___2_GCH .title___1Bgff {
    margin-bottom: 8px;
    color: #333;
    font-size: 20px;
    font-weight: 500;
    border-top: 2px solid #00aae7;
    padding: 24px 24px 0;
    text-align: left
}

@media only screen and (max-width: 767px) {
    .card___2_GCH .title___1Bgff {
        margin-bottom:12px;
        height: 76px;
        font-size: 16px
    }
}

.card___2_GCH .body___1WqpI {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 20px 24px
}

@media only screen and (max-width: 767px) {
    .card___2_GCH .body___1WqpI {
        padding:0 16px
    }
}

.card___2_GCH .body___1WqpI .categoryDesc___oTGyh {
    font-size: 14px;
    color: #666;
    margin-bottom: 20px
}

.card___2_GCH .body___1WqpI .row___2nCV9 {
    margin-bottom: 12px;
    text-align: left;
    color: #333;
    position: relative
}

@media only screen and (max-width: 767px) {
    .card___2_GCH .body___1WqpI .row___2nCV9 {
        font-size:12px
    }
}

.card___2_GCH .body___1WqpI .icon___1H2Ke {
    position: absolute
}

.card___2_GCH .body___1WqpI .text___3f0Bz {
    display: inline-block;
    padding-left: 20px
}

.card___2_GCH .footer___1jZKd {
    padding: 32px 24px
}

@media only screen and (max-width: 767px) {
    .card___2_GCH .footer___1jZKd {
        padding:0 16px 16px
    }
}

.card___2_GCH .footer___1jZKd .button___Pg0XI {
    width: 100%
}

@media only screen and (max-width: 767px) {
    .card___2_GCH .footer___1jZKd .button___Pg0XI {
        margin-top:12px
    }
}

.card___2_GCH+.card___2_GCH {
    margin-left: 24px
}

@media only screen and (max-width: 767px) {
    .card___2_GCH+.card___2_GCH {
        margin-top:16px;
        margin-left: 0
    }
}

.floatingBarV2___2gR2a {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.linkGroups___2OFTU {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0 -12px
}

.linkGroups___2OFTU .group___3hneA {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 10px 12px;
    padding: 28px 32px;
    background-color: #fff;
    text-align: left;
    color: #333;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 8px 0 rgba(51,51,51,.08)
}

.linkGroups___2OFTU .group___3hneA .title___VWKI6 {
    font-size: 20px;
    font-weight: 400;
    display: block;
    margin-bottom: 16px;
    color: #666
}

.linkGroups___2OFTU .group___3hneA .links___3vKRl {
    overflow: hidden
}

.linkGroups___2OFTU .group___3hneA .links___3vKRl .item___37K1J {
    font-size: 16px;
    margin-top: 4px;
    margin-bottom: 12px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.linkGroups___2OFTU .group___3hneA .links___3vKRl .item___37K1J:before {
    content: "";
    width: 0;
    height: 0;
    border: 3px solid #00aae7;
    opacity: .4;
    border-radius: 50%;
    font-size: 0;
    vertical-align: middle;
    margin-right: 10px
}

.floatingBarV2___gcMwF {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.linkGroup___2pj5u {
    text-align: left
}

.linkGroup___2pj5u .linkItem___1HYwW {
    height: 48px;
    line-height: 48px;
    padding: 0 16px 0 28px;
    font-size: 16px;
    color: #666;
    background: #fafafa;
    border-top: 1px solid #eee;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 100%;
    background-origin: content-box;
    background-image: url(https://www-static.qbox.me/_next/static/media/next.58833ec1d612f6f010b14fee0bd24e2e.svg)
}

.linkGroup___2pj5u .rc-menu-submenu-title {
    background-color: #fff
}

.icon___1R6-P {
    float: right;
    margin-top: 4.5px;
    margin-right: 16px
}

.floatingBarV2___essYd {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.cardWrapper___2yI_H {
    max-width: 588px
}

.card___1220I {
    height: 162px;
    padding: 24px
}

.card___1220I .title___1KCBK {
    margin-bottom: 12px;
    font-size: 20px;
    color: #333
}

.card___1220I .desc___2QEmo {
    color: #666;
    font-size: 14px
}

.floatingBarV2___2toCX {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___3XdsV {
    text-align: left
}

.wrapper___3XdsV .rc-menu-item,.wrapper___3XdsV .rc-menu-submenu:first-child {
    border: none
}

.wrapper___3XdsV .rc-menu-item {
    padding: 0;
    background: #fafafa
}

.wrapper___3XdsV .rc-menu-submenu-title {
    padding-left: 16px!important
}

.wrapper___3XdsV .rc-menu-submenu-open+.rc-menu-submenu {
    border: none
}

.card___N1ZtO {
    padding: 4px 0;
    margin: 0 16px;
    border-bottom: 1px solid #eee
}

.card___N1ZtO.noBorder___p00OZ {
    border: none
}

.title___1AXw- {
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 500;
    color: #333
}

.desc___3T3KX {
    font-size: 12px;
    color: #666;
    white-space: normal
}

.floatingBarV2___3ATIQ {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.figure___3oxn9 {
    text-align: center!important
}

.figure___3oxn9 .mpCode___20Irc,.figure___3oxn9 .qrCode___61DmC {
    width: 220px;
    height: 220px
}

.figure___3oxn9 .qrCode___61DmC {
    padding: 10px
}

.figure___3oxn9 .desc___3a13j {
    margin-top: 16px
}

.webDemo___2UKJY {
    text-align: center;
    margin-top: 44px
}

.webDemo___2UKJY .link___1Dr7R {
    color: #00aae7;
    font-size: 20px;
    display: inline-block;
    padding-right: 30px;
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 100%;
    background-origin: border-box;
    background-image: url(https://www-static.qbox.me/_next/static/media/next.62f45eddd2e1221f05f36fe62e52459b.svg)
}

.webDemo___2UKJY .link___1Dr7R:hover {
    text-decoration: underline
}

.floatingBarV2___39tJa {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.li___2jWeh {
    border-bottom: 1px solid #eee
}

.li___2jWeh:last-child {
    border-bottom-color: transparent
}

.item___2bwIi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 16px;
    text-align: left;
    font-size: 16px
}

.floatingBarV2___2Lve9 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.card___5vOg- {
    max-width: 282px
}

@media only screen and (max-width: 767px) {
    .card___5vOg- {
        max-width:100%
    }
}

.card___5vOg- img {
    display: block;
    width: 100%
}

.content___1iHLH {
    width: 100%;
    padding: 24px 20px
}

.content___1iHLH .title___1wlvP {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 500
}

.content___1iHLH .desc___3wlEl {
    color: #666;
    font-size: 14px
}

.floatingBarV2___vrJsD {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.pc___1Yp8b .groupWrapper___1nYdd {
    padding: 24px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pc___1Yp8b .itemWrapper___1hy-O {
    padding: 0 42px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.pc___1Yp8b .item___1pre4.itemTopDown___1obHN .itemContent___1N7Yu {
    margin: 0 auto;
    display: table
}

.pc___1Yp8b .item___1pre4.itemTopDown___1obHN .itemTitle___3QW82 {
    margin-top: 16px;
    text-align: center
}

.pc___1Yp8b .item___1pre4.itemLeftRight___1WXGl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pc___1Yp8b .item___1pre4.itemLeftRight___1WXGl .itemIcon___2VOLX {
    width: 80px;
    line-height: 0
}

.pc___1Yp8b .item___1pre4.itemLeftRight___1WXGl .itemContent___1N7Yu {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    margin-left: 24px;
    text-align: left
}

.pc___1Yp8b .itemIcon___2VOLX {
    text-align: center;
    height: 80px;
    font-size: 0;
    line-height: 80px
}

.pc___1Yp8b .itemContent___1N7Yu.contentCenter___jNAvC {
    text-align: center
}

.pc___1Yp8b .itemContent___1N7Yu.contentLeft___1SEUb {
    text-align: left
}

.pc___1Yp8b .itemContent___1N7Yu.contentJustify___PQCuR {
    text-align: justify
}

.pc___1Yp8b .itemTitle___3QW82 {
    color: #333;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px
}

.pc___1Yp8b .desc___3SHi_ {
    position: relative;
    margin: 12px 0;
    color: #666;
    line-height: 22px
}

.pc___1Yp8b .desc___3SHi_.preIconCheck___8cmzD {
    padding-left: 24px
}

.pc___1Yp8b .desc___3SHi_.preIconCheck___8cmzD:before {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-origin: border-box;
    background-image: url(https://www-static.qbox.me/_next/static/media/check.afa962dbe5f5eac59f56429270249e0f.svg);
    width: 16px;
    height: 16px;
    position: absolute;
    top: 4px;
    left: 0
}

.pc___1Yp8b .desc___3SHi_.preIconDot___2Ud3a {
    padding-left: 20px
}

.pc___1Yp8b .desc___3SHi_.preIconDot___2Ud3a:before {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 6px;
    left: 0;
    border-radius: 50%;
    background-color: #00aae7;
    opacity: .4
}

.pc___1Yp8b .link___3zVDn {
    margin: 12px 0;
    line-height: 20px
}

.pc___1Yp8b .link___3zVDn a {
    color: #00aae7
}

.pc___1Yp8b .link___3zVDn a:hover {
    text-decoration: underline
}

.pc___1Yp8b .link___3zVDn.topLink___35Y6x {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    line-height: 28px
}

.mobile___2b-q1 .linkItem___39J85 {
    outline: none
}

.mobile___2b-q1 .linkItem___39J85 .itemContent___1N7Yu {
    padding-right: 32px
}

.mobile___2b-q1 .linkItem___39J85 .arrowIcon___3SiC1 {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.mobile___2b-q1 .item___1pre4 {
    position: relative;
    padding: 20px 0;
    border-bottom: 1px solid #eee;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mobile___2b-q1 .groupWrapper___1nYdd:last-child .itemWrapper___1hy-O:last-child .item___1pre4 {
    border-bottom-color: transparent;
    padding-bottom: 4px
}

.mobile___2b-q1 .itemIcon___2VOLX {
    -webkit-box-flex: 0;
    -ms-flex: 0 1;
    flex: 0 1;
    width: 50px;
    height: 60px
}

.mobile___2b-q1 .itemIcon___2VOLX>svg {
    width: 50px;
    height: 60px;
    padding: 0 10px
}

.mobile___2b-q1 .itemIcon___2VOLX .icon___35lSH {
    margin-top: 10px
}

.mobile___2b-q1 .itemContent___1N7Yu {
    position: relative;
    padding-left: 16px;
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.mobile___2b-q1 .itemTitle___3QW82 {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.mobile___2b-q1 .desc___3SHi_ {
    margin: 4px 0;
    color: #666;
    font-size: 12px;
    line-height: 18px
}

.card___12yEO {
    height: 410px;
    padding: 0 28px 28px;
    text-align: center
}

.card___12yEO .cardFeatureItem___2INK4 {
    position: relative;
    height: 100%
}

.card___12yEO .cardFeatureItem___2INK4 .cardIcon___3cn5x {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 120px
}

.card___12yEO .cardFeatureItem___2INK4 .cardTittle___34Sgj {
    margin: 16px 0 12px;
    font-size: 20px
}

.card___12yEO .cardFeatureItem___2INK4 .cardDesc___3rOg9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: left;
    color: #666
}

.card___12yEO .cardFeatureItem___2INK4 .buttonsContainer___3Uac5 {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 0;
    width: 100%
}

.card___12yEO .cardFeatureItem___2INK4 .buttonsContainer___3Uac5 .button___3lZVY {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 0 8px
}

.card___12yEO .cardFeatureItem___2INK4 .buttonsContainer___3Uac5 .button___3lZVY:first-child {
    margin-left: 0
}

.card___12yEO .cardFeatureItem___2INK4 .buttonsContainer___3Uac5 .button___3lZVY:last-child {
    margin-right: 0
}

.icon___35lSH {
    width: 60px
}

@media only screen and (max-width: 767px) {
    .icon___35lSH {
        width:36px;
        padding: 0
    }
}

.floatingBarV2___reF_a {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.item___2axnJ {
    padding: 22px 20px 22px 38px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(51,51,51,.08);
    box-shadow: 0 2px 4px 0 rgba(51,51,51,.08);
    border: 1px solid #eee;
    text-align: left
}

@media only screen and (max-width: 767px) {
    .item___2axnJ {
        display:block
    }
}

.item___2axnJ:before {
    content: " ";
    position: absolute;
    left: 20px;
    top: 30px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: linear-gradient(322deg,rgba(0,170,231,0),#00aae7);
    opacity: .6
}

.item___2axnJ+.item___2axnJ {
    margin-top: 20px
}

@media only screen and (max-width: 767px) {
    .item___2axnJ+.item___2axnJ {
        margin-top:16px
    }
}

.item___2axnJ .content___1g7dp {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    font-size: 18px;
    color: #00aae7;
    line-height: 24px
}

@media only screen and (max-width: 767px) {
    .item___2axnJ .content___1g7dp {
        margin-bottom:8px;
        font-size: 16px
    }
}

.item___2axnJ .issuer___1IAe_ {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 1em;
    font-size: 16px
}

@media only screen and (max-width: 767px) {
    .item___2axnJ .issuer___1IAe_ {
        font-size:12px
    }
}

.floatingBarV2___eyYN_ {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.pageContent___1HL5i {
    background-color: #fafafa
}

.pageContent___1HL5i a {
    color: #1890ff;
    text-decoration: none
}

.bannerTitle___3iDzy {
    margin-top: 37px;
    font-weight: 600
}

@media only screen and (max-width: 767px) {
    .bannerTitle___3iDzy {
        margin-top:0
    }
}

.overview___1uAvk {
    width: 100%;
    padding: 16px
}

.overview___1uAvk .item___2VVVr {
    width: 33.33%;
    text-align: center;
    display: inline-block
}

.overview___1uAvk .item___2VVVr .title___1sL4R {
    font-size: 44px;
    color: #333;
    font-family: number-regular
}

@media only screen and (max-width: 767px) {
    .overview___1uAvk .item___2VVVr .title___1sL4R {
        font-size:20px;
        line-height: 24px
    }
}

.overview___1uAvk .item___2VVVr .desc___1z4LX {
    font-size: 16px;
    color: #666
}

@media only screen and (max-width: 767px) {
    .overview___1uAvk .item___2VVVr .desc___1z4LX {
        font-size:12px;
        line-height: 17px
    }
}

.about___2q-KL .passage___1O5w1 {
    display: block;
    text-align: left;
    margin-bottom: 24px;
    font-size: 16px;
    color: #666
}

@media only screen and (max-width: 767px) {
    .about___2q-KL .passage___1O5w1 {
        font-size:14px;
        margin-bottom: 16px;
        color: #333
    }
}

.about___2q-KL .gallery___gNeZO {
    position: relative;
    height: 684px
}

@media only screen and (max-width: 767px) {
    .about___2q-KL .gallery___gNeZO {
        position:static;
        height: auto
    }
}

.about___2q-KL .gallery___gNeZO .main___6QWJs {
    position: absolute;
    width: 776px;
    height: 448px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-origin: border-box;
    background-image: url(https://www-static.qbox.me/_next/static/media/pic01.c8b5db2cc5fcb6fc4e6349c9e37c8e6b.png)
}

.about___2q-KL .gallery___gNeZO .right1___25QOZ {
    top: 0;
    background-image: url(https://www-static.qbox.me/_next/static/media/pic02.69404ae2afb1701072189af80e781a33.png)
}

.about___2q-KL .gallery___gNeZO .right1___25QOZ,.about___2q-KL .gallery___gNeZO .right2___3v_2m {
    position: absolute;
    left: 800px;
    width: 376px;
    height: 212px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-origin: border-box
}

.about___2q-KL .gallery___gNeZO .right2___3v_2m {
    top: 236px;
    background-image: url(https://www-static.qbox.me/_next/static/media/pic03.c472de9b32f4d8328d5f789238f25f4a.png)
}

.about___2q-KL .gallery___gNeZO .bottom1___qsD-t {
    left: 0;
    background-image: url(https://www-static.qbox.me/_next/static/media/pic04.abfd58b1e3a8fd0d4c45e17db82bf60a.png)
}

.about___2q-KL .gallery___gNeZO .bottom1___qsD-t,.about___2q-KL .gallery___gNeZO .bottom2___3ivO6 {
    position: absolute;
    top: 472px;
    width: 376px;
    height: 212px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-origin: border-box
}

.about___2q-KL .gallery___gNeZO .bottom2___3ivO6 {
    left: 400px;
    background-image: url(https://www-static.qbox.me/_next/static/media/pic05.b17fbee81728208f74cc9177a5fae666.png)
}

.about___2q-KL .gallery___gNeZO .bottom3___OL1eN {
    position: absolute;
    left: 800px;
    top: 472px;
    width: 376px;
    height: 212px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-origin: border-box;
    background-image: url(https://www-static.qbox.me/_next/static/media/pic06.dccea3d87080a8ba196cfeb91178efd4.png)
}

@media only screen and (max-width: 767px) {
    .about___2q-KL .gallery___gNeZO .bottom1___qsD-t,.about___2q-KL .gallery___gNeZO .bottom2___3ivO6,.about___2q-KL .gallery___gNeZO .bottom3___OL1eN,.about___2q-KL .gallery___gNeZO .main___6QWJs,.about___2q-KL .gallery___gNeZO .right1___25QOZ,.about___2q-KL .gallery___gNeZO .right2___3v_2m {
        background-size:cover;
        position: static;
        width: 100%;
        height: 200px;
        margin-top: 16px
    }
}

.missionIcon___2sSR7 {
    width: 60px;
    height: 60px
}

.cultureDesc___IPYU3 {
    text-align: left
}

.missionWrapper___3ejYj {
    width: 1200px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    margin-bottom: 72px;
    padding: 0
}

@media only screen and (max-width: 767px) {
    .missionWrapper___3ejYj {
        width:100%;
        margin-bottom: 0;
        padding: 0 16px
    }
}

.missionWrapper___3ejYj .img___1PfkO {
    position: relative;
    width: 100%;
    height: auto
}

.missionWrapper___3ejYj .missionContent___3_j3E {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 56px 0;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .missionWrapper___3ejYj .missionContent___3_j3E {
        width:calc(100% - 32px);
        padding: 20px 0
    }
}

.missionWrapper___3ejYj h2 {
    font-size: 32px;
    line-height: 45px;
    font-weight: 500
}

@media only screen and (max-width: 767px) {
    .missionWrapper___3ejYj h2 {
        font-size:20px;
        line-height: unset;
        font-weight: 400
    }
}

.missionWrapper___3ejYj .subTitle___Yf5va {
    margin-top: 24px;
    font-size: 24px;
    line-height: 34px;
    color: #333
}

@media only screen and (max-width: 767px) {
    .missionWrapper___3ejYj .subTitle___Yf5va {
        margin-top:2px;
        font-size: 14px;
        line-height: unset
    }
}

.floatingBarV2___3Kb5h {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.purchaseInfo___3uNm4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -12px
}

.purchaseInfo___3uNm4 .itemContainer___29bOO {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 50%;
    padding: 12px
}

.purchaseInfo___3uNm4 .itemContainer___29bOO .item___3DD50 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 120px;
    padding: 28px 30px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    border: 1px solid #eee
}

.purchaseInfo___3uNm4 .itemContainer___29bOO .item___3DD50 .content___3J7hI {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: start;
    margin-right: 10px
}

.purchaseInfo___3uNm4 .itemContainer___29bOO .item___3DD50 .content___3J7hI .title___3nGAp {
    font-size: 20px;
    color: #333;
    max-width: 350px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.purchaseInfo___3uNm4 .itemContainer___29bOO .item___3DD50 .content___3J7hI .desc___2547U {
    font-size: 14px;
    color: #666;
    max-width: 350px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.purchaseInfo___3uNm4 .itemContainer___29bOO .item___3DD50 .action___2Rf1W {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    line-height: 64px
}

.purchaseInfo___3uNm4.mobile___JBtUA {
    margin: 0 -8px
}

.purchaseInfo___3uNm4.mobile___JBtUA .itemContainer___29bOO {
    width: 100%;
    padding: 8px
}

.purchaseInfo___3uNm4.mobile___JBtUA .itemContainer___29bOO .item___3DD50 {
    height: 74px;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.purchaseInfo___3uNm4.mobile___JBtUA .itemContainer___29bOO .item___3DD50 .content___3J7hI {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.purchaseInfo___3uNm4.mobile___JBtUA .itemContainer___29bOO .item___3DD50 .content___3J7hI .title___3nGAp {
    font-size: 16px
}

.purchaseInfo___3uNm4.mobile___JBtUA .itemContainer___29bOO .item___3DD50 .content___3J7hI .desc___2547U {
    font-size: 12px
}

.purchaseInfo___3uNm4.mobile___JBtUA .itemContainer___29bOO .item___3DD50 .action___2Rf1W {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    line-height: 44px
}

.purchaseInfo___3uNm4.mobile___JBtUA .itemContainer___29bOO .item___3DD50 .action___2Rf1W .link___AbHFe {
    color: #07beff;
    cursor: pointer;
    display: block;
    padding: 0 20px 0 8px;
    text-align: left;
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: 100%;
    background-origin: border-box;
    background-image: url(https://www-static.qbox.me/_next/static/media/next.ea3a42d38f2209c3ba1e6599882b79f0.svg)
}

.purchaseInfo___3uNm4.mobile___JBtUA .itemContainer___29bOO .item___3DD50 .action___2Rf1W .link___AbHFe:hover {
    text-decoration: underline
}

.floatingBarV2___2WC6V {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.tabs___30eGI {
    margin-bottom: 36px
}

.playground___n_Pmn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.playground___n_Pmn .left___fkgcG {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 700px;
    flex: 1 1 700px
}

.playground___n_Pmn .leftAudio___5gCyD,.playground___n_Pmn .leftText___z7eF- {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 700px;
    flex: 1 1 700px;
    background: #fff;
    padding: 12px 0 12px 12px
}

.playground___n_Pmn .right___qeRx2 {
    margin-left: 24px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 376px;
    flex: 0 0 376px;
    overflow-x: hidden
}

.activeBlock___3cLuu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.activeBlock___3cLuu .imgBlock___2Xqox,.activeBlock___3cLuu .textBlock___3ljrX,.activeBlock___3cLuu .videoBlock___34OyI {
    position: relative;
    height: 338px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    text-align: center
}

.activeBlock___3cLuu .imgBlock___2Xqox img,.activeBlock___3cLuu .imgBlock___2Xqox video,.activeBlock___3cLuu .textBlock___3ljrX img,.activeBlock___3cLuu .textBlock___3ljrX video,.activeBlock___3cLuu .videoBlock___34OyI img,.activeBlock___3cLuu .videoBlock___34OyI video {
    max-width: 100%;
    max-height: 100%
}

.activeBlock___3cLuu .imgBlock___2Xqox textarea,.activeBlock___3cLuu .textBlock___3ljrX textarea,.activeBlock___3cLuu .videoBlock___34OyI textarea {
    width: 100%;
    height: 100%;
    min-height: 438px;
    padding: 8px 12px;
    color: #333;
    border: 1px solid #bfbfbf;
    background-color: #fff;
    border-radius: 3px;
    outline: none;
    resize: none
}

.activeBlock___3cLuu .imgBlock___2Xqox textarea::-webkit-input-placeholder,.activeBlock___3cLuu .textBlock___3ljrX textarea::-webkit-input-placeholder,.activeBlock___3cLuu .videoBlock___34OyI textarea::-webkit-input-placeholder {
    color: #bfbfbf
}

.activeBlock___3cLuu .imgBlock___2Xqox textarea::-moz-placeholder,.activeBlock___3cLuu .textBlock___3ljrX textarea::-moz-placeholder,.activeBlock___3cLuu .videoBlock___34OyI textarea::-moz-placeholder {
    color: #bfbfbf
}

.activeBlock___3cLuu .imgBlock___2Xqox textarea:-ms-input-placeholder,.activeBlock___3cLuu .textBlock___3ljrX textarea:-ms-input-placeholder,.activeBlock___3cLuu .videoBlock___34OyI textarea:-ms-input-placeholder {
    color: #bfbfbf
}

.activeBlock___3cLuu .imgBlock___2Xqox textarea::-ms-input-placeholder,.activeBlock___3cLuu .textBlock___3ljrX textarea::-ms-input-placeholder,.activeBlock___3cLuu .videoBlock___34OyI textarea::-ms-input-placeholder {
    color: #bfbfbf
}

.activeBlock___3cLuu .imgBlock___2Xqox textarea::placeholder,.activeBlock___3cLuu .textBlock___3ljrX textarea::placeholder,.activeBlock___3cLuu .videoBlock___34OyI textarea::placeholder {
    color: #bfbfbf
}

.activeBlock___3cLuu .imgBlock___2Xqox button,.activeBlock___3cLuu .textBlock___3ljrX button,.activeBlock___3cLuu .videoBlock___34OyI button {
    float: right;
    margin-top: 8px
}

.activeBlock___3cLuu .audioBlock___1yWNo {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 382px;
    text-align: center
}

.activeBlock___3cLuu .audioBlock___1yWNo .infoBlock___1o2SJ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #fafafa
}

.activeBlock___3cLuu .audioBlock___1yWNo .infoBlock___1o2SJ .tip___3dsoO {
    margin-top: 15px;
    color: #999;
    font-size: 12px
}

.activeBlock___3cLuu .audioBlock___1yWNo .infoBlock___1o2SJ .filename___2bvsd {
    margin-top: 15px;
    font-size: 14px;
    color: #333;
    word-break: break-all
}

.activeBlock___3cLuu .resultBlock___JqwnX {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 175px;
    flex: 0 0 175px;
    padding: 16px 12px;
    background-color: #fff
}

.activeBlock___3cLuu .resultBlock___JqwnX .loadingText___1JrYB {
    font-size: 12px;
    color: #666
}

.activeBlock___3cLuu .audioTextResultBlock___1XZwP {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 175px;
    flex: 0 0 175px;
    background-color: #fff;
    padding: 0 12px
}

.activeBlock___3cLuu .audioTextResultBlock___1XZwP .loadingText___1JrYB {
    font-size: 12px;
    color: #666
}

.activeBlock___3cLuu .resultItem___3SkQC {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 152px;
    height: 30px;
    padding: 0 8px;
    font-size: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #e5e5e5;
    border-radius: 5px
}

.activeBlock___3cLuu .resultItem___3SkQC+.resultItem___3SkQC {
    margin-top: 12px
}

.activeBlock___3cLuu .resultItem___3SkQC.nopass___2JGfN {
    border: 1px solid #ef4149
}

.activeBlock___3cLuu .resultItem___3SkQC.nopass___2JGfN .scene___2tdLA,.activeBlock___3cLuu .resultItem___3SkQC.nopass___2JGfN .suggestion___tmVFs {
    color: #ef4149
}

.activeBlock___3cLuu .resultItem___3SkQC .scene___2tdLA {
    float: left;
    color: #666
}

.activeBlock___3cLuu .resultItem___3SkQC .suggestion___tmVFs {
    float: right;
    color: #333
}

.inputLine___1sPC4 {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inputLine___1sPC4 .input___1Yyyd {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 6px 8px;
    border: 1px solid #eee;
    background-color: #fff
}

.inputLine___1sPC4 .submitBtn___vm1Bt {
    margin-left: 8px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 92px;
    flex: 0 0 92px
}

.audioInputLine___3PdtU {
    margin-top: 20px
}

.audioInputLine___3PdtU .input___1Yyyd {
    width: 100%;
    padding: 6px 8px;
    border: 1px solid #eee
}

.audioInputLine___3PdtU .submitBtn___vm1Bt {
    float: right;
    margin-top: 16px;
    margin-left: 8px
}

.apiResult___1Kigi {
    height: 518px;
    overflow-y: auto;
    background-color: #fff
}

.apiResult___1Kigi .radios___2-nnp {
    margin-bottom: 20px
}

.resultMask___3swaR {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 50%
}

.resultMask___3swaR.maskLoading___2TS-I {
    visibility: hidden
}

.resultMask___3swaR.maskBlock___15v2t {
    background-image: url(https://www-static.qbox.me/_next/static/media/block.46699832379ecc082e1074d2dcf2f376.png)
}

.resultMask___3swaR.maskReview___3N3l1 {
    background-image: url(https://www-static.qbox.me/_next/static/media/review.b19aadb508ff78eeaf55de133c537e37.png)
}

.resultMask___3swaR.maskPass___22OG- {
    background-image: url(https://www-static.qbox.me/_next/static/media/pass.3dea8f4d843b641a97f3864c734dddba.png)
}

.modal___39mnc a {
    color: #07beff;
    cursor: pointer
}

.modal___39mnc a:hover {
    text-decoration: underline
}

.floatingBarV2___2sJEw {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.slides___1HDFC .activeBlock___3z8_V {
    width: 100%
}

.slides___1HDFC .thumbnails___1hrEJ {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.slide___2UVD1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    position: relative
}

.slide___2UVD1+.slide___2UVD1 {
    margin-left: 24px
}

.slide___2UVD1:after {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: hsla(0,0%,98%,.8)
}

.slide___2UVD1.active___1KU37:after {
    background-color: transparent;
    border: 2px solid #00aae7;
    -webkit-box-shadow: inset 0 0 0 2px #fff;
    box-shadow: inset 0 0 0 2px #fff
}

.slide___2UVD1 img,.slide___2UVD1 video {
    display: block;
    width: 100%
}

.floatingBarV2___2MJQW {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.cardWrapper___2_qmF {
    height: 162px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px 36px
}

@media only screen and (max-width: 767px) {
    .cardWrapper___2_qmF {
        height:96px;
        padding: 16px 12px
    }
}

.cardTitle___2Wy4S {
    font-size: 20px;
    color: #333;
    line-height: 30px;
    margin-bottom: 12px
}

@media only screen and (max-width: 767px) {
    .cardTitle___2Wy4S {
        font-size:14px;
        line-height: 20px;
        margin-bottom: 8px
    }
}

.cardDesc___3pSQn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
    line-height: 24px;
    color: #333
}

@media only screen and (max-width: 767px) {
    .cardDesc___3pSQn {
        font-size:12px;
        line-height: 17px
    }
}

.floatingBarV2___bibMA {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.cardWrapper___ttY3w {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 56px 43px 24px;
    text-align: center
}

.cardWrapper___ttY3w .cardBtn___25-Qb {
    width: 100%
}

.cardTitle___2oHdS {
    margin: 48px auto 12px;
    font-size: 20px
}

.cardDesc___1nsCw {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 32px;
    color: #666;
    text-align: left
}

.floatingBarV2___32bWC {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

@media only screen and (max-width: 767px) {
    .featureIcon___1I-pU {
        padding:0 10px
    }
}

.icon___1RKFM {
    width: 60px
}

@media only screen and (max-width: 767px) {
    .icon___1RKFM {
        width:36px;
        padding: 0
    }
}

.descItem___1oTHQ {
    margin-top: 10px
}

.descItem___1oTHQ .content___2rNCM {
    display: inline-block
}

.floatingBarV2___1x1o3 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.section___3VOy9 .radios___7ICyV {
    margin-bottom: 72px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 767px) {
    .section___3VOy9 .radios___7ICyV {
        margin-bottom:24px
    }
}

.section___3VOy9 .radios___7ICyV .radio___VYYeI {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px
}

.section___3VOy9 .op___36xYz {
    margin-top: 4px;
    color: #00aae7
}

.floatingBarV2___7An0B {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.cardsWrapper___30huy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .cardsWrapper___30huy {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px
    }
}

.card___6hwS_ {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #fff;
    border-radius: 3px;
    padding: 32px 24px;
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.04);
    box-shadow: 0 2px 8px rgba(0,0,0,.04);
    border: 1px solid rgba(78,89,105,.12);
    text-align: left
}

@media only screen and (max-width: 767px) {
    .card___6hwS_ {
        padding:24px 20px
    }
}

.title___37dXy {
    font-size: 20px;
    font-weight: 500;
    color: #0c0d0e;
    margin: 0 0 16px;
    line-height: 28px
}

@media only screen and (max-width: 767px) {
    .title___37dXy {
        font-size:18px;
        margin-bottom: 12px
    }
}

.desc___1nOE7 {
    font-size: 14px;
    line-height: 24px;
    color: #737a87;
    margin: 0
}

@media only screen and (max-width: 767px) {
    .desc___1nOE7 {
        font-size:13px;
        line-height: 20px
    }
}

.floatingBarV2___lbuNX {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.architectureImg___10NHu {
    width: 100%;
    display: block
}

.floatingBarV2___3a7q9 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.card___x4eNq {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 376px;
    flex: 0 1 376px;
    height: 110px;
    margin: 0 12px;
    padding: 20px;
    text-align: left;
    -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    border: 1px solid #eee;
    background-color: #fff
}

.card___x4eNq:first-child {
    margin-left: 0
}

.card___x4eNq:last-child {
    margin-right: 0
}

@media only screen and (max-width: 767px) {
    .card___x4eNq {
        -webkit-box-flex:0;
        -ms-flex: 0 1 78px;
        flex: 0 1 78px;
        margin: 0 0 12px;
        padding: 16px 0 16px 12px
    }
}

.card___x4eNq .title___1Lxlx {
    font-size: 16px;
    line-height: 22px;
    color: #333
}

@media only screen and (max-width: 767px) {
    .card___x4eNq .title___1Lxlx {
        font-size:14px;
        line-height: 20px
    }
}

.card___x4eNq .link___22lv1 {
    position: absolute;
    top: 20px;
    right: 20px
}

@media only screen and (max-width: 767px) {
    .card___x4eNq .link___22lv1 {
        top:16px;
        right: 12px
    }
}

.card___x4eNq .content___2RwKh {
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #666;
    text-align: start;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 44px;
    word-break: break-all
}

@media only screen and (max-width: 767px) {
    .card___x4eNq .content___2RwKh {
        font-size:12px;
        line-height: 17px
    }
}

.floatingBarV2___17GvZ {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

@media only screen and (max-width: 767px) {
    .icon___1iryG {
        width:100%;
        height: 100%
    }
}

.floatingBarV2___3rBcY {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.card___11Lm6 {
    padding: 28px 42px
}

.icon___1SCFH,.title___Lkg1A {
    text-align: center
}

.title___Lkg1A {
    margin: 36px 0 12px;
    font-size: 20px
}

.desc___6Ls-R {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #666
}

.desc___6Ls-R+.desc___6Ls-R {
    margin-top: 16px
}

.checked___2TQry {
    display: inline-block;
    margin-right: 9px
}

.text___gmzux {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.floatingBarV2___3spHA {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.cardWrapper___1HwFJ {
    max-width: 282px;
    background: #fff
}

.card___206Wp {
    height: 220px;
    padding: 24px
}

.card___206Wp .title___28noN {
    margin-bottom: 12px;
    font-size: 20px;
    color: #333
}

.card___206Wp .desc___1BQub {
    color: #666;
    font-size: 14px
}

.floatingBarV2___IuHrc {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___5GkLR {
    text-align: left
}

.wrapper___5GkLR .rc-menu-item,.wrapper___5GkLR .rc-menu-submenu:first-child {
    border: none
}

.wrapper___5GkLR .rc-menu-item {
    padding: 0;
    background: #fafafa
}

.wrapper___5GkLR .rc-menu-submenu-title {
    padding-left: 16px!important
}

.wrapper___5GkLR .rc-menu-submenu-open+.rc-menu-submenu {
    border: none
}

.card___gPjMY {
    padding: 8px 0;
    margin: 0 16px;
    border-bottom: 1px solid #eee
}

.card___gPjMY.noBorder___1tlu_ {
    border: none
}

.title___2ik-2 {
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 500;
    color: #333
}

.desc___yRs95 {
    font-size: 12px;
    color: #666;
    white-space: normal
}

.floatingBarV2___3H0W5 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___3pQZK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -12px
}

.wrapper___3pQZK figure {
    max-width: 384px;
    margin: 12px 12px 26px;
    text-align: left
}

@media only screen and (max-width: 767px) {
    .wrapper___3pQZK figure {
        max-width:100%
    }
}

.wrapper___3pQZK figure img {
    display: block;
    width: 100%
}

.floatingBarV2___3dzZH {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.item___1W6XU {
    padding: 0 36px!important
}

@media only screen and (max-width: 767px) {
    .item___1W6XU {
        padding:0!important
    }
}

.wrapper___2rTgm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.floatingBarV2___OWIZu {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.features___17QZq {
    margin-top: 24px
}

@media only screen and (max-width: 767px) {
    .features___17QZq {
        margin-top:12px
    }
}

.features___17QZq .feature___Irs6r+.feature___Irs6r {
    margin-top: 10px
}

@media only screen and (max-width: 767px) {
    .features___17QZq .feature___Irs6r+.feature___Irs6r {
        margin-top:8px
    }
}

.body___KiFZ1 {
    min-height: 129px
}

.price___1h5xV {
    line-height: 33px;
    font-size: 24px;
    font-weight: 600;
    color: #fa8c16
}

.price___1h5xV .unit___1V8nG {
    margin-left: 8px;
    font-size: 14px
}

.buyBtn___332bV {
    margin-top: 20px
}

@media only screen and (max-width: 767px) {
    .buyBtn___332bV {
        margin-top:16px
    }
}

.title___KdevR {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mark___10Z_J {
    display: inline-block;
    text-align: center;
    height: 20px;
    line-height: 20px;
    padding: 0 8px;
    font-size: 12px;
    color: #eee;
    background-color: red;
    margin-left: 8px;
    border-radius: 2px
}

.floatingBarV2___1rvAj {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___tfEK9 {
    margin: 36px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    border: 1px solid #eee
}

.body___34ph4 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100px;
    flex: 1 1 100px;
    padding: 28px 32px
}

.body___34ph4 .name___1kmCQ {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px
}

.body___34ph4 .desc___3t_sP {
    display: inline-block;
    margin-left: 16px;
    font-size: 12px;
    font-weight: 400;
    color: #999
}

.body___34ph4 .mark___2YVdf {
    display: inline-block;
    text-align: center;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    font-size: 14px;
    color: #eee;
    background-color: red;
    margin-left: 8px;
    border-radius: 2px
}

.body___34ph4 .sceneBlock___3kDuY {
    margin-top: 16px
}

.scenes___3xeUD {
    margin-top: 11px
}

.scenes___3xeUD .scene___3BM0t {
    margin: 8px 0;
    padding-left: 24px;
    font-size: 12px;
    line-height: 17px;
    color: #666;
    background-image: url(https://www-static.qbox.me/_next/static/media/hook.75e0a6fe7f09394c0d989f9ca7ef262e.svg);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 16px 16px
}

.details___2LQdF {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.details___2LQdF .detail___migin {
    margin-right: 50px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 5em;
    flex: 1 1 5em
}

.details___2LQdF .detailName___21FvO {
    line-height: 20px;
    color: #999
}

.details___2LQdF .detailValue___3pO2B {
    margin-top: 8px;
    font-size: 12px;
    line-height: 17px;
    color: #666
}

.priceBlock___3XtQ7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 376px;
    flex: 0 0 376px;
    padding: 28px 32px;
    background-color: #fafafa;
    border-left: 1px solid #eee
}

.priceBlock___3XtQ7 .priceInfo___2KOSZ {
    margin-top: 14px;
    height: 42px;
    line-height: 28px
}

.priceBlock___3XtQ7 .priceInfo___2KOSZ .price___2a8nO {
    font-size: 20px;
    color: #fa8c16
}

.priceBlock___3XtQ7 .priceInfo___2KOSZ .discount___3VRcP {
    margin-left: 20px;
    color: #4bc310
}

.priceBlock___3XtQ7 .priceInfo___2KOSZ .tip___2ZWGd {
    color: #999;
    font-size: 12px;
    line-height: 14px
}

.priceBlock___3XtQ7 .priceInfo___2KOSZ.loading___MRf8X {
    color: #999;
    font-size: 12px
}

.priceBlock___3XtQ7 .buyBtn___1Ti5N {
    display: block;
    width: 100%;
    margin-top: 12px
}

.priceBlock___3XtQ7 .moreOptions___G2nzS {
    display: block;
    margin-top: 8px;
    font-size: 12px;
    line-height: 17px;
    color: #00aae7
}

.formItem___33vuj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.formItem___33vuj+.formItem___33vuj {
    margin-top: 20px
}

.formItem___33vuj .text___2jAS5 {
    margin-right: 6px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 5em;
    flex: 0 0 5em
}

.formItem___33vuj .ctrl___3nNpq {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 240px;
    flex: 1 1 240px
}

select.ctrl___3nNpq {
    height: 32px;
    line-height: 32px;
    border: 1px solid #eee;
    background-color: #fff
}

.floatingBarV2___25cYE {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.product___3yZ70 {
    position: relative;
    padding: 24px 24px 24px 100px
}

.product___3yZ70 .icon___1YD-D {
    position: absolute;
    top: 52px;
    left: 52px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.product___3yZ70 .title___2DZmv {
    font-size: 20px;
    line-height: 1.4em;
    font-weight: 400
}

@media only screen and (max-width: 767px) {
    .product___3yZ70 .title___2DZmv {
        font-size:16px
    }
}

.product___3yZ70 .desc___3okkn {
    min-height: 110px;
    margin-top: 8px
}

@media only screen and (max-width: 767px) {
    .product___3yZ70 .desc___3okkn {
        font-size:12px;
        min-height: unset
    }
}

.product___3yZ70 .tags___1uFtp {
    margin-top: 7px
}

.product___3yZ70 .tags___1uFtp .tag___1SilB {
    display: inline-block;
    margin-top: 5px;
    padding: 0 8px;
    font-size: 12px;
    line-height: 22px;
    color: #00aae7;
    background-color: rgba(0,170,231,.1)
}

.product___3yZ70 .tags___1uFtp .tag___1SilB:not(:last-child) {
    margin-right: 8px
}

.floatingBarV2___1G8rH {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.featureDesc___2OGdZ {
    font-size: 16px;
    line-height: 22px;
    margin-top: 12px
}

@media only screen and (max-width: 767px) {
    .featureDesc___2OGdZ {
        font-size:14px
    }
}

.featureItemDesc___2zRXm {
    text-align: left
}

@media only screen and (min-width: 768px) {
    .featureItemDesc___2zRXm {
        width:288px
    }
}

.floatingBarV2___1yob- {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.card___1RJp0 {
    padding: 28px 42px
}

.icon___3WI3Y,.title___1E5Nw {
    text-align: center
}

.title___1E5Nw {
    margin: 36px 0 12px;
    font-size: 20px
}

.desc___3OR3W {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #666
}

.desc___3OR3W+.desc___3OR3W {
    margin-top: 16px
}

.checked___2me2f {
    display: inline-block;
    margin-right: 9px
}

.text___3wqLA {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.floatingBarV2___2ro9A {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.cardWrapper___2H1_l {
    max-width: 276px;
    background: #fff
}

.card___3PV1J {
    height: 220px;
    padding: 24px
}

.card___3PV1J .title___1hGEL {
    margin-bottom: 12px;
    font-size: 20px;
    color: #333
}

.card___3PV1J .desc___3yLHZ {
    color: #666;
    font-size: 14px
}

.floatingBarV2___Ory2o {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___1uwMs {
    text-align: left
}

.wrapper___1uwMs .rc-menu-item,.wrapper___1uwMs .rc-menu-submenu:first-child {
    border: none
}

.wrapper___1uwMs .rc-menu-item {
    padding: 0;
    background: #fafafa
}

.wrapper___1uwMs .rc-menu-submenu-title {
    padding-left: 16px!important
}

.wrapper___1uwMs .rc-menu-submenu-open+.rc-menu-submenu {
    border: none
}

.card___2ZQGd {
    padding: 8px 0;
    margin: 0 16px;
    border-bottom: 1px solid #eee
}

.card___2ZQGd.noBorder___3qCLZ {
    border: none
}

.title___KAJHF {
    margin-bottom: 4px;
    font-size: 14px
}

.desc___21l4B {
    font-size: 12px;
    color: #666;
    white-space: normal
}

.floatingBarV2___-2WJ4 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___1sLxp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -12px
}

.wrapper___1sLxp figure {
    max-width: 384px;
    margin: 12px 12px 26px;
    text-align: left
}

@media only screen and (max-width: 767px) {
    .wrapper___1sLxp figure {
        max-width:100%
    }
}

.wrapper___1sLxp figure img {
    display: block;
    width: 100%
}

.floatingBarV2___tlWVu {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.link___FpxuZ {
    font-size: 12px;
    margin-right: 12px
}

.card___3GsGG {
    height: 440px!important
}

.floatingBarV2___SQF54 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

@media only screen and (max-width: 767px) {
    .card___30PAo {
        margin:0 0 16px!important
    }
}

.img___1Sr5r {
    height: 162px
}

@media only screen and (max-width: 767px) {
    .img___1Sr5r {
        height:148px
    }
}

.floatingBarV2___1n2U9 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.content___1-mOa p:not(:first-child) {
    margin-top: 12px
}

.floatingBarV2___3CCo6 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

@media only screen and (min-width: 768px) {
    .valueGroup___2M95X {
        padding-top:0!important
    }
}

@media only screen and (min-width: 768px) {
    .valueDesc___1nS9A {
        text-align:left;
        line-height: 24px!important
    }
}

@media only screen and (min-width: 768px) {
    .imgArch___f63oh {
        width:1080px
    }
}

@media only screen and (max-width: 767px) {
    .imgArch___f63oh {
        width:100%
    }
}

@media only screen and (min-width: 768px) {
    .featureGroup___34mx6 {
        -webkit-box-pack:justify!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }
}

@media only screen and (min-width: 768px) {
    .featureItem___3jLLi {
        padding:0 36px!important;
        -webkit-box-flex: 0!important;
        -ms-flex: 0 0 276px!important;
        flex: 0 0 276px!important
    }
}

@media only screen and (min-width: 768px) {
    .featureDesc___3C3yG {
        text-align:left
    }
}

@media only screen and (min-width: 768px) {
    .screenshotWrapper___2AN5N {
        width:800px;
        margin: 0 auto
    }
}

.screenshotItem___oOJNp {
    text-align: center
}

.screenshotItem___oOJNp .img___YbSMP {
    width: 100%;
    height: auto
}

.screenshotItem___oOJNp .name___rXG7t {
    margin-top: 28px;
    font-size: 20px;
    line-height: 1.4
}

@media only screen and (max-width: 767px) {
    .screenshotItem___oOJNp .name___rXG7t {
        margin-top:16px;
        margin-bottom: 8px;
        font-size: 14px
    }
}

.floatingBarV2___x9J94 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.table___3KsoM {
    width: 976px;
    margin: 0 auto;
    border: 1px solid #eee;
    background-color: #fff
}

.table___3KsoM tbody tr td {
    padding: 14px 24px;
    border: 1px solid #eee;
    color: #333;
    line-height: 20px;
    text-align: left
}

.table___3KsoM tbody tr td.title___ueZPo {
    color: #999
}

@media only screen and (max-width: 767px) {
    .table___3KsoM tbody tr td {
        padding:6px 10px;
        font-size: 12px;
        line-height: 18px
    }
}

@media only screen and (max-width: 767px) {
    .table___3KsoM {
        width:100%
    }
}

.floatingBarV2___3NQ3A {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.pc___3_E2y .tabs___1hPrX {
    height: 72px
}

.pc___3_E2y .panel___2ifdc,.pc___3_E2y .tabs___1hPrX {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pc___3_E2y .panel___2ifdc {
    padding-top: 36px;
    display: none;
    -webkit-transition: .2s;
    transition: .2s
}

.pc___3_E2y .panel___2ifdc.verticalCenter___jgrFl {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.pc___3_E2y .panel___2ifdc.active___1dptl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

.pc___3_E2y .block___1kQFV {
    text-align: left
}

.pc___3_E2y .block___1kQFV.shadow___2sZmh {
    background-color: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 8px 0 rgba(51,51,51,.08)
}

.pc___3_E2y .block___1kQFV.fixed___uhkFg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 0px;
    flex: 0 0 0
}

.pc___3_E2y .block___1kQFV.zoom___2aFzL {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0
}

.pc___3_E2y .block___1kQFV.margin___1zmeW:not(:first-child) {
    margin-left: 60px
}

.mobile___IHzeO .panel___2ifdc {
    background-color: #fafafa
}

.mobile___IHzeO .clientGroup___oniQj {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mobile___IHzeO .block___1kQFV {
    padding: 16px;
    text-align: left
}

.mobile___IHzeO .block___1kQFV:not(:first-child) {
    padding-top: 0
}

.mobile___IHzeO .rc-menu-submenu:first-child {
    border: none
}

.mobile___IHzeO .rc-menu-submenu-title {
    padding-left: 16px!important;
    text-align: left
}

.clientGroup___oniQj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.clientItem___2NDDv {
    line-height: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 1;
    flex: 0 1
}

@media only screen and (max-width: 767px) {
    .clientItem___2NDDv {
        -webkit-box-flex:1;
        -ms-flex: 1;
        flex: 1;
        max-width: 33.3%
    }
}

.clientItem___2NDDv+.clientItem___2NDDv {
    margin-left: 15px
}

.floatingBarV2___XUrKD {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.scenePanel___1gj74 {
    padding: 0 52px
}

@media only screen and (max-width: 767px) {
    .scenePanel___1gj74 {
        padding:0
    }
}

.icon___2ngYX {
    width: 476px;
    height: 280px;
    line-height: 1
}

@media only screen and (max-width: 767px) {
    .icon___2ngYX {
        width:100%;
        height: auto
    }
}

.blockRight___1bydi {
    padding: 0 24px;
    margin-left: 0!important
}

.title___23Wlk {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 22px
}

.desc___o_4gR {
    font-size: 14px;
    font-weight: 400;
    color: #666
}

.floatingBarV2___3v-am {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.sceneIcon___1irWH {
    width: 476px;
    height: 280px;
    line-height: 1
}

@media only screen and (max-width: 767px) {
    .sceneIcon___1irWH {
        width:100%;
        height: auto
    }
}

.blockRight___12uTK {
    margin-left: 0!important;
    padding-left: 32px
}

.blockRight___12uTK p {
    font-size: 14px;
    font-weight: 400;
    color: #333
}

.sceneTitle___2TuNb {
    margin: 28px 0 12px;
    font-size: 20px;
    font-weight: 500;
    color: #333
}

.sceneTitle___2TuNb:first-child {
    margin-top: 0
}

@media only screen and (max-width: 767px) {
    .sceneTitle___2TuNb {
        margin-top:12px
    }
}

.bar___1Zofl {
    margin: 0 18px;
    width: 1px;
    height: 12px;
    background-color: #bfbfbf
}

.bar___1Zofl:last-child {
    display: none
}

.link___PAUJ5 {
    font-size: 14px;
    color: #333
}

.productsContainer___2MhCX {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media only screen and (min-width: 768px) {
    .productsContainer___2MhCX {
        margin:-12px 0 0 -12px
    }
}

.productItem___s9EMm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff
}

@media only screen and (min-width: 768px) {
    .productItem___s9EMm {
        width:calc((100% - 36px)/3 - .01px);
        height: 36px;
        margin: 12px 0 0 12px;
        padding: 7px 12px;
        -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
        box-shadow: 0 4px 8px 0 rgba(51,51,51,.08)
    }
}

@media only screen and (max-width: 767px) {
    .productItem___s9EMm {
        width:100%;
        height: 48px;
        margin-bottom: 8px;
        padding: 14px 12px;
        font-size: 14px;
        color: #000
    }

    .productItem___s9EMm:last-child {
        margin-bottom: 0
    }
}

.productItem___s9EMm .arrow___1ROzX {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.floatingBarV2___2dx7R {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

@media only screen and (min-width: 768px) {
    .card___vscGC header {
        -webkit-box-flex:0;
        -ms-flex: 0 0 154px;
        flex: 0 0 154px
    }
}

.card___vscGC>div {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.nowPrice___ya2Nt {
    font-size: 24px;
    color: #fa8c16
}

.nowPrice___ya2Nt .unit___2tOc8 {
    font-size: 14px
}

.prePrice___3GgDu {
    font-size: 14px;
    color: #999;
    text-decoration: line-through
}

.button___1ZCnU {
    margin-top: 24px;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .button___1ZCnU {
        margin-top:12px
    }
}

.floatingBarV2___3txjr {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.sceneContainer___16HeU {
    padding: 0 20px;
    margin-left: 0!important
}

@media only screen and (max-width: 767px) {
    .sceneContainer___16HeU {
        padding:16px;
        background-color: #fafafa
    }
}

.sceneIcon___3BD-u {
    height: 380px;
    width: 576px;
    line-height: 1
}

@media only screen and (max-width: 767px) {
    .sceneIcon___3BD-u {
        width:100%;
        height: auto
    }
}

.sceneTitle___18KX4 {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 22px
}

.sceneTitle___18KX4.client___2RcuT {
    padding-top: 20px
}

.sceneContent___15nkI,.sceneList___hwkE9 {
    margin-bottom: 12px;
    font-size: 14px;
    color: #666;
    line-height: 22px
}

@media only screen and (max-width: 767px) {
    .sceneContent___15nkI,.sceneList___hwkE9 {
        font-size:12px;
        text-align: left;
        line-height: 18px;
        margin-bottom: 0
    }
}

.sceneList___hwkE9 .item___1w28n {
    position: relative;
    padding-left: 15px;
    margin-top: 12px
}

.sceneList___hwkE9 .item___1w28n:before {
    content: "";
    border-radius: 50%;
    border: 3px solid #00aae7;
    width: 0;
    height: 0;
    font-size: 0;
    vertical-align: middle;
    margin-right: 8px;
    position: absolute;
    left: 2px;
    top: 9px
}

.sceneList___hwkE9 .item___1w28n .title___7ZW4X {
    color: #333;
    margin-right: 15px
}

.sceneList___hwkE9 .item___1w28n .content___1u-CY {
    display: inline
}

.clientLogo___1DkKS {
    width: 160px;
    line-height: 1
}

@media only screen and (max-width: 767px) {
    .clientLogo___1DkKS {
        width:80px
    }
}

.tag___hcYcs {
    margin-left: 12px;
    padding: 4px 6px;
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    color: #fa8c16;
    background: rgba(250,140,22,.1);
    border: 1px solid rgba(250,140,22,.5);
    border-radius: 1px
}

.tabs___34KBJ {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.content___Kfngq {
    width: 976px
}

.content___Kfngq .card___159c9 {
    padding: 20px 20px 24px;
    background: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 8px 0 rgba(51,51,51,.08)
}

.content___Kfngq .card___159c9 .title___3RZZP {
    font-size: 16px;
    font-weight: 500
}

.content___Kfngq .card___159c9 .cardContent___2KK1- .linkWrapper___3ZdmO {
    display: inline-block;
    width: 20%;
    margin-top: 20px;
    vertical-align: top
}

.content___Kfngq .card___159c9 .cardContent___2KK1- .linkWrapper___3ZdmO .tag___391_y {
    display: inline;
    padding: 0 6px
}

.content___Kfngq .card___159c9 .cardContent___2KK1- .linkWrapper___3ZdmO .itemExtra___2ZLDy {
    display: block;
    margin-top: 8px;
    color: #00aae7
}

.content___Kfngq .card___159c9 .cardContent___2KK1- .linkWrapper___3ZdmO .itemExtra___2ZLDy:hover {
    text-decoration: underline
}

.content___Kfngq .card___159c9 .cardContent___2KK1- .group___ezrVq .groupName___3TuxY {
    color: #666
}

.content___Kfngq .card___159c9 .cardContent___2KK1- .group___ezrVq .groupName___3TuxY:before {
    height: 16px;
    margin-right: 12px;
    border-left: 3px solid #00aae7;
    content: ""
}

.content___Kfngq .card___159c9 .cardContent___2KK1- .group___ezrVq .groupLink___2gDEH {
    display: block;
    margin-top: 20px
}

.content___Kfngq .card___159c9+.card___159c9 {
    margin-top: 24px
}

.content___Kfngq .extra____QC17 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 36px
}

.menu___3m0mR {
    text-align: left
}

.menu___3m0mR .subMenu___eG-5h ul {
    display: inline-block;
    width: 100%;
    background: #fafafa
}

.menu___3m0mR .subMenu___eG-5h .rc-menu-hidden {
    display: none
}

.menu___3m0mR .title___288ND {
    display: inline-block;
    padding: 12px 0;
    color: #333;
    font-size: 16px;
    font-weight: 500
}

.menu___3m0mR .itemGroup___wLyHU {
    padding: 0 16px
}

.menu___3m0mR .itemGroup___wLyHU:not(:first-child) {
    margin-top: -4px
}

.menu___3m0mR .itemGroup___wLyHU .rc-menu-item-group-title {
    padding: 0;
    border: none
}

.menu___3m0mR .itemGroup___wLyHU .groupName___1PwZo {
    margin-bottom: 12px;
    color: #666
}

.menu___3m0mR .itemGroup___wLyHU .groupName___1PwZo:before {
    height: 16px;
    margin-right: 12px;
    border-left: 3px solid #00aae7;
    content: ""
}

.menu___3m0mR .itemGroup___wLyHU .menuItem___3Bidd {
    margin-bottom: 12px;
    padding: 0!important;
    background: #fff;
    border: none
}

.menu___3m0mR .itemGroup___wLyHU .menuItem___3Bidd .itemWrapper___1uSTw {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 12px
}

.menu___3m0mR .itemGroup___wLyHU .menuItem___3Bidd .itemContent___2dIx9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.menu___3m0mR .itemGroup___wLyHU .menuItem___3Bidd .itemContent___2dIx9 .itemName___2MeYZ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.menu___3m0mR .itemGroup___wLyHU .menuItem___3Bidd .itemContent___2dIx9 .itemName___2MeYZ .tag___1mwn3 {
    display: inline;
    padding: 3px 6px
}

.menu___3m0mR .itemGroup___wLyHU .menuItem___3Bidd .itemContent___2dIx9 .arrow___3sRGR {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.menu___3m0mR .itemGroup___wLyHU .menuItem___3Bidd .divider___SarWc {
    position: absolute;
    right: 84px;
    top: 8px;
    width: 1px;
    height: 32px;
    background: #e5e5e5
}

.menu___3m0mR .itemGroup___wLyHU .menuItem___3Bidd .itemExtra___sFrtT {
    margin-left: 28px;
    font-size: 14px;
    color: #00aae7
}

.menu___3m0mR .extra___2XyPO {
    margin: 16px 16px 0;
    width: calc(100% - 32px);
    height: 36px;
    line-height: 34px
}

.floatingBarV2___zVgry {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.scenePanel___PZGJb {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0
}

.desc___1F9SJ {
    margin-bottom: 36px;
    font-size: 16px;
    font-weight: 400;
    color: #333
}

.icon___1edQw {
    width: 100%;
    height: auto
}

.floatingBarV2___lrs71 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.imgBlock___3Anrm {
    text-align: center!important
}

@media only screen and (max-width: 767px) {
    .imgBlock___3Anrm svg {
        max-height:106px
    }
}

.detailBlock___2J1kd {
    -webkit-box-flex: 1!important;
    -ms-flex: 1 1 400px!important;
    flex: 1 1 400px!important;
    padding: 36px
}

.detailBlock___2J1kd .title___3o02F {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4em
}

@media only screen and (max-width: 767px) {
    .detailBlock___2J1kd .title___3o02F {
        font-size:16px
    }
}

.detailBlock___2J1kd .desc___em9xA {
    font-size: 14px;
    line-height: 1.4;
    margin-top: 16px;
    color: #666
}

@media only screen and (max-width: 767px) {
    .detailBlock___2J1kd .desc___em9xA {
        font-size:12px
    }
}

.floatingBarV2___1b4tQ {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.featureDesc___1gaGf {
    font-size: 16px;
    line-height: 22px;
    margin-top: 12px
}

@media only screen and (max-width: 767px) {
    .featureDesc___1gaGf {
        font-size:14px
    }
}

.title___8YymO {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.featureItemDesc___1gb0h {
    text-align: left
}

.link___2gsW1 {
    position: absolute;
    right: 0;
    font-size: 14px
}

@media only screen and (max-width: 767px) {
    .link___2gsW1 {
        right:12px
    }
}

.floatingBarV2___2FgAc {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.blockLeft___GhOF- {
    -ms-flex-preferred-size: 300px!important;
    flex-basis: 300px!important;
    text-align: center!important
}

.blockRight___2yO3k {
    margin-left: 0!important
}

.more___3mfuZ {
    color: #00aae7;
    font-size: 14px
}

.more___3mfuZ:hover {
    text-decoration: underline
}

.sceneContainer___32kMZ {
    height: 172px;
    padding: 20px
}

@media only screen and (max-width: 767px) {
    .sceneContainer___32kMZ {
        height:auto;
        padding: 0
    }
}

.sceneIcon___2H0Ah {
    height: 212px;
    line-height: 1
}

@media only screen and (max-width: 767px) {
    .sceneIcon___2H0Ah {
        height:106px;
        margin-top: 20px
    }
}

.sceneTitle___1fQ9e {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 22px
}

.sceneTitle___1fQ9e.client___1oUhA {
    padding-top: 20px
}

.sceneContent___1Un38 {
    margin-bottom: 12px;
    font-size: 14px;
    color: #666;
    line-height: 22px
}

@media only screen and (max-width: 767px) {
    .sceneContent___1Un38 {
        font-size:12px;
        text-align: left;
        line-height: 18px
    }
}

.clientLogo___I-pSW {
    width: 160px;
    line-height: 1
}

@media only screen and (max-width: 767px) {
    .clientLogo___I-pSW {
        width:80px
    }
}

.floatingBarV2___24y-X {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.sceneHeader___3fugM {
    color: #666;
    font-size: 16px;
    margin: 12px 12px 0
}

.sceneIcon___1aGQF {
    height: 320px;
    width: 570px
}

@media only screen and (max-width: 767px) {
    .sceneIcon___1aGQF {
        width:100%;
        height: auto
    }
}

.sceneTitle___2oaZx {
    color: #333;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 16px
}

.sceneTitle___2oaZx.client___J52Sl {
    padding-top: 20px
}

.sceneContent___3vUI7 {
    color: #666;
    font-size: 16px;
    margin-bottom: 16px
}

@media only screen and (max-width: 767px) {
    .sceneContent___3vUI7 {
        font-size:12px;
        text-align: left;
        line-height: 18px;
        margin-bottom: 0
    }
}

.floatingBarV2___MHhp1 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.videoCard___2j0Sp {
    width: 1200px;
    padding: 28px;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 4px 20px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 20px 0 rgba(51,51,51,.08)
}

@media only screen and (max-width: 767px) {
    .videoCard___2j0Sp {
        width:auto;
        margin: 0 0 12px;
        padding: 12px
    }
}

.video___2sTmN {
    width: 100%;
    height: 100%;
    display: block
}

.floatingBarV2___dF94d {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.videoCard___bxUO_ {
    width: 1200px;
    padding: 28px;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 4px 20px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 20px 0 rgba(51,51,51,.08)
}

@media only screen and (max-width: 767px) {
    .videoCard___bxUO_ {
        width:auto;
        margin: 0 0 12px;
        padding: 12px
    }
}

.comparisonCard___1iciw {
    text-align: center
}

@media only screen and (max-width: 767px) {
    .comparisonCard___1iciw {
        margin-bottom:24px
    }

    .comparisonCard___1iciw:last-child {
        margin-bottom: 0
    }
}

.delayImage___2gXLz {
    width: 100%;
    height: auto;
    display: block;
    padding: 40px;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(51,51,51,.12);
    box-shadow: 0 2px 8px 0 rgba(51,51,51,.12)
}

.caption___9Dnym {
    margin-top: 12px;
    font-size: 14px;
    color: #666;
    line-height: 20px
}

@media only screen and (max-width: 767px) {
    .caption___9Dnym {
        font-size:12px;
        margin-top: 8px;
        line-height: 17px
    }
}

.video___2pXjX {
    width: 100%;
    height: 100%;
    display: block
}

.floatingBarV2___2hL7G {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.cardsWrapper___31Cfj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .cardsWrapper___31Cfj {
        display:grid;
        grid-template-columns: repeat(2,1fr);
        gap: 12px
    }
}

.card___3gOWS {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #fff;
    border-radius: 3px;
    padding: 0;
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.04);
    box-shadow: 0 2px 8px rgba(0,0,0,.04);
    border: 1px solid rgba(78,89,105,.12);
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .card___3gOWS {
        padding:0
    }
}

.image___iomFh {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.floatingBarV2___3xaGI {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.cardsWrapper___1zZNs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .cardsWrapper___1zZNs {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px
    }
}

.card___2BhRZ {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #fff;
    border-radius: 3px;
    padding: 32px 24px;
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,.04);
    box-shadow: 0 2px 8px rgba(0,0,0,.04);
    border: 1px solid rgba(78,89,105,.12);
    text-align: left
}

@media only screen and (max-width: 767px) {
    .card___2BhRZ {
        padding:24px 20px
    }
}

.cardTitle___3zk4m {
    font-size: 20px;
    font-weight: 500;
    color: #0c0d0e;
    margin: 0 0 20px;
    line-height: 28px
}

@media only screen and (max-width: 767px) {
    .cardTitle___3zk4m {
        font-size:18px;
        margin-bottom: 16px
    }
}

.docList___3p3aU {
    list-style: none;
    padding: 0;
    margin: 0
}

.docItem___3PxcX {
    padding: 0 0 0 16px;
    margin: 0 0 12px;
    position: relative
}

.docItem___3PxcX:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #a8d5ff
}

.docItem___3PxcX:last-child {
    margin-bottom: 0
}

@media only screen and (max-width: 767px) {
    .docItem___3PxcX {
        margin-bottom:10px;
        padding-left: 14px
    }

    .docItem___3PxcX:before {
        width: 5px;
        height: 5px
    }
}

.docLink___txq7f {
    font-size: 14px;
    line-height: 24px;
    color: #0c0d0e;
    text-decoration: none;
    display: block;
    -webkit-transition: color .2s;
    transition: color .2s
}

.docLink___txq7f:hover {
    color: #1664ff
}

@media only screen and (max-width: 767px) {
    .docLink___txq7f {
        font-size:13px;
        line-height: 20px
    }
}

.floatingBarV2___3xrLK {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.blockLeft___340sS,.blockRight___3pW-P {
    -webkit-box-flex: 1!important;
    -ms-flex: 1 1 576px!important;
    flex: 1 1 576px!important;
    width: 576px;
    height: 546px;
    padding: 20px;
    -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    border: 1px solid #eee
}

.blockLeft___340sS .imgBlock___2SAgv,.blockRight___3pW-P .imgBlock___2SAgv {
    width: 100%;
    height: 450px;
    padding: 24px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    background-origin: border-box;
    background-image: url(https://www-static.qbox.me/_next/static/media/border.0a5f5eac4ee98515ff0c34f2f23d1a29.svg)
}

.blockLeft___340sS .imgBlock___2SAgv .imgInner___4lXWj,.blockRight___3pW-P .imgBlock___2SAgv .imgInner___4lXWj {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fafafa
}

.blockLeft___340sS .imgBlock___2SAgv .imgInner___4lXWj .img___v6wsM,.blockRight___3pW-P .imgBlock___2SAgv .imgInner___4lXWj .img___v6wsM {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%
}

.blockLeft___340sS .upload___2ML89,.blockRight___3pW-P .upload___2ML89 {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.blockLeft___340sS .upload___2ML89 .button___2HzZi,.blockRight___3pW-P .upload___2ML89 .button___2HzZi {
    width: 536px
}

.blockRight___3pW-P {
    word-wrap: break-word;
    word-break: break-all;
    overflow-x: hidden;
    margin-left: 24px!important
}

.blockRight___3pW-P .demoResContent___3caPl {
    font-size: 14px;
    line-height: 28px
}

.blockRight___3pW-P .apiResult___1VhBS .radios___145eh {
    margin-bottom: 20px
}

.blockRight___3pW-P .apiResult___1VhBS .apiContent___3REPB {
    height: 440px;
    overflow: auto
}

.modal___CatNm a {
    color: #07beff;
    cursor: pointer
}

.modal___CatNm a:hover {
    text-decoration: underline
}

.invoiceSwitch___2T_76 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    margin-bottom: 16px;
    line-height: 24px
}

.invoiceSwitch___2T_76 .invoiceButton___3VZ4f {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 0 11px;
    width: auto;
    height: 24px;
    line-height: 22px;
    font-size: 12px;
    border-color: #00aae7!important
}

.invoiceSwitch___2T_76 .invoiceButton___3VZ4f+.invoiceButton___3VZ4f {
    margin-left: 12px
}

.floatingBarV2___bt_Vs {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.blockRight___3lqsE {
    margin-left: 75px;
    -webkit-box-flex: 0!important;
    -ms-flex-positive: 0!important;
    flex-grow: 0!important
}

@media only screen and (max-width: 767px) {
    .blockRight___3lqsE {
        margin-left:0
    }
}

.blockRight___3lqsE .sceneContainer___113WY {
    height: 176px;
    padding: 24px;
    width: 776px;
    border: 1px solid #eee
}

@media only screen and (max-width: 767px) {
    .blockRight___3lqsE .sceneContainer___113WY {
        padding:0;
        border: 0;
        width: 100%;
        height: auto
    }
}

.blockRight___3lqsE .sceneContainer___113WY .sceneTitle___khIPh {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 24px
}

@media only screen and (max-width: 767px) {
    .blockRight___3lqsE .sceneContainer___113WY .sceneTitle___khIPh {
        font-weight:500;
        margin-bottom: 8px;
        font-size: 14px;
        line-height: 22px
    }
}

.blockRight___3lqsE .sceneContainer___113WY .sceneContent___3FWuu {
    margin-bottom: 12px;
    font-size: 14px;
    color: #666;
    line-height: 22px;
    font-weight: 400
}

@media only screen and (max-width: 767px) {
    .blockRight___3lqsE .sceneContainer___113WY .sceneContent___3FWuu {
        margin-bottom:8px;
        font-size: 12px;
        line-height: 17px
    }
}

@media only screen and (max-width: 767px) {
    .blockLeft___3eB67 {
        text-align:center!important;
        padding: 24px 0
    }
}

@media only screen and (max-width: 767px) {
    .blockLeft___3eB67 svg {
        width:117px;
        height: auto
    }
}

.floatingBarV2___289Uv {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.container___ZRQaa .linkItem___1TsJ2:last-child .item___38OF0 {
    border-bottom: unset
}

.companyWrapper___lklxT {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 16px
}

.companyWrapper___lklxT .prefix___10bd7 {
    margin-right: 12px;
    width: 3px;
    height: 16px;
    background: #00aae7
}

.companyWrapper___lklxT .company___2r2BG {
    font-size: 16px
}

.linkItem___1TsJ2 {
    outline: none
}

.linkItem___1TsJ2 .item___38OF0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 16px;
    padding: 12px 0;
    border-bottom: 1px solid #eee
}

.linkItem___1TsJ2 .itemContent___21u_H {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left
}

.linkItem___1TsJ2 .itemTitle___3iBQ- {
    color: #333;
    font-size: 14px;
    font-weight: 500
}

.linkItem___1TsJ2 .desc___2cDzv {
    margin-top: 4px;
    color: #666;
    font-size: 12px;
    line-height: 18px
}

.linkItem___1TsJ2 .arrowIcon___31bQj {
    width: 16px;
    height: 16px;
    margin-left: 12px
}

.floatingBarV2___1WFU_ {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.companyWrapper___1l_q_ {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 36px 0 16px
}

.companyWrapper___1l_q_:first-child {
    margin-top: 0
}

.companyWrapper___1l_q_ .prefix___5aWhb {
    margin-right: 16px;
    width: 4px;
    height: 16px;
    background: #00aae6
}

.companyWrapper___1l_q_ .company___2Gwq9 {
    font-size: 16px;
    font-weight: 500
}

.wrapper___2Rff0 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 24px 24px
}

.wrapper___2Rff0 .title___Q4Kfp {
    margin-bottom: 12px;
    font-size: 16px
}

.wrapper___2Rff0 .desc___26Dlu {
    margin-bottom: 24px;
    color: #666
}

.wrapper___2Rff0 .href___ebtBR {
    color: #00aae7
}

.floatingBarV2___UZXlk {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.sceneContainer___15tXx {
    padding: 19px
}

@media only screen and (min-width: 768px) {
    .sceneContainer___15tXx {
        margin-left:48px!important;
        min-height: 412px
    }
}

@media only screen and (max-width: 767px) {
    .sceneContainer___15tXx {
        padding:20px 16px
    }
}

.sceneImg___TZMxi {
    width: 752px;
    line-height: 1
}

@media only screen and (max-width: 767px) {
    .sceneImg___TZMxi {
        width:100%;
        height: auto;
        margin-top: 20px
    }
}

.sceneTitle___WVXvL {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 22px
}

.sceneTitle___WVXvL.client___27T-2 {
    padding-top: 20px
}

.sceneContent___aJgnR {
    margin-bottom: 12px;
    font-size: 14px;
    color: #666;
    line-height: 22px
}

.sceneContent___aJgnR .emphasis___wy9p0 {
    color: #00aae7
}

@media only screen and (max-width: 767px) {
    .sceneContent___aJgnR {
        font-size:12px;
        text-align: left;
        line-height: 18px
    }
}

.clientLogo___3hH2K {
    width: 102px;
    line-height: 1
}

@media only screen and (max-width: 767px) {
    .clientLogo___3hH2K {
        width:100%
    }
}

.floatingBarV2___2bD1t {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.sceneContainer___3NJQq {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .sceneContainer___3NJQq {
        min-height:420px;
        margin-left: 0!important
    }
}

@media only screen and (max-width: 767px) {
    .sceneContainer___3NJQq {
        padding:20px 16px
    }
}

@media only screen and (min-width: 768px) {
    .sceneImgBlock___TAzMx {
        padding:0 65px
    }
}

.sceneImg___3FJXw {
    width: 670px;
    line-height: 1
}

@media only screen and (max-width: 767px) {
    .sceneImg___3FJXw {
        width:100%;
        height: auto
    }
}

.sceneTitle___3AGnJ {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 22px
}

.sceneTitle___3AGnJ.client___10R4V {
    padding-top: 20px
}

.sceneContent___1q_Fu,.sceneList___3_RbA {
    margin-bottom: 12px;
    font-size: 14px;
    color: #666;
    line-height: 22px
}

@media only screen and (max-width: 767px) {
    .sceneContent___1q_Fu,.sceneList___3_RbA {
        font-size:12px;
        text-align: left;
        line-height: 18px
    }
}

.sceneList___3_RbA .item___2XIZh {
    position: relative;
    padding-left: 15px;
    margin-top: 12px
}

.sceneList___3_RbA .item___2XIZh:before {
    content: "";
    border-radius: 50%;
    border: 3px solid #00aae7;
    width: 0;
    height: 0;
    font-size: 0;
    vertical-align: middle;
    margin-right: 8px;
    position: absolute;
    left: 2px;
    top: 9px
}

.clientLogo___3OxYc {
    width: 160px;
    line-height: 1
}

@media only screen and (max-width: 767px) {
    .clientLogo___3OxYc {
        width:80px
    }
}

.floatingBarV2___3OKyW {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.blockLeft___Kcug6 {
    -ms-flex-preferred-size: 300px!important;
    flex-basis: 300px!important;
    text-align: left!important
}

.blockLeft___Kcug6 img {
    width: 100%
}

.blockRight___2Wm-F {
    margin-left: 0!important
}

.more___2Pdbq {
    color: #00aae7;
    font-size: 14px
}

.more___2Pdbq:hover {
    text-decoration: underline
}

.sceneContainer___1MWCe {
    height: auto;
    padding: 0
}

.sceneIcon___1yfN3 {
    height: 106px;
    margin-top: 20px;
    line-height: 1
}

.sceneTitle___3oz4V {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 22px
}

.sceneTitle___3oz4V.client___2T7us {
    padding-top: 20px
}

.sceneContent___1DEpb {
    margin-bottom: 12px;
    font-size: 12px;
    color: #666;
    text-align: left;
    line-height: 18px
}

.clientLogo___2UKTy {
    width: 80px;
    line-height: 1
}

.floatingBarV2___1XT_a {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.tabpane___1sSy7 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 109px
}

.card___LfiTy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px;
    text-align: left;
    -webkit-box-shadow: 0 4px 8px rgba(51,51,51,.08);
    box-shadow: 0 4px 8px rgba(51,51,51,.08);
    background: #fff
}

.card___LfiTy+.card___LfiTy {
    margin-top: 24px
}

.img___ycftM {
    width: 200px;
    height: 130px
}

.content___odWVh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 20px
}

.title___3kD6r {
    margin-bottom: 16px;
    font-weight: 500;
    font-size: 16px
}

.desc___1zZ0P {
    font-size: 16px;
    color: #666
}

.invisibleCard___RlYTq {
    height: 170px;
    margin-top: 24px
}

.floatingBarV2___2H4C- {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

@media only screen and (max-width: 767px) {
    .image___2JPeb {
        width:100%
    }
}

.floatingBarV2___2vhLM {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.card___risxk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 22px 38px 22px 24px;
    text-align: left
}

.card___risxk+.card___risxk {
    margin-left: 24px
}

@media only screen and (max-width: 767px) {
    .card___risxk {
        margin-bottom:24px
    }

    .card___risxk+.card___risxk {
        margin-left: 0
    }
}

.img___7g34U {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 120px;
    height: 120px
}

.content___1J_O7,.img___7g34U {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.content___1J_O7 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 24px
}

.title___2o2Ce {
    margin-top: 18px;
    margin-bottom: 8px;
    font-size: 20px
}

.desc___Wqaju {
    font-size: 14px;
    color: #666
}

.floatingBarV2___2lHmh {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.sceneIcon___3kRCE {
    width: 570px
}

@media only screen and (max-width: 767px) {
    .sceneIcon___3kRCE {
        width:100%
    }
}

.sceneTitle___8qEdf {
    color: #333;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 16px
}

@media only screen and (max-width: 767px) {
    .sceneTitle___8qEdf {
        font-size:14px;
        margin-bottom: 8px
    }
}

.sceneContent___z9He4 {
    color: #666;
    font-size: 16px;
    margin-bottom: 16px
}

@media only screen and (max-width: 767px) {
    .sceneContent___z9He4 {
        font-size:12px;
        text-align: left;
        margin-bottom: 0
    }
}

.floatingBarV2___hp8gg {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.imgBlock___1Iup8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .imgBlock___1Iup8 {
        padding:16px
    }
}

.imgBlock___1Iup8 .img___3cssz {
    max-width: 100%;
    max-height: 100%
}

@media only screen and (max-width: 767px) {
    .imgBlock___1Iup8 .img___3cssz {
        height:auto
    }
}

.detailBlock___13nug {
    -ms-flex-preferred-size: 376px!important;
    flex-basis: 376px!important;
    padding: 20px
}

.title___2kVSv {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 8px
}

.list___2rMTD {
    margin-top: 8px
}

.list___2rMTD .item___1CdKi {
    position: relative;
    padding-left: 1em;
    font-size: 14px;
    line-height: 22px;
    color: #666
}

.list___2rMTD .item___1CdKi:not(:first-child) {
    margin-top: 4px
}

.list___2rMTD .item___1CdKi:before {
    content: "\2022";
    position: absolute;
    left: 0;
    display: block;
    color: #00aae7;
    opacity: .4
}

.list___2rMTD+.title___2kVSv {
    margin-top: 20px
}

.instanceCard___ovgKn {
    width: 100%;
    border: 1px solid #eee;
    background-color: #fafafa
}

.instanceCard___ovgKn .body___1mbsE {
    padding: 16px
}

.instanceCard___ovgKn .instanceName___1oY5m {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.instanceCard___ovgKn .instanceDesc___3_Auw {
    margin-top: 4px;
    font-size: 12px;
    line-height: 17px;
    color: #999
}

.instanceCard___ovgKn .instanceTable___sxQo8 {
    margin: 10px 0 0
}

.instanceCard___ovgKn .instanceTable___sxQo8 td,.instanceCard___ovgKn .instanceTable___sxQo8 th {
    text-align: left
}

.instanceCard___ovgKn .instanceTable___sxQo8 th {
    font-size: 12px;
    font-weight: 400;
    color: #666;
    height: 24px
}

.instanceCard___ovgKn .instanceTable___sxQo8 td {
    height: 30px
}

.instanceCard___ovgKn .instanceTable___sxQo8 .colBandwidth___8NxR_ {
    width: 4em
}

.instanceCard___ovgKn .instanceTable___sxQo8 .colIp___2n3M3 {
    width: 3em
}

.instanceCard___ovgKn .footer___1iLqw {
    padding: 12px 20px;
    text-align: right;
    border-top: 1px solid #eee
}

.subList___2WiDC {
    margin-top: 4px
}

.subList___2WiDC .subItem___2aDb2 {
    font-size: 12px;
    line-height: 22px
}

.floatingBarV2___13TbQ {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

@media only screen and (min-width: 768px) {
    .featureDesc___2GnOq {
        width:288px;
        text-align: left
    }
}

.floatingBarV2___1h_fy {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

@media only screen and (max-width: 767px) {
    .blockLeft___aNLI3 {
        padding:20px 12px!important
    }
}

.blockRight___3Abp6 {
    margin-left: 0!important
}

.sceneContainer___3Q3yX {
    height: 280px;
    padding: 0 24px
}

@media only screen and (max-width: 767px) {
    .sceneContainer___3Q3yX {
        height:auto;
        padding: 0
    }
}

.sceneContainer___3Q3yX figure {
    display: inline-block;
    text-align: center;
    color: #999
}

.sceneContainer___3Q3yX figure+figure {
    margin-left: 20px
}

.sceneContainer___3Q3yX figure img {
    width: 72px;
    height: 72px
}

.sceneIcon___FlQKe {
    width: 476px;
    height: 280px;
    line-height: 1
}

@media only screen and (max-width: 767px) {
    .sceneIcon___FlQKe {
        width:100%;
        height: auto
    }
}

.sceneTitle___3g_q6 {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 22px
}

.sceneContent___v9RcY {
    position: relative;
    margin-bottom: 12px;
    padding-left: 18px;
    font-size: 14px;
    color: #666
}

.sceneContent___v9RcY:last-child {
    margin-bottom: 0
}

.sceneContent___v9RcY:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #00aae7;
    border-radius: 100%;
    margin-right: 12px
}

@media only screen and (max-width: 767px) {
    .sceneContent___v9RcY {
        font-size:12px
    }
}

.floatingBarV2___d_n1P {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___2Qaih {
    height: 28px;
    font-size: 20px
}

@media only screen and (max-width: 767px) {
    .wrapper___2Qaih {
        margin-top:16px;
        font-size: 16px
    }
}

.wrapper___2Qaih * {
    line-height: 28px;
    vertical-align: middle
}

.wrapper___2Qaih a {
    color: #07beff;
    cursor: pointer
}

.wrapper___2Qaih a:hover {
    text-decoration: underline
}

.wrapper___2Qaih svg {
    display: inline-block;
    margin-left: 1em
}

@media only screen and (max-width: 767px) {
    .wrapper___2Qaih svg {
        width:16px;
        height: 16px
    }
}

.floatingBarV2___lRph9 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

@media only screen and (min-width: 768px) {
    .featureDesc___1FkWl {
        width:288px;
        text-align: left
    }
}

.sceneWrapper___2qGzA {
    padding-bottom: 0!important
}

.scenePanel___3KAop {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0!important
}

.sceneImg___20H0V {
    max-width: 100%;
    max-height: 100%
}

.sceneDetail___3cAWo {
    -ms-flex-preferred-size: 376px!important;
    flex-basis: 376px!important;
    margin-left: 0!important;
    padding: 20px;
    min-height: 312px
}

@media only screen and (max-width: 767px) {
    .sceneDetail___3cAWo {
        min-height:unset;
        font-size: 12px
    }
}

.sceneTitle___1uIL2 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600
}

@media only screen and (max-width: 767px) {
    .sceneTitle___1uIL2 {
        display:none
    }
}

.sceneDesc___3ed67 {
    margin-top: 12px;
    line-height: 22px;
    color: #666
}

@media only screen and (max-width: 767px) {
    .sceneDesc___3ed67 {
        margin-top:0
    }
}

.floatingBarV2___2jOl5 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.recommend___URKKq .list___2gImu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 767px) {
    .recommend___URKKq .list___2gImu {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.recommend___URKKq .list___2gImu .item___35CCy {
    margin: 0 20px 10px;
    width: 374px
}

@media only screen and (max-width: 767px) {
    .recommend___URKKq .list___2gImu .item___35CCy {
        -webkit-box-flex:0;
        -ms-flex: none;
        flex: none;
        width: 100%
    }
}

.recommend___URKKq .list___2gImu .item___35CCy .site___3iHBy {
    height: 72px;
    line-height: 72px;
    font-size: 16px;
    color: #00aae7;
    background: rgba(0,170,231,.1);
    text-align: center
}

.recommend___URKKq .list___2gImu .item___35CCy .site___3iHBy:hover {
    background: rgba(0,170,231,.2)
}

.recommend___URKKq .list___2gImu .item___35CCy .site___3iHBy .icon___13F5W {
    display: inline-block;
    height: 30px;
    width: 30px;
    line-height: 72px;
    margin-right: 10px
}

@media only screen and (max-width: 767px) {
    .recommend___URKKq .list___2gImu .item___35CCy .site___3iHBy {
        font-size:12px;
        height: 48px;
        line-height: 50px
    }
}

.recommend___URKKq .list___2gImu .item___35CCy .desc___3W5VN {
    margin-top: 10px;
    font-size: 14px;
    color: #999;
    text-align: left
}

@media only screen and (max-width: 767px) {
    .recommend___URKKq .list___2gImu .item___35CCy .desc___3W5VN {
        font-size:12px
    }
}

.recommend___URKKq .goback___E9DIy {
    color: #00aae7;
    text-align: center;
    margin-top: 30px;
    cursor: pointer
}

@media only screen and (max-width: 767px) {
    .recommend___URKKq .goback___E9DIy {
        margin-top:0
    }
}

.cert___8JhMQ {
    margin: 0 auto 10px;
    height: 98px;
    padding: 24px;
    width: 876px;
    line-height: 98px;
    font-size: 14px;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    border: 1px solid #eee
}

@media only screen and (max-width: 767px) {
    .cert___8JhMQ {
        width:100%;
        height: 48px;
        line-height: 1.5;
        padding: 10px
    }
}

@media only screen and (max-width: 767px) {
    .cert___8JhMQ .info___3n_uc {
        max-width:75%;
        text-align: left
    }
}

.cert___8JhMQ .info___3n_uc .name___fW6hD {
    display: inline-block;
    margin-right: 16px
}

@media only screen and (max-width: 767px) {
    .cert___8JhMQ .info___3n_uc .name___fW6hD {
        margin-right:0
    }
}

.cert___8JhMQ .info___3n_uc .brand___GPXt0 {
    width: 44px;
    height: 44px;
    margin-right: 16px;
    font-size: 0
}

@media only screen and (max-width: 767px) {
    .cert___8JhMQ .info___3n_uc .brand___GPXt0 {
        width:24px;
        height: 24px;
        margin-right: 10px
    }
}

@media only screen and (max-width: 767px) {
    .cert___8JhMQ .info___3n_uc .demo___3FKgU {
        margin-top:10px
    }
}

.cert___8JhMQ .price___2UXwP {
    font-size: 24px;
    color: #fa8c16
}

@media only screen and (max-width: 767px) {
    .cert___8JhMQ .price___2UXwP {
        font-size:16px
    }
}

.cert___8JhMQ .unit___4UoXT {
    font-size: 14px;
    color: #fa8c16;
    margin-left: 8px;
    margin-right: 40px
}

@media only screen and (max-width: 767px) {
    .cert___8JhMQ .unit___4UoXT {
        margin-right:0;
        font-size: 14px
    }
}

.tip___1yT6n {
    font-size: 14px;
    color: #999;
    text-align: left;
    width: 876px;
    display: inline-block
}

@media only screen and (max-width: 767px) {
    .tip___1yT6n {
        width:auto
    }
}

.floatingBarV2___1IuxJ {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.sceneContainer___2NAJp {
    padding: 20px
}

@media only screen and (max-width: 767px) {
    .sceneContainer___2NAJp {
        padding:16px
    }
}

.sceneIcon___64qXr {
    height: 212px;
    line-height: 1
}

@media only screen and (max-width: 767px) {
    .sceneIcon___64qXr {
        height:106px;
        margin-top: 20px;
        width: 100%
    }
}

.sceneTitle___2XTo_ {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 22px
}

.sceneTitle___2XTo_.client___331FL {
    padding-top: 20px
}

.sceneContent___1L8Ew,.sceneList___Dk5gf {
    margin-bottom: 12px;
    font-size: 14px;
    color: #666;
    line-height: 22px
}

@media only screen and (max-width: 767px) {
    .sceneContent___1L8Ew,.sceneList___Dk5gf {
        font-size:12px;
        text-align: left;
        line-height: 18px
    }
}

.sceneList___Dk5gf .item___u5NJJ {
    position: relative;
    padding-left: 15px
}

.sceneList___Dk5gf .item___u5NJJ:before {
    content: "";
    border-radius: 50%;
    border: 3px solid #00aae7;
    width: 0;
    height: 0;
    font-size: 0;
    vertical-align: middle;
    margin-right: 8px;
    position: absolute;
    left: 2px;
    top: 9px
}

.clientLogo___2Z6SC {
    width: 160px;
    line-height: 1
}

@media only screen and (max-width: 767px) {
    .clientLogo___2Z6SC {
        width:80px
    }
}

.floatingBarV2___2x_Wn {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.scenePanel___3oy8J {
    padding: 0 52px
}

@media only screen and (max-width: 767px) {
    .scenePanel___3oy8J {
        padding:0
    }
}

.sceneIcon___19kfc {
    width: 476px;
    height: 280px
}

@media only screen and (max-width: 767px) {
    .sceneIcon___19kfc {
        width:100%;
        height: auto
    }
}

.blockRight___3ItXg {
    padding: 0 24px;
    margin-left: 0!important
}

.blockRight___3ItXg p {
    font-size: 14px;
    font-weight: 400;
    color: #666
}

.sceneTitle___2FOUL {
    margin-bottom: 9px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 22px
}

.list___2OwCE:not(:last-child) {
    margin-bottom: 21px
}

@media only screen and (max-width: 767px) {
    .list___2OwCE:not(:last-child) {
        margin-bottom:16px
    }
}

.list___2OwCE .item___3IpTm {
    position: relative;
    padding-left: 1em;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    margin-bottom: 9px;
    line-height: 2
}

.list___2OwCE .item___3IpTm:not(:first-child) {
    margin-top: 4px
}

.list___2OwCE .item___3IpTm:before {
    content: "\2022";
    position: absolute;
    left: 0;
    display: block;
    color: #00aae7;
    opacity: .4
}

.casesSection___u0xW5 {
    background: -webkit-gradient(linear,left top,left bottom,from(#eff4fe),to(#fff));
    background: linear-gradient(180deg,#eff4fe,#fff);
    width: 100%;
    min-height: 740px;
    padding: 0
}

.casesWrapper___18FNA {
    width: 1200px;
    margin: 0 auto
}

@media (min-width: 1600px) {
    .casesWrapper___18FNA {
        width:1420px
    }
}

@media (max-width: 767px) {
    .casesWrapper___18FNA {
        width:100%
    }
}

@media (max-width: 1024px) {
    .casesContainer___21swa {
        padding:0 2rem 4rem
    }
}

@media (max-width: 768px) {
    .casesSection___u0xW5 {
        padding:3rem 0 0
    }

    .casesContainer___21swa {
        padding: 0 1rem 3rem
    }
}

@media (max-width: 480px) {
    .casesSection___u0xW5 {
        padding:2rem 0 0
    }

    .casesContainer___21swa {
        padding: 0 .5rem 2rem
    }
}

.floatingBarV2___2zppS {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.pic___2uHa6 {
    width: 476px;
    height: 280px
}

@media only screen and (max-width: 767px) {
    .pic___2uHa6 {
        width:100%;
        height: auto
    }
}

.blockRight___2eZcf {
    margin-left: 24px!important
}

@media only screen and (max-width: 767px) {
    .blockRight___2eZcf {
        margin-left:0!important
    }
}

.title___1kh8f {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 22px
}

.desc___6b1e3 {
    font-size: 14px;
    color: #666
}

.floatingBarV2___8OgAg {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.scenePanel___2WjY5 {
    padding: 0 52px
}

@media only screen and (max-width: 767px) {
    .scenePanel___2WjY5 {
        padding:0
    }
}

.sceneIcon___3jrzJ {
    width: 476px;
    height: 280px;
    line-height: 1
}

@media only screen and (max-width: 767px) {
    .sceneIcon___3jrzJ {
        width:100%;
        height: auto
    }
}

.blockRight___AivCI {
    padding: 0 24px;
    margin-left: 0!important
}

.blockRight___AivCI p {
    font-size: 14px;
    font-weight: 400;
    color: #333
}

.sceneTitle___2sSiV {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 500;
    color: #333
}

.floatingBarV2___GJs4L {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.sceneContainer___2R6Ld {
    padding: 20px
}

@media only screen and (min-width: 768px) {
    .sceneContainer___2R6Ld {
        min-height:412px;
        margin-left: 0!important
    }
}

@media only screen and (max-width: 767px) {
    .sceneContainer___2R6Ld {
        padding:20px 16px
    }
}

@media only screen and (min-width: 768px) {
    .sceneImgBlock___1z6zp {
        padding-right:32px
    }
}

.sceneImg___RhUZy {
    width: 768px;
    line-height: 1
}

@media only screen and (max-width: 767px) {
    .sceneImg___RhUZy {
        width:100%;
        height: auto
    }
}

.sceneTitle___3Fpli {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 22px
}

.sceneTitle___3Fpli.client___QavbV {
    padding-top: 20px
}

.sceneContent___QxI_o,.sceneList___1InDT {
    margin-bottom: 12px;
    font-size: 14px;
    color: #666
}

@media only screen and (max-width: 767px) {
    .sceneContent___QxI_o,.sceneList___1InDT {
        font-size:12px;
        text-align: left
    }
}

.sceneList___1InDT .item___39Vb5 {
    position: relative;
    padding-left: 15px;
    margin-top: 12px
}

.sceneList___1InDT .item___39Vb5:before {
    content: "";
    border-radius: 50%;
    border: 3px solid #00aae7;
    width: 0;
    height: 0;
    font-size: 0;
    vertical-align: middle;
    margin-right: 8px;
    position: absolute;
    left: 2px;
    top: 9px
}

@media only screen and (max-width: 767px) {
    .sceneList___1InDT .item___39Vb5:before {
        top:6px
    }
}

.floatingBarV2___2q2g3 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.scenePanel___13Uip {
    padding: 0 10px
}

@media only screen and (max-width: 767px) {
    .scenePanel___13Uip {
        padding:0
    }
}

.scenePanel___13Uip .sceneIcon___156eo {
    width: 460px;
    height: 304px;
    -webkit-box-shadow: 0 4px 8px rgba(51,51,51,.08);
    box-shadow: 0 4px 8px rgba(51,51,51,.08)
}

@media only screen and (max-width: 767px) {
    .scenePanel___13Uip .sceneIcon___156eo {
        width:100%;
        height: auto
    }
}

.scenePanel___13Uip .blockRight___2zfVN {
    padding-left: 24px;
    margin-left: 0!important
}

@media only screen and (max-width: 767px) {
    .scenePanel___13Uip .blockRight___2zfVN {
        padding:0 16px
    }
}

.scenePanel___13Uip .blockRight___2zfVN p {
    font-size: 14px;
    font-weight: 400;
    color: #666
}

.scenePanel___13Uip .sceneTitle___b39y1 {
    margin-bottom: 9px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    line-height: 22px
}

.scenePanel___13Uip .sceneBtnPanelWrapper___35mvJ {
    position: relative;
    margin-bottom: 24px
}

.scenePanel___13Uip .sceneBtnPanelWrapper___35mvJ .qrCodePanel___2A1Oy {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: -12px;
    width: 360px;
    height: 226px;
    padding: 20px 14px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 8px rgba(51,51,51,.08);
    box-shadow: 0 4px 8px rgba(51,51,51,.08);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.scenePanel___13Uip .sceneBtnPanelWrapper___35mvJ .qrCodePanel___2A1Oy.hidden___24Lhk {
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.scenePanel___13Uip .sceneBtnPanelWrapper___35mvJ .qrCodePanel___2A1Oy .itemWrapper___2iwqV {
    margin: 0 6px
}

.scenePanel___13Uip .sceneBtnPanelWrapper___35mvJ .qrCodePanel___2A1Oy .itemWrapper___2iwqV .itemTitle___2LJfW {
    font-size: 14px;
    line-height: 1.57142857;
    margin-bottom: 10px;
    text-align: center
}

.scenePanel___13Uip .sceneBtnPanelWrapper___35mvJ .qrCodePanel___2A1Oy .itemWrapper___2iwqV .qrCodeWrapper___1vw_g {
    padding: 8px;
    border: 1px solid #eee
}

.scenePanel___13Uip .sceneBtnPanelWrapper___35mvJ .qrCodePanel___2A1Oy .itemWrapper___2iwqV .qrCodeWrapper___1vw_g .qrCode___b2V5J {
    height: 138px;
    width: 138px
}

.scenePanel___13Uip .sceneBtnPanelWrapper___35mvJ .sceneBtnWrapper___1ReC7 a,.scenePanel___13Uip .sceneBtnPanelWrapper___35mvJ .sceneBtnWrapper___1ReC7 button {
    margin-right: 16px
}

@media only screen and (max-width: 767px) {
    .scenePanel___13Uip .sceneBtnPanelWrapper___35mvJ .sceneBtnWrapper___1ReC7 a,.scenePanel___13Uip .sceneBtnPanelWrapper___35mvJ .sceneBtnWrapper___1ReC7 button {
        width:auto;
        padding: 0;
        color: #07beff;
        border: none;
        background: none
    }
}

.scenePanel___13Uip .sceneBtnPanelWrapper___35mvJ .sceneBtnWrapper___1ReC7 .btn___1Ye_T {
    width: auto;
    padding: 0 16px
}

@media only screen and (max-width: 767px) {
    .scenePanel___13Uip .sceneBtnPanelWrapper___35mvJ .sceneBtnWrapper___1ReC7 .btn___1Ye_T {
        padding:0
    }
}

.scenePanel___13Uip .list___2NPuG:not(:last-child) {
    margin-bottom: 21px
}

@media only screen and (max-width: 767px) {
    .scenePanel___13Uip .list___2NPuG:not(:last-child) {
        margin-bottom:16px
    }
}

.scenePanel___13Uip .list___2NPuG .descItem___3IvPh {
    margin-bottom: 9px;
    line-height: 2
}

.scenePanel___13Uip .list___2NPuG .item___21uEP {
    position: relative;
    padding-left: 1em;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    margin-bottom: 9px;
    line-height: 2
}

.scenePanel___13Uip .list___2NPuG .item___21uEP:not(:first-child) {
    margin-top: 4px
}

.scenePanel___13Uip .list___2NPuG .item___21uEP:before {
    content: "\2022";
    position: absolute;
    left: 0;
    display: block;
    color: #00aae7;
    opacity: .4
}

.scenePanel___13Uip .list___2NPuG .item___21uEP .title___3RAkL {
    color: #333;
    margin-right: 15px
}

.scenePanel___13Uip .list___2NPuG .item___21uEP .content___AOGMt {
    display: inline
}

pre code.hljs {
    display: block;
    overflow-x: auto;
    padding: 1em
}

code.hljs {
    padding: 3px 5px
}

/*!
  Theme: a11y-light
  Author: @ericwbailey
  Maintainer: @ericwbailey

  Based on the Tomorrow Night Eighties theme: https://github.com/isagalaev/highlight.js/blob/master/src/styles/tomorrow-night-eighties.css
*/
.hljs {
    background: #fefefe;
    color: #545454
}

.hljs-comment,.hljs-quote {
    color: #696969
}

.hljs-deletion,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable {
    color: #d91e18
}

.hljs-attribute,.hljs-built_in,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-type {
    color: #aa5d00
}

.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol {
    color: green
}

.hljs-section,.hljs-title {
    color: #007faa
}

.hljs-keyword,.hljs-selector-tag {
    color: #7928a1
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 700
}

@media screen and (-ms-high-contrast:active) {
    .hljs-addition,.hljs-attribute,.hljs-built_in,.hljs-bullet,.hljs-comment,.hljs-link,.hljs-literal,.hljs-meta,.hljs-number,.hljs-params,.hljs-quote,.hljs-string,.hljs-symbol,.hljs-type {
        color: highlight
    }

    .hljs-keyword,.hljs-selector-tag {
        font-weight: 700
    }
}

.floatingBarV2___1w54H {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.content___9C5jk {
    padding-top: 36px
}

@media only screen and (max-width: 767px) {
    .content___9C5jk {
        padding-top:20px
    }
}

.codeWrapper___1g997 {
    height: 300px;
    padding: 20px 24px;
    border-radius: 4px;
    background: #333
}

.codeWrapper___1g997 .code___uaBY5 {
    font-size: 14px;
    line-height: 1.57142857;
    padding: 0;
    background: #333;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .codeWrapper___1g997 {
        height:286px;
        padding: 11px;
        font-size: 12px;
        white-space: pre-wrap
    }
}

.stepsTitle___25RXD {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 36px;
    margin-bottom: 20px;
    text-align: left;
    font-size: 24px;
    font-weight: 500
}

@media only screen and (max-width: 767px) {
    .stepsTitle___25RXD {
        margin-top:16px;
        margin-bottom: 14px;
        font-size: 16px
    }
}

.stepCard___1XuTw {
    margin: 0;
    padding-left: 36px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.02);
    box-shadow: 0 10px 20px rgba(0,0,0,.02);
    border-radius: 2px
}

@media only screen and (max-width: 767px) {
    .stepCard___1XuTw {
        margin-top:10px
    }
}

.stepCard___1XuTw .number___5rqpN {
    margin-right: 8px;
    font-weight: 500
}

.arrowWrapper___295p7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50px
}

@media only screen and (min-width: 1600px) {
    .arrowWrapper___295p7 {
        width:80px
    }
}

@media only screen and (max-width: 767px) {
    .arrowWrapper___295p7 {
        display:none
    }
}

.logo___3jWvE {
    -ms-flex-item-align: center;
    align-self: center;
    width: 328px;
    height: 92px
}

.desc___vKoDW {
    margin-bottom: 80px
}

.floatingBarV2___30Rvc {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

@media only screen and (max-width: 767px) {
    .icon___3iO0v {
        width:100%;
        height: auto
    }
}

.floatingBarV2___sOrks {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.row___3PuFc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px;
    height: 36px
}

.row___3PuFc:first-child {
    margin-top: 0
}

@media only screen and (max-width: 767px) {
    .row___3PuFc {
        height:48px
    }
}

.itemWrapper___yq9y3 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 12px;
    padding: 0 8px;
    background: #f5f5f5;
    color: #333
}

.itemWrapper___yq9y3 .iconContainer___1JZcp svg circle[stroke]:not([stroke=none]),.itemWrapper___yq9y3 .iconContainer___1JZcp svg g[stroke]:not([stroke=none]),.itemWrapper___yq9y3 .iconContainer___1JZcp svg path[stroke]:not([stroke=none]),.itemWrapper___yq9y3 .iconContainer___1JZcp svg polygon[stroke]:not([stroke=none]),.itemWrapper___yq9y3 .iconContainer___1JZcp svg use[stroke]:not([stroke=none]) {
    stroke: #333
}

.itemWrapper___yq9y3 .iconContainer___1JZcp svg circle[fill]:not([fill=none]),.itemWrapper___yq9y3 .iconContainer___1JZcp svg g[fill]:not([fill=none]),.itemWrapper___yq9y3 .iconContainer___1JZcp svg path[fill]:not([fill=none]),.itemWrapper___yq9y3 .iconContainer___1JZcp svg polygon[fill]:not([fill=none]),.itemWrapper___yq9y3 .iconContainer___1JZcp svg use[fill]:not([fill=none]) {
    fill: #333
}

.itemWrapper___yq9y3.link___8dSKk:hover {
    color: #00aae7
}

.itemWrapper___yq9y3.link___8dSKk:hover .iconContainer___1JZcp svg circle[stroke]:not([stroke=none]),.itemWrapper___yq9y3.link___8dSKk:hover .iconContainer___1JZcp svg g[stroke]:not([stroke=none]),.itemWrapper___yq9y3.link___8dSKk:hover .iconContainer___1JZcp svg path[stroke]:not([stroke=none]),.itemWrapper___yq9y3.link___8dSKk:hover .iconContainer___1JZcp svg polygon[stroke]:not([stroke=none]),.itemWrapper___yq9y3.link___8dSKk:hover .iconContainer___1JZcp svg use[stroke]:not([stroke=none]) {
    stroke: #00aae7
}

.itemWrapper___yq9y3.link___8dSKk:hover .iconContainer___1JZcp svg circle[fill]:not([fill=none]),.itemWrapper___yq9y3.link___8dSKk:hover .iconContainer___1JZcp svg g[fill]:not([fill=none]),.itemWrapper___yq9y3.link___8dSKk:hover .iconContainer___1JZcp svg path[fill]:not([fill=none]),.itemWrapper___yq9y3.link___8dSKk:hover .iconContainer___1JZcp svg polygon[fill]:not([fill=none]),.itemWrapper___yq9y3.link___8dSKk:hover .iconContainer___1JZcp svg use[fill]:not([fill=none]) {
    fill: #00aae7
}

.itemWrapper___yq9y3.link___8dSKk:hover .rightIcon___1ioEB {
    color: #00aae7
}

@media only screen and (max-width: 767px) {
    .itemWrapper___yq9y3 {
        margin-left:0;
        padding: 0 12px;
        background: #fff
    }
}

.itemWrapper___yq9y3:first-child {
    margin-left: 0
}

.itemWrapper___yq9y3 .iconContainer___1JZcp {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16px;
    flex: 0 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.itemWrapper___yq9y3 .iconContainer___1JZcp svg {
    width: 100%;
    height: 100%
}

.itemWrapper___yq9y3 .content___vhuHi {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 8px;
    font-size: 12px
}

@media only screen and (max-width: 767px) {
    .itemWrapper___yq9y3 .content___vhuHi {
        margin-left:12px;
        font-size: 14px
    }
}

.white___-kzTT {
    background: #fff
}

.invisible___2kCSq {
    visibility: hidden
}

.rightIcon___1ioEB {
    color: #bfbfbf
}

.floatingBarV2___PxwI- {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.sceneIcon___2my13 {
    width: 476px;
    height: 280px;
    line-height: 1
}

@media only screen and (max-width: 767px) {
    .sceneIcon___2my13 {
        width:100%;
        height: auto
    }
}

.blockRight___2hVn_ {
    margin-left: 32px
}

@media only screen and (max-width: 767px) {
    .blockRight___2hVn_ {
        margin-left:0
    }
}

.blockRight___2hVn_ .title___1NT6M {
    margin-top: 20px;
    margin-bottom: 12px;
    font-size: 16px
}

.blockRight___2hVn_ .title___1NT6M:first-child {
    margin-top: 0
}

@media only screen and (max-width: 767px) {
    .blockRight___2hVn_ .title___1NT6M {
        margin-top:16px;
        margin-bottom: 8px
    }
}

.blockRight___2hVn_ .desc___2NOWE {
    font-size: 14px;
    color: #666
}

.blockRight___2hVn_ .list___23EUE .item___3aPJB {
    position: relative;
    padding-left: 1em;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    margin-bottom: 12px
}

.blockRight___2hVn_ .list___23EUE .item___3aPJB:not(:first-child) {
    margin-top: 4px
}

.blockRight___2hVn_ .list___23EUE .item___3aPJB:before {
    content: "\2022";
    position: absolute;
    left: 0;
    display: block;
    color: #00aae7;
    opacity: .4
}

@media only screen and (max-width: 767px) {
    .blockRight___2hVn_ .list___23EUE .item___3aPJB {
        margin-bottom:8px
    }
}

.blockRight___2hVn_ .list___23EUE .item___3aPJB:last-child {
    margin-bottom: 0
}

.floatingBarV2___aqr0R {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.iconContainer___1CgvY {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 800px
}

@media only screen and (max-width: 767px) {
    .iconContainer___1CgvY {
        width:100%;
        padding: 16px
    }
}

@media only screen and (max-width: 767px) {
    .iconContainer___1CgvY svg {
        width:100%;
        height: 100%
    }
}

.block___13TTS {
    padding: 20px
}

.block___13TTS .title___fWz7o {
    margin-top: 20px;
    margin-bottom: 12px;
    font-size: 16px
}

.block___13TTS .title___fWz7o:first-child {
    margin-top: 0
}

@media only screen and (max-width: 767px) {
    .block___13TTS .title___fWz7o {
        margin-top:16px;
        margin-bottom: 8px
    }
}

.block___13TTS .content___2nee7 {
    font-size: 14px;
    color: #666
}

.block___13TTS .list___2RaOo .item___2VarT {
    position: relative;
    padding-left: 1em;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    margin-bottom: 12px
}

.block___13TTS .list___2RaOo .item___2VarT:not(:first-child) {
    margin-top: 4px
}

.block___13TTS .list___2RaOo .item___2VarT:before {
    content: "\2022";
    position: absolute;
    left: 0;
    display: block;
    color: #00aae7;
    opacity: .4
}

@media only screen and (max-width: 767px) {
    .block___13TTS .list___2RaOo .item___2VarT {
        margin-bottom:8px
    }
}

.block___13TTS .list___2RaOo .item___2VarT:last-child {
    margin-bottom: 0
}

.floatingBarV2___3QKPG {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.iconContainer___asEqy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 800px
}

@media only screen and (max-width: 767px) {
    .iconContainer___asEqy {
        width:100%;
        padding: 16px
    }
}

@media only screen and (max-width: 767px) {
    .iconContainer___asEqy svg {
        width:100%;
        height: 100%
    }
}

.block___3EIjT {
    padding: 20px
}

.block___3EIjT .title___1pME8 {
    margin-top: 20px;
    margin-bottom: 12px;
    font-size: 16px
}

.block___3EIjT .title___1pME8:first-child {
    margin-top: 0
}

@media only screen and (max-width: 767px) {
    .block___3EIjT .title___1pME8 {
        margin-top:16px;
        margin-bottom: 8px
    }
}

.block___3EIjT .content___11Rip {
    font-size: 14px;
    color: #666
}

.block___3EIjT .list___nnrZ5 .item___r9GuV {
    position: relative;
    padding-left: 1em;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    margin-bottom: 12px
}

.block___3EIjT .list___nnrZ5 .item___r9GuV:not(:first-child) {
    margin-top: 4px
}

.block___3EIjT .list___nnrZ5 .item___r9GuV:before {
    content: "\2022";
    position: absolute;
    left: 0;
    display: block;
    color: #00aae7;
    opacity: .4
}

@media only screen and (max-width: 767px) {
    .block___3EIjT .list___nnrZ5 .item___r9GuV {
        margin-bottom:8px
    }
}

.block___3EIjT .list___nnrZ5 .item___r9GuV:last-child {
    margin-bottom: 0
}

.floatingBarV2___1kr60 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.tip___zmpmT {
    margin-top: 20px;
    font-size: 14px;
    color: #666
}

@media only screen and (min-width: 768px) {
    .button___2JDGl {
        margin-top:60px
    }
}

.floatingBarV2___3AwT4 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.scenePanel___1mCI5 {
    padding: 0 52px
}

@media only screen and (max-width: 767px) {
    .scenePanel___1mCI5 {
        padding:0
    }
}

.sceneIcon___2_odP {
    width: 520px;
    height: auto
}

@media only screen and (max-width: 767px) {
    .sceneIcon___2_odP {
        width:100%
    }
}

.bolckLeft___2tWn- {
    text-align: center!important
}

@media only screen and (max-width: 767px) {
    .bolckLeft___2tWn- svg {
        width:60%;
        height: auto
    }
}

.blockRight___2Ay-R {
    padding: 0 24px 0 36px
}

.blockRight___2Ay-R p {
    font-size: 14px;
    color: #666
}

@media only screen and (max-width: 767px) {
    .blockRight___2Ay-R p {
        text-align:center
    }
}

.title___PSbbg {
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: 500;
    color: #333
}

@media only screen and (max-width: 767px) {
    .title___PSbbg {
        font-size:20px;
        text-align: center
    }
}

.subTitle___2ygTQ {
    margin-top: 36px;
    margin-bottom: 12px;
    font-size: 16px
}

@media only screen and (max-width: 767px) {
    .subTitle___2ygTQ {
        margin-top:16px;
        margin-bottom: 8px
    }
}

.list___SzXOP .item___DTGsY {
    position: relative;
    padding-left: 1em;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    margin-bottom: 12px
}

.list___SzXOP .item___DTGsY:not(:first-child) {
    margin-top: 4px
}

.list___SzXOP .item___DTGsY:before {
    content: "\2022";
    position: absolute;
    left: 0;
    display: block;
    color: #00aae7;
    opacity: .4
}

@media only screen and (max-width: 767px) {
    .list___SzXOP .item___DTGsY {
        margin-bottom:8px
    }
}

.list___SzXOP .item___DTGsY:last-child {
    margin-bottom: 0
}

.floatingBarV2___3tVU4 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

@media only screen and (max-width: 767px) {
    .icon___3I8Iv {
        width:100%;
        height: 100%
    }
}

.floatingBarV2___2JTqY {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.iconContainer___cXWym {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 800px
}

@media only screen and (max-width: 767px) {
    .iconContainer___cXWym {
        width:100%;
        padding: 16px
    }
}

@media only screen and (max-width: 767px) {
    .iconContainer___cXWym svg {
        width:100%;
        height: 100%
    }
}

.block___2Bdtc {
    padding: 20px
}

.block___2Bdtc .title___1luqn {
    margin-top: 20px;
    margin-bottom: 12px;
    font-size: 16px
}

.block___2Bdtc .title___1luqn:first-child {
    margin-top: 0
}

@media only screen and (max-width: 767px) {
    .block___2Bdtc .title___1luqn {
        margin-top:16px;
        margin-bottom: 8px
    }
}

.block___2Bdtc .content___2XnwU {
    font-size: 14px;
    color: #666
}

.block___2Bdtc .list___Rd2Ag .item___3rPu_ {
    position: relative;
    padding-left: 1em;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    margin-bottom: 12px
}

.block___2Bdtc .list___Rd2Ag .item___3rPu_:not(:first-child) {
    margin-top: 4px
}

.block___2Bdtc .list___Rd2Ag .item___3rPu_:before {
    content: "\2022";
    position: absolute;
    left: 0;
    display: block;
    color: #00aae7;
    opacity: .4
}

@media only screen and (max-width: 767px) {
    .block___2Bdtc .list___Rd2Ag .item___3rPu_ {
        margin-bottom:8px
    }
}

.block___2Bdtc .list___Rd2Ag .item___3rPu_:last-child {
    margin-bottom: 0
}

.floatingBarV2___1IUpd {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.image___XTDCx {
    width: 476px;
    height: 280px
}

@media only screen and (max-width: 767px) {
    .image___XTDCx {
        width:100%;
        height: auto
    }
}

@media only screen and (min-width: 768px) {
    .sceneContentBlock___28001 {
        margin-left:32px!important
    }
}

@media only screen and (max-width: 767px) {
    .sceneContentBlock___28001 {
        font-size:14px
    }
}

.sceneTitle___39VQ- {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 12px
}

@media only screen and (max-width: 767px) {
    .sceneTitle___39VQ- {
        margin-bottom:8px
    }
}

.contentItemContainer___21Mjz {
    margin-bottom: 24px
}

@media only screen and (max-width: 767px) {
    .contentItemContainer___21Mjz {
        margin-bottom:16px
    }
}

.contentItemContainer___21Mjz .sceneContentItem___3CCUK {
    position: relative;
    padding-left: 1em;
    font-size: 14px;
    line-height: 22px;
    color: #666
}

.contentItemContainer___21Mjz .sceneContentItem___3CCUK:not(:first-child) {
    margin-top: 4px
}

.contentItemContainer___21Mjz .sceneContentItem___3CCUK:before {
    content: "\2022";
    position: absolute;
    left: 0;
    display: block;
    color: #00aae7;
    opacity: .4
}

.contentItemContainer___21Mjz .sceneContentItem___3CCUK+.sceneContentItem___3CCUK {
    margin-top: 8px
}

@media only screen and (max-width: 767px) {
    .contentItemContainer___21Mjz .sceneContentItem___3CCUK+.sceneContentItem___3CCUK {
        margin-top:8px
    }
}

.sceneDesc___1Y6v1 {
    margin-bottom: 24px;
    color: #666
}

@media only screen and (max-width: 767px) {
    .sceneDesc___1Y6v1 {
        margin-bottom:16px
    }
}

.floatingBarV2___153nt {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

@media only screen and (max-width: 767px) {
    .image___19-z7 {
        width:100%;
        height: auto
    }
}

.floatingBarV2___1sbrE {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.sceneContainer___V9RSw {
    height: 360px;
    padding: 20px
}

@media only screen and (max-width: 767px) {
    .sceneContainer___V9RSw {
        height:auto;
        padding: 20px 16px
    }
}

@media only screen and (max-width: 767px) {
    .block___bp_b- {
        padding-bottom:0!important
    }
}

.sceneImg___24DZp {
    width: 665px;
    line-height: 1
}

@media only screen and (max-width: 767px) {
    .sceneImg___24DZp {
        width:100%;
        margin-top: 16px
    }
}

.sceneTitle___2NJ5j {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 22px
}

.sceneTitle___2NJ5j.client___1JkwP {
    padding-top: 20px
}

.sceneContent___39We4 {
    margin-bottom: 30px;
    font-size: 14px;
    color: #666;
    line-height: 22px
}

@media only screen and (max-width: 767px) {
    .sceneContent___39We4 {
        margin-bottom:12px;
        font-size: 12px;
        text-align: left;
        line-height: 18px
    }
}

.floatingBarV2___3VCCV {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.tabIconHighlight___2lsJm {
    -webkit-filter: none;
    filter: none
}

.tabIcon___2PLHO,.tabIconDark___1WSM9 {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.tabIcon___2PLHO {
    width: 120px;
    height: 60px;
    margin-bottom: 12px;
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat
}

.tabIcon___2PLHO.renMinWang___2O3KJ {
    background-image: url(https://www-static.qbox.me/_next/static/media/renminwang.42ec093be0af3b1c2cb2f21cb71cc653.png)
}

.tabIcon___2PLHO.jiangSuTV___28zIy {
    background-image: url(https://www-static.qbox.me/_next/static/media/jiangsutv.a60e6d0884734f422c8942cb7a8d2d9e.png)
}

.tabIcon___2PLHO.chinaMobile___OY20Q {
    background-image: url(https://www-static.qbox.me/_next/static/media/yidong.4ac49115e394e3c0c5aee7ae033d099a.png)
}

.tabIcon___2PLHO.yingShi___1iGfN {
    background-image: url(https://www-static.qbox.me/_next/static/media/yingshi.57c05aa0924f353846377ef6fcf2c074.png)
}

.tabIcon___2PLHO.pingAn___1Bk_s {
    background-image: url(https://www-static.qbox.me/_next/static/media/pingan.0ae22eb6df7a31ef488f85cd2b244e41.png)
}

.tabIcon___2PLHO.fengHuang___pfeq_ {
    background-image: url(https://www-static.qbox.me/_next/static/media/fenghuang.028587ea99678d6ba286f86af371e3c3.png)
}

.tabIcon___2PLHO.lianYing___3ghm7 {
    background-image: url(https://www-static.qbox.me/_next/static/media/lianying.34aea81a8bdc7f7fe84647fc59b1aed7.png)
}

.tabIcon___2PLHO.grey___3Zeuh.renMinWang___2O3KJ {
    background-image: url(https://www-static.qbox.me/_next/static/media/renminwang.e1c19825ffa7aa4ea2ba1a0c9b876d82.jpg)
}

.tabIcon___2PLHO.grey___3Zeuh.jiangSuTV___28zIy {
    background-image: url(https://www-static.qbox.me/_next/static/media/jiangsutv.7be120c02e0c3f4ee88097df75043b50.jpg)
}

.tabIcon___2PLHO.grey___3Zeuh.chinaMobile___OY20Q {
    background-image: url(https://www-static.qbox.me/_next/static/media/yidong.048872972c57989f2910dbf8a88312de.jpg)
}

.tabIcon___2PLHO.grey___3Zeuh.yingShi___1iGfN {
    background-image: url(https://www-static.qbox.me/_next/static/media/yingshi.53beb04f5f4b950859102964c811d40d.jpg)
}

.tabIcon___2PLHO.grey___3Zeuh.pingAn___1Bk_s {
    background-image: url(https://www-static.qbox.me/_next/static/media/pingan.39fce6a081679b32df113ecc19e79736.jpg)
}

.tabIcon___2PLHO.grey___3Zeuh.fengHuang___pfeq_ {
    background-image: url(https://www-static.qbox.me/_next/static/media/fenghuang.b37bb6180a4c84c951dd161a404538e1.jpg)
}

.tabIcon___2PLHO.grey___3Zeuh.lianYing___3ghm7 {
    background-image: url(https://www-static.qbox.me/_next/static/media/lianying.d3164ae24821917ae93ba0aecac32e01.jpg)
}

.tabIcon___2PLHO.active___2tCBn,.tabIcon___2PLHO:hover {
    -webkit-filter: none;
    filter: none
}

.panel___1plBg {
    padding: 28px 36px 40px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    border: 1px solid #eee
}

@media only screen and (max-width: 767px) {
    .panel___1plBg {
        padding:20px;
        background-color: #fafafa;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: none;
        text-align: left
    }
}

.title___kC287 {
    font-size: 20px;
    font-weight: 600;
    color: #333;
    line-height: 22px
}

.group___1Ev2z {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 767px) {
    .group___1Ev2z {
        margin-top:0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.item___dnI3K {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.item___dnI3K p {
    margin-top: 8px;
    color: #666;
    line-height: 22px
}

.item___dnI3K:not(:first-child) {
    margin-left: 60px
}

@media only screen and (max-width: 767px) {
    .item___dnI3K {
        margin-bottom:12px
    }

    .item___dnI3K p {
        font-size: 12px;
        line-height: 18px
    }

    .item___dnI3K:not(:first-child) {
        margin-left: 0
    }
}

.itemTitle___3HQgN {
    font-weight: 600;
    color: #333;
    line-height: 22px
}

@media only screen and (max-width: 767px) {
    .itemTitle___3HQgN {
        font-size:14px
    }
}

.mobile___1iXn9 .rc-menu-submenu:first-child {
    border: none
}

.mobile___1iXn9 .rc-menu-submenu-title {
    padding-left: 16px!important;
    text-align: left
}

.floatingBarV2___NrKW2 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.icon___mmwQP {
    height: 156px;
    position: relative;
    top: 50%;
    margin-top: -78px
}

@media only screen and (max-width: 767px) {
    .icon___mmwQP {
        height:90px;
        margin-top: -45px
    }
}

.floatingBarV2___1tt0M {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.img___Le7v1 {
    width: 1080px;
    height: auto;
    margin: 0 auto
}

@media only screen and (max-width: 767px) {
    .img___Le7v1 {
        width:100%
    }
}

.floatingBarV2___1zaQk {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.card___3QGEl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width: 767px) {
    .card___3QGEl {
        margin:0 0 16px
    }
}

.img___YzhOl {
    height: 162px
}

@media only screen and (max-width: 767px) {
    .img___YzhOl {
        height:148px
    }
}

.placeholder___2x88D {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.content___1Q61v {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.desc___2y2ca {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.btn___bcQ7y {
    -ms-flex-item-align: end;
    align-self: end;
    margin-top: 20px
}

.floatingBarV2___2ZIqS {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.content___3JoBC p:not(:first-child) {
    margin-top: 12px
}

.floatingBarV2___mmAFY {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.scenePanel___37WAb {
    padding: 0 52px
}

@media only screen and (max-width: 767px) {
    .scenePanel___37WAb {
        padding:0
    }
}

.sceneIcon___3olgm {
    width: 520px;
    height: auto
}

@media only screen and (max-width: 767px) {
    .sceneIcon___3olgm {
        width:100%
    }
}

.bolckLeft___fxhXv {
    text-align: center!important
}

@media only screen and (max-width: 767px) {
    .bolckLeft___fxhXv svg {
        width:60%;
        height: auto
    }
}

.blockRight___3lLAk {
    padding: 0 24px 0 36px
}

.blockRight___3lLAk p {
    font-size: 14px;
    color: #666
}

@media only screen and (max-width: 767px) {
    .blockRight___3lLAk p {
        text-align:center
    }
}

.title___3uy4O {
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: 500;
    color: #333
}

@media only screen and (max-width: 767px) {
    .title___3uy4O {
        font-size:20px;
        text-align: center
    }
}

.subTitle___3JYvM {
    margin-top: 36px;
    margin-bottom: 12px;
    font-size: 16px
}

@media only screen and (max-width: 767px) {
    .subTitle___3JYvM {
        margin-top:16px;
        margin-bottom: 8px
    }
}

.list___3-YP7 .item___mtbkh {
    position: relative;
    padding-left: 1em;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    margin-bottom: 12px
}

.list___3-YP7 .item___mtbkh:not(:first-child) {
    margin-top: 4px
}

.list___3-YP7 .item___mtbkh:before {
    content: "\2022";
    position: absolute;
    left: 0;
    display: block;
    color: #00aae7;
    opacity: .4
}

@media only screen and (max-width: 767px) {
    .list___3-YP7 .item___mtbkh {
        margin-bottom:8px
    }
}

.list___3-YP7 .item___mtbkh:last-child {
    margin-bottom: 0
}

.floatingBarV2___1j-BJ {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.iconContainer___3F52b {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 800px
}

@media only screen and (max-width: 767px) {
    .iconContainer___3F52b {
        width:100%;
        padding: 16px
    }
}

@media only screen and (max-width: 767px) {
    .iconContainer___3F52b svg {
        width:100%;
        height: 100%
    }
}

.block___3AwD_ {
    padding: 20px
}

.block___3AwD_ .title___39DvO {
    margin-top: 20px;
    margin-bottom: 12px;
    font-size: 16px
}

.block___3AwD_ .title___39DvO:first-child {
    margin-top: 0
}

@media only screen and (max-width: 767px) {
    .block___3AwD_ .title___39DvO {
        margin-top:16px;
        margin-bottom: 8px
    }
}

.block___3AwD_ .content___3Bh7x {
    font-size: 14px;
    color: #666
}

.block___3AwD_ .list___UJOB8 .item___2HuTo {
    position: relative;
    padding-left: 1em;
    font-size: 14px;
    line-height: 22px;
    color: #666;
    margin-bottom: 12px
}

.block___3AwD_ .list___UJOB8 .item___2HuTo:not(:first-child) {
    margin-top: 4px
}

.block___3AwD_ .list___UJOB8 .item___2HuTo:before {
    content: "\2022";
    position: absolute;
    left: 0;
    display: block;
    color: #00aae7;
    opacity: .4
}

@media only screen and (max-width: 767px) {
    .block___3AwD_ .list___UJOB8 .item___2HuTo {
        margin-bottom:8px
    }
}

.block___3AwD_ .list___UJOB8 .item___2HuTo:last-child {
    margin-bottom: 0
}

.floatingBarV2___qyejH {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

@media only screen and (max-width: 767px) {
    .wrapper___1MBUf {
        background-color:#fafafa;
        margin-bottom: 0
    }
}

.item___BHbN4 {
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding: 30px 0
}

@media only screen and (max-width: 767px) {
    .item___BHbN4 {
        margin:0 0 12px;
        padding: 16px 0 12px;
        background-color: #fff;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }
}

.icon___GDu2R {
    width: 60px;
    margin-bottom: 20px
}

@media only screen and (max-width: 767px) {
    .icon___GDu2R {
        width:32px;
        margin-bottom: 4px
    }
}

.desc___Goann {
    color: #333;
    line-height: 20px
}

.floatingBarV2___1pqYS {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.icon___2Z5DB {
    width: 60px
}

.floatingBarV2___3mQ3O {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.icon___2kZSV {
    width: 60px;
    margin: auto
}

@media only screen and (max-width: 767px) {
    .icon___2kZSV {
        margin:4px 0 0
    }
}

.floatingBarV2___2jO0W {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

@media only screen and (max-width: 767px) {
    .card___38Md8 {
        margin:0 0 16px
    }
}

.img___6EAj6 {
    height: 162px
}

@media only screen and (max-width: 767px) {
    .img___6EAj6 {
        height:148px
    }
}

.title___16Ecg {
    text-align: center
}

.floatingBarV2___3I5q- {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.wrapper___34NlB {
    padding: 60px 0;
    border: 1px solid #eee;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    box-shadow: 0 4px 8px 0 rgba(51,51,51,.08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .wrapper___34NlB {
        padding:0 30px 40px;
        margin-bottom: 16px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

.content___1RM5Y,.img___24l-D {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.img___24l-D {
    width: 276px
}

.content___1RM5Y {
    width: 428px
}

@media only screen and (max-width: 767px) {
    .content___1RM5Y {
        width:auto
    }
}

.desc___3HK17,.title___2Q31B {
    text-align: left
}

.title___2Q31B {
    margin-bottom: 12px;
    font-size: 20px;
    color: #333;
    line-height: 28px
}

@media only screen and (max-width: 767px) {
    .title___2Q31B {
        text-align:center;
        font-size: 16px
    }
}

.desc___3HK17 {
    color: #666;
    line-height: 22px
}

@media only screen and (max-width: 767px) {
    .desc___3HK17 {
        font-size:12px
    }
}