.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: 1180px;
    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___62tJ0 {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___1Bztm.mini___wyxe0 .item___2W8L1 {
    padding: 0 12px;
    height: 34px;
    line-height: 34px;
    font-size: 12px
}

.wrapper___1Bztm.mini___wyxe0 .item___2W8L1.active___3Vr7k:after {
    margin-left: -8px;
    width: 16px;
    border-radius: 2px
}

.wrapper___1Bztm.mini___wyxe0 .content___1amY9 {
    padding-top: 0
}

@media only screen and (max-width: 767px) {
    .wrapper___1Bztm.mini___wyxe0 .content___1amY9 {
        padding-top:0
    }
}

.wrapper___1Bztm.small___3X_fI .item___2W8L1 {
    padding: 0;
    height: 40px;
    line-height: 40px;
    font-size: 12px
}

.wrapper___1Bztm.small___3X_fI .item___2W8L1:not(:first-child) {
    margin-left: 26px
}

.wrapper___1Bztm.small___3X_fI .content___1amY9 {
    padding-top: 0
}

.wrapper___1Bztm.middle___klrjD .item___2W8L1 {
    height: 56px;
    line-height: 56px;
    font-size: 16px
}

.wrapper___1Bztm.middle___klrjD .content___1amY9 {
    padding: 24px
}

.wrapper___1Bztm.verticalWrapper___3jO88 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.header___30UKl {
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #eee
}

.header___30UKl.scrollable___ZOHWM {
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto
}

.header___30UKl.scrollable___ZOHWM::-webkit-scrollbar {
    display: none
}

@media only screen and (max-width: 767px) {
    .header___30UKl {
        margin:0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: 14px
    }

    .header___30UKl.scrollable___ZOHWM {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start;
        scroll-behavior: smooth
    }
}

.header___30UKl.verticalHeader___1cqEp {
    border-left: 1px solid #e5e5e5;
    -webkit-box-shadow: none;
    box-shadow: none
}

.item___2W8L1 {
    position: relative;
    display: inline-block;
    height: 72px;
    line-height: 72px;
    margin: 0;
    padding: 0 24px;
    min-width: 2em;
    max-width: 12em;
    height: 100%;
    vertical-align: middle;
    cursor: pointer;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transition: .2s;
    transition: .2s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.item___2W8L1.verticalItem___2XPnV {
    display: block;
    text-align: start;
    line-height: 24px
}

.item___2W8L1.verticalItem___2XPnV:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 3px;
    height: 100%;
    margin: 0
}

.item___2W8L1.verticalItem___2XPnV:not(:first-child) {
    margin-top: 20px
}

@media only screen and (max-width: 767px) {
    .item___2W8L1 {
        -ms-flex-preferred-size:auto;
        flex-basis: auto;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 0 4px;
        line-height: 24px
    }

    .item___2W8L1+.item___2W8L1 {
        margin-left: 12px
    }
}

.item___2W8L1.active___3Vr7k {
    color: #09ffec
}

@media only screen and (min-width: 768px) {
    .item___2W8L1:hover {
        color:#09ffec
    }
}

.item___2W8L1:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -1em;
    width: 2em;
    height: 4px;
    background-color: transparent;
    -webkit-transition: .2s;
    transition: .2s
}

@media only screen and (max-width: 767px) {
    .item___2W8L1:after {
        display:none
    }
}

.item___2W8L1.active___3Vr7k:after {
    background-color: #09ffec
}

.themeWhite___3DBgK .header___30UKl {
    color: #fff
}

.themeWhite___3DBgK .header___30UKl.shadow___1dn1R {
    -webkit-box-shadow: 0 1px 0 0 #86cbe4;
    box-shadow: 0 1px 0 0 #86cbe4
}

.themeWhite___3DBgK .item___2W8L1.active___3Vr7k {
    color: #fff;
    font-weight: 500
}

@media only screen and (min-width: 768px) {
    .themeWhite___3DBgK .item___2W8L1:hover {
        color:#fff;
        font-weight: 500
    }
}

.themeWhite___3DBgK .item___2W8L1.active___3Vr7k:after {
    background-color: #fff
}

.themeThinPrimaryLight___1k9Xh .item___2W8L1.active___3Vr7k {
    color: #07beff
}

@media only screen and (min-width: 768px) {
    .themeThinPrimaryLight___1k9Xh .item___2W8L1:hover {
        color:#07beff
    }
}

.themeThinPrimaryLight___1k9Xh .item___2W8L1.active___3Vr7k:after {
    height: 2px;
    background-color: #07beff
}

.themeThinGrey___2UjPi .header___30UKl {
    color: #666
}

.themeThinGrey___2UjPi .item___2W8L1.active___3Vr7k {
    color: #333;
    font-weight: 500
}

@media only screen and (min-width: 768px) {
    .themeThinGrey___2UjPi .item___2W8L1:hover {
        color:#333;
        font-weight: 500
    }
}

.themeThinGrey___2UjPi .item___2W8L1.active___3Vr7k:after {
    height: 2px;
    background-color: #333
}

.content___1amY9 {
    padding-top: 36px;
    text-align: left
}

.content___1amY9.verticalContent___23F1q {
    padding-top: 0
}

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

.floatingBarV2___2mXgM {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___qLeD6 {
    top: 0;
    z-index: 1000;
    height: 60px;
    background-color: transparent
}

@media only screen and (max-width: 767px) {
    .wrapper___qLeD6 {
        height:52px;
        width: 100%;
        background-color: #151219;
        border-bottom: 1px solid #3d444d
    }
}

.wrapper___qLeD6.fixed___2PqOL {
    -webkit-transition: -webkit-box-shadow .3s;
    transition: -webkit-box-shadow .3s;
    transition: box-shadow .3s;
    transition: box-shadow .3s,-webkit-box-shadow .3s
}

.wrapper___qLeD6.fixed___2PqOL .content___32s6q {
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-box-shadow: none;
    box-shadow: none
}

.wrapper___qLeD6.fixed___2PqOL .extra___3iRB6 {
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: visibility 0s,opacity .3s,-webkit-transform .3s;
    transition: visibility 0s,opacity .3s,-webkit-transform .3s;
    transition: visibility 0s,transform .3s,opacity .3s;
    transition: visibility 0s,transform .3s,opacity .3s,-webkit-transform .3s
}

@media only screen and (max-width: 767px) {
    .wrapper___qLeD6.fixed___2PqOL {
        background-color:#151219
    }
}

.content___32s6q {
    height: 100%;
    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) {
    .content___32s6q {
        display:block
    }
}

.tabs___2Kiof {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.tabs___2Kiof.center___HSu_w {
    text-align: center
}

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

    .tabs___2Kiof .tab___QD6MK {
        margin-left: 20px;
        font-size: 14px
    }

    .tabs___2Kiof .tab___QD6MK:last-child {
        margin-right: 20px
    }
}

.priceLink___P7EGN {
    display: block;
    position: relative
}

.priceLink___P7EGN .priceArrow___1VlNQ {
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: -18px
}

.priceLink___P7EGN .priceArrow___1VlNQ path {
    fill: #bfbfbf
}

.extra___3iRB6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 12px;
    visibility: hidden;
    -webkit-transform: translateY(15%);
    transform: translateY(15%);
    opacity: 0;
    -webkit-transition: visibility 0s .5s,opacity .5s,-webkit-transform .3s;
    transition: visibility 0s .5s,opacity .5s,-webkit-transform .3s;
    transition: visibility 0s .5s,transform .3s,opacity .5s;
    transition: visibility 0s .5s,transform .3s,opacity .5s,-webkit-transform .3s
}

.button___2q0YQ {
    width: 96px
}

.button___2q0YQ:not(:first-child) {
    margin-left: 12px
}

.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
}

.blockWraper___34maT {
    overflow-x: auto
}

@media only screen and (max-width: 767px) {
    .blockWraper___34maT {
        overflow-x:hidden
    }
}

.wrapper___397an {
    width: 1180px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 72px 0;
    text-align: left
}

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

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

@media only screen and (max-width: 767px) {
    .wrapper___397an {
        padding:32px 16px;
        text-align: center
    }

    .wrapper___397an.noTailPadding___3pHE3 {
        padding-bottom: 0
    }
}

.intro___FWCHE {
    margin-bottom: 64px
}

@media only screen and (max-width: 767px) {
    .intro___FWCHE {
        margin-bottom:20px
    }
}

.title___317NV {
    height: 67px;
    line-height: 67px;
    font-size: 48px;
    line-height: 1.5;
    font-weight: 600;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .title___317NV {
        height:36px;
        line-height: 36px;
        font-size: 28px;
        line-height: 1.5;
        font-weight: 700
    }
}

.subTitle___1jev_ {
    margin-top: 24px;
    color: #333;
    font-size: 20px;
    line-height: 1.5;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .subTitle___1jev_ {
        margin-top:0;
        font-size: 12px;
        line-height: 1.5
    }
}

.main___2pZnC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.main___2pZnC .decor___2SIpg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 8px;
    margin-right: 64px;
    border-radius: 6px;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(30%,#09ffec),to(rgba(9,255,236,0)));
    background: linear-gradient(180deg,#09ffec 30%,rgba(9,255,236,0))
}

.floatingBarV2___31tyT {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___KrX2a {
    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___KrX2a.hidden___uwT_X {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s .3s,opacity .3s;
    transition: visibility 0s .3s,opacity .3s
}

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

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

.modal___SoVe0 {
    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___SoVe0 {
        border-radius:0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

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

    .wrapper___KrX2a.slideUp___2g_TD.hidden___uwT_X .modal___SoVe0 {
        position: absolute;
        bottom: -100%;
        -webkit-transition: bottom .3s ease-in-out;
        transition: bottom .3s ease-in-out
    }

    .wrapper___KrX2a.full___w2vHg .modal___SoVe0 {
        width: 100%;
        height: 100%;
        max-height: none;
        border-radius: 0
    }
}

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

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

.header___356lI .closeBtn___1lwyQ .closeIcon___1xWJB path {
    fill: #bfbfbf;
    -webkit-transition: .2s;
    transition: .2s
}

.header___356lI .closeBtn___1lwyQ:hover .closeIcon___1xWJB path {
    fill: #999
}

.modalWithHeader___2BFJS {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.modalWithHeader___2BFJS .left___1CZkF {
    width: 494px;
    background-color: #2f2a3b;
    padding: 60px 30px;
    color: #eee
}

@media only screen and (max-width: 767px) {
    .modalWithHeader___2BFJS .left___1CZkF {
        display:none
    }
}

.modalWithHeader___2BFJS .left___1CZkF>.title___31t7X {
    height: 60px;
    line-height: 60px;
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 28px
}

.modalWithHeader___2BFJS .left___1CZkF .block___347My:not(:last-child) {
    margin-bottom: 36px
}

.modalWithHeader___2BFJS .left___1CZkF .block___347My>.title___31t7X {
    height: 28px;
    line-height: 28px;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 12px
}

.modalWithHeader___2BFJS .left___1CZkF .block___347My>.desc___4scMQ {
    font-size: 16px;
    color: #999
}

.modalWithHeader___2BFJS .left___1CZkF .block___347My>.desc___4scMQ>ol li {
    list-style-type: decimal;
    list-style-position: inside
}

.modalWithHeader___2BFJS .right___2Amb9 {
    width: 800px;
    overflow-y: scroll
}

.modalWithHeader___2BFJS .body___3sYRA {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 24px
}

.floatingBarV2___1G3Mj {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___1PKsK {
    width: 100%;
    height: 100%;
    color: #eee;
    overflow-y: scroll
}

.modal___1PKsK .modalBody___3Xxlr {
    background: #fff;
    padding: 0 16px 24px!important
}

@media only screen and (max-width: 767px) {
    .modal___1PKsK .modalBody___3Xxlr {
        background:#151219;
        color: #eee
    }
}

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

@media only screen and (max-width: 767px) {
    .modal___1PKsK .modalBody___3Xxlr .icecream-dropdown {
        background-color:#151b23;
        border: 1px solid #3d444d
    }
}

@media only screen and (max-width: 767px) {
    .modal___1PKsK .modalBody___3Xxlr .icecream-menu-item {
        color:#999
    }
}

@media only screen and (max-width: 767px) {
    .modal___1PKsK .modalBody___3Xxlr .icecream-menu-item-active {
        color:#09ffec
    }
}

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

@media only screen and (max-width: 767px) {
    .modal___1PKsK .newModalHeader___3VWLA {
        background:#151219;
        font-size: 22px;
        color: #eee
    }
}

.formItemGroupRoot___2J1Cl {
    background-color: #fff
}

@media only screen and (max-width: 767px) {
    .formItemGroupRoot___2J1Cl {
        background-color:#151219;
        color: #eee
    }
}

.formItemGroupRoot___2J1Cl .icecream-form-item-size-default .icecream-form-item-label {
    font-size: 16px;
    color: #333
}

@media only screen and (max-width: 767px) {
    .formItemGroupRoot___2J1Cl .icecream-form-item-size-default .icecream-form-item-label {
        font-size:14px;
        color: #eee!important
    }
}

.formItemGroupRoot___2J1Cl .icecream-text-input {
    width: 100%;
    height: 36px;
    border: 1px solid #b2bdcb;
    background-color: #fff;
    border-radius: 4px;
    color: #333
}

@media only screen and (max-width: 767px) {
    .formItemGroupRoot___2J1Cl .icecream-text-input {
        background-color:#151b23;
        border: 1px solid #3d444d;
        color: #999
    }
}

.formItemGroupRoot___2J1Cl .icecream-radio-checked .icecream-radio-input-simulated {
    background-color: #00aae7
}

@media only screen and (max-width: 767px) {
    .formItemGroupRoot___2J1Cl .icecream-radio-checked .icecream-radio-input-simulated {
        background-color:#09ffec;
        border-color: #09ffec
    }
}

@media only screen and (max-width: 767px) {
    .formItemGroupRoot___2J1Cl .icecream-radio-checked .icecream-radio-input-simulated:after {
        background-color:#151b23
    }
}

@media only screen and (max-width: 767px) {
    .formItemGroupRoot___2J1Cl .icecream-text-input-inner::-webkit-input-placeholder {
        color:#666
    }

    .formItemGroupRoot___2J1Cl .icecream-text-input-inner::-moz-placeholder {
        color: #666
    }

    .formItemGroupRoot___2J1Cl .icecream-text-input-inner:-ms-input-placeholder {
        color: #666
    }

    .formItemGroupRoot___2J1Cl .icecream-text-input-inner::-ms-input-placeholder {
        color: #666
    }

    .formItemGroupRoot___2J1Cl .icecream-text-input-inner::placeholder {
        color: #666
    }
}

.formItemGroupRoot___2J1Cl .icecream-radio-label {
    color: #333
}

@media only screen and (max-width: 767px) {
    .formItemGroupRoot___2J1Cl .icecream-radio-label {
        color:#999
    }
}

.formItemGroupRoot___2J1Cl .icecream-select {
    width: 100%;
    height: 36px;
    color: #eee;
    border-radius: 4px;
    border: 1px solid #b2bdcb;
    background-color: #fff;
    color: #333
}

@media only screen and (max-width: 767px) {
    .formItemGroupRoot___2J1Cl .icecream-select {
        background-color:#151b23;
        border: 1px solid #3d444d;
        color: #999
    }
}

@media only screen and (max-width: 767px) {
    .formItemGroupRoot___2J1Cl .icecream-select-content {
        color:#bfbfbf
    }
}

@media only screen and (max-width: 767px) {
    .formItemGroupRoot___2J1Cl .icecream-select-placeholder {
        color:#666
    }
}

.formItemGroupRoot___2J1Cl .icecream-radio-input-simulated {
    background-color: #fff
}

@media only screen and (max-width: 767px) {
    .formItemGroupRoot___2J1Cl .icecream-radio-input-simulated {
        background-color:#151b23
    }
}

.formItemGroupRoot___2J1Cl .icecream-form-item {
    margin-bottom: 12px!important
}

.formItemGroupRoot___2J1Cl .icecream-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.formItemGroupRoot___2J1Cl .icecream-radio-input {
    top: 0
}

.formItemGroupRoot___2J1Cl .block___2O-ns {
    padding: 12px 0
}

.formItemGroupRoot___2J1Cl .block___2O-ns .otherDirection___2VEH3 {
    margin-top: 12px
}

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

    .formItemGroupRoot___2J1Cl .block___2O-ns:not(:last-child) {
        border-bottom: 1px solid #3d444d
    }
}

.formItemGroupRoot___2J1Cl .block___2O-ns .title___4Ow2u {
    text-align: left;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 16px;
    color: #333
}

@media only screen and (max-width: 767px) {
    .formItemGroupRoot___2J1Cl .block___2O-ns .title___4Ow2u {
        font-size:16px;
        line-height: 26px;
        color: #fff
    }
}

.formItemGroupRoot___2J1Cl .block___2O-ns .signupType___31JEy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px
}

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

    .formItemGroupRoot___2J1Cl .block___2O-ns .signupType___31JEy>div:not(:last-child) {
        margin-bottom: 12px
    }
}

.formItemGroupRoot___2J1Cl .block___2O-ns .accessToInfo___1v3wq:not(:last-child),.formItemGroupRoot___2J1Cl .block___2O-ns .isKnowRules___HR2hl:not(:last-child) {
    margin-bottom: 12px
}

.formItemGroupRoot___2J1Cl .block___2O-ns .teamInfo___11lJZ {
    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___2J1Cl .block___2O-ns .teamInfo___11lJZ {
        display:block
    }
}

.formItemGroupRoot___2J1Cl .block___2O-ns .teamInfo___11lJZ .icecream-form-item {
    width: 48%
}

@media only screen and (max-width: 767px) {
    .formItemGroupRoot___2J1Cl .block___2O-ns .teamInfo___11lJZ .icecream-form-item {
        width:100%
    }
}

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

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

.submitBtn___3uZ16 {
    height: 32px;
    width: 93px;
    background: #09ffec;
    border-radius: 2px;
    color: #151219;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer
}

.submitBtn___3uZ16:hover {
    background-color: #64c7bf
}

.icecreamModal___nhE4b .ant-modal-content {
    background-color: #151219;
    border-radius: 8px
}

.icecreamModal___nhE4b .ant-modal-close-x {
    margin-top: 8px
}

.icecreamModal___nhE4b .ant-modal-confirm-body .ant-modal-confirm-title {
    color: #eee;
    text-align: center;
    font-size: 22px;
    margin-top: 8px
}

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

.icecreamModal___nhE4b .ant-btn-success {
    background-color: #09ffec;
    color: #151219;
    border: none;
    border-radius: 2px
}

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

.icecreamModal___nhE4b .ant-modal-confirm-content {
    color: #eee;
    padding: 20px 0;
    margin-top: 0
}

.successModalQrcode___eHkB0 {
    width: 100%;
    text-align: center
}

.successModalQrcode___eHkB0 .text___2MaSF {
    text-align: center;
    font-size: 12px;
    color: #999;
    margin-bottom: 8px
}

.successModalQrcode___eHkB0 img {
    width: 100px;
    height: 100px
}

.floatingBarV2___2mIbh {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___3yaLT {
    width: auto;
    height: 56px;
    line-height: 56px;
    text-align: center;
    background-color: #09ffec;
    color: #151b23;
    font-size: 24px;
    border-radius: 2px;
    padding: 0 50px;
    cursor: pointer
}

@media only screen and (max-width: 767px) {
    .button___3yaLT {
        width:93px;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        padding: 0
    }
}

.button___3yaLT:hover {
    background-color: #64c7bf
}

.floatingBarV2___dbXFP {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___1bWEL {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: fixed;
    width: 100%;
    z-index: 20;
    background-color: rgba(4,4,6,.5);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.header___1bWEL,.header___1bWEL .logo___BGEF2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px
}

.header___1bWEL .logo___BGEF2 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 32px
}

.btn___2qIO4 {
    width: 88px;
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    padding: 0;
    border-radius: 0
}

.floatingBarV2___17Beb {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___byH4O {
    padding: 16px
}

.wrapper___byH4O .primaryBtn___ozyYa {
    width: 100%!important;
    margin-bottom: 16px;
    background: #07beff;
    border-color: #07beff
}

.wrapper___byH4O .primaryBtn___ozyYa:hover {
    background: #37caff;
    border-color: #37caff
}

.wrapper___byH4O .whiteBtn___2whY5 {
    width: 100%!important;
    color: #07beff;
    border-color: #07beff
}

.wrapper___byH4O .whiteBtn___2whY5:hover {
    color: #fff;
    background: #07beff
}

.email___37VnE {
    padding-top: 8px;
    padding-bottom: 24px;
    text-align: center;
    font-size: 12px;
    color: #333
}

.floatingBarV2___5xdUN {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___fR-rC {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 52px;
    padding-left: 16px;
    padding-right: 8px;
    line-height: 52px;
    background-color: rgba(4,4,6,.6);
    -webkit-box-shadow: 0 1px 0 0 #eee;
    box-shadow: 0 1px 0 0 #eee
}

.header___fR-rC .spacer___2EyQn {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.header___fR-rC .logo___1UNtP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 52px
}

.overlay___3W9it {
    position: fixed;
    top: 0!important;
    left: 0!important
}

.wrapper___uD0ve {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 52px;
    padding: 0 8px
}

.floatingBarV2___2mhmj {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___tOvQ5 {
    height: 52px;
    padding-left: 16px;
    padding-right: 8px;
    background-color: rgba(4,4,6,.6);
    -webkit-box-shadow: 0 1px 0 0 #eee;
    box-shadow: 0 1px 0 0 #eee
}

.header___tOvQ5 .spacer___3EwxR {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.header___tOvQ5 .logo___11Kv1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 52px
}

.mask___2y9VV {
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,.4)
}

.overlay___2BU8c {
    width: 100vw;
    max-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff
}

.header___tOvQ5,.overlay___2BU8c {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header___tOvQ5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 52px;
    flex: 0 0 52px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 16px;
    line-height: 52px
}

.content___3i8NQ {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow-y: auto;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain
}

.logo___11Kv1 {
    display: inline-block;
    margin-right: 26px
}

.floatingBarV2___1XX4A {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___93Vsi {
    padding: 12px 16px 0
}

.search___3ee-z {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 36px;
    padding: 0 8px;
    background: #f9f9f9;
    border-radius: 4px;
    border: 1px solid transparent;
    -webkit-transition: border-color .15s;
    transition: border-color .15s
}

.icon___1Wb7D {
    height: 100%;
    vertical-align: middle
}

.input___2qDGV {
    width: calc(100% - 28px);
    height: 100%;
    padding: 6px 0;
    font-size: 12px;
    line-height: 12px;
    border-radius: 4px;
    border: none;
    background: none
}

.input___2qDGV:focus {
    outline: none
}

.list___1x1Aq {
    padding: 8px 0;
    font-size: 12px;
    color: #333
}

.list___1x1Aq a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    padding: 4px 0
}

.list___1x1Aq a em {
    font-style: normal
}

.hot___13h4z .title___oT6KY {
    margin: 12px 0 8px;
    font-size: 12px;
    color: #bfbfbf
}

.empty___brg-H {
    height: 142px
}

.empty___brg-H svg {
    width: 44px;
    height: 40px;
    margin-bottom: 16px
}

.footer___3W1eM {
    height: 48px
}

.floatingBarV2___1mM72 {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___2zSAK {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 52px;
    padding-left: 16px;
    padding-right: 8px;
    line-height: 52px;
    background-color: rgba(4,4,6,.6);
    -webkit-box-shadow: 0 1px 0 0 #eee;
    box-shadow: 0 1px 0 0 #eee
}

.header___2zSAK .spacer___24ojt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.header___2zSAK .logo___3_MP9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 52px
}

.overlay___MykT7 {
    position: fixed;
    top: 0!important;
    left: 0!important
}

.wrapper___2R-lW {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 52px;
    padding: 0 8px
}

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

.menu___2FyPJ .rc-menu-item {
    padding-top: 0!important;
    padding-bottom: 0!important
}

.menu___2FyPJ .rc-menu-item a {
    display: block;
    padding-top: 12px;
    padding-bottom: 12px
}

.menu___2FyPJ .rc-menu-item a:hover {
    color: #07beff
}

.menu___2FyPJ .rc-menu-submenu-open>.rc-menu-submenu-title {
    color: #07beff!important
}

.menu___2FyPJ .rc-menu li {
    border-top: none
}

.floatingBarV2___31_bf {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___c54iq {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 52px;
    padding-left: 16px;
    padding-right: 8px;
    line-height: 52px;
    background-color: rgba(4,4,6,.6);
    -webkit-box-shadow: 0 1px 0 0 #eee;
    box-shadow: 0 1px 0 0 #eee
}

.header___c54iq .spacer___1b5oa {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.header___c54iq .logo___nCVQs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 52px
}

.overlay___1Moy3 {
    position: fixed;
    top: 0!important;
    left: 0!important
}

.wrapper___2SmX3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 52px;
    padding: 0 8px
}

.floatingBarV2___vOIv5 {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___3WgUm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 52px;
    padding-left: 16px;
    padding-right: 8px;
    line-height: 52px;
    background-color: rgba(4,4,6,.6);
    -webkit-box-shadow: 0 1px 0 0 #eee;
    box-shadow: 0 1px 0 0 #eee
}

.header___3WgUm .spacer___13TF_ {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.header___3WgUm .logo___3tJpe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 52px
}

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

.activityMenu___2PdN2 .rc-menu {
    width: 100%;
    padding: 0;
    font-size: 16px;
    color: inherit;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.activityMenu___2PdN2 .rc-menu>li.rc-menu-submenu {
    border: 1px solid #3d444d;
    border-radius: 4px;
    background: #151b23;
    color: #eee;
    margin-bottom: 12px
}

.activityMenu___2PdN2 .rc-menu>li.rc-menu-submenu:last-child {
    margin-bottom: 0
}

.activityMenu___2PdN2 .rc-menu-submenu {
    border-top: 1px solid #eee
}

.activityMenu___2PdN2 .rc-menu-submenu:first-child {
    border-top: 1px solid transparent
}

.activityMenu___2PdN2 .rc-menu-item {
    border-top: 1px solid #eee
}

.activityMenu___2PdN2 .rc-menu-submenu-open>.rc-menu-submenu-title {
    color: #eee
}

.activityMenu___2PdN2 .rc-menu-inline>.rc-menu-submenu>.rc-menu-submenu-title {
    padding-right: 0;
    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;
    border-radius: 4px
}

.activityMenu___2PdN2 .rc-menu-sub.rc-menu-inline>.rc-menu-submenu>.rc-menu-submenu-title {
    padding: 12px 0
}

.activityMenu___2PdN2 .rc-menu-submenu-active>.rc-menu-submenu-title {
    background: #151b23
}

.activityMenu___2PdN2 .rc-menu-submenu>.rc-menu {
    color: #999;
    background: #151b23;
    padding: 12px 16px 15px;
    border-radius: 4px
}

.icon___3GoGg {
    float: right;
    margin-top: 4.5px;
    margin-right: 16px;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s
}

.icon___3GoGg.open___2dSnF {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.floatingBarV2___3LDjj {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___3ELAE {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #eee
}

.root___3ELAE,.root___3ELAE .group___32Lfb {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.root___3ELAE .group___32Lfb {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 16px;
    margin-bottom: 16px
}

@media only screen and (max-width: 767px) {
    .root___3ELAE .group___32Lfb {
        margin-bottom:8px
    }
}

.root___3ELAE .prizeItem___g6zg- {
    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -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;
    border-radius: 4px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.02);
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.02);
    overflow: hidden;
    border-radius: 8px
}

@media only screen and (max-width: 767px) {
    .root___3ELAE .prizeItem___g6zg- {
        border:none;
        -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.06);
        box-shadow: 0 10px 20px 0 rgba(0,0,0,.06)
    }

    .root___3ELAE .prizeItem___g6zg- .label___2zeut {
        -webkit-transform-origin: 0;
        transform-origin: 0;
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.root___3ELAE .prizeItem___g6zg-.row___1rYaX {
    text-align: left;
    -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: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(50% - 24px);
    padding: 16px 24px
}

.root___3ELAE .prizeItem___g6zg-.row___1rYaX .img___2rRNO {
    height: 80px;
    margin-right: 16px
}

.root___3ELAE .prizeItem___g6zg-.row___1rYaX .content___2YFI8 {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.root___3ELAE .prizeItem___g6zg-.row___1rYaX .content___2YFI8 .prize___2SBqn {
    -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
}

.root___3ELAE .prizeItem___g6zg-.row___1rYaX .content___2YFI8 .prize___2SBqn>*+* {
    margin-left: 8px
}

.root___3ELAE .prizeItem___g6zg- .content___2YFI8 {
    width: 100%;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 767px) {
    .root___3ELAE .prizeItem___g6zg- .content___2YFI8 {
        text-align:left;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.root___3ELAE .prizeItem___g6zg- .content___2YFI8 .main___1M2P3 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 16px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.root___3ELAE .prizeItem___g6zg- .content___2YFI8 .main___1M2P3 .prize___2SBqn {
    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
}

@media only screen and (max-width: 767px) {
    .root___3ELAE .prizeItem___g6zg- .content___2YFI8 .main___1M2P3 .prize___2SBqn {
        text-align:left
    }
}

.root___3ELAE .prizeItem___g6zg- .content___2YFI8 .main___1M2P3 .prize___2SBqn .money___2DL1i {
    font-family: DINPro;
    text-align: left;
    font-size: 90px;
    font-weight: 700;
    height: 72px;
    line-height: 72px;
    margin-bottom: 12px
}

@media only screen and (max-width: 767px) {
    .root___3ELAE .prizeItem___g6zg- .content___2YFI8 .main___1M2P3 .prize___2SBqn .money___2DL1i {
        font-size:56px;
        height: 44px;
        line-height: 44px;
        margin-bottom: 8px
    }
}

.root___3ELAE .prizeItem___g6zg- .content___2YFI8 .main___1M2P3 .prize___2SBqn .money___2DL1i .unit___3zpxJ {
    font-size: 36px
}

@media only screen and (max-width: 767px) {
    .root___3ELAE .prizeItem___g6zg- .content___2YFI8 .main___1M2P3 .prize___2SBqn .money___2DL1i .unit___3zpxJ {
        font-size:24px
    }
}

.root___3ELAE .prizeItem___g6zg- .content___2YFI8 .main___1M2P3 .prize___2SBqn .more___28oKS {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    font-size: 20px;
    height: 24px
}

.root___3ELAE .prizeItem___g6zg- .content___2YFI8 .main___1M2P3 .prize___2SBqn .more___28oKS .plusIcon___3yPAy {
    width: 24px;
    height: 24px
}

@media only screen and (max-width: 767px) {
    .root___3ELAE .prizeItem___g6zg- .content___2YFI8 .main___1M2P3 .prize___2SBqn .more___28oKS .plusIcon___3yPAy {
        width:16px;
        height: 16px
    }
}

@media only screen and (max-width: 767px) {
    .root___3ELAE .prizeItem___g6zg- .content___2YFI8 .main___1M2P3 .prize___2SBqn .more___28oKS {
        height:16px;
        font-size: 12px
    }
}

.root___3ELAE .prizeItem___g6zg- .content___2YFI8 .main___1M2P3 .icon___2MNqX {
    position: absolute;
    right: 0;
    top: 0
}

.root___3ELAE .prizeItem___g6zg- .content___2YFI8 .extra___3GKoA {
    height: 72px;
    width: 100%;
    padding: 0 16px;
    background: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,.1)),to(hsla(0,0%,100%,0)));
    background: linear-gradient(90deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0));
    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
}

@media only screen and (max-width: 767px) {
    .root___3ELAE .prizeItem___g6zg- .content___2YFI8 .extra___3GKoA {
        height:44px
    }
}

.root___3ELAE .prizeItem___g6zg- .content___2YFI8 .extra___3GKoA .desc___3OPpH {
    font-size: 20px
}

@media only screen and (max-width: 767px) {
    .root___3ELAE .prizeItem___g6zg- .content___2YFI8 .extra___3GKoA .desc___3OPpH {
        font-size:12px
    }
}

.root___3ELAE .prizeItem___g6zg- .content___2YFI8 .extra___3GKoA .name___1kKJT {
    font-family: Alimama ShuHeiTi;
    font-weight: 700;
    font-size: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2px
}

.root___3ELAE .prizeItem___g6zg- .content___2YFI8 .extra___3GKoA .name___1kKJT>.icon___2MNqX {
    width: 20px;
    height: 20px
}

@media only screen and (max-width: 767px) {
    .root___3ELAE .prizeItem___g6zg- .content___2YFI8 .extra___3GKoA .name___1kKJT>.icon___2MNqX {
        width:12px;
        height: 12px
    }
}

@media only screen and (max-width: 767px) {
    .root___3ELAE .prizeItem___g6zg- .content___2YFI8 .extra___3GKoA .name___1kKJT {
        font-size:20px
    }
}

.processIncentive___IqwRK {
    width: 100%;
    margin-bottom: 16px
}

@media only screen and (min-width: 768px) {
    .processIncentive___IqwRK {
        margin-top:32px
    }
}

.processIncentive___IqwRK>.title___RJkUK {
    font-weight: 500;
    font-size: 32px;
    text-align: left;
    margin-bottom: 20px
}

@media only screen and (max-width: 767px) {
    .processIncentive___IqwRK>.title___RJkUK {
        font-size:22px;
        line-height: 32px;
        text-align: center;
        margin: 16px 0
    }
}

.processIncentive___IqwRK .menu___2DNUJ {
    text-align: left
}

.processIncentive___IqwRK .menu___2DNUJ>li h4 {
    color: #eee;
    margin-top: 0;
    font-weight: 500
}

.processIncentive___IqwRK .menu___2DNUJ>li h4:not(:first-child) {
    margin-top: 16px
}

.processIncentive___IqwRK .menu___2DNUJ>li td,.processIncentive___IqwRK .menu___2DNUJ>li th {
    border: 1px solid #3d444d;
    text-align: center;
    padding: 10px;
    font-size: 12px;
    color: #bfbfbf
}

.processIncentive___IqwRK .menu___2DNUJ>li ul {
    margin-bottom: 16px
}

.processIncentive___IqwRK .menu___2DNUJ>li th {
    font-weight: 500
}

.processIncentive___IqwRK .menu___2DNUJ>li strong {
    color: #eee
}

.processIncentive___IqwRK .menu___2DNUJ .titleText___3IvyH {
    vertical-align: middle;
    color: #eee
}

.processIncentive___IqwRK .pcMenu___2VEyt {
    height: 208px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px
}

.processIncentive___IqwRK .card___2iHiF,.processIncentive___IqwRK .pcMenu___2VEyt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.processIncentive___IqwRK .card___2iHiF {
    height: 100%;
    width: 33%;
    border: 1.5px solid #3d444d;
    background: linear-gradient(104.04deg,#2f2a3b -.62%,#393348 98.87%);
    border-radius: 12px;
    padding: 36px 24px 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.processIncentive___IqwRK .card___2iHiF .title___RJkUK {
    margin-bottom: 12px
}

.processIncentive___IqwRK .card___2iHiF .title___RJkUK .text___1Ew4- {
    font-size: 24px;
    font-weight: 500;
    vertical-align: middle
}

.processIncentive___IqwRK .card___2iHiF .desc___3OPpH {
    font-size: 14px;
    color: #999
}

.processIncentive___IqwRK .card___2iHiF .viewDetail___1lolq .btn___2_XE3 {
    width: auto;
    height: 28px;
    font-size: 14px;
    padding: 0 16px;
    border-radius: 66px;
    background-color: #6a6180;
    cursor: pointer
}

.processIncentive___IqwRK .card___2iHiF .viewDetail___1lolq .btn___2_XE3:hover {
    background-color: #45414d
}

.cardModal___2wfGZ {
    height: auto!important;
    border-radius: 12px!important;
    overflow: hidden!important;
    background-color: #2f2a3b!important;
    min-height: 0!important
}

.cardModalHeader___17VGP {
    color: #fff!important;
    font-size: 28px!important;
    font-weight: 500!important;
    text-align: center!important;
    border: none!important;
    padding-bottom: 0!important;
    padding-top: 24px!important
}

.cardModalbody___-Dxdo {
    padding-top: 16px!important
}

.cardModalbody___-Dxdo h4 {
    color: #eee;
    font-weight: 500;
    margin-top: 0
}

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

.cardModalbody___-Dxdo li,.cardModalbody___-Dxdo p {
    color: #999
}

.cardModalbody___-Dxdo ul {
    margin-bottom: 16px
}

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

.cardModalbody___-Dxdo td,.cardModalbody___-Dxdo th {
    border: 1px solid #e5e5e5;
    text-align: center;
    padding: 10px;
    font-size: 12px;
    color: #999
}

@media only screen and (min-width: 768px) {
    .cardModalbody___-Dxdo td,.cardModalbody___-Dxdo th {
        border:1px solid #3d444d
    }
}

.cardModalbody___-Dxdo th {
    font-weight: 500
}

.cardModalbody___-Dxdo strong {
    color: #eee
}

.awardIcon___20TP4 {
    width: 200px;
    height: 200px
}

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

.titleIcon___wrLiD {
    width: 30px;
    height: 30px;
    margin-right: 4px;
    vertical-align: middle
}

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

.shareFission___2Mw8k {
    width: 100%
}

@media only screen and (min-width: 768px) {
    .shareFission___2Mw8k {
        margin-top:32px
    }
}

.shareFission___2Mw8k .title___RJkUK {
    font-weight: 500;
    font-size: 32px;
    text-align: left;
    color: #eee;
    margin-bottom: 20px
}

@media only screen and (max-width: 767px) {
    .shareFission___2Mw8k .title___RJkUK {
        text-align:center;
        font-size: 22px;
        margin-bottom: 12px
    }
}

.shareFission___2Mw8k .block___20PH5 {
    width: 100%
}

@media only screen and (max-width: 767px) {
    .shareFission___2Mw8k .block___20PH5 {
        padding:24px 16px 16px;
        background-color: #151b23;
        border: 1px solid #3d444d;
        border-radius: 8px;
        font-size: 16px
    }
}

.shareFission___2Mw8k .block___20PH5 .desc___3OPpH {
    text-align: left;
    color: #999;
    margin-bottom: 20px;
    font-size: 16px
}

@media only screen and (max-width: 767px) {
    .shareFission___2Mw8k .block___20PH5 .desc___3OPpH {
        margin-bottom:16px
    }
}

.shareFission___2Mw8k .block___20PH5 .btn___2_XE3,.shareFission___2Mw8k .block___20PH5 button {
    display: inline-block;
    width: auto;
    height: 40px;
    line-height: 40px;
    padding: 0 24px;
    color: #151219;
    cursor: pointer;
    background-color: #7df9ef;
    font-size: 16px;
    border-radius: 2px
}

.shareFission___2Mw8k .block___20PH5 .btn___2_XE3:hover,.shareFission___2Mw8k .block___20PH5 button:hover {
    background-color: #64c7bf
}

.shareFission___2Mw8k .block___20PH5 .btn___2_XE3 button,.shareFission___2Mw8k .block___20PH5 button button {
    cursor: pointer
}

@media only screen and (max-width: 767px) {
    .shareFission___2Mw8k .block___20PH5 .btn___2_XE3,.shareFission___2Mw8k .block___20PH5 button {
        width:100%;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        padding: 0
    }
}

.floatingBarV2___3ZHSc {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___2Wytz {
    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
}

.description___3mfSL,.highlights___3GRIe {
    width: 100%
}

.description___3mfSL:not(:last-child),.highlights___3GRIe:not(:last-child) {
    margin-bottom: 48px
}

@media only screen and (max-width: 767px) {
    .description___3mfSL:not(:last-child),.highlights___3GRIe:not(:last-child) {
        margin-bottom:24px
    }
}

@media only screen and (max-width: 767px) {
    .description___3mfSL,.highlights___3GRIe {
        padding:24px 16px;
        border: 1px solid #3d444d;
        border-radius: 8px;
        background: #151b23
    }
}

.description___3mfSL>.title___3MDnb,.highlights___3GRIe>.title___3MDnb {
    text-align: left;
    font-size: 32px;
    margin-bottom: 20px;
    color: #eee
}

@media only screen and (max-width: 767px) {
    .description___3mfSL>.title___3MDnb,.highlights___3GRIe>.title___3MDnb {
        text-align:center;
        font-size: 22px;
        font-family: 500;
        margin-bottom: 12px
    }
}

.description___3mfSL .text___2oeLH {
    font-size: 16px;
    text-align: left;
    word-wrap: break-word;
    overflow-wrap: break-word;
    color: #999;
    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
}

@media only screen and (max-width: 767px) {
    .description___3mfSL .text___2oeLH {
        gap:16px;
        font-size: 16px
    }
}

.description___3mfSL .showMore___6RTGg {
    width: 100%;
    text-align: center;
    margin-top: 24px
}

.description___3mfSL .showMore___6RTGg .btn___2SFvw {
    width: auto;
    height: 32px;
    text-align: center;
    line-height: 32px;
    padding: 0 16px;
    border-radius: 2px;
    background-color: #7df9ef;
    color: #151219;
    font-size: 14px
}

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

.highlights___3GRIe .list___SETSl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 16px
}

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

.highlights___3GRIe .highlightItem___1Nv1u {
    -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;
    padding: 16px;
    border-radius: 16px
}

@media only screen and (max-width: 767px) {
    .highlights___3GRIe .highlightItem___1Nv1u {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        border-radius: 0;
        padding: 16px 0
    }

    .highlights___3GRIe .highlightItem___1Nv1u:not(:last-child) {
        border-bottom: .5px solid #31373f
    }
}

.highlights___3GRIe .highlightItem___1Nv1u .icon___32XZR {
    width: 64px;
    height: 64px;
    margin-bottom: 32px;
    margin-top: 16px
}

@media only screen and (max-width: 767px) {
    .highlights___3GRIe .highlightItem___1Nv1u .icon___32XZR {
        width:32px;
        height: 32px;
        margin-bottom: 0;
        margin-top: 0;
        margin-right: 12px
    }
}

.highlights___3GRIe .highlightItem___1Nv1u .content___L3gVq {
    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: center
}

@media only screen and (max-width: 767px) {
    .highlights___3GRIe .highlightItem___1Nv1u .content___L3gVq {
        text-align:left
    }
}

.highlights___3GRIe .highlightItem___1Nv1u .content___L3gVq .title___3MDnb {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 8px;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .highlights___3GRIe .highlightItem___1Nv1u .content___L3gVq .title___3MDnb {
        color:#eee;
        font-size: 18px;
        margin-bottom: 4px
    }
}

.highlights___3GRIe .highlightItem___1Nv1u .content___L3gVq .desc___3Zv0f {
    font-size: 12px;
    color: #eee
}

@media only screen and (max-width: 767px) {
    .highlights___3GRIe .highlightItem___1Nv1u .content___L3gVq .desc___3Zv0f {
        color:#999;
        font-size: 14px
    }
}

.signuoRules___242m9 {
    width: 100%
}

.signuoRules___242m9 .menu___6ux9k>li h4 {
    color: #eee;
    margin-top: 0;
    font-weight: 500
}

.signuoRules___242m9 .icon___32XZR {
    margin-right: 4px;
    vertical-align: middle
}

.signuoRules___242m9 .text___2oeLH {
    vertical-align: middle
}

.floatingBarV2___1vYa5 {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___3ho0I {
    width: 100%;
    text-align: center
}

.introduction___1Lgfn {
    width: 100%;
    text-align: left
}

.introduction___1Lgfn:not(:last-child) {
    margin-bottom: 24px
}

@media only screen and (min-width: 768px) {
    .introduction___1Lgfn:not(:last-child) {
        margin-bottom:48px
    }
}

@media only screen and (max-width: 767px) {
    .introduction___1Lgfn {
        padding:24px 16px;
        border: 1px solid #3d444d;
        border-radius: 8px;
        background-color: #151b23
    }
}

.introduction___1Lgfn>.title___2X3rJ {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 20px;
    color: #eee
}

@media only screen and (max-width: 767px) {
    .introduction___1Lgfn>.title___2X3rJ {
        text-align:center;
        font-size: 22px;
        margin-bottom: 12px
    }
}

.introduction___1Lgfn .content___3qP6h {
    color: #999;
    font-size: 16px;
    margin-bottom: 20px
}

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

.introduction___1Lgfn .stay___1sNik {
    font-size: 32px;
    font-weight: 500;
    color: #999
}

@media only screen and (max-width: 767px) {
    .introduction___1Lgfn .stay___1sNik {
        font-size:20px
    }
}

.submissionRules___156LY {
    width: 100%
}

.submissionRules___156LY .menu___2DjCp>li ol>li:not(:last-child) {
    margin-bottom: 2px
}

.submissionRules___156LY .icon___p1yrV {
    margin-right: 4px;
    vertical-align: middle
}

.submissionRules___156LY .text___1zWrN {
    vertical-align: middle
}

.block___1b3u4 {
    text-align: left
}

.block___1b3u4:not(:last-child) {
    margin-bottom: 48px
}

.block___1b3u4 .title___2X3rJ {
    font-size: 32px;
    color: #eee;
    margin-bottom: 20px;
    font-weight: 500
}

.block___1b3u4 .desc___3bKFd {
    font-size: 16px;
    color: #999;
    margin-bottom: 20px
}

.block___1b3u4 .viewBtn___1r9-F>button {
    width: auto;
    height: 40px;
    line-height: 40px;
    padding: 0 24px;
    font-size: 16px;
    border-radius: 2px;
    background-color: #7df9ef;
    cursor: pointer
}

.block___1b3u4 .viewBtn___1r9-F>button:hover {
    background-color: #64c7bf
}

.cardModal___UBwIq {
    height: auto!important;
    border-radius: 12px!important;
    overflow: hidden!important;
    background-color: #2f2a3b!important;
    min-height: 0!important
}

.cardModalHeader___2eH33 {
    color: #fff!important;
    font-size: 28px!important;
    font-weight: 500!important;
    text-align: center!important;
    border: none!important;
    padding-bottom: 0!important;
    padding-top: 24px!important
}

.cardModalbody___ud3zz {
    padding-top: 16px!important
}

.cardModalbody___ud3zz h4 {
    color: #eee;
    margin-top: 0;
    font-weight: 500
}

.cardModalbody___ud3zz p {
    color: #999
}

.cardModalbody___ud3zz li {
    list-style-type: decimal;
    list-style-position: inside;
    color: #999
}

.cardModalbody___ud3zz li:not(:last-child) {
    margin-bottom: 4px
}

.floatingBarV2___2vkHK {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___1bCQE {
    width: 100%;
    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
}

@media only screen and (max-width: 767px) {
    .root___1bCQE {
        -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;
        padding: 0 24px
    }
}

.root___1bCQE .stepItem___2vkoQ {
    position: relative;
    -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;
    --point-size: 13px
}

@media only screen and (max-width: 767px) {
    .root___1bCQE .stepItem___2vkoQ {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline
    }

    .root___1bCQE .stepItem___2vkoQ:not(:last-child) {
        padding-bottom: 20px
    }
}

@media only screen and (max-width: 767px) {
    .root___1bCQE .stepItem___2vkoQ {
        --point-size:9px
    }
}

.root___1bCQE .stepItem___2vkoQ:not(:last-child) .point___4x8a6:after {
    content: "";
    position: absolute;
    display: inline-block;
    background: #3d444d;
    width: calc(100% - var(--point-size));
    height: 1px;
    right: 0;
    top: calc(var(--point-size)/2);
    translate: 50%
}

@media only screen and (max-width: 767px) {
    .root___1bCQE .stepItem___2vkoQ:not(:last-child) .point___4x8a6:after {
        height:100%;
        width: 1px;
        left: calc(var(--point-size)/2 - .5px);
        top: calc(var(--point-size)/2 - 11px);
        translate: 0 calc(50% - var(--point-size))
    }
}

.root___1bCQE .stepItem___2vkoQ .point___4x8a6 {
    width: var(--point-size);
    height: var(--point-size);
    border-radius: calc(var(--point-size)/2);
    background-color: #09ffec;
    margin-bottom: 20px
}

@media only screen and (max-width: 767px) {
    .root___1bCQE .stepItem___2vkoQ .point___4x8a6 {
        margin-bottom:0;
        margin-right: 20px
    }
}

.root___1bCQE .stepItem___2vkoQ .title___2f20o {
    text-align: center;
    font-weight: 500;
    font-size: 22px;
    color: #eee
}

@media only screen and (max-width: 767px) {
    .root___1bCQE .stepItem___2vkoQ .title___2f20o {
        text-align:left;
        font-size: 16px
    }
}

.root___1bCQE .stepItem___2vkoQ .date___25WWd {
    text-align: left;
    font-size: 20px;
    color: #999;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .root___1bCQE .stepItem___2vkoQ .date___25WWd {
        text-align:left;
        font-size: 14px
    }
}

.floatingBarV2___1j2YU {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___2jMoO {
    width: 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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.selectionRules___25q3e {
    width: 100%
}

.selectionRules___25q3e:not(:last-child) {
    margin-bottom: 24px
}

@media only screen and (max-width: 767px) {
    .selectionRules___25q3e {
        padding:4px 16px;
        border: 1px solid #3d444d;
        border-radius: 8px
    }
}

.selectionRules___25q3e .list___3n3P7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 16px
}

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

.selectionRules___25q3e .item___2v-1W {
    -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;
    padding: 32px 0 20px;
    border: 1.5px solid #3d444d;
    border-radius: 12px;
    background-color: #151b23
}

@media only screen and (max-width: 767px) {
    .selectionRules___25q3e .item___2v-1W {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        border: none;
        border-radius: 0;
        padding: 16px 0;
        background: none
    }

    .selectionRules___25q3e .item___2v-1W:not(:last-child) {
        border-bottom: .5px solid #31373f
    }
}

.selectionRules___25q3e .item___2v-1W .icon___lxfpi {
    width: 64px;
    height: 64px;
    margin-bottom: 32px
}

@media only screen and (max-width: 767px) {
    .selectionRules___25q3e .item___2v-1W .icon___lxfpi {
        width:32px;
        height: 32px;
        margin-bottom: 0;
        margin-right: 12px
    }
}

.selectionRules___25q3e .item___2v-1W .content___3U_ux {
    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: center
}

@media only screen and (max-width: 767px) {
    .selectionRules___25q3e .item___2v-1W .content___3U_ux {
        text-align:left
    }
}

.selectionRules___25q3e .item___2v-1W .content___3U_ux .title___10WLJ {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 8px;
    color: #eee
}

@media only screen and (max-width: 767px) {
    .selectionRules___25q3e .item___2v-1W .content___3U_ux .title___10WLJ {
        font-size:18px;
        margin-bottom: 4px
    }
}

.selectionRules___25q3e .item___2v-1W .content___3U_ux .desc___OZo1r {
    font-size: 12px;
    color: #999;
    padding: 0 32px
}

@media only screen and (max-width: 767px) {
    .selectionRules___25q3e .item___2v-1W .content___3U_ux .desc___OZo1r {
        font-size:14px;
        padding: 0
    }
}

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

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

@media only screen and (max-width: 767px) {
    .videoWrapper___35rUE {
        -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
    }
}

.videoWrapper___35rUE .video___1UBd2 {
    width: 100%;
    height: 380px;
    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;
    position: relative;
    background: #333;
    margin-right: 24px
}

.videoWrapper___35rUE .video___1UBd2:hover {
    opacity: .9;
    cursor: pointer
}

.videoWrapper___35rUE .video___1UBd2 video {
    max-width: 100%;
    max-height: 100%;
    background: #333
}

.videoWrapper___35rUE .video___1UBd2 video:focus {
    outline: none
}

@media only screen and (max-width: 767px) {
    .videoWrapper___35rUE .video___1UBd2 {
        width:100%;
        height: 190px;
        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-right: 0
    }

    .videoWrapper___35rUE .video___1UBd2 video {
        max-width: 100%;
        max-height: 100%
    }
}

.videoWrapper___35rUE .video___1UBd2 .playIcon___3a5za {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -32px 0 0 -32px;
    width: 64px;
    height: 64px
}

@media only screen and (max-width: 767px) {
    .videoWrapper___35rUE .video___1UBd2 .playIcon___3a5za {
        margin:-16px 0 0 -16px;
        width: 48px;
        height: 48px
    }
}

.videoWrapper___35rUE .list___1gvkR {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 380px;
    padding: 20px 24px 24px;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 12px;
    border: 1px solid #3d444d;
    background: #151219
}

@media only screen and (max-width: 767px) {
    .videoWrapper___35rUE .list___1gvkR {
        height:auto;
        overflow-x: auto;
        width: 100vw;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        border: none;
        padding: 16px 16px 24px
    }
}

.videoWrapper___35rUE .list___1gvkR .item___26EHn {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px;
    border: 1px solid transparent;
    border-radius: 2px 0 0 2px
}

.videoWrapper___35rUE .list___1gvkR .item___26EHn:hover {
    -webkit-transition: .3s;
    transition: .3s;
    background-color: #151b23
}

@media only screen and (max-width: 767px) {
    .videoWrapper___35rUE .list___1gvkR .item___26EHn {
        height:-webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        padding: 12px 16px;
        margin-bottom: 0;
        margin-right: 12px;
        white-space: nowrap;
        border-radius: 4px;
        border: .5px solid #3d444d;
        background: #151b23;
        -webkit-box-shadow: 0 4px 12px 4px rgba(0,0,0,.08);
        box-shadow: 0 4px 12px 4px rgba(0,0,0,.08)
    }

    .videoWrapper___35rUE .list___1gvkR .item___26EHn .title___11b4t {
        color: #eee
    }

    .videoWrapper___35rUE .list___1gvkR .item___26EHn.selected___7oGaY {
        border-radius: 4px;
        border: .5px solid #09ffec;
        background: #33444a;
        -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.02);
        box-shadow: 0 10px 20px 0 rgba(0,0,0,.02)
    }

    .videoWrapper___35rUE .list___1gvkR .item___26EHn.selected___7oGaY .title___11b4t {
        color: #09ffec
    }
}

.videoWrapper___35rUE .list___1gvkR .item___26EHn .img___24HYL {
    width: 156px
}

.videoWrapper___35rUE .list___1gvkR .item___26EHn .content___pQkoq {
    margin-left: 12px;
    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: 4px
}

.videoWrapper___35rUE .list___1gvkR .item___26EHn .content___pQkoq .title___11b4t {
    text-align: left;
    color: #eee;
    font-size: 16px;
    font-weight: 500
}

.videoWrapper___35rUE .list___1gvkR .item___26EHn .content___pQkoq .createDate___2AJX6 {
    color: #999
}

.videoWrapper___35rUE .list___1gvkR .item___26EHn.selected___7oGaY {
    background: #151b23;
    -webkit-box-shadow: 0 10px 20px -10px rgba(0,0,0,.1);
    box-shadow: 0 10px 20px -10px rgba(0,0,0,.1)
}

.videoWrapper___35rUE .list___1gvkR .item___26EHn.selected___7oGaY .content___pQkoq .title___11b4t {
    color: #09ffec
}

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

.partner___ZbF-u {
    width: 100%;
    height: 112px;
    border: 1px solid #3d444d;
    border-radius: 12px
}

@media only screen and (max-width: 767px) {
    .partner___ZbF-u {
        height:auto;
        border: none;
        border-radius: 0
    }
}

.partner___ZbF-u .group___30uQO {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

@media only screen and (max-width: 767px) {
    .partner___ZbF-u .group___30uQO {
        -webkit-box-pack:justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 9px
    }

    .partner___ZbF-u .group___30uQO:not(:last-child) {
        margin-bottom: 9px
    }
}

.partner___ZbF-u .group___30uQO .logoWrapper___2-SMX {
    height: 112px;
    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) {
    .partner___ZbF-u .group___30uQO .logoWrapper___2-SMX {
        width:50%;
        height: 54px;
        border: 1px solid #3d444d;
        border-radius: 4px;
        background: #151b23
    }
}

.partner___ZbF-u .group___30uQO .logoWrapper___2-SMX .logo___2X_68 {
    width: auto;
    height: 100%
}

.floatingBarV2___2egI1 {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___3aCK8 {
    padding: 32px 16px;
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #151b23
}

.footer___3aCK8 .subTitle___12_SP {
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    font-weight: 500;
    color: #eee
}

.footer___3aCK8 .title___1ArsX {
    font-size: 28px;
    font-family: Alibaba PuHuiTi;
    font-weight: 800;
    color: #fff;
    margin-bottom: 16px
}

.pcFooter___2_HF5 {
    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;
    color: #fff;
    background-color: #151b23;
    padding: 0 145px
}

.pcFooter___2_HF5 .text___3sQYo {
    text-align: left
}

.pcFooter___2_HF5 .subTitle___12_SP {
    font-size: 24px;
    font-weight: 500
}

.pcFooter___2_HF5 .title___1ArsX {
    font-size: 48px;
    font-weight: 600;
    margin-bottom: 36px
}

.pcFooter___2_HF5 .btn___wWshf {
    width: 196px;
    font-size: 24px
}

.pcFooter___2_HF5 .imgWrapper___3LHo0 img {
    width: 330px;
    height: 330px
}

.floatingBarV2___1K_y4 {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___3NzFc {
    width: 100%;
    height: 100%
}

@media only screen and (max-width: 767px) {
    .activity1024Page___3NzFc,.activity1024Page___3NzFc .section___1mZAX {
        background-color:#151219
    }
}

.activity1024Page___3NzFc .navigator___3LPlr {
    background-color: #151219
}

.activity1024Page___3NzFc .qrcodeWrapper___fX7Pq {
    position: fixed;
    bottom: 32px;
    right: 10px;
    z-index: 2000;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.activity1024Page___3NzFc .qrcodeWrapper___fX7Pq,.activity1024Page___3NzFc .qrcodeWrapper___fX7Pq .imgWrapper___nnVLH {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.activity1024Page___3NzFc .qrcodeWrapper___fX7Pq .imgWrapper___nnVLH {
    width: 100px;
    margin-bottom: 8px
}

.activity1024Page___3NzFc .qrcodeWrapper___fX7Pq .imgWrapper___nnVLH.hidden___2J21H {
    display: none
}

.activity1024Page___3NzFc .qrcodeWrapper___fX7Pq .imgWrapper___nnVLH .title___2RTxl {
    width: 100%;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: #6a6180
}

.activity1024Page___3NzFc .qrcodeWrapper___fX7Pq .imgWrapper___nnVLH img {
    width: 100px;
    height: 100px
}

.activity1024Page___3NzFc .pcQrcodeWrapper___1H-Py {
    position: fixed;
    right: 16px;
    bottom: 144px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    z-index: 2000;
    cursor: pointer
}

.activity1024Page___3NzFc .pcQrcodeWrapper___1H-Py .iconWrapper___3CGBq {
    width: 78px;
    height: 78px;
    border: 1px solid #e7edf3;
    border-radius: 4px;
    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;
    background-color: #fff;
    font-size: 12px;
    color: #333
}

.activity1024Page___3NzFc .pcQrcodeWrapper___1H-Py .imgWrapper___nnVLH {
    padding: 16px 20px;
    background-color: #6a6180;
    border-radius: 4px
}

.activity1024Page___3NzFc .pcQrcodeWrapper___1H-Py .imgWrapper___nnVLH .title___2RTxl {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 16px
}

.activity1024Page___3NzFc .pcQrcodeWrapper___1H-Py .imgWrapper___nnVLH img {
    width: 167px;
    height: 167px;
    opacity: .8
}

.activity1024Page___3NzFc .pcQrcodeWrapper___1H-Py .imgWrapper___nnVLH.hidden___2J21H {
    display: none
}

.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 1180px;
    flex: 0 0 1180px;
    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 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
}

.strongWithoutUnderline___3X98- strong {
    text-decoration: none
}

.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___1gyjc {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___3lzKc {
    display: block;
    background-color: #00aae7;
    overflow-x: auto
}

@media only screen and (max-width: 767px) {
    .mainWrapper___3lzKc {
        height:auto
    }
}

.mainWrapper___3lzKc .contentWrapper___11qyN {
    width: 100%;
    height: 630px
}

@media only screen and (max-width: 767px) {
    .mainWrapper___3lzKc .contentWrapper___11qyN {
        height:auto;
        min-height: 700px;
    }
}

.mainWrapper___3lzKc .contentWrapper___11qyN .content___1Axvi,
.mainWrapper___3lzKc .contentWrapper___11qyN .content___1Axvi2 {
    width: 100%;
    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;
    height: 100%;
    padding-top: 60px;
    padding-bottom: 54px;
    padding-left: 20px;
    padding-right: 20px;
    color: #333
}

@media only screen and (max-width: 767px) {
    .mainWrapper___3lzKc .contentWrapper___11qyN .content___1Axvi,
    .mainWrapper___3lzKc .contentWrapper___11qyN .content___1Axvi2 {
        width:100%
    }
}

@media only screen and (min-width: 1600px) {
    .mainWrapper___3lzKc .contentWrapper___11qyN .content___1Axvi,
    .mainWrapper___3lzKc .contentWrapper___11qyN .content___1Axvi2 {
        width:100%
    }
}

.mainWrapper___3lzKc .contentWrapper___11qyN .content___1Axvi.dark___3TYFV,
.mainWrapper___3lzKc .contentWrapper___11qyN .content___1Axvi2.dark___3TYFV {
    color: #fff
}

@media only screen and (max-width: 767px) {
    .mainWrapper___3lzKc .contentWrapper___11qyN .content___1Axvi {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: auto;
        padding-top: 150px;
    }

    .mainWrapper___3lzKc .contentWrapper___11qyN .content___1Axvi2 {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: auto;
    }
}

.mainWrapper___3lzKc .contentWrapper___11qyN .content___1Axvi .title___1CtTz {
    margin-top: 176px;
    font-size: 52px;
    line-height: 1.5;
    font-weight: 500
}

@media only screen and (max-width: 767px) {
    .mainWrapper___3lzKc .contentWrapper___11qyN .content___1Axvi .title___1CtTz {
        font-size:24px;
        line-height: 1.5;
        margin-top: 0
    }
}

.mainWrapper___3lzKc .contentWrapper___11qyN .content___1Axvi .desc___1rBfz {
    margin-top: 8px;
    font-size: 20px;
    line-height: 1.5
}

@media only screen and (max-width: 767px) {
    .mainWrapper___3lzKc .contentWrapper___11qyN .content___1Axvi .desc___1rBfz {
        margin-top:6px;
        font-size: 14px;
        line-height: 1.57142857
    }
}

.mainWrapper___3lzKc .contentWrapper___11qyN .content___1Axvi .btnsWrapper___3vjih {
    margin-top: 64px
}

@media only screen and (max-width: 767px) {
    .mainWrapper___3lzKc .contentWrapper___11qyN .content___1Axvi .btnsWrapper___3vjih {
        margin-top:2px
    }
}

.mainWrapper___3lzKc .contentWrapper___11qyN .content___1Axvi .btnsWrapper___3vjih .btn___3uAh0 {
    display: inline-block;
    width: auto;
    height: 40px;
    line-height: 38px;
    margin-right: 16px;
    padding: 0 24px
}

@media only screen and (max-width: 767px) {
    .mainWrapper___3lzKc .contentWrapper___11qyN .content___1Axvi .btnsWrapper___3vjih .btn___3uAh0 {
        margin-right:8px
    }
}

.mainWrapper___3lzKc .contentWrapper___11qyN .content___1Axvi.light___2aWES .btnsWrapper___3vjih .btn___3uAh0 {
    color: #333;
    border-color: #333
}

.mainWrapper___3lzKc .contentWrapper___11qyN .content___1Axvi.light___2aWES .btnsWrapper___3vjih .btn___3uAh0:hover {
    color: #fff;
    background-color: #333;
    border-color: #333
}

.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;
    height: 0;
    padding: 0;
    background-color: #fff;
    overflow: unset;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.activities___2k7zK.hide___23MHC {
    opacity: 0;
    pointer-events: none
}

.activities___2k7zK.animated___1m9FN .container___1me7f {
    -webkit-animation-name: bounceX___WfL_y;
    animation-name: bounceX___WfL_y;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media only screen and (max-width: 767px) {
    .activities___2k7zK {
        height:96px;
        margin-top: -20px;
        padding-bottom: 24px;
        overflow: hidden
    }
}

.content___3CUOk {
    position: absolute;
    left: 50%;
    top: -180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 1180px;
    height: 108px;
    padding: 5px 30px;
    overflow-x: hidden;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

@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%;
        min-height: 80px;
        padding: 0 16px;
        background: #fff;
        -webkit-transform: none;
        transform: none;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }
}

.content___3CUOk .container___1me7f {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    display: block;
    margin: 0 0 0 20px
}

.content___3CUOk .container___1me7f:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.content___3CUOk .container___1me7f:nth-child(3) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.content___3CUOk .container___1me7f:nth-child(4) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.content___3CUOk .container___1me7f:first-of-type {
    margin-left: 0
}

@media only screen and (max-width: 767px) {
    .content___3CUOk .container___1me7f {
        -webkit-box-flex:0;
        -ms-flex: 0 0 220px;
        flex: 0 0 220px;
        margin: 0 0 0 16px
    }
}

.content___3CUOk .container___1me7f .card___JWlTD {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    height: 108px;
    padding: 0 20px;
    position: relative;
    border: none;
    -webkit-box-shadow: 0 8px 32px rgba(0,0,0,.04);
    box-shadow: 0 8px 32px rgba(0,0,0,.04);
    border-radius: 8px;
    cursor: pointer;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s
}

.content___3CUOk .container___1me7f .card___JWlTD:hover {
    -webkit-transform: translateY(-5px)!important;
    transform: translateY(-5px)!important
}

@media only screen and (max-width: 767px) {
    .content___3CUOk .container___1me7f .card___JWlTD:hover {
        -webkit-transform:none!important;
        transform: none!important
    }
}

.content___3CUOk .container___1me7f .card___JWlTD:hover {
    -webkit-box-shadow: 0 8px 32px rgba(0,0,0,.08);
    box-shadow: 0 8px 32px rgba(0,0,0,.08);
    -webkit-transition: .3s;
    transition: .3s
}

@media only screen and (max-width: 767px) {
    .content___3CUOk .container___1me7f .card___JWlTD {
        margin:0;
        padding: 0 12px;
        width: 220px;
        height: 72px;
        -webkit-box-shadow: 0 12px 24px rgba(0,0,0,.04);
        box-shadow: 0 12px 24px rgba(0,0,0,.04)
    }
}

.content___3CUOk .container___1me7f .card___JWlTD .icon___2NyVK {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain
}

@media only screen and (max-width: 767px) {
    .content___3CUOk .container___1me7f .card___JWlTD .icon___2NyVK {
        -ms-flex-preferred-size:32px;
        flex-basis: 32px;
        width: 32px;
        height: 32px
    }
}

.content___3CUOk .container___1me7f .card___JWlTD .banner___2_v-k {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 36px;
    padding: 2px 3px 0;
    font-size: 12px;
    line-height: 18px;
    border-radius: 2px;
    color: #fff;
    background: #fa8c16;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .content___3CUOk .container___1me7f .card___JWlTD .banner___2_v-k {
        display:none
    }
}

.content___3CUOk .container___1me7f .card___JWlTD .cardContent___24wEe {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    vertical-align: middle;
    width: auto;
    margin-right: 0 0 0 16px
}

.content___3CUOk .container___1me7f .card___JWlTD .cardContent___24wEe .title___2VARs {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    line-height: 1.5;
    color: #333;
    letter-spacing: .2px;
    font-weight: 500
}

.content___3CUOk .container___1me7f .card___JWlTD .cardContent___24wEe .title___2VARs:hover {
    color: #00aae7
}

.content___3CUOk .container___1me7f .card___JWlTD .cardContent___24wEe .desc___3Su17 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 8px;
    font-size: 14px;
    line-height: 22px;
    color: #666
}

@media only screen and (max-width: 767px) {
    .content___3CUOk .container___1me7f .card___JWlTD .cardContent___24wEe .desc___3Su17 {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .content___3CUOk .container___1me7f .card___JWlTD .cardContent___24wEe {
        padding:0 0 0 12px
    }
}

.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;
    padding: 12px
}

.content___3CUOk .mobileCard___2f5z9+.mobileCard___2f5z9 {
    margin-left: 8px
}

.content___3CUOk .mobileCard___2f5z9 .icon___2NyVK {
    width: 26px;
    height: 26px;
    background-size: 26px 26px
}

.content___3CUOk .mobileCard___2f5z9 .title___2VARs {
    font-size: 12px;
    line-height: 1.5;
    margin-top: 10px;
    word-break: break-all;
    text-align: center
}

@-webkit-keyframes bounceX___WfL_y {
    0% {
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    40% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    60% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    80%,to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes bounceX___WfL_y {
    0% {
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px)
    }

    40% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    60% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    80%,to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.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 {
    overflow-x: auto;
    background-color: #fff
}

.blockWraper___3m4v9.dark___3nLZX {
    background-color: #4a5158
}

@media only screen and (max-width: 767px) {
    .blockWraper___3m4v9 {
        overflow-x:hidden
    }
}

.wrapper___aoobM {
    width: 1180px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding: 72px 0;
    text-align: center
}

@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:28px 16px
    }
}

.intro___36OlH {
    margin-bottom: 36px
}

@media only screen and (max-width: 767px) {
    .intro___36OlH {
        margin-bottom:24px
    }
}

.title___hJwBy {
    color: #333;
    font-size: 28px;
    font-weight: 500
}

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

.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___2EyAc {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___3eDE3 .cardsWrapper___35bGC .slick-slider .slick-dots-bottom {
    bottom: -8px
}

.wrapper___3eDE3 .cardsWrapper___35bGC .slick-arrow {
    border-color: #e5edf4!important
}

.wrapper___3eDE3 .cardsWrapper___35bGC .group___2-Rpj {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.wrapper___3eDE3 .cardsWrapper___35bGC .group___2-Rpj .card___10bKJ {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 200px;
    margin: 0 20px 0 0;
    padding: 36px 20px 24px 24px;
    border: 1px solid #e5edf4;
    border-radius: 8px;
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.02);
    box-shadow: 0 10px 20px rgba(0,0,0,.02);
    background: #fff
}

.wrapper___3eDE3 .cardsWrapper___35bGC .group___2-Rpj .card___10bKJ:last-child {
    margin-right: 0
}

.wrapper___3eDE3 .cardsWrapper___35bGC .group___2-Rpj .markIcon___yoUTI {
    position: absolute;
    top: 24px;
    left: 64px
}

.wrapper___3eDE3 .cardsWrapper___35bGC .group___2-Rpj .imgWrapper___1ob_4 {
    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: 40px;
    height: 40px
}

.wrapper___3eDE3 .cardsWrapper___35bGC .group___2-Rpj .imgWrapper___1ob_4 .img___1qBLf {
    width: 36px;
    height: 36px
}

.wrapper___3eDE3 .cardsWrapper___35bGC .group___2-Rpj .content___2sgbW {
    -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-left: 28px;
    font-size: 16px;
    line-height: 1.5;
    z-index: 1;
    color: #333
}

.wrapper___3eDE3 .cardsWrapper___35bGC .group___2-Rpj .content___2sgbW .desc___3Ka5c {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 6em;
    word-break: break-all;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.wrapper___3eDE3 .cardsWrapper___35bGC .group___2-Rpj .content___2sgbW .name___O_4ib {
    margin-top: 16px;
    text-align: right
}

.wrapper___3eDE3 .logosWrapper___3mvDg {
    margin-top: 40px
}

.wrapper___3eDE3 .logosWrapper___3mvDg .row___1NR2r {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.wrapper___3eDE3 .logosWrapper___3mvDg .row___1NR2r .logoWrapper___3YBk1 {
    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-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 72px;
    margin-left: 20px;
    border: 1px solid #e5edf4;
    border-radius: 4px;
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.02);
    box-shadow: 0 10px 20px rgba(0,0,0,.02)
}

.wrapper___3eDE3 .logosWrapper___3mvDg .row___1NR2r .logoWrapper___3YBk1:first-child {
    margin-left: 0
}

.wrapper___3eDE3 .logosWrapper___3mvDg .row___1NR2r .logo___2XXu9 {
    width: 140px;
    height: 40px
}

.wrapper___3eDE3 .logosWrapper___3mvDg .slick-slider .slick-dots-bottom {
    bottom: -8px
}

.wrapper___3eDE3 .logosWrapper___3mvDg .slick-slider .slick-dots-bottom li {
    width: 20px
}

.wrapper___3eDE3 .logosWrapper___3mvDg .slick-slider .slick-dots-bottom li button {
    opacity: .3;
    background: #999
}

.wrapper___3eDE3 .logosWrapper___3mvDg .slick-slider .slick-dots-bottom li.slick-active button {
    opacity: 1;
    background: #999
}

.invisible___14AvV {
    visibility: hidden
}

.floatingBarV2___1Y9-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___2Evgr .cardsWrapper___214Np {
    height: 170px;
    overflow: hidden
}

.wrapper___2Evgr .cardsWrapper___214Np .cards___1bIyP {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 270px;
    overflow-x: scroll
}

.wrapper___2Evgr .cardsWrapper___214Np .card___1hjRB {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 302px;
    flex: 0 0 302px;
    height: 170px;
    margin: 0 12px 0 0;
    padding: 20px;
    border: 1px solid #e5edf4;
    border-radius: 8px;
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.02);
    box-shadow: 0 10px 20px rgba(0,0,0,.02);
    background: #fff
}

.wrapper___2Evgr .cardsWrapper___214Np .card___1hjRB:first-child {
    margin-left: 0
}

.wrapper___2Evgr .cardsWrapper___214Np .card___1hjRB .markIcon___vAbXo {
    position: absolute;
    top: 12px;
    left: 60px
}

.wrapper___2Evgr .cardsWrapper___214Np .imgWrapper___2B3rj {
    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: 40px;
    height: 40px
}

.wrapper___2Evgr .cardsWrapper___214Np .imgWrapper___2B3rj .img___1L2sf {
    width: 36px;
    height: 36px
}

.wrapper___2Evgr .cardsWrapper___214Np .content___E7kXj {
    -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-left: 16px;
    font-size: 14px;
    z-index: 1;
    color: #333
}

.wrapper___2Evgr .cardsWrapper___214Np .content___E7kXj .desc___3iasi {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 6em;
    word-break: break-all;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.wrapper___2Evgr .cardsWrapper___214Np .content___E7kXj .name___1xSoz {
    margin-top: 20px;
    text-align: right
}

.wrapper___2Evgr .logosWrapper___2Wnoy {
    margin-top: 16px;
    overflow: hidden
}

.wrapper___2Evgr .logosWrapper___2Wnoy .rows___2TtDE {
    overflow-x: scroll
}

.wrapper___2Evgr .logosWrapper___2Wnoy .rows___2TtDE ::-webkit-scrollbar {
    -webkit-appearance: none
}

.wrapper___2Evgr .logosWrapper___2Wnoy .row___1memh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 52px;
    margin-bottom: 12px
}

.wrapper___2Evgr .logosWrapper___2Wnoy .logoWrapper___3FFjB {
    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-flex: 0;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
    height: 52px;
    margin-left: 12px;
    border: 1px solid #e5edf4;
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.02);
    box-shadow: 0 10px 20px rgba(0,0,0,.02)
}

.wrapper___2Evgr .logosWrapper___2Wnoy .logoWrapper___3FFjB:first-child {
    margin-left: 0
}

.wrapper___2Evgr .logosWrapper___2Wnoy .logo___1Ixu_ {
    width: 140px;
    height: 40px
}

.floatingBarV2____nhG- {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___1W3o1 {
    width: 100%;
    background: #f4f5f7
}

.wrapper___1W3o1 .content___FmO3g {
    width: 1180px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 128px;
    padding: 0;
    background: transparent;
    text-align: center
}

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

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

@media only screen and (max-width: 767px) {
    .wrapper___1W3o1 .content___FmO3g {
        display:block;
        height: auto;
        padding: 6px 0
    }
}

.wrapper___1W3o1 .item___3WaUM,.wrapper___1W3o1 .link___1Glmd {
    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___1W3o1 .invisible___3PVkb {
    visibility: hidden
}

.wrapper___1W3o1 .img___3qDJ0 {
    width: 52px;
    height: 52px
}

@media only screen and (max-width: 767px) {
    .wrapper___1W3o1 .img___3qDJ0 {
        width:48px;
        height: 48px
    }
}

.wrapper___1W3o1 .name___1Kdsy {
    margin-top: 12px;
    color: #333
}

@media only screen and (max-width: 767px) {
    .wrapper___1W3o1 .name___1Kdsy {
        margin-top:24px
    }
}

.wrapper___1W3o1 .row___1Rj0N {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 36px
}

.wrapper___1W3o1 .row___1Rj0N:first-child {
    margin-top: 0
}

.wrapper___1W3o1 .row___1Rj0N .item___3WaUM {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media only screen and (max-width: 767px) {
    .wrapper___1W3o1 {
        background:#fff
    }
}

.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 {
    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;
    width: 100%;
    height: 180px;
    background-color: #5aa9f3;
    background-image: url(https://www-static.qbox.me/_next/static/media/background.ffa97d20a43b2e8e935e1e8ad6996962.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.wrapper___30nUm .title___2HIAt {
    font-size: 24px;
    font-weight: 500;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .wrapper___30nUm .title___2HIAt {
        font-size:16px
    }
}

.wrapper___30nUm .btn___1js-B {
    height: 40px;
    margin-top: 28px;
    line-height: 40px;
    font-weight: 500;
    border: none;
    background-color: #07beff
}

.wrapper___30nUm .btn___1js-B:hover {
    background-color: #37caff
}

@media only screen and (max-width: 767px) {
    .wrapper___30nUm .btn___1js-B {
        margin-top:16px
    }
}

@media only screen and (max-width: 767px) {
    .wrapper___30nUm {
        height:160px;
        background-image: url(https://www-static.qbox.me/_next/static/media/background-mobile.f19e6c4664219af3016f97a0f50baecc.jpg)
    }
}

.floatingBarV2___3opwe {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___3i-l- {
    height: 120px;
    background: #2c3138
}

.wrapper___3i-l- .content___3CARz {
    width: 1180px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

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

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

.wrapper___3i-l- .content___3CARz .item___1xy4O {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wrapper___3i-l- .content___3CARz .img___7tAIo {
    width: 48px;
    height: 48px
}

.wrapper___3i-l- .content___3CARz .name___1pd1j {
    margin-left: 20px;
    color: #fff
}

.floatingBarV2___3N2Z_ {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___1Rxqa {
    margin-top: 50px;
    font-size: 48px;
    line-height: 1.5;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .title___1Rxqa {
        font-size:24px;
        line-height: 1.5;
        margin-top: 0;
        text-align: center
    }
}

.desc___3vufO {
    font-size: 18px;
    line-height: 1.5;
    margin-top: 8px;
    color: hsla(0,0%,100%,.7)
}

@media only screen and (max-width: 767px) {
    .desc___3vufO {
        font-size:14px;
        line-height: 1.57142857;
        margin-top: 6px;
        text-align: center
    }
}

.features___39T2V {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.features___39T2V .item___2nNRc {
    font-size: 16px;
    line-height: 1.5;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 50px;
    color: #fff
}

.features___39T2V .item___2nNRc+.item___2nNRc {
    margin-left: 44px
}

.features___39T2V .item___2nNRc .itemDesc___2vLYg {
    font-weight: 400
}

.features___39T2V .item___2nNRc .itemDesc___2vLYg .itemDescTitle___1K9e- {
    font-size: 18px;
    line-height: 1.5
}

.features___39T2V .item___2nNRc .itemDesc___2vLYg .itemDescSubTitle___2XW3I {
    font-size: 12px;
    line-height: 1.5;
    color: hsla(0,0%,100%,.7)
}

.features___39T2V .icon___2MhGX {
    margin-right: 12px;
    font-size: 26px
}

.floatingBarV2___2RJfC {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___3G-bX {
    background: #2c3138!important
}

.row___1xzao+.row___1xzao {
    margin-top: 20px!important
}

@media only screen and (max-width: 767px) {
    .row___1xzao {
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }

    .row___1xzao+.row___1xzao {
        margin-top: 12px!important
    }
}

.link___3guT8 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.link___3guT8+.link___3guT8 {
    margin-left: 20px
}

@media only screen and (max-width: 767px) {
    .link___3guT8+.link___3guT8 {
        margin-left:12px
    }
}

.link___3guT8 .card___3nHQW {
    position: relative;
    padding: 24px;
    overflow: hidden;
    border-radius: 8px;
    border: none;
    background: #353b43
}

.link___3guT8 .card___3nHQW:hover .icon___3z0_H {
    color: #07beff
}

.link___3guT8 .card___3nHQW:hover .background___3w8KV {
    opacity: 1
}

.link___3guT8 .card___3nHQW:hover .arrow___1lLaa {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media only screen and (max-width: 767px) {
    .link___3guT8 .card___3nHQW {
        -webkit-box-flex:1;
        -ms-flex: 1;
        flex: 1;
        height: 100%;
        margin: 0 0 0 11px;
        padding: 12px
    }
}

.link___3guT8 .card___3nHQW .background___3w8KV {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    background-image: url(https://www-static.qbox.me/_next/static/media/card-bg.8bab7f5c15e885d6f142a432d7019bb8.png);
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.link___3guT8 .card___3nHQW .icon___3z0_H {
    position: relative;
    margin-right: 20px;
    color: #475363;
    -webkit-transition: .3s;
    transition: .3s
}

@media only screen and (max-width: 767px) {
    .link___3guT8 .card___3nHQW .icon___3z0_H {
        width:38px;
        height: 38px;
        margin-right: 0;
        margin-left: 4px
    }
}

.link___3guT8 .card___3nHQW .content___qw6ga {
    position: relative;
    padding: 0
}

.link___3guT8 .card___3nHQW .content___qw6ga .title___1fJBr {
    font-size: 20px;
    line-height: 1.5;
    color: #fff;
    font-weight: 400
}

@media only screen and (max-width: 767px) {
    .link___3guT8 .card___3nHQW .content___qw6ga .title___1fJBr {
        font-size:14px
    }
}

.link___3guT8 .card___3nHQW .content___qw6ga .desc___2svy_ {
    font-size: 14px;
    line-height: 1.57142857;
    margin-top: 4px;
    color: #dcdee0
}

@media only screen and (max-width: 767px) {
    .link___3guT8 .card___3nHQW .content___qw6ga .desc___2svy_ {
        line-height:1.5;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        word-break: break-all;
        max-height: 54px;
        font-size: 12px
    }
}

.link___3guT8 .card___3nHQW .arrow___1lLaa {
    position: absolute;
    top: 68px;
    right: 32px;
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transition: .5s;
    transition: .5s
}

.floatingBarV2___2liRp {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___TBr4_ {
    background: url(https://www-static.qbox.me/_next/static/media/background.caf1268e7ffbb5811f92cacc9acd878a.svg);
    background-size: cover;
    background-position: 50%
}

.section___TBr4_ .content___3k95n {
    padding-top: 12px
}

.section___TBr4_ .code___3r0hQ {
    height: 260px;
    padding: 20px;
    font-size: 14px;
    font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
    border-radius: 4px;
    background: #fff
}

@media only screen and (max-width: 767px) {
    .section___TBr4_ .code___3r0hQ {
        height:286px;
        padding: 11px;
        font-size: 12px;
        white-space: pre-wrap
    }
}

.section___TBr4_ .stepsTitle___FFWZm {
    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) {
    .section___TBr4_ .stepsTitle___FFWZm {
        margin-top:16px;
        margin-bottom: 14px;
        font-size: 16px
    }
}

.section___TBr4_ .stepsTitle___FFWZm .consult___1Ctwj {
    font-size: 18px;
    line-height: 1.5;
    color: #07beff;
    cursor: pointer
}

.section___TBr4_ .stepsTitle___FFWZm .consult___1Ctwj:hover {
    text-decoration: underline
}

@media only screen and (max-width: 767px) {
    .section___TBr4_ .stepsTitle___FFWZm .consult___1Ctwj {
        font-size:14px;
        line-height: 1.57142857
    }
}

.section___TBr4_ .stepCard___3G2fq {
    margin: 0;
    padding-left: 36px;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-radius: 4px
}

.section___TBr4_ .stepCard___3G2fq .number___82EjR {
    margin-right: 8px;
    font-weight: 500
}

@media only screen and (max-width: 767px) {
    .section___TBr4_ .stepCard___3G2fq+.arrowWrapper___wSetH+.stepCard___3G2fq {
        margin-top:10px
    }
}

.section___TBr4_ .arrowWrapper___wSetH {
    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) {
    .section___TBr4_ .arrowWrapper___wSetH {
        width:80px
    }
}

@media only screen and (max-width: 767px) {
    .section___TBr4_ .arrowWrapper___wSetH {
        display:none
    }
}

.section___TBr4_ .btn___1o-PN {
    margin: 36px 0 0
}

.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: 1180px;
    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: 1180px;
    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: 1180px;
    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
}

.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: #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___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___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: 1180px;
    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: 1180px;
    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: 1180px;
    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___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___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: 1180px;
    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
    }
}

.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: 1180px;
    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___1d6ip {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.mobileWrapper___3I21Q {
    padding: 0 16px
}

.mobileWrapper___3I21Q .rc-menu {
    text-align: left
}

.mobileWrapper___3I21Q .rc-menu .rc-menu-submenu {
    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;
    margin-bottom: 12px;
    background: #fff
}

.mobileWrapper___3I21Q .rc-menu .rc-menu-submenu:last-child {
    margin-bottom: 0
}

.mobileWrapper___3I21Q .rc-menu .rc-menu-submenu .rc-menu-submenu-title {
    font-size: 16px;
    font-weight: 500;
    color: #333
}

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

.demoWrapper___I1F1l {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

.demoWrapper___I1F1l figure {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.demoWrapper___I1F1l figure .qrCode___3s9PK {
    width: 180px;
    height: 180px;
    padding: 10px;
    background: #fff
}

.demoWrapper___I1F1l figure figcaption {
    margin-top: 12px;
    white-space: pre-wrap;
    word-break: break-word;
    word-wrap: break-word;
    overflow-wrap: break-word;
    text-align: center
}

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

.demoWrapper___2crxt {
    padding: 0 20px
}

.itemWrapper___3eoyp {
    border-bottom: 1px solid #e5edf4
}

.itemWrapper___3eoyp:last-child {
    border-bottom-color: transparent
}

.item___3uAbE {
    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 0 12px 4px;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    color: #333
}

.floatingBarV2___3SB5V {
    background: #fff;
    border: 1px solid #e5edf4;
    -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) {
    .cases___1xlMX {
        padding:0 20px
    }
}

.case___37Z5o {
    background-color: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,.02);
    box-shadow: 0 10px 20px rgba(0,0,0,.02);
    border: 1px solid #e5edf4;
    border-radius: 4px
}

@media only screen and (min-width: 768px) {
    .case___37Z5o {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 20px;
        margin-top: 24px
    }
}

@media only screen and (max-width: 767px) {
    .case___37Z5o {
        margin-top:12px;
        padding: 0
    }
}

.case___37Z5o:first-child {
    margin-top: 0
}

.case___37Z5o .content___3L2Sq {
    margin-left: 40px
}

@media only screen and (max-width: 767px) {
    .case___37Z5o .content___3L2Sq {
        margin-left:0;
        padding: 12px 16px 20px
    }
}

.case___37Z5o .logoWrapper___1iVND {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 276px;
    height: 160px;
    padding: 40px 0
}

@media only screen and (max-width: 767px) {
    .case___37Z5o .logoWrapper___1iVND {
        width:100%;
        height: 146px;
        padding: 33px 0
    }
}

.logo___3x2wL {
    width: auto;
    max-width: 100%;
    height: auto
}

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

.content___3L2Sq {
    -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
}

.title___2LNzx {
    color: #333;
    font-size: 20px;
    line-height: 1.5
}

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

.desc___gUViT {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 16px;
    color: #666
}

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

.footer___1g3uY {
    margin-top: 16px;
    justify-self: end
}

.consultEntry___HjY9r {
    color: #07beff;
    cursor: pointer
}

.consultEntry___HjY9r:hover {
    text-decoration: underline
}

.consultEntry___HjY9r span {
    vertical-align: middle
}

.consultEntry___HjY9r .iconChat___3Yqwk {
    margin-right: 8px
}

.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: 1180px;
    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
    }
}

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

.mobileWrapper___y9tvt {
    padding: 0 16px
}

.pcWrapper___3ovYZ .myCard___2jOGn {
    border: 1px solid #e5edf4;
    border-radius: 4px;
    position: relative;
    height: 526px;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden
}

@media only screen and (min-width: 1600px) {
    .pcWrapper___3ovYZ .myCard___2jOGn {
        height:590px
    }
}

.pcWrapper___3ovYZ .myCard___2jOGn img {
    width: 100%
}

.pcWrapper___3ovYZ .myCard___2jOGn .bg___tnoXa {
    width: 100%;
    position: absolute;
    top: 220px;
    height: 270px;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(75.7%,#fff),color-stop(82.62%,hsla(0,0%,99.2%,.926064)),color-stop(92.24%,hsla(0,0%,96.1%,.596927)),to(hsla(0,0%,89.8%,0)));
    background: linear-gradient(180deg,#fff 75.7%,hsla(0,0%,99.2%,.926064) 82.62%,hsla(0,0%,96.1%,.596927) 92.24%,hsla(0,0%,89.8%,0));
    -webkit-transform: matrix(1,0,0,-1,0,0);
    transform: matrix(1,0,0,-1,0,0)
}

@media only screen and (min-width: 1600px) {
    .pcWrapper___3ovYZ .myCard___2jOGn .bg___tnoXa {
        top:270px
    }
}

.pcWrapper___3ovYZ .myCard___2jOGn .content___2r2q5 {
    position: absolute;
    top: 300px;
    padding: 0 24px
}

@media only screen and (min-width: 1600px) {
    .pcWrapper___3ovYZ .myCard___2jOGn .content___2r2q5 {
        top:350px
    }
}

.pcWrapper___3ovYZ .myCard___2jOGn .content___2r2q5 .title___3BQGe {
    margin-bottom: 20px;
    font-weight: 500;
    color: #333;
    font-size: 20px;
    line-height: 1.5
}

.mobileWrapper___y9tvt .rc-menu {
    text-align: left
}

.mobileWrapper___y9tvt .rc-menu .rc-menu-submenu {
    background: #fff;
    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;
    margin-bottom: 12px
}

.mobileWrapper___y9tvt .rc-menu .rc-menu-submenu:last-child {
    margin-bottom: 0
}

.mobileWrapper___y9tvt .rc-menu .rc-menu-submenu .rc-menu-sub {
    padding: 0 16px 16px
}

.mobileWrapper___y9tvt .img___2MOsv {
    width: 100%;
    margin-bottom: 12px;
    overflow: hidden;
    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
}

.mobileWrapper___y9tvt .img___2MOsv img {
    width: 100%
}

.list___2i3cV .recommend___2_fPY {
    font-weight: 500
}

.list___2i3cV .recommend___2_fPY,.productItem___37wtT {
    color: #333;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 1.5
}

.productItem___37wtT {
    position: relative;
    font-weight: 400;
    padding-left: 18px
}

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

@media only screen and (max-width: 767px) {
    .productItem___37wtT {
        font-size:14px;
        line-height: 1.57142857
    }
}

.productItem___37wtT:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    vertical-align: middle;
    width: 0;
    height: 0;
    border: 3px solid #00aae7;
    border-radius: 50%;
    opacity: .4;
    font-size: 0
}

.floatingBarV2___1B_TB {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___dTagW {
        padding:0 16px
    }
}

.wrapper___dTagW .myCard___1Bn2b {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: none;
    box-shadow: none
}

.wrapper___dTagW .myCard___1Bn2b.pcCard___15gxZ {
    padding: 24px 0;
    text-align: center;
    border-radius: 4px
}

.wrapper___dTagW .myCard___1Bn2b.pcCard___15gxZ .iconWrapper___2RzpA {
    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: 100px;
    height: 100px;
    margin: 0 auto
}

.wrapper___dTagW .myCard___1Bn2b.pcCard___15gxZ .iconWrapper___2RzpA img,.wrapper___dTagW .myCard___1Bn2b.pcCard___15gxZ .iconWrapper___2RzpA svg {
    width: 64px;
    height: 64px
}

.wrapper___dTagW .myCard___1Bn2b.pcCard___15gxZ h3 {
    margin-top: 20px;
    color: #333;
    font-size: 20px;
    line-height: 1.5
}

.wrapper___dTagW .myCard___1Bn2b.pcCard___15gxZ h5 {
    margin-top: 12px;
    font-weight: 400;
    color: #666;
    font-size: 14px;
    line-height: 1.57142857
}

.wrapper___dTagW .myCard___1Bn2b.pcCard___15gxZ .list___3C2ry {
    display: inline-block;
    text-align: left;
    margin-top: 24px
}

.wrapper___dTagW .myCard___1Bn2b.pcCard___15gxZ .list___3C2ry .item___bbXXC {
    font-size: 14px;
    line-height: 1.57142857
}

.wrapper___dTagW .myCard___1Bn2b.mobileCard___2L4EG {
    border-radius: 2px;
    padding: 16px 0 16px 60px;
    position: relative
}

.wrapper___dTagW .myCard___1Bn2b.mobileCard___2L4EG .iconWrapper___2RzpA {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 16px;
    left: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 28px;
    height: 28px
}

.wrapper___dTagW .myCard___1Bn2b.mobileCard___2L4EG .iconWrapper___2RzpA img,.wrapper___dTagW .myCard___1Bn2b.mobileCard___2L4EG .iconWrapper___2RzpA svg {
    width: 28px;
    height: 28px
}

.wrapper___dTagW .myCard___1Bn2b.mobileCard___2L4EG h3 {
    color: #333;
    font-size: 14px;
    line-height: 1.57142857
}

.wrapper___dTagW .myCard___1Bn2b.mobileCard___2L4EG h5 {
    margin-top: 4px;
    font-weight: 400;
    color: #666;
    font-size: 12px;
    line-height: 1.5
}

.wrapper___dTagW .myCard___1Bn2b.mobileCard___2L4EG .list___3C2ry {
    margin-top: 16px
}

.wrapper___dTagW .myCard___1Bn2b.mobileCard___2L4EG .list___3C2ry .item___bbXXC {
    font-size: 12px;
    line-height: 1.5
}

.list___3C2ry {
    display: inline-block;
    text-align: left
}

.list___3C2ry .item___bbXXC {
    color: #333;
    margin-bottom: 12px;
    padding-left: 24px;
    background-image: url(https://www-static.qbox.me/_next/static/media/hook.40a2baeff4ec1430162a15cd26153705.svg);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 16px 16px
}

.list___3C2ry .item___bbXXC:last-child {
    margin-bottom: 0
}

.getBtn___1GXwf {
    width: 292px;
    margin-top: 32px
}

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

.moreText___5WosD {
    color: #333;
    margin-top: 24px;
    font-size: 14px;
    line-height: 1.57142857
}

@media only screen and (max-width: 767px) {
    .moreText___5WosD {
        margin-top:12px
    }
}

.floatingBarV2___1oKXC {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___2-kR6 {
        padding:0 16px
    }
}

.quickStartWraper___24FfY {
    border: 1px solid #e5edf4;
    background-color: #fff
}

@media only screen and (min-width: 768px) {
    .quickStartWraper___24FfY {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 252px;
        border-radius: 4px;
        overflow: hidden
    }

    .quickStartWraper___24FfY .intro___3YSiA {
        width: 210px;
        padding: 24px;
        text-align: left;
        background-image: url(https://www-static.qbox.me/_next/static/media/quick_start.e8e235b17835dad0e98ce66f7b3f5f6b.png);
        background-repeat: no-repeat;
        background-position: 0;
        background-size: cover
    }

    .quickStartWraper___24FfY .intro___3YSiA .introTitle___3rLP8 {
        font-weight: 500;
        color: #333;
        font-size: 20px;
        line-height: 1.5
    }

    .quickStartWraper___24FfY .intro___3YSiA .introDesc___3e4h_ {
        display: inline-block;
        color: #333;
        margin-top: 12px;
        font-size: 14px;
        line-height: 1.57142857
    }

    .quickStartWraper___24FfY .content___367LQ {
        -webkit-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        padding: 10px
    }

    .quickStartWraper___24FfY .content___367LQ .contentRow___HQQk3 {
        margin-top: 0
    }
}

@media only screen and (min-width: 1600px) {
    .quickStartWraper___24FfY .intro___3YSiA {
        width:448px;
        background-image: url(https://www-static.qbox.me/_next/static/media/quick_start_lg.03efe7f31676a051e016ac852b4dcfd2.png)
    }
}

@media only screen and (max-width: 767px) {
    .quickStartWraper___24FfY {
        border-radius:2px
    }

    .quickStartWraper___24FfY .intro___3YSiA {
        text-align: left;
        height: 136px;
        width: 100%;
        padding: 24px 16px 0;
        background-image: url(https://www-static.qbox.me/_next/static/media/quick_start_mobile.13d1bc24bbd68747233c7391a3ffbe66.png);
        background-repeat: no-repeat;
        background-position: 0;
        background-size: cover
    }

    .quickStartWraper___24FfY .introTitle___3rLP8 {
        font-weight: 500;
        font-size: 16px;
        line-height: 1.5
    }

    .quickStartWraper___24FfY .introDesc___3e4h_ {
        display: inline-block;
        width: 100%;
        margin-top: 12px;
        color: #333;
        font-size: 14px;
        line-height: 1.57142857
    }

    .quickStartWraper___24FfY .contentRow___HQQk3 {
        display: block
    }

    .quickStartWraper___24FfY .content___367LQ {
        padding: 16px
    }
}

.quickStartItem___2-LQ2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 96px;
    margin: 10px;
    border-radius: 4px;
    border: 1px solid #e5edf4;
    padding-left: 30px
}

.quickStartItem___2-LQ2 .itemTitle___23cKA {
    font-weight: 500;
    color: #333;
    margin-left: 20px;
    font-size: 20px;
    line-height: 1.5
}

.quickStartItem___2-LQ2 .itemIcon___2duDL img,.quickStartItem___2-LQ2 .itemIcon___2duDL svg {
    width: 48px;
    height: 48px
}

@media only screen and (max-width: 767px) {
    .quickStartItem___2-LQ2 {
        height:64px;
        margin: 0 0 12px;
        border-radius: 2px;
        padding: 0 16px
    }

    .quickStartItem___2-LQ2:last-child {
        margin-bottom: 0
    }

    .quickStartItem___2-LQ2 .itemIcon___2duDL img,.quickStartItem___2-LQ2 .itemIcon___2duDL svg {
        width: 32px;
        height: 32px
    }

    .quickStartItem___2-LQ2 .itemTitle___23cKA {
        -webkit-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        text-align: left;
        margin-left: 16px;
        font-size: 16px;
        line-height: 1.5
    }
}

.careerWrapper___B2NoY {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    height: 226px;
    border: 1px solid #e5edf4;
    border-radius: 4px;
    overflow: hidden;
    background-color: #fff
}

@media only screen and (max-width: 767px) {
    .careerWrapper___B2NoY {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 2px;
        margin-top: 16px;
        height: auto
    }
}

.careerWrapper___B2NoY .content___367LQ {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px
}

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

.careerWrapper___B2NoY .intro___3YSiA {
    width: 210px;
    color: #fff;
    padding: 24px;
    background-image: url(https://www-static.qbox.me/_next/static/media/career_bg.b1d4995253f92ef3ac37b8c7edcb215a.png);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: cover;
    text-align: left
}

.careerWrapper___B2NoY .intro___3YSiA .introTitle___3rLP8 {
    font-size: 20px;
    line-height: 1.5
}

@media only screen and (max-width: 767px) {
    .careerWrapper___B2NoY .intro___3YSiA .introTitle___3rLP8 {
        font-size:16px;
        line-height: 1.5
    }
}

.careerWrapper___B2NoY .intro___3YSiA .introDesc___3e4h_ {
    display: inline-block;
    margin-top: 12px;
    color: #e5e5e5;
    font-size: 14px;
    line-height: 1.57142857
}

@media only screen and (max-width: 767px) {
    .careerWrapper___B2NoY .intro___3YSiA .introDesc___3e4h_ {
        color:#fff
    }
}

@media only screen and (max-width: 767px) {
    .careerWrapper___B2NoY .intro___3YSiA {
        -webkit-box-ordinal-group:0;
        -ms-flex-order: -1;
        order: -1;
        width: 100%;
        height: 114px;
        padding: 24px 16px;
        background-image: url(https://www-static.qbox.me/_next/static/media/career_bg_mobile.b302d8032e2e9d76c555cadbca5b56ea.png);
        background-repeat: no-repeat;
        background-position: 0;
        background-size: cover;
        text-align: left
    }
}

@media only screen and (min-width: 1600px) {
    .careerWrapper___B2NoY .intro___3YSiA {
        width:448px;
        background-image: url(https://www-static.qbox.me/_next/static/media/career_bg_lg.aea1df26bd70eb9abffec3d0bce0d922.png)
    }
}

.careerItemWrapper___3D407 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    border: 1px solid #e5edf4;
    border-radius: 4px;
    margin-right: 20px;
    overflow: hidden
}

.careerItemWrapper___3D407:last-child {
    margin-right: 0
}

.careerItemWrapper___3D407 .img___2WaqG {
    width: 100%;
    overflow: hidden
}

.careerItemWrapper___3D407 .img___2WaqG img {
    width: 100%
}

@media only screen and (max-width: 767px) {
    .careerItemWrapper___3D407 {
        height:162px;
        border-radius: 2px;
        margin: 0 0 12px
    }

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

.careerItemWrapper___3D407 .text___1FnfR {
    padding: 16px;
    color: #333;
    font-weight: 500;
    text-align: left;
    font-size: 16px;
    line-height: 1.5
}

.floatingBarV2___2zWip {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___346Cy {
    width: 800px;
    height: auto!important;
    border-radius: 4px
}

@media only screen and (max-width: 767px) {
    .wrapper___346Cy {
        border-radius:13px 13px 0 0
    }
}

.wrapper___346Cy .title___3lPrf {
    padding: 24px 0 4px;
    text-align: center;
    color: #333;
    font-size: 20px;
    line-height: 1.5
}

@media only screen and (max-width: 767px) {
    .wrapper___346Cy .title___3lPrf {
        padding:16px 0;
        border-bottom: 1px solid #e5e5e5;
        font-size: 16px;
        line-height: 1.5
    }
}

.wrapper___346Cy .closeBtn___2PXYH {
    position: absolute;
    top: 24px;
    right: 24px;
    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
}

.wrapper___346Cy .closeBtn___2PXYH svg {
    width: 24px;
    height: 24px;
    fill: #bfbfbf;
    -webkit-transition: .2s;
    transition: .2s
}

@media only screen and (max-width: 767px) {
    .wrapper___346Cy .closeBtn___2PXYH svg {
        width:16px;
        height: 16px
    }
}

.wrapper___346Cy .closeBtn___2PXYH:hover svg {
    fill: #999
}

@media only screen and (max-width: 767px) {
    .wrapper___346Cy .closeBtn___2PXYH {
        top:20px;
        right: 16px
    }
}

.wrapper___346Cy .content___1do2w {
    padding: 24px
}

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

.section___3hF7f {
    margin-bottom: 20px
}

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

@media only screen and (max-width: 767px) {
    .section___3hF7f {
        margin-bottom:16px
    }
}

.section___3hF7f h3 {
    font-weight: 400;
    color: #000;
    font-size: 14px;
    line-height: 1.57142857
}

.myContent___1i5Lm {
    color: #666;
    font-size: 14px;
    line-height: 1.57142857
}

@media only screen and (max-width: 767px) {
    .myContent___1i5Lm {
        font-size:12px;
        line-height: 1.5
    }
}

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

.process___hfqG7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.step___1oe9s {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    height: 134px
}

.step___1oe9s .content___3t5F2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.step___1oe9s .main___2lfIo {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    text-align: center;
    background: #f2fbfe;
    height: 134px;
    padding: 20px 0
}

.step___1oe9s .main___2lfIo .icon___1PpeR,.step___1oe9s .main___2lfIo .text___3VEt_ {
    display: block
}

.step___1oe9s .main___2lfIo .icon___1PpeR {
    width: 52px;
    height: 52px;
    margin: 0 auto
}

.step___1oe9s .main___2lfIo .text___3VEt_ {
    font-weight: 500;
    color: #333;
    font-size: 20px;
    margin-top: 12px
}

.step___1oe9s:first-child .arrowLeft___1XaV7 {
    display: none
}

.step___1oe9s .arrowLeft___1XaV7 {
    border-color: #f2fbfe #f2fbfe #f2fbfe transparent;
    border-style: solid;
    border-width: 67px 0 67px 20px
}

.step___1oe9s:last-child .arrowRight___1-BL1 {
    display: none
}

.step___1oe9s .arrowRight___1-BL1 {
    border-color: transparent transparent transparent #f2fbfe;
    border-style: solid;
    border-width: 67px 0 67px 20px
}

@media only screen and (min-width: 1600px) {
    .step___1oe9s {
        height:100px
    }

    .step___1oe9s .main___2lfIo {
        -webkit-box-flex: 1;
        -ms-flex: 1 1;
        flex: 1 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: left;
        height: 100px;
        background: #f2fbfe;
        padding-left: 16px
    }

    .step___1oe9s .main___2lfIo .icon___1PpeR,.step___1oe9s .main___2lfIo .text___3VEt_ {
        display: inline-block
    }

    .step___1oe9s .main___2lfIo .icon___1PpeR {
        margin: 0;
        width: 52px;
        height: 52px
    }

    .step___1oe9s .main___2lfIo .text___3VEt_ {
        font-weight: 500;
        color: #333;
        font-size: 20px;
        margin: 0 0 0 20px
    }

    .step___1oe9s:first-child .main___2lfIo {
        padding-left: 24px
    }

    .step___1oe9s .arrowLeft___1XaV7 {
        border-color: #f2fbfe #f2fbfe #f2fbfe transparent;
        border-style: solid;
        border-width: 50px 0 50px 20px
    }

    .step___1oe9s .arrowRight___1-BL1 {
        border-color: transparent transparent transparent #f2fbfe;
        border-style: solid;
        border-width: 50px 0 50px 20px
    }
}

.floatingBarV2___2VNu_ {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___3sE5O {
    padding: 0 16px
}

.wrapper___3sE5O .step___JenTY {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    height: 46px;
    background: #fff;
    border: 1px solid #e5edf4;
    border-radius: 2px;
    margin-bottom: 12px
}

.wrapper___3sE5O .step___JenTY:last-child {
    margin-bottom: 0
}

.wrapper___3sE5O .content___3-izd {
    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;
    height: 46px;
    padding: 0 16px
}

.wrapper___3sE5O .content___3-izd .icon___34QqB {
    margin-right: 12px;
    height: 28px;
    width: 28px
}

.wrapper___3sE5O .content___3-izd .text___cRGCz {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    font-weight: 500;
    color: #333;
    text-align: left;
    font-size: 14px;
    line-height: 1.57142857
}

.wrapper___3sE5O .content___3-izd .numberIcon___1Fz2A {
    width: 32px;
    text-align: center
}

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

.certificationLink___1UYds {
    display: inline-block;
    margin-top: 32px
}

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

.activityLink___22hHz {
    display: inline-block;
    margin-top: 32px
}

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

.youCanDoText___1orvx {
    color: #333;
    margin-top: 32px;
    font-size: 14px;
    line-height: 1.57142857
}

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

.activities___3G0J5 {
    text-align: left
}

.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___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
}

.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___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: 1180px;
    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: 1180px;
    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___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: 1180px;
    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___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: 1180px;
    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
    }
}

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___2XosI {
    background: #fff;
    border: 1px solid #e5edf4;
    -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) {
    .wrapper___2F5k9 {
        margin:72px 0
    }
}

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

.title___3lBqk {
    width: 100%;
    text-align: center;
    font-weight: 500
}

@media only screen and (min-width: 768px) {
    .title___3lBqk {
        margin-bottom:36px;
        font-size: 28px
    }
}

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

@media only screen and (min-width: 768px) {
    .main___2Z2KP {
        width:1180px;
        margin: 0 auto
    }
}

@media only screen and (max-width: 767px) {
    .main___2Z2KP {
        width:100%;
        overflow-x: auto;
        overflow-y: hidden
    }
}

@media only screen and (min-width: 768px) {
    .img___1WlAL {
        width:1180px
    }
}

@media only screen and (max-width: 767px) {
    .img___1WlAL {
        height:412px
    }
}

.floatingBarV2___1XnsR {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___3LGhl .navs___1O4kz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (min-width: 768px) {
    .tabs___3LGhl .navs___1O4kz {
        gap:124px;
        padding-bottom: 30px
    }
}

@media only screen and (max-width: 767px) {
    .tabs___3LGhl .navs___1O4kz {
        gap:28px;
        overflow-x: auto;
        padding-bottom: 20px
    }
}

.tabs___3LGhl .navs___1O4kz .nav___1hivX {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 0%;
    flex: 0 1 0%;
    cursor: pointer
}

@media only screen and (min-width: 768px) {
    .tabs___3LGhl .navs___1O4kz .nav___1hivX.active___2mJi0 .iconWrapper___2gGGJ .icon___1e6XB {
        width:90px;
        height: 90px
    }
}

.tabs___3LGhl .navs___1O4kz .nav___1hivX.active___2mJi0 .title___2jGTV {
    font-weight: 500;
    color: #333
}

@media only screen and (min-width: 768px) {
    .tabs___3LGhl .navs___1O4kz .iconWrapper___2gGGJ {
        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: 90px;
        height: 90px
    }

    .tabs___3LGhl .navs___1O4kz .iconWrapper___2gGGJ .icon___1e6XB {
        width: 70px;
        height: 70px;
        -webkit-transition: all .25s;
        transition: all .25s
    }
}

@media only screen and (max-width: 767px) {
    .tabs___3LGhl .navs___1O4kz .iconWrapper___2gGGJ .icon___1e6XB {
        width:40px;
        height: 40px
    }
}

.tabs___3LGhl .navs___1O4kz .title___2jGTV {
    margin-top: 5px;
    color: #666;
    white-space: nowrap
}

@media only screen and (min-width: 768px) {
    .tabs___3LGhl .navs___1O4kz .title___2jGTV {
        font-size:20px;
        -webkit-transition: all .25s;
        transition: all .25s
    }
}

@media only screen and (max-width: 767px) {
    .tabs___3LGhl .navs___1O4kz .title___2jGTV {
        font-size:12px
    }
}

.tabs___3LGhl .panes___3Bzn3 {
    position: relative;
    border-radius: 4px
}

@media only screen and (min-width: 768px) {
    .tabs___3LGhl .panes___3Bzn3 {
        height:460px;
        background: hsla(0,0%,100%,.6);
        border: 2px solid #fff;
        -webkit-backdrop-filter: blur(79px);
        backdrop-filter: blur(79px)
    }
}

@media only screen and (max-width: 767px) {
    .tabs___3LGhl .panes___3Bzn3 {
        height:372px;
        border: 1px solid #e5edf4;
        background: #fff;
        -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.02);
        box-shadow: 0 10px 20px 0 rgba(0,0,0,.02)
    }
}

.tabs___3LGhl .panes___3Bzn3 .pane___3NUZG {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
    background: #fff
}

.tabs___3LGhl .panes___3Bzn3 .pane___3NUZG.active___2mJi0 {
    opacity: 1;
    width: 100%;
    -webkit-transition: width 0s .25s,opacity .25s .25s;
    transition: width 0s .25s,opacity .25s .25s
}

.tabs___3LGhl .panes___3Bzn3 .pane___3NUZG.inactive___20vKR {
    opacity: 0;
    width: 0;
    -webkit-transition: width 0s .25s,opacity .25s;
    transition: width 0s .25s,opacity .25s;
    pointer-events: none
}

.floatingBarV2___2K4Kq {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___2vGYW {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

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

@media only screen and (min-width: 768px) {
    .bg___3pwEr,.detail___1tREx {
        -webkit-box-flex:0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
        height: 100%
    }
}

.detail___1tREx {
    text-align: left
}

@media only screen and (min-width: 768px) {
    .detail___1tREx {
        padding:60px 115px;
        background: #fbfbfc
    }
}

.bg___3pwEr {
    background-size: cover;
    background-position: 50%
}

@media only screen and (max-width: 767px) {
    .bg___3pwEr {
        -webkit-box-flex:1;
        -ms-flex: 1;
        flex: 1;
        width: 100%;
        margin-top: 8px;
        border-radius: 4px
    }
}

.title___1jmyx {
    font-weight: 500;
    color: #333
}

@media only screen and (min-width: 768px) {
    .title___1jmyx {
        margin-bottom:12px;
        font-size: 24px
    }
}

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

.desc___lQEDl {
    margin-bottom: 24px;
    color: #666
}

@media only screen and (max-width: 767px) {
    .desc___lQEDl {
        margin:8px 0;
        font-size: 12px
    }
}

.floatingBarV2___19I0C {
    background: #fff;
    border: 1px solid #e5edf4;
    -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) {
    .link___3eVaU {
        display:inline-block
    }
}

.link___3eVaU {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: none;
    transition: none
}

@media only screen and (min-width: 768px) {
    .link___3eVaU {
        margin-left:-13px;
        padding: 13px;
        font-size: 16px
    }
}

@media only screen and (max-width: 767px) {
    .link___3eVaU {
        margin-right:20px;
        padding: 0;
        font-size: 14px
    }
}

.link___3eVaU a:hover .iconWrapper___1b7rj {
    width: 62px;
    height: 62px;
    margin: -5px;
    padding: 13px;
    border: 1px solid #2ba1fb;
    border-radius: 31px
}

.link___3eVaU a:hover .text___2IooP {
    color: #07beff
}

.icon___N86C4 {
    width: 100%;
    height: 100%
}

.iconWrapper___1b7rj {
    width: 52px;
    height: 52px;
    padding: 11px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 26px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.02);
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.02);
    -webkit-transition: width .25s,height .25s,margin .25s,padding .25s;
    transition: width .25s,height .25s,margin .25s,padding .25s
}

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

.text___2IooP {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all .25s;
    transition: all .25s
}

@media only screen and (min-width: 768px) {
    .text___2IooP {
        margin-left:20px;
        color: #666
    }
}

@media only screen and (max-width: 767px) {
    .text___2IooP {
        margin-left:0;
        color: #07beff!important
    }
}

.text___2IooP svg {
    margin-left: 5px
}

@media only screen and (max-width: 767px) {
    .text___2IooP svg {
        display:none
    }
}

.floatingBarV2____16qd {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___30Kwx {
    background: #f4f6f8!important
}

.floatingBarV2___1ewXm {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___3y7EX {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    height: 480px;
    text-align: left;
    background-size: contain;
    background-repeat: no-repeat
}

.card___3y7EX .group___fd48A {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 180px;
    padding: 40px;
    -webkit-transition: all .25s;
    transition: all .25s
}

.card___3y7EX .serial___1l_bu {
    width: 46px
}

.card___3y7EX .title___316te {
    margin: 12px 0;
    font-size: 18px;
    font-weight: 500
}

.card___3y7EX .desc___3yPX6 {
    color: #fff;
    opacity: 0;
    -webkit-transition: all .25s;
    transition: all .25s
}

.card___3y7EX:hover .group___fd48A {
    height: 358px;
    color: #fff!important;
    background: #07beff!important
}

.card___3y7EX:hover .desc___3yPX6 {
    opacity: 1
}

.card___3y7EX.popDirUp___2Ji_I {
    background-position: top
}

.card___3y7EX.popDirUp___2Ji_I .group___fd48A {
    bottom: 0;
    color: #fff;
    background: #000
}

.card___3y7EX.popDirDown___3B9K- {
    background-position: bottom
}

.card___3y7EX.popDirDown___3B9K- .group___fd48A {
    top: 0;
    color: #000;
    background: #fff
}

.floatingBarV2___24XYc {
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04)
}

.card___g7g6c,.floatingBarV2___24XYc {
    background: #fff;
    border: 1px solid #e5edf4;
    border-radius: 4px
}

.card___g7g6c {
    margin-bottom: 12px;
    padding: 16px;
    text-align: left;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,.02);
    box-shadow: 0 10px 20px 0 rgba(0,0,0,.02)
}

.title___3DA88 {
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: 500;
    color: #333
}

.desc___1dQ5s {
    color: #666;
    font-size: 12px
}

.floatingBarV2___IPced {
    background: #fff;
    border: 1px solid #e5edf4;
    -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) {
    .items___IeFdP {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.section___2uedg {
    background: #fff;
    overflow: hidden;
}

.floatingBarV2___1I7qM {
    background: #fff;
    border: 1px solid #e5edf4;
    -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) {
    .core___2IMrT {
        margin-top:15px
    }
}

.headerBanner___3tzMK .slick-slider .slick-dots.slick-dots-bottom {
    bottom: 34px
}

.headerBanner___3tzMK .slick-slider .slick-dots.slick-dots-bottom li {
    margin: 0 4px
}

.headerBanner___3tzMK .slick-slider .slick-dots.slick-dots-bottom .slick-active button,.headerBanner___3tzMK .slick-slider .slick-dots.slick-dots-bottom button {
    width: 32px;
    height: 4px;
    position: relative
}

.headerBanner___3tzMK .slick-slider .slick-dots.slick-dots-bottom .slick-active button:before,.headerBanner___3tzMK .slick-slider .slick-dots.slick-dots-bottom button:before {
    content: "";
    position: relative;
    top: -30px;
    height: 30px;
    width: 32px;
    display: block
}

.headerBanner___3tzMK .slick-slider .slick-dots.slick-dots-bottom button {
    background: #999;
    opacity: .2
}

.headerBanner___3tzMK .slick-slider .slick-dots.slick-dots-bottom .slick-active button {
    background: #07beff;
    opacity: 1
}

.headerBanner___3tzMK.dark___1TmuJ .slick-slider .slick-dots.slick-dots-bottom button {
    background: #fff;
    opacity: .5
}

.headerBanner___3tzMK.dark___1TmuJ .slick-slider .slick-dots.slick-dots-bottom .slick-active button {
    background: #fff;
    opacity: 1
}

@media only screen and (max-width: 767px) {
    .headerBanner___3tzMK .slick-slider .slick-dots.slick-dots-bottom {
        bottom:32px
    }

    .headerBanner___3tzMK .slick-slider .slick-dots.slick-dots-bottom .slick-active button,.headerBanner___3tzMK .slick-slider .slick-dots.slick-dots-bottom button {
        width: 24px;
        height: 4px
    }
}

.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___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___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: 1180px;
    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___2Z464 {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.radioGroup___YWsre {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 1px
}

.radioGroup___YWsre .radio___3b8mY {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-left: -1px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 1px solid #bfbfbf;
    cursor: pointer
}

.radioGroup___YWsre .radio___3b8mY:not(:first-child) {
    border-left-color: transparent
}

.radioGroup___YWsre .radio___3b8mY:first-child {
    border-radius: 2px 0 0 2px
}

.radioGroup___YWsre .radio___3b8mY:last-child {
    border-radius: 0 2px 2px 0
}

.radioGroup___YWsre .radio___3b8mY.active___2cYzG,.radioGroup___YWsre .radio___3b8mY:hover {
    color: #00aae7;
    -webkit-transition: .3s;
    transition: .3s
}

.radioGroup___YWsre .radio___3b8mY.active___2cYzG {
    z-index: 1;
    border: 1px solid #00aae7
}

.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___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___2Ewpd {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___3BeJh {
    width: 1180px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 572px
}

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

.wrapper___3BeJh .ant-input {
    height: 36px;
    line-height: 36px
}

.wrapper___3BeJh .ant-form-explain {
    text-align: left
}

.wrapper___3BeJh .errorLine___2sjD6 {
    margin-top: 40px;
    color: #ef4149
}

.wrapper___3BeJh .submitLine___1kYFU {
    margin-top: 40px
}

@media only screen and (max-width: 767px) {
    .wrapper___3BeJh .submitLine___1kYFU {
        margin-top:24px
    }
}

.successLine___3diJH {
    height: 300px;
    line-height: 300px
}

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

.stepDesc___3jO1p {
    margin-top: 8px;
    width: 220px;
    font-size: 14px;
    line-height: 1.4em;
    color: #999
}

.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___5KzZQ {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___wGlfj {
    padding: 24px;
    border-top: 2px solid #00aae7
}

.title___3oin2 {
    margin-bottom: 28px;
    font-size: 20px
}

.subtitle___2lswF {
    margin-bottom: 12px;
    color: #999
}

.text1___3lSNo {
    height: 100px;
    margin-bottom: 24px;
    font-size: 16px
}

.text2___2uE2g {
    margin-bottom: 60px;
    font-size: 16px
}

.floatingBarV2___2etCw {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___2HGnq {
    min-width: 100%;
    overflow-x: auto
}

.table___2EmsH {
    min-width: 100%;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    border: 1px solid #e8e8e8
}

.table___2EmsH tr:hover td {
    background-color: #f2fcff
}

.table___2EmsH td,.table___2EmsH th {
    padding: 14px;
    border: 1px solid #e8e8e8;
    -webkit-transition: all .3s,height 0s;
    transition: all .3s,height 0s
}

.table___2EmsH td:first-child,.table___2EmsH th:first-child {
    width: 322px;
    text-align: left
}

.table___2EmsH th {
    font-weight: 500;
    background: #fafafa
}

.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___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___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: 1180px;
    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
    }
}

.menu___UIWv- {
    text-align: left
}

.menu___UIWv- .menuItem___xrw_Y {
    padding: 24px 0;
    background-color: #fafafa
}

.menu___UIWv- .menuItem___xrw_Y .container___1Rft8 {
    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 28px
}

.menu___UIWv- .menuItem___xrw_Y .container___1Rft8 .desc___3ac-t {
    line-height: 20px;
    text-align: left;
    font-size: 14px
}

.menu___UIWv- .menuItem___xrw_Y .container___1Rft8 .pic___vMOXa {
    margin-top: 24px;
    width: 320px;
    height: 279px
}

.content___yhnPm {
    width: 100%;
    padding-right: 113px
}

.container___B85yd {
    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
}

.container___B85yd .desc___Lgsct {
    text-align: center
}

.container___B85yd .pic___1DFjQ {
    margin-top: 48px;
    margin-bottom: 24px;
    height: 356px
}

.floatingBarV2___3bLlc {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___C_hmb {
    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 190px
}

.container___C_hmb .desc___2eTrI {
    text-align: center
}

.container___C_hmb .pic___2JrSd {
    margin-top: 48px;
    height: 356px;
    margin-bottom: 24px
}

.menu___v60Ff {
    text-align: left
}

.menu___v60Ff .menuItem___7-ObG {
    padding: 24px 0;
    background-color: #fafafa
}

.menu___v60Ff .menuItem___7-ObG .container___2Uaxe {
    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 28px
}

.menu___v60Ff .menuItem___7-ObG .container___2Uaxe .desc___1I9ma {
    line-height: 20px;
    font-size: 14px
}

.menu___v60Ff .menuItem___7-ObG .container___2Uaxe .pic___119vW {
    margin-top: 24px;
    width: 320px
}

.picContainer___3Bm4s {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.picContainer___3Bm4s,.radios___3wCV8 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.radios___3wCV8 {
    margin-bottom: 72px
}

.radios___3wCV8 .radio___2ox6R {
    -webkit-box-flex: 0!important;
    -ms-flex: 0 0 150px!important;
    flex: 0 0 150px!important
}

.qrCode___2ZXrH {
    margin: 0 78px 26px;
    width: 200px;
    height: 200px
}

.menu___wnaIo {
    text-align: left
}

.menu___wnaIo .card___kjEb4 {
    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: 0 16px 0 28px;
    border-top: 1px solid #eee;
    line-height: 48px;
    background-color: #fafafa
}

.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___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___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
}

.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: 1180px;
    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___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___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___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
    }
}

.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___MjTRy {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___3oAf1 {
    padding: 0 20px!important
}

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

.floatingBarV2___2S55u {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___3bBTi {
    opacity: 1;
    -webkit-filter: none;
    filter: none
}

.tabIconDark___2-0o9 {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.pc___12s_8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pc___12s_8 .img___2HUrJ {
    position: relative;
    padding: 288px 180px;
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    background-image: url(https://www-static.qbox.me/_next/static/media/feature-img-phone.17f5d761156815bc7772da0c40432a72.png);
    -webkit-box-flex: 0;
    -ms-flex: 0 0;
    flex: 0 0
}

.pc___12s_8 .video___3KtTS {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 94px 0 0;
    display: none;
    opacity: 0
}

.pc___12s_8 .video___3KtTS.active___HLPBa {
    display: block;
    opacity: 1
}

.pc___12s_8 .content___3kcW4 {
    padding: 16px 0 0 56px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.pc___12s_8 .item___1aj84 {
    padding: 50px 50px 80px;
    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: none;
    opacity: 0
}

.pc___12s_8 .item___1aj84.active___HLPBa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1
}

.pc___12s_8 .order___cQ6k2 {
    font-size: 36px;
    color: #333;
    line-height: 50px
}

.pc___12s_8 .info___3r9tH {
    padding-left: 32px;
    text-align: left
}

.pc___12s_8 .title___VOEeP {
    font-size: 32px;
    color: #333;
    line-height: 50px
}

.pc___12s_8 .desc___3sOc1 {
    padding-top: 24px;
    color: #333;
    line-height: 20px
}

.pc___12s_8 .tabs___17o-o {
    padding: 74px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pc___12s_8 .tabItem___1nNT8 {
    width: 128px;
    padding: 50px 0;
    border-radius: 4px;
    color: #333;
    border: 1px solid #eee;
    background-color: #fff;
    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);
    cursor: pointer
}

.pc___12s_8 .tabItem___1nNT8 .tabIcon___3k1yC {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

.pc___12s_8 .tabItem___1nNT8.active___HLPBa,.pc___12s_8 .tabItem___1nNT8:hover {
    color: #00aae7
}

.pc___12s_8 .tabItem___1nNT8.active___HLPBa .tabIcon___3k1yC,.pc___12s_8 .tabItem___1nNT8:hover .tabIcon___3k1yC {
    opacity: 1;
    -webkit-filter: none;
    filter: none
}

.pc___12s_8 .tabItem___1nNT8.active___HLPBa {
    border: none;
    -webkit-box-shadow: 0 0 0 4px #00aae7;
    box-shadow: 0 0 0 4px #00aae7
}

.pc___12s_8 .tabIcon___3k1yC {
    height: 40px;
    line-height: 40px
}

.pc___12s_8 .tabTitle___1qtgZ {
    padding-top: 20px
}

.mobile___1RKf7 .subMenu___1owYG {
    padding: 30px 40px;
    text-align: center;
    background-color: #fafafa
}

.mobile___1RKf7 .icon___3pDCw {
    height: 40px;
    line-height: 40px
}

.mobile___1RKf7 .desc___3sOc1 {
    margin-top: 20px;
    color: #666;
    font-size: 12px;
    line-height: 18px
}

.mobile___1RKf7 .rc-menu-submenu:first-child {
    border: none
}

.mobile___1RKf7 .rc-menu-submenu-title {
    padding-left: 16px!important;
    text-align: left
}

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

.group___1ZbBb {
    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___1ZbBb {
        padding:12px 0
    }
}

.item___3J_WA {
    padding: 40px 0;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

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

.icon___2OHRX {
    height: 44px;
    line-height: 44px
}

@media only screen and (max-width: 767px) {
    .icon___2OHRX {
        height:24px;
        line-height: 24px
    }
}

.desc___1G930 {
    margin-top: 12px;
    color: #666;
    line-height: 20px
}

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

.link___9hQEu {
    height: 28px;
    margin-top: 50px;
    color: #00aae7;
    font-size: 20px;
    line-height: 28px
}

.link___9hQEu,.link___9hQEu:hover {
    border: none;
    background-color: transparent
}

.link___9hQEu:hover {
    text-decoration: underline
}

@media only screen and (max-width: 767px) {
    .link___9hQEu {
        height:20px;
        margin-top: 16px;
        font-size: 14px;
        line-height: 20px
    }
}

.arrow___1hyg0 {
    height: 24px;
    position: relative;
    top: -2px;
    margin-left: 11px;
    line-height: 24px
}

@media only screen and (max-width: 767px) {
    .arrow___1hyg0 {
        height:16px;
        margin-left: 0;
        line-height: 16px
    }
}

.mobile___3E7dM .rc-menu-submenu>.rc-menu {
    padding: 12px 0;
    background-color: #fafafa
}

.mobile___3E7dM .rc-menu-submenu:first-child {
    border: none
}

.mobile___3E7dM .rc-menu-submenu-title {
    padding-left: 16px!important;
    text-align: left
}

.floatingBarV2___2NUVh {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___awxOX {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pc___awxOX .img___2BBkI {
    padding: 300px 180px;
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    background-image: url(https://www-static.qbox.me/_next/static/media/solution-img-phone.53a66502346f2f028ad9f5175115a7d5.png);
    -webkit-box-flex: 0;
    -ms-flex: 0 0;
    flex: 0 0
}

.pc___awxOX .infoWrapper___bB9cO {
    padding: 10px 0 0 40px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.pc___awxOX .group___3zTpz {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.pc___awxOX .item___333Ua {
    width: 378px;
    height: 170px;
    margin-bottom: 24px;
    padding: 24px;
    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
}

.pc___awxOX .icon___184xo {
    height: 32px;
    margin-top: 4px;
    line-height: 32px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px
}

.pc___awxOX .content___3JTPg {
    padding-left: 20px;
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.pc___awxOX .title___OD1Qk {
    font-size: 16px;
    color: #333;
    line-height: 22px
}

.pc___awxOX .desc___35ap9 {
    margin-top: 8px;
    color: #666;
    line-height: 20px
}

.pc___awxOX .link___2RzZA {
    color: #00aae7
}

.pc___awxOX .link___2RzZA:hover {
    text-decoration: underline
}

.mobile___13h4V .panel___3wj8x {
    padding: 20px 16px;
    background-color: #fafafa;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mobile___13h4V .icon___184xo {
    height: 32px;
    line-height: 32px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px
}

.mobile___13h4V .content___3JTPg {
    padding-left: 16px;
    text-align: left;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.mobile___13h4V .desc___35ap9 {
    color: #666;
    font-size: 12px;
    line-height: 18px
}

.mobile___13h4V .link___2RzZA {
    color: #00aae7
}

.mobile___13h4V .link___2RzZA:hover {
    text-decoration: underline
}

.mobile___13h4V .rc-menu-submenu:first-child {
    border: none
}

.mobile___13h4V .rc-menu-submenu-title {
    padding-left: 16px!important;
    text-align: left
}

.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___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
    }
}

.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___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___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___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: 1180px;
    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___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___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___2Y0xQ {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___3AxR7 {
    padding: 0;
    margin: 0 20px!important
}

@media only screen and (max-width: 767px) {
    .sceneContainer___3AxR7 {
        padding:16px;
        margin-left: 0!important
    }
}

.sceneIcon___1yWeo {
    height: 280px;
    line-height: 1
}

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

.sceneTitle___3ndTH {
    margin-bottom: 12px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 22px
}

.sceneTitle___3ndTH.client___vfy-5 {
    padding-top: 20px
}

.sceneContent___13tso,.sceneList___117m- {
    margin-bottom: 12px;
    font-size: 14px;
    color: #666;
    line-height: 22px
}

@media only screen and (max-width: 767px) {
    .sceneContent___13tso,.sceneList___117m- {
        font-size:12px;
        text-align: left;
        line-height: 18px;
        margin-bottom: 0
    }
}

.sceneList___117m- .item___1wJ-M {
    position: relative;
    padding-left: 15px
}

.sceneList___117m- .item___1wJ-M: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
}

.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
}

.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___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
}

.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___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___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___1cGTq {
    background: #fff;
    border: 1px solid #e5edf4;
    -webkit-box-shadow: 0 4px 8px rgba(0,0,0,.04);
    box-shadow: 0 4px 8px rgba(0,0,0,.04);
    border-radius: 4px
}

.customerCaseGroup___1_7aZ {
    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;
    margin: 0 -9px
}

.customerCaseGroup___1_7aZ .caseContainer___g20_p {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    padding: 9px;
    height: 178px
}

.customerCaseGroup___1_7aZ .caseContainer___g20_p .case___9Ec2w {
    -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;
    width: 100%;
    height: 100%
}

.customerCaseGroup___1_7aZ .caseContainer___g20_p .case___9Ec2w .pic___2YxKK {
    margin: 0 auto;
    width: auto;
    height: 100%
}

.customerCaseGroup___1_7aZ.mobile___p0Rdn {
    margin: 0 -5.5px
}

.customerCaseGroup___1_7aZ.mobile___p0Rdn .caseContainer___g20_p {
    width: 50%;
    padding: 5.5px;
    height: 106px
}

.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___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: 1180px;
    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___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___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___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___1RDsL {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___3Gp7f {
    height: 156px;
    position: relative;
    top: 50%;
    margin-top: -78px
}

@media only screen and (max-width: 767px) {
    .icon___3Gp7f {
        height:90px;
        margin-top: -45px
    }
}

.floatingBarV2___1BS5E {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___3aYz_ {
    font-size: 20px;
    color: #333;
    line-height: 28px
}

@media only screen and (max-width: 767px) {
    .title___3aYz_ {
        font-size:14px;
        line-height: 20px
    }
}

.desc___3AsHc {
    margin-top: 8px;
    font-size: 14px;
    color: #999;
    line-height: 20px
}

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

.linkWrapper___1Q5-o {
    padding-bottom: 72px;
    text-align: center;
    background-color: #fafafa
}

@media only screen and (max-width: 767px) {
    .linkWrapper___1Q5-o {
        margin-bottom:16px;
        padding-bottom: 16px;
        background-color: #fff
    }
}

.link___2dmqj {
    height: 28px;
    color: #00aae7;
    font-size: 20px;
    line-height: 28px
}

.link___2dmqj,.link___2dmqj:hover {
    border: none;
    background-color: transparent
}

.link___2dmqj:hover {
    text-decoration: underline
}

@media only screen and (max-width: 767px) {
    .link___2dmqj {
        height:20px;
        font-size: 14px;
        line-height: 20px
    }
}

.arrow___330z1 {
    height: 24px;
    position: relative;
    top: -2px;
    margin-left: 11px;
    line-height: 24px
}

@media only screen and (max-width: 767px) {
    .arrow___330z1 {
        height:16px;
        margin-left: 0;
        line-height: 16px
    }
}

.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___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___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___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___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___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___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___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___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: 277px;
    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___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: 578px
}

.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___2joer {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___1xQem {
    height: 140px;
    padding: 28px 36px
}

.card___1xQem .title___lQSTV {
    margin-bottom: 12px;
    font-size: 20px;
    color: #333
}

.card___1xQem .desc___2blRt {
    color: #666;
    font-size: 14px
}

.floatingBarV2___13HSe {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___1lKgA {
    text-align: left
}

.wrapper___1lKgA .rc-menu-item,.wrapper___1lKgA .rc-menu-submenu:first-child {
    border: none
}

.wrapper___1lKgA .rc-menu-item {
    padding: 0;
    background: #fafafa
}

.wrapper___1lKgA .rc-menu-submenu-title {
    padding-left: 16px!important
}

.wrapper___1lKgA .rc-menu-submenu-open+.rc-menu-submenu {
    border: none
}

.card___2M4LU {
    padding: 4px 0;
    margin: 0 16px;
    border-bottom: 1px solid #eee
}

.card___2M4LU.noBorder___2mw3- {
    border: none
}

.title___3_gvV {
    margin-bottom: 4px;
    font-size: 14px
}

.desc___lX_uC {
    font-size: 12px;
    color: #666;
    white-space: normal
}

.floatingBarV2___3CfRr {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___2ctPO {
    border-top: 2px solid #00aae7
}

.card___2ctPO .header___1XOFZ {
    width: 100%;
    height: 214px;
    padding: 24px;
    background: #fafafa
}

@media only screen and (max-width: 767px) {
    .card___2ctPO .header___1XOFZ {
        height:150px
    }
}

.card___2ctPO .title___Y3CPY {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 20px;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .card___2ctPO .title___Y3CPY {
        font-size:16px
    }
}

.card___2ctPO .desc___DuEK_ {
    text-align: left
}

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

.card___2ctPO .footer___2MaYa {
    height: 152px;
    padding: 32px 24px
}

.card___2ctPO .price___2yU8X {
    margin-bottom: 15px;
    text-align: center;
    color: #fa8c16
}

.card___2ctPO .price___2yU8X .number___6uSwz {
    font-size: 24px
}

.card___2ctPO .button___Pb1eu {
    width: 100%
}

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

.centered___3m5ik {
    width: 1180px;
    margin: 0 auto
}

.wrapper___bZDIz {
    background: linear-gradient(140deg,#426394 3%,#192946 92%);
    padding: 72px 0
}

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

.sectionTitle___3YxsO {
    position: relative;
    width: 1180px;
    margin: 0 auto;
    color: #fff;
    font-size: 28px;
    text-align: center;
    padding-bottom: 36px
}

@media only screen and (max-width: 767px) {
    .sectionTitle___3YxsO {
        width:100%;
        font-size: 20px;
        padding-bottom: 16px
    }
}

.sectionContent___LIidl {
    position: relative;
    width: 1180px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row
}

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

.img___3L-AX {
    width: 776px;
    border-radius: 8px;
    -webkit-box-shadow: 0 8px 20px 0 rgba(9,28,64,.5);
    box-shadow: 0 8px 20px 0 rgba(9,28,64,.5)
}

@media only screen and (max-width: 767px) {
    .img___3L-AX {
        display:none
    }
}

.list___19j3p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 24px;
    color: #fff
}

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

.listItem___27lXw {
    padding: 20px;
    border-radius: 8px;
    background: #4d6891
}

.listItem___27lXw:not(:first-child) {
    margin-top: 20px
}

.itemTitle___1x22s {
    font-size: 20px;
    margin-bottom: 7px
}

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

.itemDescription___1MXBh {
    font-size: 14px
}

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

.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
    }
}

.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 .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___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 {
    max-width: 100%;
    max-height: 100%
}

@media only screen and (max-width: 767px) {
    .imgBlock___1Iup8 img {
        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___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___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___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: 271px;
    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___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___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: 377.33333333px;
    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___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: 277px
}

@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___2Mw7L {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___d1IsI {
        padding:20px 12px!important
    }
}

.blockRight___EAMIp {
    margin-left: 0!important
}

.sceneContainer___iQpMY {
    height: 280px;
    padding: 0 24px
}

@media only screen and (max-width: 767px) {
    .sceneContainer___iQpMY {
        height:240px;
        padding: 0
    }
}

.sceneContainer___iQpMY figure {
    display: inline-block;
    text-align: center;
    color: #999
}

.sceneContainer___iQpMY figure+figure {
    margin-left: 20px
}

.sceneContainer___iQpMY figure img {
    width: 72px;
    height: 72px
}

.sceneIcon___1cJyB {
    width: 476px;
    height: 280px;
    line-height: 1
}

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

.sceneTitle___2oSkO {
    margin-bottom: 16px;
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 22px
}

.sceneContent___-vJpV {
    margin-bottom: 47px;
    font-size: 14px;
    color: #666;
    line-height: 22px
}

@media only screen and (max-width: 767px) {
    .sceneContent___-vJpV {
        margin-bottom:32px;
        font-size: 12px;
        line-height: 18px
    }
}

.floatingBarV2___2yxl1 {
    background: #fff;
    border: 1px solid #e5edf4;
    -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___3succ {
    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___3succ {
        margin:0 -6px
    }
}

.advantages___3succ .itemContainer___2qtcq {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    width: 33.33%;
    padding: 12px
}

@media only screen and (max-width: 767px) {
    .advantages___3succ .itemContainer___2qtcq {
        width:100%;
        padding: 6px
    }
}

.advantages___3succ .itemContainer___2qtcq .item___H7xCJ {
    padding: 28px 36px;
    height: 140px;
    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___3succ .itemContainer___2qtcq .item___H7xCJ {
        padding:16px;
        height: 118px
    }
}

.advantages___3succ .itemContainer___2qtcq .item___H7xCJ .title___2s48- {
    font-size: 20px;
    line-height: 28px;
    color: #333;
    display: inline-block;
    color: #00aae7
}

@media only screen and (max-width: 767px) {
    .advantages___3succ .itemContainer___2qtcq .item___H7xCJ .title___2s48- {
        font-size:16px
    }
}

.advantages___3succ .itemContainer___2qtcq .item___H7xCJ .desc___1b02X {
    margin-top: 12px;
    font-size: 16px;
    line-height: 22px;
    color: #333
}

@media only screen and (max-width: 767px) {
    .advantages___3succ .itemContainer___2qtcq .item___H7xCJ .desc___1b02X {
        font-size:14px
    }
}

.feature___QVhQS {
    -webkit-box-flex: unset!important;
    -ms-flex-positive: unset!important;
    flex-grow: unset!important;
    -ms-flex-preferred-size: 376px!important;
    flex-basis: 376px!important;
    width: 376px
}

.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: 377.33333333px;
    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___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
    }
}