.ssr62121409 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
}

.ssr62121410 {
    z-index: 999;
}

.ssr62121435 {
    z-index: 999;
}

.ssr62121506 {
    z-index: 999;
}

.ssr62121402>.wb-modal-content {
    top: 100px;
    left: 50%;
    width: auto;
    border: 0;
    margin: 0 auto;
    outline: 0;
    z-index: 1050;
    position: fixed;
    max-width: calc(100vw - 32px);
    transform: translateX(-50%);
    box-shadow: 0px 3px 6px -4px rgba(99, 104, 114, 0.12), 0px 6px 16px 0px rgba(99, 104, 114, 0.08), 0px 9px 28px 8px rgba(99, 104, 114, 0.05);
    border-radius: 12px;
    pointer-events: auto;
    background-clip: padding-box;
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 6px -4px rgba(99, 104, 114, 0.12), 0px 6px 16px 0px rgba(99, 104, 114, 0.08), 0px 9px 28px 8px rgba(99, 104, 114, 0.05);
    -webkit-overflow-scrolling: touch;
}

.ssr62121402.wb-modal-centered {
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.ssr62121402>.wb-modal-content>.wb-modal-header {
    color: rgba(0, 0, 0, .85);
    padding: 16px 24px;
    background: #fff;
    text-align: center;
    border-radius: 12px 12px 0 0;
}

.ssr62121402>.wb-modal-content>.wb-modal-body {
    padding: 8px 30px 0;
    font-size: 14px;
    word-wrap: break-word;
    line-height: 1.5715;
}

.ssr62121402>.wb-modal-content>.wb-modal-footer {
    padding: 16px 30px 40px;
    background: 0 0;
    text-align: right;
    border-radius: 0 0 2px 2px;
}

.ssr62121402>.wb-modal-content>.wb-modal-close {
    top: 0;
    color: rgba(0, 0, 0, .45);
    right: 0;
    border: 0;
    cursor: pointer;
    outline: 0;
    padding: 0;
    z-index: 10;
    position: absolute;
    background: 0 0;
    transition: color .3s;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    -webkit-transition: color .3s;
}

.ssr62121402>.wb-modal-content>.wb-modal-close>.wb-modal-close-x {
    width: 56px;
    height: 56px;
    display: flex;
    font-style: normal;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.ssr62121402>.wb-modal-content>.wb-modal-close>.wb-modal-close-x>.wb-modal-close-x-icon {
    color: #C6C8CB;
    font-size: 20px;
}

.ssr62121402>.wb-modal-content>.wb-modal-close>.wb-modal-close-x>.wb-modal-close-x-icon:focus,
.ssr62121402>.wb-modal-content>.wb-modal-close>.wb-modal-close-x>.wb-modal-close-x-icon:hover {
    color: rgba(198, 200, 203, 0.75);
    text-decoration: none;
}

.ssr62121402>.wb-modal-content>.wb-modal-footer>button {
    font-size: 14px;
    font-weight: 600;
    border-radius: 6px;
}

.ssr62121402>.wb-modal-content>.wb-modal-footer>button+button {
    margin-left: 12px;
    margin-bottom: 0;
}

.ssr62121402>.wb-modal-content>.wb-modal-header>.wb-modal-title {
    color: #2B3240;
    margin: 0;
    font-size: 18px;
    word-wrap: break-word;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0;
}

.ssr62121403 {
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.ssr62121403>modal-wrapper {
    transform: scale(0, 0);
}

.ssr62121404 {
    opacity: 1;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.ssr62121404>modal-wrapper {
    transform: scale(1, 1);
    transform-origin: center top;
}

.ssr62121405 {
    opacity: 1;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.ssr62121406 {
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transform-origin: center top;
}

.ssr62121356 {
    width: 1em;
    height: 1em;
    display: inline-block;
    overflow: hidden;
    vertical-align: -0.15em;
}

@keyframes ssr62121358 {
    from {
        transform: rotate(0);
        transform-origin: 50% 50%;
    }

    to {
        transform: rotate(1turn);
        transform-origin: 50% 50%;
    }
}

.ssr62121359 {
    display: inline-block;
    animation: ssr62121358 1s linear forwards;
}

.ssr62121360 {
    display: inline-block;
    animation: ssr62121358 1s linear infinite forwards;
}

.ssr62121361 {
    cursor: not-allowed !important;
    opacity: 0.5;
}

.ssr62121362 {}

.ssr62121363 {}

.ssr62121364 {}

.ssr62121365 {}

.ssr62121366 {}

.ssr62121367 {}

.ssr62121368 {}

.ssr62121369 {}

.ssr62121370 {}

.ssr62121371 {}

.ssr62121372 {}

.ssr62121373 {}

.ssr62121374 {}

.ssr62121375 {}

.ssr62121376 {}

.ssr62121377 {}

.ssr62121378 {}

.ssr62121379 {}

.ssr62121380 {}

.ssr62121381 {}

.ssr62121382 {}

.ssr62121383 {}

.ssr62121398 {
    color: #FFFFFF;
}

.ssr62121485 {
    color: rgba(255, 255, 255, .7);
    font-size: 24px;
}

.ssr62121486 {
    color: rgba(255, 255, 255, .7);
    font-size: 24px;
}

.ssr62121487 {
    color: rgba(255, 255, 255, .7);
    font-size: 24px;
}

.ssr62121488 {
    color: rgba(255, 255, 255, .7);
    font-size: 24px;
}

.ssr62121489 {
    color: rgba(255, 255, 255, .7);
    font-size: 24px;
}

.ssr62121465 {
    background: #FFFFFF;
}

.ssr62121466 {
    background: #1D263A;
}

.ssr62121467 {
    background: #191C1F;
}

.ssr62121341 {
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 0px 2px 5px 0px rgba(43, 50, 64, 0.12);
    backdrop-filter: saturate(180%) blur(10px);
    webkit-backdrop-filter: saturate(180%) blur(10px);
}

.ssr62121342 {
    background: rgba(43, 50, 64, 0.60);
    backdrop-filter: saturate(180%) blur(10px);
    webkit-backdrop-filter: saturate(180%) blur(10px);
}

.ssr62121343 {
    background: transparent;
}

.ssr62121491 {
    cursor: pointer;
    display: flex;
    padding: 6px 10px;
    position: relative;
    min-width: 150px;
    align-items: center;
    margin-right: 12px;
    border-radius: 6px;
}

.ssr62121491 img {
    width: 32px;
    height: 32px;
    margin-right: 6px;
}

.ssr62121491 .qrCode {
    top: 54px;
    left: -32px;
    width: 214px;
    height: 214px;
    position: absolute;
}

.ssr62121491 .txt_1 {
    margin: 0 0 1px;
    opacity: 0.8;
    font-size: 10px;

    line-height: 14px;
}

.ssr62121491 .txt_2 {
    margin: 0;
    font-size: 15px;
    ;
    line-height: 18px;
}

.ssr62121492 {
    display: flex;
    align-items: center;
    margin-right: 6px;
}

.ssr62121493>svg path {
    fill: #2B3240;
}

.ssr62121494 {
    position: relative;
}

.ssr62121494:hover:after {
    top: 54px;
    left: -32px;
    width: 214px;
    height: 214px;
    content: '';
    z-index: 1;
    position: absolute;
    background-size: cover;
}

.ssr62121496 {
    padding-top: 17px;
}

.ssr62121497 {
    border: 8px solid #4e5462;
    padding: 10px;
    margin-top: 10px;
    text-align: center;
    border-radius: 15px;
    background-color: #fff;
}

.ssr62121497 .qrCode {
    margin: 0 auto;
    display: block;
}

.ssr62121497 .desc {
    color: #636872;
    font-size: 14px;
    margin-top: 8px;
    line-height: 22px;
}

.ssr62121498 {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    position: relative;
}

.ssr62121498 .qr {}

.ssr62121499 {
    background-color: rgba(255, 255, 255, 0.12);
}

.ssr62121499 img {
    fill: #fff;
}

.ssr62121499 .txt_1 {
    color: #fff;
}

.ssr62121499 .txt_2 {
    color: #fff;
}

.ssr62121499:hover {
    background-color: rgba(255, 255, 255, 0.24);
}

.ssr62121500 {
    color: rgba(255, 255, 255, 1);
    display: block;
    font-size: 14px;
    text-align: left;
    ;
    line-height: 19px;
    padding-bottom: 22px;
}

.ssr62121401 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    position: fixed;
    background-color: rgba(36, 41, 54, 0.25) !important;
}

.ssr62121388 {
    border: 0;
    cursor: pointer;
    height: 40px;
    padding: 0 16px;
    overflow: hidden;
    position: relative;
    font-size: 16px;
    min-width: 80px;
    ;
    line-height: 22px;
    white-space: nowrap;
    border-radius: 8px;
    text-overflow: ellipsis;
}

.ssr62121389 {
    color: #FFFFFF;
    background-color: #0D86FF;
}

.ssr62121389.large {
    background-image: linear-gradient(-45deg, #0DA2FF 0%, #0D76FF 100%);
}

.ssr62121389:hover {
    background-color: #0A75E0;
    background-image: none;
}

.ssr62121389:disabled:hover {
    background-color: #0D86FF;
}

.ssr62121389:disabled:hover.large {
    background-image: linear-gradient(-45deg, #0DA2FF 0%, #0D76FF 100%);
}

.ssr62121390 {
    color: #0D86FF;
    border: 1px solid #0D86FF;
    background-color: #fff;
}

.ssr62121390:hover {
    background: rgba(13, 134, 255, 0.06);
}

.ssr62121390:disabled:hover {
    background-color: #fff;
}

.ssr62121391 {
    color: #0D86FF;
    border: 1px solid #0D86FF;
    background-color: #fff;
}

.ssr62121391:hover {
    background: rgba(13, 134, 255, 0.06);
}

.ssr62121391:disabled:hover {
    background-color: #fff;
}

.ssr62121392 {
    color: #FFFFFF;
    background-color: #F15F6B;
}

.ssr62121392:hover {
    background: #f32d3d;
}

.ssr62121392:disabled:hover {
    background-color: #F15F6B;
}

.ssr62121393 {
    color: #636872;
    border: 1px solid #C6C8CB;
    font-size: 16px;
    background: none;
    ;
    background-color: #FFFFFF;
}

.ssr62121393:hover {
    background: rgba(99, 104, 114, 0.04);
}

.ssr62121393:disabled:hover {
    background-color: #F8FAFD;
}

.ssr62121394 {
    cursor: not-allowed;
    opacity: 0.3;
}

.ssr62121395:before {
    display: block;
}

.ssr62121395>span:first-child {
    width: 14px;
    height: 14px;
    line-height: 14px;
}

.ssr62121395>span:last-child {
    position: relative;
    padding-left: 8px;
}

.ssr62121396 {
    font-size: 16px;
    margin-right: 5px;
    vertical-align: top;
}

@keyframes ssr62121397 {
    0% {
        transform: rotate(0deg);
        transform-origin: 50% 50%;
    }

    to {
        transform: rotate(1turn);
        transform-origin: 50% 50%;
    }
}

.ssr62121468 {
    color: #373b3f;
    width: 100%;
    padding: 33px 0 83px;
    font-size: 12px;
    box-sizing: border-box;
}

.ssr62121468 p {
    margin: 0;
}

.ssr62121468 a {
    text-decoration: none;
}

.ssr62121468 .row {
    width: 100%;
    display: flex;
    padding-top: 64px;
    padding-bottom: 7px;
    justify-content: space-between;
}

.ssr62121468 .row .col {
    display: flex;
    font-size: 14px;
    margin-right: 20px;
    flex-direction: column;
}

.ssr62121470 {
    width: 1200px;
    margin: 0 auto;
}

.ssr62121476 {
    padding-top: 17px;
}

.ssr62121478 {}

.ssr62121479 {
    cursor: initial;
    display: flex;
}

.ssr62121479>span {
    width: 40px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    cursor: pointer;
    height: 40px;
    display: flex;
    align-items: center;
    margin-right: 24px;
    border-radius: 50%;
    justify-content: center;
}

.ssr62121480 {
    padding: 30px 0 5px;
    white-space: pre-line;
}

.ssr62121480>p {
    color: rgba(255, 255, 255, .5);
    font-size: 14px;

    line-height: 21px;
    padding-bottom: 21px;
}

.ssr62121480>p>a {
    color: rgb(18, 148, 247);
    cursor: pointer;
}

.ssr62121481 {
    color: rgba(255, 255, 255, .5);
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    text-align: right;

    padding-top: 28px;
    white-space: pre-line;
}

.ssr62121481 a {
    color: rgb(18, 148, 247);
}

.ssr62121482 {
    color: rgba(255, 255, 255, 1);
    display: block;
    font-size: 14px;
    text-align: left;
    ;
    line-height: 19px;
    padding-bottom: 22px;
}

.ssr62121483 {
    color: rgba(255, 255, 255, .7);
    display: block;
    font-size: 14px;
    text-align: left;

    line-height: 19px;
    padding-bottom: 17px;
    text-decoration: none;
}

.ssr62121483:hover {
    color: rgba(255, 255, 255, 1);
}

.ssr62121484 {
    width: 1200px;
    margin: 0 auto;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    padding-bottom: 30px;
}

.ssr62121384 {
    height: 100%;
    display: flex;
    align-items: center;
}

.ssr62121386 {
    min-width: 79px;
    background: #0D71FF;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .ssr62121385 {
        margin-right: 16px !important;
    }
}

.ssr62121387 {
    color: #FFFFFF;
    min-width: 89px;
    border-color: #FFFFFF;
    margin-right: 8px;
    background-color: transparent !important;
}

.ssr62121349 {
    flex: 1;
    height: 100%;
    margin: 0;
    display: flex;
    list-style: none;
    align-items: center;
    padding-left: 20px;
}

.ssr62121349 .item-bg {
    top: -1px;
    width: 110px;
    height: 28px;
    display: flex;
    position: relative;
    align-items: center;
    background-size: contain;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center center;
}

.ssr62121349 ul,
.ssr62121349 li {
    margin: 0;
    list-style: none;
}

.ssr62121349 li a {
    display: block;
    position: relative;
    font-size: 16px;
    box-sizing: border-box;
    ;
    line-height: 24px;
    letter-spacing: 0;
    text-decoration: none;
}

.ssr62121349 li a.active {
    ;
}

.ssr62121349 .item-bg a {
    color: #FFFFFF !important;
}

.ssr62121349 .item-bg a:hover {
    color: #FFFFFF !important;
}

.ssr62121350 {
    cursor: pointer;
    display: inline-block;
    padding: 0 12px;
    position: relative;
    transition: .2s;
}

.ssr62121350:hover>#child-menu {
    opacity: 1;
    z-index: 1;
    transform: translateY(0);
    visibility: visible;
}

.ssr62121350:hover .menuItem-icon-more {
    transform: rotate(180deg);
}

.ssr62121350 .menuItem-icon-more {
    transition: .2s;
    margin-left: 6px;
}

.ssr62121350 .menuCard {
    width: 302px;
}

.ssr62121350 .after-desktop {
    display: flex;
    position: relative;
    margin-left: 6px;
}

.ssr62121350 .after-desktop>span {
    top: 50%;
    left: 50%;
    color: #FFFFFF;
    margin: 0;
    position: absolute;
    font-size: 12px;
    transform: translate(-50%, -50%);

    line-height: 16px;
    white-space: nowrap;
    letter-spacing: 0;
}

.ssr62121351 {
    cursor: pointer;
    display: flex;
    font-size: 16px;
    align-items: center;
    ;
    line-height: 24px;
}

.ssr62121351>img {
    width: 16px;
    height: 16px;
    transform: rotate(180deg);
    transition: .3s;
    margin-left: 4px;
    transform-origin: center;
}

.ssr62121351>a {
    font-size: 16px;
    ;
    text-decoration: none;
}

.ssr62121351::after {
    top: 0;
    left: 0;
    right: 0;
    bottom: -26px;
    content: '';
    z-index: -1;
    position: absolute;
}

.ssr62121352 {
    top: 34px;
    left: 0;
    display: flex;
    opacity: 0;
    padding: 16px 16px;
    z-index: -1;
    position: absolute;
    transform: translateY(10px);
    background: #FFFFFF;
    box-shadow: 0px 8px 20px 0px rgba(43, 50, 64, 0.12);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    visibility: hidden;
    white-space: nowrap;
    will-change: transform;
    border-radius: 12px;
}

.ssr62121352>.child-box {
    padding-right: 24px;
}

.ssr62121352>.child-box:last-child {
    padding-right: 0;
}

.ssr62121352>.child-box>.subTitle {
    color: #636872;
    padding: 0 16px;
    font-size: 14px;

    margin-bottom: 8px;
}

.ssr62121352>.child-box>ul {
    padding: 0;
}

.ssr62121352>.child-box>ul>li {
    display: flex;
    position: relative;
    align-items: center;
}

.ssr62121352>.child-box>ul>li>a {
    color: #2B3240;
    width: 100%;
    display: flex;
    padding: 12px 16px;
    font-size: 16px;
    min-width: 178px;
    box-sizing: content-box;
    align-items: center;

    border-radius: 6px;
}

.ssr62121352>.child-box>ul>li>a:hover,
.ssr62121352>.child-box>ul>li>a:active {
    fill: #0D71FF;
    color: #0D71FF;
    background: rgba(13, 113, 255, 0.06);
    border-radius: 8px;
}

.ssr62121352>.child-box>ul>li>a>.icon {
    width: 24px;
    height: 24px;
    margin-right: 12px;
}

.ssr62121352>.child-box>ul>li>a>.img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    margin-right: 12px;
}

.ssr62121352>.child-box>ul>li>a>.img-text {
    left: -5px;
    width: 137px;
    bottom: 1px;
    height: 24px;
    position: relative;
}

.ssr62121353 {}

.ssr62121353 li {}

.ssr62121353 li a {
    color: rgba(255, 255, 255, 0.8);
}

.ssr62121353 li a:hover {
    color: #FFFFFF;
}

.ssr62121353 li a.active {
    color: #FFFFFF;
}

.ssr62121354 {}

.ssr62121354:hover>div>a {
    color: #FFFFFF;
}

.ssr62121354 .menuItem-icon-more {
    color: rgba(255, 255, 255, 0.8);
}

.ssr62121355 {
    color: rgba(255, 255, 255, 0.8);
}

.ssr62121355>a {
    color: rgba(255, 255, 255, 0.8);
}

.ssr62121348 {
    display: flex;
    align-items: center;
}

.ssr62121348 img {
    width: 136px;
    height: 26px;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .ssr62121348 {
        display: flex;
        align-items: center;
    }

    .ssr62121348 img {
        width: 136px;
        height: 26px;
    }
}

@media screen and (max-width: 767px) {
    .ssr62121348 {
        display: flex;
        align-items: center;
    }

    .ssr62121348 img {
        width: 100px;
        height: 18px;
    }
}

.ssr62121332 {
    top: 0;
    width: 100%;
    z-index: 99;
    position: sticky;
}

.ssr62121333 {
    width: 100%;
    height: 70px;
    display: flex;
    padding: 0 40px;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    align-items: center;
    justify-content: space-between;
}

.ssr62121334 {
    display: flex;
    align-items: center;
}

.ssr62121336 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ssr62121337 {
    cursor: pointer;
    display: none;
}

.ssr62121339 {
    display: none;
    margin-right: 8px;
}

.ssr62121340 {
    width: 100%;
    min-height: 53px;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .ssr62121333 {
        top: 0;
        left: 0;
        right: 0;
        padding: 0 32px;
        position: fixed;
    }

    .ssr62121335 {
        display: none;
    }

    .ssr62121337 {
        width: 32px;
        height: 32px;
        display: block;
        margin-left: 16px;
    }
}

@media screen and (max-width: 767px) {
    .ssr62121333 {
        top: 0;
        left: 0;
        right: 0;
        height: 53px;
        padding: 0 20px;
        position: fixed;
    }

    .ssr62121335 {
        display: none;
    }

    .ssr62121337 {
        width: 24px;
        height: 24px;
        display: block;
    }

    .ssr62121338 {
        display: none;
    }

    .ssr62121339 {
        width: 24px;
        height: 24px;
        display: block;
    }
}

.ssr62121501 {
    height: 385px;
    padding: 38px 47px 0;
}

.ssr62121502 {
    color: #09132C;
    font-size: 18px;
    margin-top: 26px;
    text-align: center;
    margin-bottom: 20px;
}

.ssr62121503 {
    margin: 0 auto;
}

.ssr62121503 .title {
    color: #09132C;
    font-size: 18px;
    margin-top: 26px;
    text-align: center;
    margin-bottom: 20px;
}

.ssr62121504 {
    color: #F34731;
    font-size: 14px;
    margin-top: 10px;
    padding-left: 30px;
}

.ssr62121505 {
    color: #007CFF;
    margin: 20px 24px 0 0;
    font-size: 14px;
    text-align: right;
}

.ssr62121505>span {
    cursor: pointer;
}

.ssr62121344 {
    width: 100%;
    height: 58px;
    z-index: 21;
    position: sticky;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.08);
    background-size: 100% 100%;
    background-color: #FDFDFD;
    background-image: url(images/0d7d8c4d3a2f6ce70ac699b0a545a53b.png);
    background-repeat: repeat-x;
    background-position: center bottom;
}

.ssr62121345 {
    width: 1200px;
    height: 58px;
    margin: auto;
    display: flex;
    align-items: center;
}

.ssr62121346 {
    flex: 1;
    color: #2B3240;
    font-size: 16px;
    ;
    line-height: 20px;
    letter-spacing: 0;
}

.ssr62121346 span {
    cursor: pointer;
    margin: 0 0 0 28px;
    text-decoration: underline;
}

.ssr62121346 span.yes {
    color: #0D86FF;
}

.ssr62121347 i {
    color: #000000;
    cursor: pointer;
    font-size: 16px;
}

.ssr62121457 {
    width: 1em;
    height: 1em;
    display: inline-block;
    overflow: hidden;
    vertical-align: -0.15em;
}

@keyframes ssr62121459 {
    from {
        transform: rotate(0);
        transform-origin: 50% 50%;
    }

    to {
        transform: rotate(1turn);
        transform-origin: 50% 50%;
    }
}

.ssr62121460 {
    display: inline-block;
    animation: ssr62121459 1s linear forwards;
}

.ssr62121461 {
    display: inline-block;
    animation: ssr62121459 1s linear infinite forwards;
}

.ssr62121462 {
    cursor: not-allowed !important;
    opacity: 0.5;
}

.ssr62121463 {
    font-size: 24px;
}

.ssr62121464 {
    font-size: 24px;
}

.ssr62121421 {
    width: 100%;
    height: 580px;
    position: relative;
    text-align: center;
    padding-top: 150px;
    background-size: cover;
    background-color: #060606;
    background-image: url(images/055bfbe16faf29ff9cd68b86dfa87789.png) no-repeat;
}

.ssr62121421 .logo {
    height: 74px;
    margin-bottom: 43px;
}

.ssr62121421 .logo img {
    width: 154px;
    height: 100%;
}

.ssr62121422 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 1;
    position: absolute;
    background: url(images/055bfbe16faf29ff9cd68b86dfa87789.png) no-repeat;
    align-items: center;
    background-size: cover;
    justify-content: center;
}

.ssr62121423 {
    display: flex;
    z-index: 2;
    align-items: center;
    justify-content: center;
}

.ssr62121423 .premium {
    margin-right: 50px;
}

.ssr62121423 .txt_1 {
    color: transparent;
    font-size: 40px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.83) 45%, rgba(220, 220, 255, 0.62) 47%, rgba(155, 155, 192, 0.8) 100%);
    ;
    background-clip: text;
    -webkit-background-clip: text;
}

.ssr62121423 .txt_2 {
    color: rgba(255, 255, 255, 0.5);
    margin: 15px auto 24px;
    font-size: 18px;
    max-width: 851px;
    line-height: 28px;
    background-clip: text;
    -webkit-background-clip: text;
}

.ssr62121423 .txt_3 {
    width: 600px;
}

.ssr62121423 .txt_4 {
    width: 400px;
}

.ssr62121423 .btn {
    color: #fff;
    width: 300px;
    cursor: pointer;
    height: 48px;
    margin: 0 auto;
    z-index: 10;
    font-size: 18px;
    background: url(images/14e01b80614e7c6ac3636919e07e1d9f.png) no-repeat;
    text-align: center;
    line-height: 48px;
    background-size: 100% 100%;
}

.ssr62121423 .txt_2 span {
    color: #FFF;
}

.ssr62121423 .premium img {
    width: 443px;
    height: 252px;
}

.ssr62121411 {
    width: 100%;
    height: 720px;
    overflow: hidden;
    background-size: cover;
    background-image: url(images/d750140855fa4e2cda6c93c60230e88c.png);
    background-repeat: no-repeat;
    background-position: center center;
}

body.support-webp .ssr62121411 {
    background-image: url(images/1a9c076ea59e025c91c010475a9ab408.webp);
}

.ssr62121411 .content {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.ssr62121411 .img {
    right: -230px;
    bottom: -185px;
    height: 785px;
    position: absolute;
}

.ssr62121411 .qrCode {
    top: 338px;
    right: 122px;
    padding: 15px;
    position: absolute;
}

.ssr62121411 .content .logo {
    height: 49px;
    margin-top: 316px;
}

.ssr62121411 .content .text1 {
    color: #FFFFFF;
    margin: 51px 0 7px;
    font-size: 31px;

    font-weight: 500;
    line-height: 44px;
}

.ssr62121411 .content .text2 {
    color: #FFFFFF;
    font-size: 20px;

    line-height: 28px;
    letter-spacing: 0;
}

.ssr62121411 .content .text1>i {

    font-weight: 700;
}

.ssr62121413 {
    height: 787px;
    background: #091130;
    padding-top: 100px;
    background-size: cover;
}

.ssr62121415 {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-box-pack: center;
}

.ssr62121415 .text {
    color: #EDF0F7;
    margin: 0;
    font-size: 40px;

    line-height: 64px;
    letter-spacing: 0;
}

.ssr62121415 .right {
    display: flex;
    align-items: center;
    -webkit-box-align: center;
}

.ssr62121415 .right .hoverActive {
    background: #fff;
}

.ssr62121415 .right>div:last-child {
    margin-left: 16px;
}

.ssr62121415 .right>div {
    width: 70px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    cursor: pointer;
    height: 70px;
    display: flex;
    position: relative;
    align-items: center;
    border-radius: 20px;
    justify-content: center;
}

.ssr62121415 .right>div.unEnableMove {
    cursor: not-allowed !important;
}

.ssr62121415 .right .hoverActive svg {
    color: #000;
}

.ssr62121415 .right .removeActive svg {
    color: #fff;
}

.ssr62121416 {
    cursor: pointer;
    height: fit-content;
    margin-top: 63px;
    flex-shrink: 0;
    perspective: 1000px;
    white-space: pre-line;
    scroll-snap-stop: always;
    scroll-snap-align: start;
}

.ssr62121416 img {
    height: 400px;
    transition: transform 200ms;
    border-radius: 30px 0 0 30px;
    transform-style: preserve-3d;
}

.ssr62121416 .cardContent {
    display: flex;
    overflow: hidden;
    position: relative;
    background: rgba(58, 61, 73, 0.50);
    transition: transform 200ms;
    border-radius: 30px;
}

.ssr62121416 .cardContent:hover {
    transform: translate(0px, -4px);
}

.ssr62121416 .lastCard {
    height: fit-content;
    perspective: 1000px;
    white-space: pre-line;
}

.ssr62121416 .cardContent:hover img {
    transform: translate3d(0px, 0px, 0px) scale3d(1.05, 1.05, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
}

.ssr62121417 {
    flex: 1;
    margin: 52px 52px 0;
}

.ssr62121417 h3 {
    color: #EDF0F7;
    font-size: 36px;

    font-weight: 700;
    line-height: 52px;
}

.ssr62121417 p {
    color: rgba(184, 189, 209, 0.8);
    font-size: 18px;

    font-weight: 400;
    line-height: 30px;
    padding-top: 12px;
    letter-spacing: 0;
}

.ssr62121418 {
    color: #FFFFFF;
    width: 170px;
    bottom: 52px;
    height: 56px;
    position: absolute;
    font-size: 18px;
    text-align: center;
    ;
    font-weight: 600;
    line-height: 28px;
    border-radius: 12px;
    background-image: linear-gradient(-71deg, #0DA2FF 0%, #0D76FF 100%);
}

.ssr62121419 .swiper-slide {
    width: 800px;
    border: 1px solid red;
    height: 400px;
    background: #fff;
}

.ssr62121420 {
    width: 400px;
    height: 400px;
    overflow: hidden;
}

.ssr62121424 {
    padding: 218px 0 160px;
    z-index: 2;
    overflow: hidden;
    position: relative;
    background-image: linear-gradient(180deg, #F5F6F7 90%, rgba(245, 246, 247, 0.00) 100%);
}

.ssr62121425 {
    width: 1200px;
    margin: 0 auto;
}

.ssr62121426 {
    color: #2B3240;
    font-size: 48px;
    text-align: center;
    ;
    font-weight: 900;
    line-height: 60px;
    letter-spacing: 0;
}

.ssr62121427 {
    color: #636872;
    width: 920px;
    margin: 0 auto;
    font-size: 24px;
    text-align: center;

    font-weight: 400;
    line-height: 32px;
    padding-top: 20px;
}

.ssr62121428 {
    display: flex;
    align-items: center;
    padding-top: 80px;
}

.ssr62121428>div {
    flex: 1;
    width: 584px;
    height: 650px;
    text-align: center;
    padding-top: 52px;
    will-change: opacity, transform;
    border-radius: 30px;
    transform-style: preserve-3d;
}

.ssr62121428>div h3 {
    font-size: 36px;
    text-align: left;

    font-weight: 700;
    line-height: 52px;
    padding-left: 40px;
    padding-bottom: 8px;
}

.ssr62121428>div p {
    padding: 0 40px;
    font-size: 20px;
    text-align: left;
    font-weight: 400;
    line-height: 32px;
}

.ssr62121428>div>img {
    height: 306px;
    text-align: center;
}

.ssr62121429 {
    position: relative;
    background: #FFFFFF;
}

.ssr62121429 p {
    color: #636872;
}

.ssr62121429 h3 {
    color: #2B3240;
}

.ssr62121429 .lottie-part3 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
}

.ssr62121429 a {
    color: #0D86FF;
    display: block;
    padding: 8px 40px 65px;
    font-size: 20px;
    text-align: left;

    font-weight: 400;
    line-height: 32px;
}

.ssr62121429 a i {
    width: 24px;
    height: 24px;
    margin: -2px 0 0 -3px;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAhFBMVEUAAAAAif8Aif8Aif8Aif8Aif8Aif8Aif8Ah/8Aif8Aif8Aif8Aif8AiP8Ai/8Ai/8Agv8AmP8Aif8Aif8Aiv8Aif8Aif8Aiv8AiP8AjP8Aif8Aif8Aiv8Aiv8Aiv8AiP8Aif8Aiv8Aiv8Aif8AiP8Aif8Ai/8AjP8Aiv8Aif8Aif8Aif9obAhpAAAAK3RSTlMA+/b48u9XSQvNvV5OOS0YDwbk39mshzMiG+rUyLOjmpJ+ZEVDQCsTjHRSyHc53wAAAN9JREFUWMPt1FkOgkAQRVFQFGRGBkFmQVHZ//40dvUCzKsYP+ou4CSvOylDkiRJ+roqt7I9B3RY3424E66fCi5oHRimqXoUKlOSOvjbMpLyBJSimqQWlRb9Tq4DSnHDJTkuSU3MJR0WUEpakuoIlXKSssoA60hKS1TqSTrC0qClGyoVep2DSiNJ8M2cTQV5oDNtlLOLMMcmx/RBZ6ucLej42rF5nA3oPE1yJszZa2dmcq48jgU6nnaC/3Auq2rH5ZzAXUxObKEOFSjnHBpgkUkOXEHHHs++P2JDkiTpV70AZ3kv6gRh2SAAAAAASUVORK5CYII=) center center no-repeat;
    vertical-align: middle;
    background-size: 100% 100%;
}

.ssr62121430 {
    position: relative;
    margin-left: 32px;
    background-image: linear-gradient(0deg, #58A5FE 2%, #0947E0 100%);
}

.ssr62121430 h3 {
    color: rgba(255, 255, 255, 1);
}

.ssr62121430 p {
    color: rgba(255, 255, 255, 0.8);
}

.ssr62121430 .lottie-part3 {
    top: 0;
    left: 0;
    z-index: -1;
    position: absolute;
}

.ssr62121430 a {
    color: #FFFFFF;
    display: block;
    padding: 8px 40px 65px;
    font-size: 20px;
    text-align: left;

    font-weight: 400;
    line-height: 32px;
}

.ssr62121430 a i {
    width: 24px;
    height: 24px;
    margin: -2px 0 0 -3px;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAh1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9qkf8RAAAALHRSTlMA+/YM+PLuSBgRyl5NQy0eBuTf2ayHWTkzKerUzsGzo5qSfmRVPbq5jHRSTztmNbcAAADZSURBVFjD7dRnDoJgEIRhEJFip6p0xM79z6fxGw5gZuOvfQ/wJJNs1tI0TdN+zk/cOJOAwvFTzzub8VsqBY0dPw1Sy0LbCFJDSzGkZMceQAGpZqWghHRzWCmEVLGSU0EKA1a6QipZaVdDKnxWSiDFW4usgRTRUgtpf2SlTkxKp3UOK/WQBhZa2wZass7MOAvymDw49op05saZk85KyHnBmXmc87RlnGFy1pyTCTvuhXOW0k7OOefRtJByDuQuIcdxWQflxjltLDLfhkOX4tnzefdHYGmapv2rN0X1MK3lgtXvAAAAAElFTkSuQmCC) center center no-repeat;
    vertical-align: middle;
    background-size: 100% 100%;
}

.ssr62121431 {
    width: 1200px;
    height: 460px;
    display: flex;
    padding: 48px 40px 0;
    position: relative;
    background: #FFFFFF;
    margin-top: 32px;
    border-radius: 30px;
}

.ssr62121431>div:nth-child(1) {
    width: 457px;
    z-index: 2;
}

.ssr62121431 h3 {
    color: #2B3240;
    font-size: 36px;

    font-weight: 700;
    line-height: 52px;
}

.ssr62121431 p {
    color: #636872;
    font-size: 20px;

    font-weight: 400;
    line-height: 32px;
    padding-top: 8px;
}

.ssr62121431 a {
    color: #0D86FF;
    display: block;
    font-size: 20px;
    text-align: left;

    font-weight: 400;
    line-height: 32px;
    padding-top: 20px;
}

.ssr62121431 .lottie-part3 {
    top: 0;
    right: 0;
    width: 802px;
    height: 460px;
    z-index: -1;
    position: absolute;
    border-radius: 30px;
}

.ssr62121431 a i {
    width: 24px;
    height: 24px;
    margin: -2px 0 0 -3px;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAhFBMVEUAAAAAif8Aif8Aif8Aif8Aif8Aif8Aif8Ah/8Aif8Aif8Aif8Aif8AiP8Ai/8Ai/8Agv8AmP8Aif8Aif8Aiv8Aif8Aif8Aiv8AiP8AjP8Aif8Aif8Aiv8Aiv8Aiv8AiP8Aif8Aiv8Aiv8Aif8AiP8Aif8Ai/8AjP8Aiv8Aif8Aif8Aif9obAhpAAAAK3RSTlMA+/b48u9XSQvNvV5OOS0YDwbk39mshzMiG+rUyLOjmpJ+ZEVDQCsTjHRSyHc53wAAAN9JREFUWMPt1FkOgkAQRVFQFGRGBkFmQVHZ//40dvUCzKsYP+ou4CSvOylDkiRJ+roqt7I9B3RY3424E66fCi5oHRimqXoUKlOSOvjbMpLyBJSimqQWlRb9Tq4DSnHDJTkuSU3MJR0WUEpakuoIlXKSssoA60hKS1TqSTrC0qClGyoVep2DSiNJ8M2cTQV5oDNtlLOLMMcmx/RBZ6ucLej42rF5nA3oPE1yJszZa2dmcq48jgU6nnaC/3Auq2rH5ZzAXUxObKEOFSjnHBpgkUkOXEHHHs++P2JDkiTpV70AZ3kv6gRh2SAAAAAASUVORK5CYII=) center center no-repeat;
    vertical-align: middle;
    background-size: 100% 100%;
}

.ssr62121433 {
    bottom: 20px;
    cursor: pointer;
    position: absolute;
    font-size: 16px !important;
}

.ssr62121433 i {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAXVBMVEX///8AAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////8FO+Y+AAAAHnRSTlMqABAiJx0KBLAlFAwG65NJvKuMYeOffzw09dnKeFQrHg/jAAABU0lEQVRIx7XXWXKEMAwE0I5sbPZl9mzc/5gJIRU+sBqCavr/1TDIkgVeDHkSjkGkLEVC/CeuJfP4i8+k3o3FYRUnu7AUSKaQTVw5qHEVxxloMoKjw0Zc1HDw2IwPaSzYFUnhgJ0Jaxz9XuzjCjvsjlswqRGt2IIrJHLPmya/I5FqwcpDPy7jdy4P/cGhV6kdf9Km67XgZC/0M+6TXbJgQSrDjAf9qEAv03nGZ61cM66RzmmyJ6RTT5gd6u5269gRBzkgNNkv9kewn3HEocQJk1786IeOdOaEBeRtv6paOG7m00lxCSXjlBxKSjuWY1jsOHDMSxWP4UiPJ8eeNwbHGW9JjoUPA45rOoY4dnwAcix09HJcsKG/dNVV+2F+3eA64U/1H/OLDu3be3pqV5Yr1nK5m9YKy0JjWaUsS5xlfTQsrpaV2bis2z8T7B8o9k8jQ0z4CwynGEZeJFLmAAAAAElFTkSuQmCC) center center no-repeat;
    margin-right: 4px;
    vertical-align: middle;
    background-size: 100% 100%;
}

.ssr62121434 .wb-modal-content {
    top: 30%;
    padding: 32px;
}

.ssr62121434 .wb-modal-body {
    font-size: 16px !important;
    line-height: 24px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.ssr62121434 .wb-modal-footer {
    display: none;
}

.ssr62121434 .wb-modal-header {
    padding: 0 !important;
    text-align: left !important;
}

.ssr62121434 .wb-modal-title {}

.ssr62121434 .wb-modal-body a {
    color: #0d86ff;
}

.ssr62121436 {
    overflow-x: hidden;
}

.ssr62121437 {
    width: 1200px;
    margin: 0 auto;
}

.ssr62121438 {
    width: 1200px;
    height: 630px;
    margin: 0 auto;
    display: flex;
    position: relative;
    align-items: center;
}

.ssr62121438 .item {
    width: 570px;
}

.ssr62121438>.itemVideo {
    top: 0;
    position: absolute;
}

.ssr62121438 .item1 {
    left: 548px;
}

.ssr62121438 .item2 {
    right: 548px;
}

.ssr62121438 .item3 {
    left: 548px;
}

.ssr62121438 .item4 {
    right: 548px;
}

.ssr62121438 .item5 {
    left: 548px;
}

.ssr62121438 .item6 {
    right: 548px;
}

.ssr62121438>.itemVideo>video {
    width: 882px;
    height: 630px;
}

.ssr62121439 {
    z-index: 3;
    position: relative;
}

.ssr62121440 {
    color: #2B3240;
    font-size: 48px;
    text-align: center;
    ;
    font-weight: 900;
    line-height: 60px;
    letter-spacing: 0;
}

.ssr62121441 {
    color: #636872;
    font-size: 24px;
    text-align: center;

    font-weight: 400;
    line-height: 32px;
    padding-top: 20px;
}

.ssr62121442 {
    position: relative;
    margin-top: 44px;
}

.ssr62121442 .comSection {
    height: 100vh;
    display: flex;
    position: relative;
    align-items: center;
}

.ssr62121442>div img {
    height: 630px;
}

.ssr62121442>div h3 {
    color: #2B3240;
    font-size: 48px;

    font-weight: 700;
    line-height: 60px;
}

.ssr62121442>div p {
    color: #636872;
    font-size: 24px;

    font-weight: 400;
    line-height: 36px;
    padding-top: 20px;
}

.ssr62121442 .comSection>div {
    width: 100%;
}

.ssr62121443 .sectionCont {
    justify-content: right;
}

.ssr62121443 .item {
    right: 0;
    position: absolute;
}

.ssr62121444 .sectionCont {
    justify-content: left;
}

.ssr62121445 {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    position: fixed;
}

.ssr62121445 span {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    height: 100%;
    position: absolute;
}

.ssr62121445>span:nth-child(1) {
    z-index: -1;
    background-image: linear-gradient(180deg, #F5F6F7 90%, rgba(245, 246, 247, 0.00) 100%);
}

.ssr62121445>span:nth-child(2) {
    z-index: -2;
    background-image: linear-gradient(180deg, #FFFFFF 0%, #E6F2FF 100%);
}

.ssr62121445>span:nth-child(3) {
    z-index: -3;
    background-image: linear-gradient(180deg, #FFFFFF 0%, #F1F0F0 100%);
}

.ssr62121445>span:nth-child(4) {
    z-index: -4;
    background-image: linear-gradient(180deg, #FFFFFF 0%, #FBEEE6 100%);
    ;
}

.ssr62121445>span:nth-child(5) {
    z-index: -5;
    background-image: linear-gradient(180deg, #FFFFFF 0%, #F1F0F0 100%);
}

.ssr62121445>span:nth-child(6) {
    z-index: -6;
    background-image: linear-gradient(180deg, #FFFFFF 0%, #E6F2FF 100%);
}

.ssr62121445>span:nth-child(7) {
    z-index: -7;
    background-image: linear-gradient(180deg, #FFFFFF 0%, #F3F9DD 100%);
}

.ssr62121446 {
    color: #636872;
    font-size: 16px !important;

    font-weight: 400;
    line-height: 24px;
    padding-top: 20px;
}

.ssr62121446 i {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAWlBMVEVgZ3QAAABkZHNeZ3ZdZnVmZnlgZXdfanNiZ3NPa2pdXXZmZoJhZ3NgaXNiaXNiaHJiZ3NhaHNhaHJhaHRhZ3RhaXNjaHNlanRiaHNiaHNhaHNhaHRgZ3FiaHM1bqLdAAAAHXRSTlMqABIlIgUPHbAMCwqTSergvKuMYTKffzz17sp4VNzCa1cAAAFVSURBVEjHzdfZcoMwDIXhU9myA2Rfu/H+r9mwTH2BZFNrOpP//psJiBiBN0P/hLkN9Cy0/EfMFB1+c5F4NSaPRZ5W4eAg5kIRNx5qvsnjiGwxg9mjkGcNdw7FXCfjgFUFCXdYWbfE7NZixwvssTqfsDyj8sQSbiD02Oz3mweEmoSVH3099M8OV/2HQ5/Sth/byvNKWLzTxwkfxTueMEHqNOETpGjE+pguE74o45oxQ+482DPkeMYEpd39voMSzTiiojhjV4PdhBlV8YhbaH0dTztotSMOyNztd1WHEROU9unpFKI87oc2r4pDHQ5pVDrOj4rrMKuPZxk7/Y9RxnHGVINpxlyDWT2GytjrB2AZk3r0lrErHfr4GPAN2UNfverbgL/FKy6/6K7bw6d8ajeWV6zl5W5aKywLjWWVsixx1vXRvrjaV2b7sm7/TLB/oNg/jcrZ8Q9zOxew9G5H6wAAAABJRU5ErkJggg==) center center no-repeat;
    margin-right: 7px;
    vertical-align: middle;
    background-size: 100% 100%;
}

.ssr62121447 {
    padding: 160px 0;
    z-index: 2;
    position: relative;
    background: #141D38;
}

.ssr62121447::after {
    top: 0;
    left: 0;
    width: 1200px;
    height: 714px;
    content: '';
    z-index: -1;
    position: absolute;
    background: url(images/a20c7b95ac01ab8826ff8dd452538bc1.png) center center no-repeat;
    background-size: 100% 100%;
}

.ssr62121447::before {
    right: 0;
    width: 1200px;
    bottom: 0;
    height: 714px;
    content: '';
    z-index: -1;
    position: absolute;
    transform: rotate(180deg);
    background: url(images/a20c7b95ac01ab8826ff8dd452538bc1.png) center center no-repeat;
    background-size: 100% 100%;
}

.ssr62121448 {
    top: 12vh;
    height: 600px;
    margin-bottom: 0 !important;
    background-image: none !important;
}

.ssr62121449 {
    color: #FFFFFF;
    width: 100%;
    font-size: 48px;
    text-align: center;
    ;
    font-weight: 900;
    line-height: 60px;
}

.ssr62121450 {
    color: #636872;
    font-size: 24px;
    text-align: center;

    font-weight: 400;
    line-height: 32px;
    padding-top: 20px;
}

.ssr62121451 {
    top: 30%;
    width: 100%;
    display: flex;
    position: relative;
    align-items: center;
    -ms-flex-pack: start;
    margin-bottom: -5rem;
    -ms-flex-align: center;
    flex-direction: column;
    justify-content: flex-start;
    -webkit-box-pack: start;
    -webkit-box-align: center;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-align-items: center;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -webkit-justify-content: flex-start;
}

.ssr62121451 .card {
    overflow: hidden;
}

.ssr62121451 .card_1 {
    top: 25vh;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    margin-top: -460px;
    will-change: background, transform;
    transform-style: preserve-3d;
    background-color: rgb(235, 245, 255);
}

.ssr62121451 .card_2 {
    top: 31vh;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    will-change: background, transform;
    transform-style: preserve-3d;
    background-color: rgb(235, 245, 255);
}

.ssr62121451 .card_3 {
    top: 37vh;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    will-change: background, transform;
    transform-style: preserve-3d;
    background-color: rgb(235, 245, 255);
}

.ssr62121451 .right-content {
    padding-top: 60px;
    white-space: pre-line;
}

.ssr62121451 .link {
    color: #0D86FF;
    cursor: pointer;
    font-size: 20px;
    ;
    font-weight: 600;
    line-height: 32px;
    padding-top: 60px;
    letter-spacing: 0;
}

.ssr62121451>div {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    position: sticky;
    border-radius: 30px;
    margin-bottom: 62px;
    background-image: linear-gradient(116deg, #0D1D42 0%, #2B3858 100%);
}

.ssr62121451>div img {
    height: 400px;
    transition: transform 200ms;
    border-radius: 30px 0 0 30px;
    transform-style: preserve-3d;
}

.ssr62121451>div img:hover {
    transform: scale3d(1.05, 1.05, 1);
}

.ssr62121451>div h3 {
    color: #FFFFFF;
    font-size: 48px;

    font-weight: 700;
    line-height: 60px;
}

.ssr62121451>div p {
    color: #FFFFFF;
    font-size: 20px;

    font-weight: 400;
    line-height: 32px;
    padding-top: 12px;
}

.ssr62121451 .link i {
    width: 28px;
    height: 28px;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAMAAAArteDzAAAAilBMVEUAi/8AAAAAjP8AjP8Aiv8Agv8Akf8AkP8AnP8Aif8Ajf8AiP8Aif8Aiv8Aif8Aiv8Aif8Aiv8Aiv8AjP8Aif8Aif8Ahv8Aif8Aif8Aiv8Aif8Aif8AhP8Ajf8AkP8Aiv8Aif8Aif8Aiv8Aif8Aif8AiP8Aif8Aiv8AiP8Aif8Aif8Aif8Aif8Aif+tu2fdAAAALXRSTlMPAA4FCwoJDAf6N9ZGJ/LQxVdSEbZMQz3228u+HxoV8OrirGhen4puYy+7lXy9TzO8AAACT0lEQVRYw83Z+3KrIBAG8C+gaHMzF2OOmrQnTdLryfu/3sEp9h+Lu0vLTL8H+M0KjMCCCRmdmyRTClAqS0yuJ2RAgEZhEGV0OKoTeJPoIHRQ46BeMZqCkZRACZJiaVQrsKM0D80gSuZBiTLJYik0R0DycTRFUNIxNEFgEj+aITjZACXqFNcKejzl4wpi3gXJh6jGt6MHqPo+qj5ReuLlSwD0x8sHAPTHywcA5GqSryuH4qfiOLpQeangFrool/UL6PSoAZ1tcbN5AhnjUAU6U0uyVPWBavDR2ztnrVo0Afvzba5b+h8I7np6PTn1kVI7VIOXRd2r99T3Y2LAVWdOLcdVY1EFbg6FU9tRVVkU4KuNU1fH0UGFhiDHlVObA/zRyCFSW6cWI2oOA1HuS6fOFv6ZQgKh+ujU2qsmyCDMtldPr76tCgpi9Uqoyo/Or2X59ta27apL0zRFUcy61PWDU/9OPagvlxsjpyNEmd04uUBU65KFnmVjWnLM5eJrNPP/k8jcrT1LKvGunGq93tjsdru5TVVV+/1+2uX5btS0pIE0a8K0ZB5q/tn4fyhaaF5I05KTQHMHb9x2ws4Lw1QWNUEmsfFpvnnu1/yc2qInP2x2Iv+i99ybFePYo2XmQ8U5oPHm/9ybe4xGCQ69xyXPhBEcz+duA6FMSC4Si35TIpKKrjxPLBPCy9nm/d8BZKExrpFRLrwxruYxmghR2h0xGjMxWkgxml2x23LxG4jhrc74Tdn47ePwRnf8lnz8xwM5m/6GBxn66eg3PXIFP8f9B3j4XUieVsgOAAAAAElFTkSuQmCC) center center no-repeat;
    vertical-align: middle;
    background-size: 100% 100%;
}

.ssr62121451 .right-content .des {
    color: rgba(255, 255, 255, 0.8);
}

.ssr62121452 {
    position: relative;
}

.ssr62121453 {
    overflow: hidden;
    margin-right: 60px;
}

.ssr62121454 {
    height: 726px;
    background-size: cover;
    background-image: url(images/883a9c3015d1a44ba5c224bbae3cc4f1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}

body.support-webp .ssr62121454 {
    background-image: url(images/8f5f6037a1a186e27e03c262b8b7abd1.webp);
}

.ssr62121455 {
    padding-top: 240px;
}

.ssr62121456 {
    width: 582px;
    margin: 0 auto;
    text-align: center;
}

.ssr62121456 img {
    height: 124px;
}

.ssr62121456 p {
    color: rgba(255, 255, 255, 0.80);
    font-size: 18px;
    text-align: center;

    font-weight: 400;
    line-height: 28px;
    padding-top: 24px;
}

.ssr62121456 .ft {
    padding-top: 28px;
}

.ssr62121456 .ft>span:last-child {
    margin-left: 48px;
}

.ssr62121456 .ft span {
    cursor: pointer;
    vertical-align: middle;
}

.ssr62121456 .ft span svg {
    margin-top: -5px;
    vertical-align: middle;
}

.ssr62121412 {
    color: #0D71FF;
    height: 120px;
    display: flex;
    font-size: 32px;
    text-align: center;
    align-items: center;
    ;
    justify-content: center;
    background-color: #FFF;
}

.ssr62121412 .img {
    height: 56px;
    margin-left: 40px;
}

.acsb-widget .acsb-main .acsb-header .acsb-language {
    visibility: hidden !important;
}

.g-disable-scroll {
    height: 100vh;
    overflow: hidden;
}

.g-disable-touch {
    touch-action: none;
}

.g-hide {
    display: none;
}

.g-animation-show-enter {
    opacity: 0;
}

.g-animation-show-enter-active {
    opacity: 1;
    transition: opacity .8s ease-in-out;
}

.g-animation-show-exit-active {
    opacity: 0;
    transition: opacity .8s ease-in-out;
}

.g-animation-show-fast-enter {
    opacity: 0;
}

.g-animation-show-fast-enter-active {
    opacity: 1;
    transition: opacity .4s ease-in-out;
}

.g-animation-show-fast-exit-active {
    opacity: 0;
    transition: opacity .4s ease-in-out;
}

.g-relative-center {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.g-column-center {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.g-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

body {}

:root {
    --viewport-content: 1200px;
    --part2-item-width: 896px;
    --part2-item-gap: 32px
}

.cardItem {
    margin-right: 30px !important;
    scroll-snap-align: start !important
}

.part2-card-root {
    overflow-x: scroll;
    scroll-padding: calc(50% - var(--viewport-content)/2);
    scroll-snap-type: x mandatory;
    transition: transform .3s;
    will-change: transform
}

.part2-card-wrap {
    align-items: stretch;
    display: flex;
    justify-content: flex-start;
    margin: 0;
    padding-left: calc(50% - var(--viewport-content)/2);
    padding-right: calc(100% - var(--viewport-content)/2);
    text-align: left;
    width: fit-content;
    width: -moz-fit-content
}

.part2-card-item-container {
    margin-right: var(--part2-item-gap);
    width: var(--part2-item-width)
}

.part2-card-root::-webkit-scrollbar {
    display: none
}

.part2-card-root {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.wb-animate-wrap.wb-animate {
    opacity: 0;
    transform: translate3d(0, 80px, 0)
}

.wb-animate-wrap.wb-animate.do-animate {
    opacity: 1;
    transform: translateZ(0);
    transition: all 1s ease-out
}

.wb-animate-wrap.wb-animate-banner1 {
    opacity: 0;
    transform: translate3d(0, 150%, 0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(4deg) skew(0deg, 0deg);
    transform-style: preserve-3d
}

.wb-animate-wrap.wb-animate-banner1.do-animate {
    opacity: 1;
    transform: translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
    transition: all .5s ease-out
}

.wb-animate-wrap.wb-animate-banner2 {
    opacity: 0;
    transform: translate3d(0, 150%, 0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(4deg) skew(0deg, 0deg);
    transform-style: preserve-3d
}

.wb-animate-wrap.wb-animate-banner2.do-animate {
    opacity: 1;
    transform: translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
    transition: all 1s ease-out
}

.wb-animate-wrap.wb-animate-banner3 {
    opacity: 0;
    transform: translate3d(0, 150%, 0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(4deg) skew(0deg, 0deg);
    transform-style: preserve-3d
}

.wb-animate-wrap.wb-animate-banner3.do-animate {
    opacity: 1;
    transform: translateZ(0) scaleX(1) rotateX(0deg) rotateY(0deg) rotate(0deg) skew(0deg, 0deg);
    transition: all 1.5s ease-out
}

@media (max-width:1440px) {
    .bannerContent {
        width: 1200px !important
    }
}

@media (min-width:1700px) {
    .bannerContent {
        width: 1480px !important
    }

    .banner-right {
        right: -4% !important
    }
}

.normal-h h1,
.normal-h h2,
.normal-h h3,
.normal-h h4,
.normal-h h5,
.normal-h h6 {
    margin: 0
}

.swiper-container {
    list-style: none;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    position: relative;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    width: 100%;
    z-index: 1
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    margin: 0 auto;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-slide {
    -ms-flex-negative: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    width: 100%
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    -o-transition-property: transform, height;
    transition-property: transform, height
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 27px 44px;
    cursor: pointer;
    height: 44px;
    margin-top: -22px;
    position: absolute;
    top: 50%;
    width: 27px;
    z-index: 10
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    cursor: auto;
    opacity: .35;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: auto;
    right: 10px
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22 22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22 5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    font-size: 0;
    overflow: hidden
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    -ms-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    -ms-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    background: #000;
    border-radius: 100%;
    display: inline-block;
    height: 8px;
    opacity: .2;
    width: 8px
}

button.swiper-pagination-bullet {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    background: #007aff;
    opacity: 1
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: 6px 0
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: top .2s, -webkit-transform .2s;
    -o-transition: transform .2s, top .2s;
    transition: transform .2s, top .2s
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: left .2s, -webkit-transform .2s;
    -o-transition: transform .2s, left .2s;
    transition: transform .2s, left .2s
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: right .2s, -webkit-transform .2s;
    -o-transition: transform .2s, right .2s;
    transition: transform .2s, right .2s
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    width: 100%
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 4px;
    left: 0;
    top: 0;
    width: 100%
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    height: 100%;
    left: 0;
    top: 0;
    width: 4px
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    background: rgba(0, 0, 0, .1);
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none
}

.swiper-container-horizontal>.swiper-scrollbar {
    bottom: 3px;
    height: 5px;
    left: 1%;
    position: absolute;
    width: 98%;
    z-index: 50
}

.swiper-container-vertical>.swiper-scrollbar {
    height: 98%;
    position: absolute;
    right: 3px;
    top: 1%;
    width: 5px;
    z-index: 50
}

.swiper-scrollbar-drag {
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    height: 100%;
    left: 0;
    position: relative;
    top: 0;
    width: 100%
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
    width: 100%
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite;
    height: 42px;
    left: 50%;
    margin-left: -21px;
    margin-top: -21px;
    position: absolute;
    top: 50%;
    -webkit-transform-origin: 50%;
    -ms-transform-origin: 50%;
    transform-origin: 50%;
    width: 42px;
    z-index: 10
}

.swiper-lazy-preloader:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    height: 100%;
    width: 100%
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.swiper-container .swiper-notification {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    pointer-events: none;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    visibility: hidden;
    width: 100%;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

.swiper-container-cube .swiper-cube-shadow {
    background: #000;
    bottom: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    width: 100%;
    z-index: 0
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    pointer-events: none;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 0
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}



.iconfont {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    font-size: 16px;
    font-style: normal
}

.icon-toujiao_24:before {
    content: "\e739"
}

.icon-lianxijiantou:before {
    content: "\e6d5"
}

.icon-huodong_24_24:before {
    content: "\e8df"
}

.icon-facebookicon:before {
    content: "\e686"
}

.icon-icon-:before {
    content: "\e65a"
}

.icon-guge:before {
    content: "\e61d"
}

.icon-bianzu8:before {
    content: "\e624"
}

.icon-inform1616:before {
    content: "\e6f2"
}

.icon-33:before {
    content: "\e622"
}

.icon-111:before {
    content: "\e623"
}

.icon-Fire-1-16_16:before {
    content: "\e621"
}

.icon-optionrightarrows:before {
    content: "\e822"
}

.icon-jiaoyi_24_24:before {
    content: "\e6e0"
}

.icon-youxiang_24_24:before {
    content: "\e6e1"
}

.icon-shouji_24_24:before {
    content: "\e6e2"
}

.icon-wenti_24_24:before {
    content: "\e6e3"
}

.icon-mima_24_24:before {
    content: "\e6e5"
}

.icon-sc_24_24:before {
    content: "\e6e4"
}

.icon-11:before {
    content: "\e611"
}

.icon-12:before {
    content: "\e612"
}

.icon-zhuyi_16_16:before {
    content: "\e6b3"
}

.icon-fanhui_24_24:before {
    content: "\e600"
}

.icon-Share_22_22:before {
    content: "\e6b1"
}

.icon-zixuan_22_22:before {
    content: "\e6b2"
}

.icon-xuanzhong_22_22:before {
    content: "\e689"
}

.icon-Withdraw_24_24:before {
    content: "\e690"
}

.icon-Deposit_24_24:before {
    content: "\e691"
}

.icon-shuzihuobi_24_24:before {
    content: "\e692"
}

.icon-option_24_24:before {
    content: "\e693"
}

.icon-IRA_24_24:before {
    content: "\e694"
}

.icon-transfer24_24:before {
    content: "\e695"
}

.icon-caidan_20_20:before {
    content: "\e696"
}

.icon-Account_24_24:before {
    content: "\e697"
}

.icon-About_24_24:before {
    content: "\e698"
}

.icon-jiantou_16_16:before {
    content: "\e699"
}

.icon-E-Documents:before {
    content: "\e69a"
}

.icon-Help_24_24:before {
    content: "\e69b"
}

.icon-Trade_24_24:before {
    content: "\e6a4"
}

.icon-Pricing_24_24:before {
    content: "\e6a8"
}

.icon-freestock_24_24:before {
    content: "\e6a9"
}

.icon-Market24_24:before {
    content: "\e6aa"
}

.icon-Transfer_24_24:before {
    content: "\e6ab"
}

.icon-Withdraw:before {
    content: "\e6ac"
}

.icon-Watchlist_24_24:before {
    content: "\e6ad"
}

.icon-Deposit_24_241:before {
    content: "\e6ae"
}

.icon-LogOut_24_24:before {
    content: "\e6af"
}

.icon-Close_24_241:before {
    content: "\e6b0"
}

.icon-AddSymbol_24_24:before {
    content: "\e66a"
}

.icon-Buy_24_24:before {
    content: "\e66d"
}

.icon-CancelOrder_24_24:before {
    content: "\e66e"
}

.icon-chicang_24_24:before {
    content: "\e66f"
}

.icon-Dropdown_16_16:before {
    content: "\e670"
}

.icon-jia_16_16:before {
    content: "\e671"
}

.icon-Close_24_24:before {
    content: "\e676"
}

.icon-guanbi_24_24:before {
    content: "\e677"
}

.icon-jianhao_16_16:before {
    content: "\e678"
}

.icon-jiantou1:before {
    content: "\e679"
}

.icon-ModifyOrder_24_24:before {
    content: "\e67a"
}

.icon-qizi_24_24:before {
    content: "\e67b"
}

.icon-sousuo2:before {
    content: "\e67c"
}

.icon-Quotes_24_24:before {
    content: "\e67d"
}

.icon-tianjia_24_24:before {
    content: "\e67e"
}

.icon-sousuo1:before {
    content: "\e67f"
}

.icon-del_24_24:before {
    content: "\e680"
}

.icon-share_22_22:before {
    content: "\e681"
}

.icon-Sell_24_24:before {
    content: "\e682"
}

.icon-Quotes1_24_24:before {
    content: "\e683"
}

.icon-Tick_16_16:before {
    content: "\e684"
}

.icon-Unfold_24_24:before {
    content: "\e687"
}

.icon-tishi_16_16:before {
    content: "\e688"
}

.icon-caidan_24_24:before {
    content: "\e68b"
}

.icon-yweizhi24_24:before {
    content: "\e68c"
}

.icon-Edit_24_24:before {
    content: "\e68d"
}

.icon-countdown16_16:before {
    content: "\e68e"
}

.icon-wancheng20_20:before {
    content: "\e68f"
}

.icon-kongzhuangtai:before {
    content: "\e685"
}

.icon-download:before {
    content: "\e60a"
}

.icon-start:before {
    content: "\e606"
}

.icon-Sorting_bottom_:before {
    content: "\e6c9"
}

.icon-Sorting_top_:before {
    content: "\e6cc"
}

.icon-PC_:before {
    content: "\e6a5"
}

.icon-OSX_:before {
    content: "\e6a6"
}

.icon-google_:before {
    content: "\e6a7"
}

.icon-finish:before {
    content: "\e6ec"
}

.icon-underway:before {
    content: "\e6ed"
}

.icon-flag:before {
    content: "\e6ee"
}

.icon-next:before {
    content: "\e6ef"
}

.icon-NOComments:before {
    content: "\e6eb"
}

.icon-tips:before {
    content: "\e6cb"
}

.icon-vote_down_select:before {
    content: "\e6da"
}

.icon-vote_down_normal:before {
    content: "\e6db"
}

.icon-hot:before {
    content: "\e6d9"
}

.icon-search_little:before {
    content: "\e60c"
}

.icon-editor1:before {
    content: "\e610"
}

.icon-chevron_down_s:before {
    content: "\e672"
}

.icon-chevron_right_s:before {
    content: "\e673"
}

.icon-chevron_up_s:before {
    content: "\e674"
}

.icon-chevron_left_s:before {
    content: "\e675"
}

.icon-cancel:before {
    content: "\e646"
}

.icon-edit_s:before {
    content: "\e6b5"
}

.icon-unfold_s:before {
    content: "\e6b9"
}

.icon-like_s:before {
    content: "\e6be"
}

.icon-share:before {
    content: "\e627"
}

.icon-tips_failed:before {
    content: "\e6c6"
}

.icon-tips_nodata:before {
    content: "\e6c7"
}

.icon-tips_failed_small:before {
    content: "\e6c8"
}

.icon-refresh:before {
    content: "\e6ca"
}

.icon-editor:before {
    content: "\e659"
}

.icon-share_s:before {
    content: "\e6ba"
}

.icon-duihao_20:before {
    content: "\e7ce"
}

.icon-comment_s:before {
    content: "\e6bb"
}

.icon-Middle_arrow_right_:before {
    content: "\e6a3"
}

.icon-vote_up_select:before {
    content: "\e6dc"
}

.icon-vote_up_normal:before {
    content: "\e6dd"
}

.icon-facebook_:before {
    content: "\e69c"
}

.icon-appl_:before {
    content: "\e69d"
}

.icon-reddit_:before {
    content: "\e69e"
}

.icon-twitter_:before {
    content: "\e69f"
}

.icon-youtube_:before {
    content: "\e6a0"
}

.icon-google_play_:before {
    content: "\e6a1"
}

.icon-android:before {
    content: "\e6a2"
}

html {
    -webkit-text-size-adjust: 100%;
    font-size: 100%
}

html * {
    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    outline: 0;
    user-select: text !important;
    -moz-user-select: text !important;
    -webkit-user-select: text !important;
    -ms-user-select: text !important;
    -o-user-select: text !important;
    -khtml-user-select: text !important
}

body,
button,
div,
input,
p,
textarea {
    word-wrap: break-word;
    line-height: 1.2
}

a,
body,
button,
div,
input,
p,
textarea {}

article,
aside,
blockquote,
body,
button,
code,
dd,
details,
div,
dl,
dt,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
input,
legend,
li,
menu,
nav,
ol,
p,
pre,
section,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

input,
select,
textarea {
    font-size: 100%
}

input::placeholder,
select::placeholder,
textarea::placeholder {
    color: #b3bfc9
}

input,
textarea {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight: transparent;
    -webkit-text-size-adjust: none;
    -webkit-appearance: none;
    border-radius: 0
}

:not(input, textarea) {
    -webkit-touch-callout: none;
    -webkit-user-select: none
}

input {
    border: 0
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

input:-webkit-autofill {
    background: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset,
img {
    border: 0
}

abbr,
acronym {
    border: 0;
    font-variant: normal
}

del {
    text-decoration: line-through
}

ins {
    text-decoration: none
}

address,
b,
caption,
cite,
code,
dfn,
em,
i,
strong,
th,
var {
    font-style: normal;
    font-weight: 400
}

ol,
ul {
    list-style: none
}

caption,
th {
    text-align: left
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: ""
}

a {
    cursor: pointer
}

a,
a:hover {
    text-decoration: none
}

.clearfix {
    *zoom: 1
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table;
    line-height: 0
}

.clearfix:after {
    clear: both
}

.grecaptcha-badge {
    visibility: hidden
}

.g-add-click-area-10 {
    position: relative
}

.g-add-click-area-10:after {
    bottom: -10px;
    content: "";
    left: -10px;
    position: absolute;
    right: -10px;
    top: -10px
}

;

.message-root {
    position: fixed;
    top: 35%;
    left: 0;
    z-index: 9999;
    width: 100%;
    pointer-events: none;
}

.message-root-notice {
    text-align: center;
}

.message-root-notice-closable {
    padding-right: 20px;
}

.message-root-notice-close {
    position: absolute;
    right: 5px;
    top: 3px;
    color: #000;
    cursor: pointer;
    outline: none;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 0.2;
    text-decoration: none;
}

.message-root-notice-close-x:after {
    content: "×";
}

.message-root-notice-close:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    text-decoration: none;
}

.message-root-notice-content {
    display: inline-block;
    padding: 16px 30px;
    pointer-events: all;
    background: rgba(36, 41, 54, 0.8);
    border-radius: 12px;
    color: #fff;
    text-align: center;
}

.message-root-custom-content-icon {
    color: #fff !important;
    font-size: 36px !important;
    margin: 0 0 6px;
}

.message-root-custom-content>span {
    display: block;
    font-size: 14px;
    line-height: 20px;
}

.message-root-info>svg {
    display: none;
}

.message-root-loading,
.message-root-success,
.message-root-warning,
.message-root-error {
    width: 140px;
    padding: 14px 0;
}

.csr25 {
    width: 1em;
    height: 1em;
    display: inline-block;
    overflow: hidden;
    vertical-align: -0.15em;
}

@-webkit-keyframes csr27 {
    from {
        transform: rotate(0);
        transform-origin: 50% 50%;
    }

    to {
        transform: rotate(1turn);
        transform-origin: 50% 50%;
    }
}

.csr28 {
    display: inline-block;
    animation: csr27 1s linear forwards;
}

.csr29 {
    display: inline-block;
    animation: csr27 1s linear infinite forwards;
}

.csr30 {
    cursor: not-allowed !important;
    opacity: 0.5;
}

.csr10 {
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 0px 2px 5px 0px rgba(43, 50, 64, 0.12);
    backdrop-filter: saturate(180%) blur(10px);
    webkit-backdrop-filter: saturate(180%) blur(10px);
}

.csr11 {
    background: rgba(43, 50, 64, 0.60);
    backdrop-filter: saturate(180%) blur(10px);
    webkit-backdrop-filter: saturate(180%) blur(10px);
}

.csr12 {
    background: transparent;
}

.message-root {
    position: fixed;
    top: 35%;
    left: 0;
    z-index: 9999;
    width: 100%;
    pointer-events: none;
}

.message-root-notice {
    text-align: center;
}

.message-root-notice-closable {
    padding-right: 20px;
}

.message-root-notice-close {
    position: absolute;
    right: 5px;
    top: 3px;
    color: #000;
    cursor: pointer;
    outline: none;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 0.2;
    text-decoration: none;
}

.message-root-notice-close-x:after {
    content: "×";
}

.message-root-notice-close:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    text-decoration: none;
}

.message-root-notice-content {
    display: inline-block;
    padding: 16px 30px;
    pointer-events: all;
    background: rgba(36, 41, 54, 0.8);
    border-radius: 12px;
    color: #fff;
    text-align: center;
}

.message-root-custom-content-icon {
    color: #fff !important;
    font-size: 36px !important;
    margin: 0 0 6px;
}

.message-root-custom-content>span {
    display: block;
    font-size: 14px;
    line-height: 20px;
}

.message-root-info>svg {
    display: none;
}

.message-root-loading,
.message-root-success,
.message-root-warning,
.message-root-error {
    width: 140px;
    padding: 14px 0;
}

.csr25 {
    width: 1em;
    height: 1em;
    display: inline-block;
    overflow: hidden;
    vertical-align: -0.15em;
}

@-webkit-keyframes csr27 {
    from {
        transform: rotate(0);
        transform-origin: 50% 50%;
    }

    to {
        transform: rotate(1turn);
        transform-origin: 50% 50%;
    }
}

.csr28 {
    display: inline-block;
    animation: csr27 1s linear forwards;
}

.csr29 {
    display: inline-block;
    animation: csr27 1s linear infinite forwards;
}

.csr30 {
    cursor: not-allowed !important;
    opacity: 0.5;
}

.csr134 {
    background: #FFFFFF;
}

.csr135 {
    background: #1D263A;
}

.csr136 {
    background: #191C1F;
}

.csr10 {
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 0px 2px 5px 0px rgba(43, 50, 64, 0.12);
    backdrop-filter: saturate(180%) blur(10px);
    webkit-backdrop-filter: saturate(180%) blur(10px);
}

.csr11 {
    background: rgba(43, 50, 64, 0.60);
    backdrop-filter: saturate(180%) blur(10px);
    webkit-backdrop-filter: saturate(180%) blur(10px);
}

.csr12 {
    background: transparent;
}

.csr160 {
    cursor: pointer;
    display: flex;
    padding: 6px 10px;
    position: relative;
    min-width: 150px;
    align-items: center;
    margin-right: 12px;
    border-radius: 6px;
}

.csr160 img {
    width: 32px;
    height: 32px;
    margin-right: 6px;
}

.csr160 .qrCode {
    top: 54px;
    left: -32px;
    width: 214px;
    height: 214px;
    position: absolute;
}

.csr160 .txt_1 {
    margin: 0 0 1px;
    opacity: 0.8;
    font-size: 10px;

    line-height: 14px;
}

.csr160 .txt_2 {
    margin: 0;
    font-size: 15px;
    ;
    line-height: 18px;
}

.csr161 {
    display: flex;
    align-items: center;
    margin-right: 6px;
}

.csr168 .txt_1 {
    color: rgb(255, 255, 255) !important;
}

.csr160 .txt_1 {
    margin: 0 0 1px;
    opacity: 0.8;
    font-size: 10px;

    line-height: 14px;
}

.csr168 .txt_2 {
    color: rgb(255, 255, 255);
}

.csr160 .txt_2 {
    margin: 0;
    font-size: 15px;
    ;
    line-height: 18px;
}

.csr162>svg path {
    fill: #2B3240;
}

.csr163 {
    position: relative;
}

.csr163:hover:after {
    top: 54px;
    left: -32px;
    width: 214px;
    height: 214px;
    content: '';
    z-index: 1;
    position: absolute;
    background-size: cover;
}

.csr165 {
    padding-top: 17px;
}

.csr166 {
    border: 8px solid #4e5462;
    padding: 10px;
    margin-top: 10px;
    text-align: center;
    border-radius: 15px;
    background-color: #fff;
}

.csr166 .qrCode {
    margin: 0 auto;
    display: block;
}

.csr166 .desc {
    color: #636872;
    font-size: 14px;
    margin-top: 8px;
    line-height: 22px;
}

.csr70 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    position: fixed;
    background-color: rgba(36, 41, 54, 0.25) !important;
}

.csr57 {
    border: 0;
    cursor: pointer;
    height: 40px;
    padding: 0 16px;
    overflow: hidden;
    position: relative;
    font-size: 16px;
    min-width: 80px;
    ;
    line-height: 22px;
    white-space: nowrap;
    border-radius: 8px;
    text-overflow: ellipsis;
}

.csr58 {
    color: #FFFFFF;
    background-color: #0D86FF;
}

.csr58.large {
    background-image: linear-gradient(-45deg, #0DA2FF 0%, #0D76FF 100%);
}

.csr58:hover {
    background-color: #0A75E0;
    background-image: none;
}

.csr58:disabled:hover {
    background-color: #0D86FF;
}

.csr58:disabled:hover.large {
    background-image: linear-gradient(-45deg, #0DA2FF 0%, #0D76FF 100%);
}

.csr59 {
    color: #0D86FF;
    border: 1px solid #0D86FF;
    background-color: #fff;
}

.csr59:hover {
    background: rgba(13, 134, 255, 0.06);
}

.csr59:disabled:hover {
    background-color: #fff;
}

.csr60 {
    color: #0D86FF;
    border: 1px solid #0D86FF;
    background-color: #fff;
}

.csr60:hover {
    background: rgba(13, 134, 255, 0.06);
}

.csr60:disabled:hover {
    background-color: #fff;
}

.csr61 {
    color: #FFFFFF;
    background-color: #F15F6B;
}

.csr61:hover {
    background: #f32d3d;
}

.csr61:disabled:hover {
    background-color: #F15F6B;
}

.csr62 {
    color: #636872;
    border: 1px solid #C6C8CB;
    font-size: 16px;
    background: none;
    ;
    background-color: #FFFFFF;
}

.csr62:hover {
    background: rgba(99, 104, 114, 0.04);
}

.csr62:disabled:hover {
    background-color: #F8FAFD;
}

.csr63 {
    cursor: not-allowed;
    opacity: 0.3;
}

.csr64:before {
    display: block;
}

.csr64>span:first-child {
    width: 14px;
    height: 14px;
    line-height: 14px;
}

.csr64>span:last-child {
    position: relative;
    padding-left: 8px;
}

.csr65 {
    font-size: 16px;
    margin-right: 5px;
    vertical-align: top;
}

@-webkit-keyframes csr66 {
    0% {
        transform: rotate(0deg);
        transform-origin: 50% 50%;
    }

    to {
        transform: rotate(1turn);
        transform-origin: 50% 50%;
    }
}

.csr137 {
    color: #373b3f;
    width: 100%;
    padding: 33px 0 83px;
    font-size: 12px;
    box-sizing: border-box;
}

.csr153 {
    width: 1200px;
    margin: 0px auto;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    padding-bottom: 30px;
}

.csr137 p {
    margin: 0;
}

.csr137 a {
    text-decoration: none !important;
}

.csr151 {
    color: rgb(255, 255, 255) !important;
    display: block;
    font-size: 14px;
    text-align: left;
    line-height: 19px;
    padding-bottom: 22px;
    ;
}

.csr152 {
    color: rgba(255, 255, 255, 0.7);
    display: block;
    font-size: 14px;
    text-align: left;
    line-height: 19px;
    padding-bottom: 17px;
    text-decoration: none;

}

.csr137 .row {
    width: 100%;
    display: flex;
    padding-top: 64px;
    padding-bottom: 7px;
    justify-content: space-between;
}

.csr137 .row .col {
    display: flex;
    font-size: 14px;
    margin-right: 20px;
    flex-direction: column;
}

.csr139 {
    width: 1200px;
    margin: 0 auto;
}

.csr145 {
    padding-top: 17px;
}

.csr53 {
    height: 100%;
    display: flex;
    align-items: center;
}

.csr55 {
    min-width: 79px;
    background: #0D71FF;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .csr54 {
        margin-right: 16px !important;
    }
}

.csr18 {
    flex: 1;
    height: 100%;
    margin: 0;
    display: flex;
    list-style: none;
    align-items: center;
    padding-left: 20px;
}

.csr18 .item-bg {
    top: -1px;
    width: 110px;
    height: 28px;
    display: flex;
    position: relative;
    align-items: center;
    background-size: contain;
    justify-content: center;
    background-repeat: no-repeat;
    background-position: center center;
}

.csr18 ul,
.csr18 li {
    margin: 0;
    list-style: none;
}

.csr18 li a {
    display: block;
    position: relative;
    font-size: 16px;
    box-sizing: border-box;
    ;
    line-height: 24px;
    letter-spacing: 0;
    text-decoration: none;
}

.csr18 li a.active {
    ;
}

.csr18 .item-bg a {
    color: #FFFFFF !important;
}

.csr18 .item-bg a:hover {
    color: #FFFFFF !important;
}

.csr19 {
    cursor: pointer;
    display: inline-block;
    padding: 0 12px;
    position: relative;
    transition: .2s;
}

.csr19:hover>#child-menu {
    opacity: 1;
    z-index: 1;
    transform: translateY(0);
    visibility: visible;
}

.csr19:hover .menuItem-icon-more {
    transform: rotate(180deg);
}

.csr19 .menuItem-icon-more {
    transition: .2s;
    margin-left: 6px;
}

.csr19 .menuCard {
    width: 302px;
}

.csr19 .after-desktop {
    display: flex;
    position: relative;
    margin-left: 6px;
}

.csr19 .after-desktop>span {
    top: 50%;
    left: 50%;
    color: #FFFFFF;
    margin: 0;
    position: absolute;
    font-size: 12px;
    transform: translate(-50%, -50%);

    line-height: 16px;
    white-space: nowrap;
    letter-spacing: 0;
}

.csr20 {
    cursor: pointer;
    display: flex;
    font-size: 16px;
    align-items: center;
    ;
    line-height: 24px;
}

.csr20>img {
    width: 16px;
    height: 16px;
    transform: rotate(180deg);
    transition: .3s;
    margin-left: 4px;
    transform-origin: center;
}

.csr20>a {
    font-size: 16px;
    ;
    text-decoration: none;
}

.csr20::after {
    top: 0;
    left: 0;
    right: 0;
    bottom: -26px;
    content: '';
    z-index: -1;
    position: absolute;
}

.csr21 {
    top: 34px;
    left: 0;
    display: flex;
    opacity: 0;
    padding: 16px 16px;
    z-index: -1;
    position: absolute;
    transform: translateY(10px);
    background: #FFFFFF;
    box-shadow: 0px 8px 20px 0px rgba(43, 50, 64, 0.12);
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    visibility: hidden;
    white-space: nowrap;
    will-change: transform;
    border-radius: 12px;
}

.csr21>.child-box {
    padding-right: 24px;
}

.csr21>.child-box:last-child {
    padding-right: 0;
}

.csr21>.child-box>.subTitle {
    color: #636872;
    padding: 0 16px;
    font-size: 14px;

    margin-bottom: 8px;
}

.csr21>.child-box>ul {
    padding: 0;
}

.csr21>.child-box>ul>li {
    display: flex;
    position: relative;
    align-items: center;
}

.csr21>.child-box>ul>li>a {
    color: #2B3240;
    width: 100%;
    display: flex;
    padding: 12px 16px;
    font-size: 16px;
    min-width: 178px;
    box-sizing: content-box;
    align-items: center;

    border-radius: 6px;
}

.csr21>.child-box>ul>li>a:hover,
.csr21>.child-box>ul>li>a:active {
    fill: #0D71FF;
    color: #0D71FF;
    background: rgba(13, 113, 255, 0.06);
    border-radius: 8px;
}

.csr21>.child-box>ul>li>a>.icon {
    width: 24px;
    height: 24px;
    margin-right: 12px;
}

.csr21>.child-box>ul>li>a>.img {
    width: 24px;
    height: 24px;
    object-fit: contain;
    margin-right: 12px;
}

.csr21>.child-box>ul>li>a>.img-text {
    left: -5px;
    width: 137px;
    bottom: 1px;
    height: 24px;
    position: relative;
}

.csr17 {
    display: flex;
    align-items: center;
}

.csr17 img {
    width: 136px;
    height: 26px;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .csr17 {
        display: flex;
        align-items: center;
    }

    .csr17 img {
        width: 136px;
        height: 26px;
    }
}

@media screen and (max-width: 767px) {
    .csr17 {
        display: flex;
        align-items: center;
    }

    .csr17 img {
        width: 100px;
        height: 18px;
    }
}

.csr1 {
    top: 0;
    width: 100%;
    z-index: 99;
    position: sticky;
}

.csr2 {
    width: 100%;
    height: 70px;
    display: flex;
    padding: 0 40px;
    transition: all .3s cubic-bezier(.645, .045, .355, 1);
    align-items: center;
    justify-content: space-between;
}

.csr3 {
    display: flex;
    align-items: center;
}

.csr5 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.csr6 {
    cursor: pointer;
    display: none;
}

.csr8 {
    display: none;
    margin-right: 8px;
}

.csr9 {
    width: 100%;
    min-height: 53px;
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .csr2 {
        top: 0;
        left: 0;
        right: 0;
        padding: 0 32px;
        position: fixed;
    }

    .csr4 {
        display: none;
    }

    .csr6 {
        width: 32px;
        height: 32px;
        display: block;
        margin-left: 16px;
    }
}

@media screen and (max-width: 767px) {
    .csr2 {
        top: 0;
        left: 0;
        right: 0;
        height: 53px;
        padding: 0 20px;
        position: fixed;
    }

    .csr4 {
        display: none;
    }

    .csr6 {
        width: 24px;
        height: 24px;
        display: block;
    }

    .csr7 {
        display: none;
    }

    .csr8 {
        width: 24px;
        height: 24px;
        display: block;
    }
}

.csr90 {
    width: 100%;
    height: 580px;
    position: relative;
    text-align: center;
    padding-top: 150px;
    background-size: cover;
    background-color: #060606;
    background-image: url(https://wbstatic.webullfintech.com/v1/webull-us-g/assets/055bfbe16faf29ff9cd68b86dfa87789.png) no-repeat;
}

.csr90 .logo {
    height: 74px;
    margin-bottom: 43px;
}

.csr90 .logo img {
    width: 154px;
    height: 100%;
}

.csr91 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 1;
    position: absolute;
    background: url(https://wbstatic.webullfintech.com/v1/webull-us-g/assets/055bfbe16faf29ff9cd68b86dfa87789.png) no-repeat;
    align-items: center;
    background-size: cover;
    justify-content: center;
}

.csr92 {
    display: flex;
    z-index: 2;
    align-items: center;
    justify-content: center;
    /* background-color: red; */
    width: 90%;
    margin: 0 auto;
}

.csr92 .premium {
    margin-right: 50px;
}

.csr92 .txt_1 {
    color: transparent;
    font-size: 40px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.83) 45%, rgba(220, 220, 255, 0.62) 47%, rgba(155, 155, 192, 0.8) 100%);
    ;
    background-clip: text;
    -webkit-background-clip: text;
}

.csr92 .txt_2 {
    color: rgba(255, 255, 255, 0.5);
    margin: 15px auto 24px;
    font-size: 18px;
    max-width: 851px;
    line-height: 28px;
    background-clip: text;
    -webkit-background-clip: text;
}

.csr92 .txt_3 {
    width: 600px;
}

.csr92 .txt_4 {
    width: 400px;
}

.csr92 .btn {
    color: #fff;
    width: 300px;
    cursor: pointer;
    height: 48px;
    margin: 0 auto;
    z-index: 10;
    font-size: 18px;
    background: url(https://wbstatic.webullfintech.com/v1/webull-us-g/assets/14e01b80614e7c6ac3636919e07e1d9f.png) no-repeat;
    text-align: center;
    line-height: 48px;
    background-size: 100% 100%;
}

.csr92 .txt_2 span {
    color: #FFF;
}

.csr92 .premium img {
    width: 443px;
    height: 252px;
}

.csr80 {
    width: 100%;
    height: 720px;
    overflow: hidden;
    background-size: cover;
    background-image: url(https://wbstatic.webullfintech.com/v1/webull-us-g/assets/d750140855fa4e2cda6c93c60230e88c.png);
    background-repeat: no-repeat;
    background-position: center center;
}

body.support-webp .csr80 {
    background-image: url(https://wbstatic.webullfintech.com/v1/webull-us-g/assets/1a9c076ea59e025c91c010475a9ab408.webp);
}

.csr80 .content {
    /* width: 1200px; */
    height: 100%;
    margin: 0 auto;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    width: 90%;
    margin: 0 auto;
}



.csr80 .img {
    /* right: -230px;
    bottom: -185px;
    height: 785px;
    position: absolute; */
}

.csr80 .qrCode {
    /* top: 338px;
    right: 122px;
    padding: 15px;
    position: absolute; */
}

.csr80 .content .logo {
    height: 49px;
    margin-top: 316px;
}

.csr80 .content .text1 {
    color: #FFFFFF;
    margin: 51px 0 7px;
    font-size: 31px;

    font-weight: 500;
    line-height: 44px;
}

.csr80 .content .text2 {
    color: #FFFFFF;
    font-size: 20px;

    line-height: 28px;
    letter-spacing: 0;
}

.csr80 .content .text1>i {

    font-weight: 700;
}

@media only screen and (max-width: 550px) {
    .csr80 .content {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .csr80 .img {
        /* display: none; */
    }

    #csr80-img {
        transform: translate(0, 50px)
    }
}

.csr78 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
}

.csr71>.wb-modal-content {
    top: 100px;
    left: 50%;
    width: auto;
    border: 0;
    margin: 0 auto;
    outline: 0;
    z-index: 1050;
    position: fixed;
    max-width: calc(100vw - 32px);
    transform: translateX(-50%);
    box-shadow: 0px 3px 6px -4px rgba(99, 104, 114, 0.12), 0px 6px 16px 0px rgba(99, 104, 114, 0.08), 0px 9px 28px 8px rgba(99, 104, 114, 0.05);
    border-radius: 12px;
    pointer-events: auto;
    background-clip: padding-box;
    background-color: #fff;
    -webkit-box-shadow: 0px 3px 6px -4px rgba(99, 104, 114, 0.12), 0px 6px 16px 0px rgba(99, 104, 114, 0.08), 0px 9px 28px 8px rgba(99, 104, 114, 0.05);
    -webkit-overflow-scrolling: touch;
}

.csr71.wb-modal-centered {
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.csr71>.wb-modal-content>.wb-modal-header {
    color: rgba(0, 0, 0, .85);
    padding: 16px 24px;
    background: #fff;
    text-align: center;
    border-radius: 12px 12px 0 0;
}

.csr71>.wb-modal-content>.wb-modal-body {
    padding: 8px 30px 0;
    font-size: 14px;
    word-wrap: break-word;
    line-height: 1.5715;
}

.csr71>.wb-modal-content>.wb-modal-footer {
    padding: 16px 30px 40px;
    background: 0 0;
    text-align: right;
    border-radius: 0 0 2px 2px;
}

.csr71>.wb-modal-content>.wb-modal-close {
    top: 0;
    color: rgba(0, 0, 0, .45);
    right: 0;
    border: 0;
    cursor: pointer;
    outline: 0;
    padding: 0;
    z-index: 10;
    position: absolute;
    background: 0 0;
    transition: color .3s;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    -webkit-transition: color .3s;
}

.csr71>.wb-modal-content>.wb-modal-close>.wb-modal-close-x {
    width: 56px;
    height: 56px;
    display: flex;
    font-style: normal;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.csr71>.wb-modal-content>.wb-modal-close>.wb-modal-close-x>.wb-modal-close-x-icon {
    color: #C6C8CB;
    font-size: 20px;
}

.csr71>.wb-modal-content>.wb-modal-close>.wb-modal-close-x>.wb-modal-close-x-icon:focus,
.csr71>.wb-modal-content>.wb-modal-close>.wb-modal-close-x>.wb-modal-close-x-icon:hover {
    color: rgba(198, 200, 203, 0.75);
    text-decoration: none;
}

.csr71>.wb-modal-content>.wb-modal-footer>button {
    font-size: 14px;
    font-weight: 600;
    border-radius: 6px;
}

.csr71>.wb-modal-content>.wb-modal-footer>button+button {
    margin-left: 12px;
    margin-bottom: 0;
}

.csr71>.wb-modal-content>.wb-modal-header>.wb-modal-title {
    color: #2B3240;
    margin: 0;
    font-size: 18px;
    word-wrap: break-word;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0;
}

.csr72 {
    opacity: 0;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.csr72>modal-wrapper {
    transform: scale(0, 0);
}

.csr73 {
    opacity: 1;
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.csr73>modal-wrapper {
    transform: scale(1, 1);
    transform-origin: center top;
}

.csr74 {
    opacity: 1;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.csr75 {
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
    transform-origin: center top;
}

.csr126 {
    width: 1em;
    height: 1em;
    display: inline-block;
    overflow: hidden;
    vertical-align: -0.15em;
}

@-webkit-keyframes csr128 {
    from {
        transform: rotate(0);
        transform-origin: 50% 50%;
    }

    to {
        transform: rotate(1turn);
        transform-origin: 50% 50%;
    }
}

.csr129 {
    display: inline-block;
    animation: csr128 1s linear forwards;
}

.csr130 {
    display: inline-block;
    animation: csr128 1s linear infinite forwards;
}

.csr131 {
    cursor: not-allowed !important;
    opacity: 0.5;
}

.csr170 {
    height: 385px;
    padding: 38px 47px 0;
}

.csr171 {
    color: #09132C;
    font-size: 18px;
    margin-top: 26px;
    text-align: center;
    margin-bottom: 20px;
}

.csr172 {
    margin: 0 auto;
}

.csr172 .title {
    color: #09132C;
    font-size: 18px;
    margin-top: 26px;
    text-align: center;
    margin-bottom: 20px;
}

.csr173 {
    color: #F34731;
    font-size: 14px;
    margin-top: 10px;
    padding-left: 30px;
}

.csr174 {
    color: #007CFF;
    margin: 20px 24px 0 0;
    font-size: 14px;
    text-align: right;
}

.csr174>span {
    cursor: pointer;
}

.csr82 {
    height: 787px;
    background: #091130;
    padding-top: 100px;
    background-size: cover;
}

.csr84 {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    -webkit-box-pack: center;
}

.csr84 .text {
    color: #EDF0F7;
    margin: 0;
    font-size: 40px;

    line-height: 64px;
    letter-spacing: 0;
}

.csr84 .right {
    display: flex;
    align-items: center;
    -webkit-box-align: center;
}

.csr84 .right .hoverActive {
    background: #fff;
}

.csr84 .right>div:last-child {
    margin-left: 16px;
}

.csr84 .right>div {
    width: 70px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    cursor: pointer;
    height: 70px;
    display: flex;
    position: relative;
    align-items: center;
    border-radius: 20px;
    justify-content: center;
}

.csr84 .right>div.unEnableMove {
    cursor: not-allowed !important;
}

.csr84 .right .hoverActive svg {
    color: #000;
}

.csr84 .right .removeActive svg {
    color: #fff;
}

.csr85 {
    cursor: pointer;
    height: fit-content;
    margin-top: 63px;
    flex-shrink: 0;
    perspective: 1000px;
    white-space: pre-line;
    scroll-snap-stop: always;
    scroll-snap-align: start;
}

.csr85 img {
    height: 400px;
    transition: transform 200ms;
    border-radius: 30px 0 0 30px;
    transform-style: preserve-3d;
}

.csr85 .cardContent {
    display: flex;
    overflow: hidden;
    position: relative;
    background: rgba(58, 61, 73, 0.50);
    transition: transform 200ms;
    border-radius: 30px;
}

.csr85 .cardContent:hover {
    transform: translate(0px, -4px);
}

.csr85 .lastCard {
    height: fit-content;
    perspective: 1000px;
    white-space: pre-line;
}

.csr85 .cardContent:hover img {
    transform: translate3d(0px, 0px, 0px) scale3d(1.05, 1.05, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
}

.csr86 {
    flex: 1;
    margin: 52px 52px 0;
}

.csr86 h3 {
    color: #EDF0F7;
    font-size: 36px;

    font-weight: 700;
    line-height: 52px;
}

.csr86 p {
    color: rgba(184, 189, 209, 0.8);
    font-size: 18px;

    font-weight: 400;
    line-height: 30px;
    padding-top: 12px;
    letter-spacing: 0;
}

.csr87 {
    color: #FFFFFF;
    width: 170px;
    bottom: 52px;
    height: 56px;
    position: absolute;
    font-size: 18px;
    text-align: center;
    ;
    font-weight: 600;
    line-height: 28px;
    border-radius: 12px;
    background-image: linear-gradient(-71deg, #0DA2FF 0%, #0D76FF 100%);
}

.csr88 .swiper-slide {
    width: 800px;
    border: 1px solid red;
    height: 400px;
    background: #fff;
}

.csr89 {
    width: 400px;
    height: 400px;
    overflow: hidden;
}

.csr93 {
    padding: 218px 0 160px;
    z-index: 2;
    overflow: hidden;
    position: relative;
    background-image: linear-gradient(180deg, #F5F6F7 90%, rgba(245, 246, 247, 0.00) 100%);
}

.csr94 {
    width: 1200px;
    margin: 0 auto;
}

.csr95 {
    color: #2B3240;
    font-size: 48px;
    text-align: center;
    ;
    font-weight: 900;
    line-height: 60px;
    letter-spacing: 0;
}

.csr96 {
    color: #636872;
    width: 920px;
    margin: 0 auto;
    font-size: 24px;
    text-align: center;

    font-weight: 400;
    line-height: 32px;
    padding-top: 20px;
}

.csr97 {
    display: flex;
    align-items: center;
    padding-top: 80px;
}

.csr97>div {
    flex: 1;
    width: 584px;
    height: 650px;
    text-align: center;
    padding-top: 52px;
    will-change: opacity, transform;
    border-radius: 30px;
    transform-style: preserve-3d;
}

.csr97>div h3 {
    font-size: 36px;
    text-align: left;

    font-weight: 700;
    line-height: 52px;
    padding-left: 40px;
    padding-bottom: 8px;
}

.csr97>div p {
    padding: 0 40px;
    font-size: 20px;
    text-align: left;

    font-weight: 400;
    line-height: 32px;
}

.csr97>div>img {
    height: 306px;
    text-align: center;
}

.csr98 {
    position: relative;
    background: #FFFFFF;
}

.csr98 p {
    color: #636872;
}

.csr98 h3 {
    color: #2B3240;
}

.csr98 .lottie-part3 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
}

.csr98 a {
    color: #0D86FF;
    display: block;
    padding: 8px 40px 65px;
    font-size: 20px;
    text-align: left;

    font-weight: 400;
    line-height: 32px;
}

.csr98 a i {
    width: 24px;
    height: 24px;
    margin: -2px 0 0 -3px;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAhFBMVEUAAAAAif8Aif8Aif8Aif8Aif8Aif8Aif8Ah/8Aif8Aif8Aif8Aif8AiP8Ai/8Ai/8Agv8AmP8Aif8Aif8Aiv8Aif8Aif8Aiv8AiP8AjP8Aif8Aif8Aiv8Aiv8Aiv8AiP8Aif8Aiv8Aiv8Aif8AiP8Aif8Ai/8AjP8Aiv8Aif8Aif8Aif9obAhpAAAAK3RSTlMA+/b48u9XSQvNvV5OOS0YDwbk39mshzMiG+rUyLOjmpJ+ZEVDQCsTjHRSyHc53wAAAN9JREFUWMPt1FkOgkAQRVFQFGRGBkFmQVHZ//40dvUCzKsYP+ou4CSvOylDkiRJ+roqt7I9B3RY3424E66fCi5oHRimqXoUKlOSOvjbMpLyBJSimqQWlRb9Tq4DSnHDJTkuSU3MJR0WUEpakuoIlXKSssoA60hKS1TqSTrC0qClGyoVep2DSiNJ8M2cTQV5oDNtlLOLMMcmx/RBZ6ucLej42rF5nA3oPE1yJszZa2dmcq48jgU6nnaC/3Auq2rH5ZzAXUxObKEOFSjnHBpgkUkOXEHHHs++P2JDkiTpV70AZ3kv6gRh2SAAAAAASUVORK5CYII=) center center no-repeat;
    vertical-align: middle;
    background-size: 100% 100%;
}

.csr99 {
    position: relative;
    margin-left: 32px;
    background-image: linear-gradient(0deg, #58A5FE 2%, #0947E0 100%);
}

.csr99 h3 {
    color: rgba(255, 255, 255, 1);
}

.csr99 p {
    color: rgba(255, 255, 255, 0.8);
}

.csr99 .lottie-part3 {
    top: 0;
    left: 0;
    z-index: -1;
    position: absolute;
}

.csr99 a {
    color: #FFFFFF;
    display: block;
    padding: 8px 40px 65px;
    font-size: 20px;
    text-align: left;

    font-weight: 400;
    line-height: 32px;
}

.csr99 a i {
    width: 24px;
    height: 24px;
    margin: -2px 0 0 -3px;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAh1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9qkf8RAAAALHRSTlMA+/YM+PLuSBgRyl5NQy0eBuTf2ayHWTkzKerUzsGzo5qSfmRVPbq5jHRSTztmNbcAAADZSURBVFjD7dRnDoJgEIRhEJFip6p0xM79z6fxGw5gZuOvfQ/wJJNs1tI0TdN+zk/cOJOAwvFTzzub8VsqBY0dPw1Sy0LbCFJDSzGkZMceQAGpZqWghHRzWCmEVLGSU0EKA1a6QipZaVdDKnxWSiDFW4usgRTRUgtpf2SlTkxKp3UOK/WQBhZa2wZass7MOAvymDw49op05saZk85KyHnBmXmc87RlnGFy1pyTCTvuhXOW0k7OOefRtJByDuQuIcdxWQflxjltLDLfhkOX4tnzefdHYGmapv2rN0X1MK3lgtXvAAAAAElFTkSuQmCC) center center no-repeat;
    vertical-align: middle;
    background-size: 100% 100%;
}

.csr100 {
    width: 1200px;
    height: 460px;
    display: flex;
    padding: 48px 40px 0;
    position: relative;
    background: #FFFFFF;
    margin-top: 32px;
    border-radius: 30px;
}

.csr100>div:nth-child(1) {
    width: 457px;
    z-index: 2;
}

.csr100 h3 {
    color: #2B3240;
    font-size: 36px;

    font-weight: 700;
    line-height: 52px;
}

.csr100 p {
    color: #636872;
    font-size: 20px;

    font-weight: 400;
    line-height: 32px;
    padding-top: 8px;
}

.csr100 a {
    color: #0D86FF;
    display: block;
    font-size: 20px;
    text-align: left;

    font-weight: 400;
    line-height: 32px;
    padding-top: 20px;
}

.csr100 .lottie-part3 {
    top: 0;
    right: 0;
    width: 802px;
    height: 460px;
    z-index: -1;
    position: absolute;
    border-radius: 30px;
}

.csr100 a i {
    width: 24px;
    height: 24px;
    margin: -2px 0 0 -3px;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAMAAABiM0N1AAAAhFBMVEUAAAAAif8Aif8Aif8Aif8Aif8Aif8Aif8Ah/8Aif8Aif8Aif8Aif8AiP8Ai/8Ai/8Agv8AmP8Aif8Aif8Aiv8Aif8Aif8Aiv8AiP8AjP8Aif8Aif8Aiv8Aiv8Aiv8AiP8Aif8Aiv8Aiv8Aif8AiP8Aif8Ai/8AjP8Aiv8Aif8Aif8Aif9obAhpAAAAK3RSTlMA+/b48u9XSQvNvV5OOS0YDwbk39mshzMiG+rUyLOjmpJ+ZEVDQCsTjHRSyHc53wAAAN9JREFUWMPt1FkOgkAQRVFQFGRGBkFmQVHZ//40dvUCzKsYP+ou4CSvOylDkiRJ+roqt7I9B3RY3424E66fCi5oHRimqXoUKlOSOvjbMpLyBJSimqQWlRb9Tq4DSnHDJTkuSU3MJR0WUEpakuoIlXKSssoA60hKS1TqSTrC0qClGyoVep2DSiNJ8M2cTQV5oDNtlLOLMMcmx/RBZ6ucLej42rF5nA3oPE1yJszZa2dmcq48jgU6nnaC/3Auq2rH5ZzAXUxObKEOFSjnHBpgkUkOXEHHHs++P2JDkiTpV70AZ3kv6gRh2SAAAAAASUVORK5CYII=) center center no-repeat;
    vertical-align: middle;
    background-size: 100% 100%;
}

.csr102 {
    bottom: 20px;
    cursor: pointer;
    position: absolute;
    font-size: 16px !important;
}

.csr102 i {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAXVBMVEX///8AAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////8FO+Y+AAAAHnRSTlMqABAiJx0KBLAlFAwG65NJvKuMYeOffzw09dnKeFQrHg/jAAABU0lEQVRIx7XXWXKEMAwE0I5sbPZl9mzc/5gJIRU+sBqCavr/1TDIkgVeDHkSjkGkLEVC/CeuJfP4i8+k3o3FYRUnu7AUSKaQTVw5qHEVxxloMoKjw0Zc1HDw2IwPaSzYFUnhgJ0Jaxz9XuzjCjvsjlswqRGt2IIrJHLPmya/I5FqwcpDPy7jdy4P/cGhV6kdf9Km67XgZC/0M+6TXbJgQSrDjAf9qEAv03nGZ61cM66RzmmyJ6RTT5gd6u5269gRBzkgNNkv9kewn3HEocQJk1786IeOdOaEBeRtv6paOG7m00lxCSXjlBxKSjuWY1jsOHDMSxWP4UiPJ8eeNwbHGW9JjoUPA45rOoY4dnwAcix09HJcsKG/dNVV+2F+3eA64U/1H/OLDu3be3pqV5Yr1nK5m9YKy0JjWaUsS5xlfTQsrpaV2bis2z8T7B8o9k8jQ0z4CwynGEZeJFLmAAAAAElFTkSuQmCC) center center no-repeat;
    margin-right: 4px;
    vertical-align: middle;
    background-size: 100% 100%;
}

.csr103 .wb-modal-content {
    top: 30%;
    padding: 32px;
}

.csr103 .wb-modal-body {
    font-size: 16px !important;
    line-height: 24px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.csr103 .wb-modal-footer {
    display: none;
}

.csr103 .wb-modal-header {
    padding: 0 !important;
    text-align: left !important;
}

.csr103 .wb-modal-title {}

.csr103 .wb-modal-body a {
    color: #0d86ff;
}

.csr105 {
    overflow-x: hidden;
}

.csr106 {
    width: 100%;
    margin: 0 auto;
}

.csr107 {
    width: 1200px;
    height: 630px;
    margin: 0 auto;
    display: flex;
    position: relative;
    align-items: center;
}

.csr107 .item {
    width: 570px;
}

.csr107>.itemVideo {
    top: 0;
    position: absolute;
}

.csr107 .item1 {
    left: 548px;
}

.csr107 .item2 {
    right: 548px;
}

.csr107 .item3 {
    left: 548px;
}

.csr107 .item4 {
    right: 548px;
}

.csr107 .item5 {
    left: 548px;
}

.csr107 .item6 {
    right: 548px;
}

.csr107>.itemVideo>video {
    width: 882px;
    height: 630px;
}

.csr108 {
    z-index: 3;
    position: relative;
}

.csr109 {
    color: #2B3240;
    font-size: 48px;
    text-align: center;

    font-weight: 900;
    line-height: 60px;
    letter-spacing: 0;
}

.csr110 {
    color: #636872;
    font-size: 24px;
    text-align: center;

    font-weight: 400;
    line-height: 32px;
    padding-top: 20px;
}

.csr111 {
    position: relative;
    margin-top: 44px;
}

.csr111 .comSection {
    height: 100vh;
    display: flex;
    position: relative;
    align-items: center;
}

.csr111>div img {
    height: 630px;
}

.csr111>div h3 {
    color: #2B3240;
    font-size: 48px;

    font-weight: 700;
    line-height: 60px;
}

.csr111>div p {
    color: #636872;
    font-size: 24px;

    font-weight: 400;
    line-height: 36px;
    padding-top: 20px;
}

.csr111 .comSection>div {
    width: 100%;
}

.csr112 .sectionCont {
    justify-content: right;
}

.csr112 .item {
    right: 0;
    position: absolute;
}

.csr113 .sectionCont {
    justify-content: left;
}

.csr114 {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    position: fixed;
}

.csr114 span {
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    height: 100%;
    position: absolute;
}

.csr114>span:nth-child(1) {
    z-index: -1;
    background-image: linear-gradient(180deg, #F5F6F7 90%, rgba(245, 246, 247, 0.00) 100%);
}

.csr114>span:nth-child(2) {
    z-index: -2;
    background-image: linear-gradient(180deg, #FFFFFF 0%, #E6F2FF 100%);
}

.csr114>span:nth-child(3) {
    z-index: -3;
    background-image: linear-gradient(180deg, #FFFFFF 0%, #F1F0F0 100%);
}

.csr114>span:nth-child(4) {
    z-index: -4;
    background-image: linear-gradient(180deg, #FFFFFF 0%, #FBEEE6 100%);
    ;
}

.csr114>span:nth-child(5) {
    z-index: -5;
    background-image: linear-gradient(180deg, #FFFFFF 0%, #F1F0F0 100%);
}

.csr114>span:nth-child(6) {
    z-index: -6;
    background-image: linear-gradient(180deg, #FFFFFF 0%, #E6F2FF 100%);
}

.csr114>span:nth-child(7) {
    z-index: -7;
    background-image: linear-gradient(180deg, #FFFFFF 0%, #F3F9DD 100%);
}

.csr115 {
    color: #636872;
    font-size: 16px !important;

    font-weight: 400;
    line-height: 24px;
    padding-top: 20px;
}

.csr115 i {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAAWlBMVEVgZ3QAAABkZHNeZ3ZdZnVmZnlgZXdfanNiZ3NPa2pdXXZmZoJhZ3NgaXNiaXNiaHJiZ3NhaHNhaHJhaHRhZ3RhaXNjaHNlanRiaHNiaHNhaHNhaHRgZ3FiaHM1bqLdAAAAHXRSTlMqABIlIgUPHbAMCwqTSergvKuMYTKffzz17sp4VNzCa1cAAAFVSURBVEjHzdfZcoMwDIXhU9myA2Rfu/H+r9mwTH2BZFNrOpP//psJiBiBN0P/hLkN9Cy0/EfMFB1+c5F4NSaPRZ5W4eAg5kIRNx5qvsnjiGwxg9mjkGcNdw7FXCfjgFUFCXdYWbfE7NZixwvssTqfsDyj8sQSbiD02Oz3mweEmoSVH3099M8OV/2HQ5/Sth/byvNKWLzTxwkfxTueMEHqNOETpGjE+pguE74o45oxQ+482DPkeMYEpd39voMSzTiiojhjV4PdhBlV8YhbaH0dTztotSMOyNztd1WHEROU9unpFKI87oc2r4pDHQ5pVDrOj4rrMKuPZxk7/Y9RxnHGVINpxlyDWT2GytjrB2AZk3r0lrErHfr4GPAN2UNfverbgL/FKy6/6K7bw6d8ajeWV6zl5W5aKywLjWWVsixx1vXRvrjaV2b7sm7/TLB/oNg/jcrZ8Q9zOxew9G5H6wAAAABJRU5ErkJggg==) center center no-repeat;
    margin-right: 7px;
    vertical-align: middle;
    background-size: 100% 100%;
}

.csr116 {
    padding: 160px 0;
    z-index: 2;
    position: relative;
    background: #141D38;
}

.csr116::after {
    top: 0;
    left: 0;
    width: 1200px;
    height: 714px;
    content: '';
    z-index: -1;
    position: absolute;
    background: url(https://wbstatic.webullfintech.com/v1/webull-us-g/assets/a20c7b95ac01ab8826ff8dd452538bc1.png) center center no-repeat;
    background-size: 100% 100%;
}

.csr116::before {
    right: 0;
    width: 1200px;
    bottom: 0;
    height: 714px;
    content: '';
    z-index: -1;
    position: absolute;
    transform: rotate(180deg);
    background: url(https://wbstatic.webullfintech.com/v1/webull-us-g/assets/a20c7b95ac01ab8826ff8dd452538bc1.png) center center no-repeat;
    background-size: 100% 100%;
}

.csr117 {
    top: 12vh;
    height: 600px;
    margin-bottom: 0 !important;
    background-image: none !important;
}

.csr118 {
    color: #FFFFFF;
    width: 100%;
    font-size: 48px;
    text-align: center;

    font-weight: 900;
    line-height: 60px;
}

.csr119 {
    color: #636872;
    font-size: 24px;
    text-align: center;

    font-weight: 400;
    line-height: 32px;
    padding-top: 20px;
}

.csr120 {
    top: 30%;
    width: 100%;
    display: flex;
    position: relative;
    align-items: center;
    -ms-flex-pack: start;
    margin-bottom: -5rem;
    -ms-flex-align: center;
    flex-direction: column;
    justify-content: flex-start;
    -webkit-box-pack: start;
    -webkit-box-align: center;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-align-items: center;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -webkit-justify-content: flex-start;
}

.csr120 .card {
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.csr120 .card_1 {
    top: 25vh;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    margin-top: -460px;
    will-change: background, transform;
    transform-style: preserve-3d;
    background-color: rgb(235, 245, 255);
}

.csr120 .card_2 {
    top: 31vh;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    will-change: background, transform;
    transform-style: preserve-3d;
    background-color: rgb(235, 245, 255);
}

.csr120 .card_3 {
    top: 37vh;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    will-change: background, transform;
    transform-style: preserve-3d;
    background-color: rgb(235, 245, 255);
}

.csr120 .right-content {
    padding-top: 60px;
    white-space: pre-line;
}

.csr120 .link {
    color: #0D86FF;
    cursor: pointer;
    font-size: 20px;

    font-weight: 600;
    line-height: 32px;
    padding-top: 60px;
    letter-spacing: 0;
}

.csr120>div {
    width: 1200px;
    margin: 0 auto;
    display: flex;
    position: sticky;
    border-radius: 30px;
    margin-bottom: 62px;
    background-image: linear-gradient(116deg, #0D1D42 0%, #2B3858 100%);
}

.csr120>div img {
    height: 400px;
    transition: transform 200ms;
    border-radius: 30px 0 0 30px;
    transform-style: preserve-3d;
}

.csr120>div img:hover {
    transform: scale3d(1.05, 1.05, 1);
}

.csr120>div h3 {
    color: #FFFFFF;
    font-size: 48px;

    font-weight: 700;
    line-height: 60px;
}

.csr120>div p {
    color: #FFFFFF;
    font-size: 20px;

    font-weight: 400;
    line-height: 32px;
    padding-top: 12px;
}

.csr120 .link i {
    width: 28px;
    height: 28px;
    display: inline-block;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFQAAABUCAMAAAArteDzAAAAilBMVEUAi/8AAAAAjP8AjP8Aiv8Agv8Akf8AkP8AnP8Aif8Ajf8AiP8Aif8Aiv8Aif8Aiv8Aif8Aiv8Aiv8AjP8Aif8Aif8Ahv8Aif8Aif8Aiv8Aif8Aif8AhP8Ajf8AkP8Aiv8Aif8Aif8Aiv8Aif8Aif8AiP8Aif8Aiv8AiP8Aif8Aif8Aif8Aif8Aif+tu2fdAAAALXRSTlMPAA4FCwoJDAf6N9ZGJ/LQxVdSEbZMQz3228u+HxoV8OrirGhen4puYy+7lXy9TzO8AAACT0lEQVRYw83Z+3KrIBAG8C+gaHMzF2OOmrQnTdLryfu/3sEp9h+Lu0vLTL8H+M0KjMCCCRmdmyRTClAqS0yuJ2RAgEZhEGV0OKoTeJPoIHRQ46BeMZqCkZRACZJiaVQrsKM0D80gSuZBiTLJYik0R0DycTRFUNIxNEFgEj+aITjZACXqFNcKejzl4wpi3gXJh6jGt6MHqPo+qj5ReuLlSwD0x8sHAPTHywcA5GqSryuH4qfiOLpQeangFrool/UL6PSoAZ1tcbN5AhnjUAU6U0uyVPWBavDR2ztnrVo0Afvzba5b+h8I7np6PTn1kVI7VIOXRd2r99T3Y2LAVWdOLcdVY1EFbg6FU9tRVVkU4KuNU1fH0UGFhiDHlVObA/zRyCFSW6cWI2oOA1HuS6fOFv6ZQgKh+ujU2qsmyCDMtldPr76tCgpi9Uqoyo/Or2X59ta27apL0zRFUcy61PWDU/9OPagvlxsjpyNEmd04uUBU65KFnmVjWnLM5eJrNPP/k8jcrT1LKvGunGq93tjsdru5TVVV+/1+2uX5btS0pIE0a8K0ZB5q/tn4fyhaaF5I05KTQHMHb9x2ws4Lw1QWNUEmsfFpvnnu1/yc2qInP2x2Iv+i99ybFePYo2XmQ8U5oPHm/9ybe4xGCQ69xyXPhBEcz+duA6FMSC4Si35TIpKKrjxPLBPCy9nm/d8BZKExrpFRLrwxruYxmghR2h0xGjMxWkgxml2x23LxG4jhrc74Tdn47ePwRnf8lnz8xwM5m/6GBxn66eg3PXIFP8f9B3j4XUieVsgOAAAAAElFTkSuQmCC) center center no-repeat;
    vertical-align: middle;
    background-size: 100% 100%;
}

.csr120 .right-content .des {
    color: rgba(255, 255, 255, 0.8);
}

.csr121 {
    position: relative;
}

.csr122 {
    overflow: hidden;
    margin-right: 60px;

}

.csr123 {
    height: 726px;
    background-size: cover;
    background-image: url(https://wbstatic.webullfintech.com/v1/webull-us-g/assets/883a9c3015d1a44ba5c224bbae3cc4f1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}

body.support-webp .csr123 {
    background-image: url(https://wbstatic.webullfintech.com/v1/webull-us-g/assets/8f5f6037a1a186e27e03c262b8b7abd1.webp);
}

.csr124 {
    padding-top: 240px;
}

.csr125 {
    width: 582px;
    margin: 0 auto;
    text-align: center;
}

.csr125 img {
    height: 124px;
}

.csr125 p {
    color: rgba(255, 255, 255, 0.80);
    font-size: 18px;
    text-align: center;

    font-weight: 400;
    line-height: 28px;
    padding-top: 24px;
}

.csr125 .ft {
    padding-top: 28px;
}

.csr125 .ft>span:last-child {
    margin-left: 48px;
}

.csr125 .ft span {
    cursor: pointer;
    vertical-align: middle;
}

.csr125 .ft span svg {
    margin-top: -5px;
    vertical-align: middle;
}

.csr13 {
    width: 100%;
    height: 58px;
    z-index: 21;
    position: sticky;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.08);
    background-size: 100% 100%;
    background-color: #FDFDFD;
    background-image: url(https://wbstatic.webullfintech.com/v1/webull-us-g/assets/0d7d8c4d3a2f6ce70ac699b0a545a53b.png);
    background-repeat: repeat-x;
    background-position: center bottom;
}

.csr14 {
    width: 1200px;
    height: 58px;
    margin: auto;
    display: flex;
    align-items: center;
}

.csr15 {
    flex: 1;
    color: #2B3240;
    font-size: 16px;

    line-height: 20px;
    letter-spacing: 0;
}

.csr15 span {
    cursor: pointer;
    margin: 0 0 0 28px;
    text-decoration: underline;
}

.csr15 span.yes {
    color: #0D86FF;
}

.csr16 i {
    color: #000000;
    cursor: pointer;
    font-size: 16px;
}

.csr81 {
    color: #0D71FF;
    height: 120px;
    display: flex;
    font-size: 32px;
    text-align: center;
    align-items: center;

    justify-content: center;
    background-color: #FFF;
}

.csr81 .img {
    height: 56px;
    margin-left: 40px;
}

.acsb-widget .acsb-main .acsb-header .acsb-language {
    visibility: hidden !important;
}

.g-disable-scroll {
    height: 100vh;
    overflow: hidden;
}

.g-disable-touch {
    touch-action: none;
}

.g-hide {
    display: none;
}

.g-animation-show-enter {
    opacity: 0;
}

.g-animation-show-enter-active {
    opacity: 1;
    transition: opacity .8s ease-in-out;
}

.g-animation-show-exit-active {
    opacity: 0;
    transition: opacity .8s ease-in-out;
}

.g-animation-show-fast-enter {
    opacity: 0;
}

.g-animation-show-fast-enter-active {
    opacity: 1;
    transition: opacity .4s ease-in-out;
}

.g-animation-show-fast-exit-active {
    opacity: 0;
    transition: opacity .4s ease-in-out;
}

.g-relative-center {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.g-column-center {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.g-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* body {
    min-width: 1400px;
} */

@keyframes slide-in-one-tap {
    from {
        transform: translateY(80px);
    }

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

.trust-hide-gracefully {
    opacity: 0;
}

.trust-wallet-one-tap .hidden {
    display: none;
}

.trust-wallet-one-tap .semibold {
    font-weight: 500;
}

.trust-wallet-one-tap .binance-plex {}

.trust-wallet-one-tap .rounded-full {
    border-radius: 50%;
}

.trust-wallet-one-tap .flex {
    display: flex;
}

.trust-wallet-one-tap .flex-col {
    flex-direction: column;
}

.trust-wallet-one-tap .items-center {
    align-items: center;
}

.trust-wallet-one-tap .space-between {
    justify-content: space-between;
}

.trust-wallet-one-tap .justify-center {
    justify-content: center;
}

.trust-wallet-one-tap .w-full {
    width: 100%;
}

.trust-wallet-one-tap .box {
    transition: all 0.5s cubic-bezier(0, 0, 0, 1.43);
    animation: slide-in-one-tap 0.5s cubic-bezier(0, 0, 0, 1.43);
    width: 384px;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 1020;
}

.trust-wallet-one-tap .header {
    gap: 15px;
    border-bottom: 1px solid #e6e6e6;
    padding: 10px 18px;
}

.trust-wallet-one-tap .header .left-items {
    gap: 15px;
}

.trust-wallet-one-tap .header .title {
    color: #1e2329;
    font-size: 18px;
    font-weight: 600;
    line-height: 28px;
}

.trust-wallet-one-tap .header .subtitle {
    color: #474d57;
    font-size: 14px;
    line-height: 20px;
}

.trust-wallet-one-tap .header .close {
    color: #1e2329;
    cursor: pointer;
}

.trust-wallet-one-tap .body {
    padding: 9px 18px;
    gap: 10px;
}

.trust-wallet-one-tap .body .right-items {
    gap: 10px;
    width: 100%;
}

.trust-wallet-one-tap .body .right-items .wallet-title {
    color: #1e2329;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

.trust-wallet-one-tap .body .right-items .wallet-subtitle {
    color: #474d57;
    font-size: 14px;
    line-height: 20px;
}

.trust-wallet-one-tap .connect-indicator {
    gap: 15px;
    padding: 8px 0;
}

.trust-wallet-one-tap .connect-indicator .flow-icon {
    color: #474d57;
}

.trust-wallet-one-tap .loading-color {
    color: #fff;
}

.trust-wallet-one-tap .button {
    border-radius: 50px;
    outline: 2px solid transparent;
    outline-offset: 2px;
    background-color: rgb(5, 0, 255);
    border-color: rgb(229, 231, 235);
    cursor: pointer;
    text-align: center;
    height: 45px;
}

.trust-wallet-one-tap .button .button-text {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

.trust-wallet-one-tap .footer {
    margin: 20px 30px;
}

.trust-wallet-one-tap .check-icon {
    color: #fff;
}




.csr168 {
    background-color: rgba(255, 255, 255, 0.12);
}

.csr160 {
    cursor: pointer;
    display: flex;
    padding: 6px 10px;
    position: relative;
    min-width: 150px;
    align-items: center;
    margin-right: 12px;
    border-radius: 6px;
}

.csr167 {
    width: 1200px;
    margin: 0px auto;
    display: flex;
    position: relative;
}

.csr169 {
    color: rgb(255, 255, 255);
    display: block;
    font-size: 14px;
    text-align: left;
    line-height: 19px;
    padding-bottom: 22px;

}

#pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.price-card {
    padding: 1rem !important;
}

@media only screen and (max-width: 500px) {
    #pricing-grid {
        grid-template-columns: 1fr;
    }
}

* {
    font-family: "IBM Plex Sans", sans-serif !important;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings:
        "wdth" 100;
    line-height: 1.6 !important;
}


footer .csr139 {
    width: 90%;
    margin: 0 auto;
}

footer .csr147 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}




@media only screen and (max-width: 500px) {
    footer {
        width: 100%;
    }

    footer .csr147 {
        grid-template-columns: 1fr;
    }

    footer .csr167 {
        display: block
    }

    footer .csr168 {
        width: fit-content;
    }

    footer .csr160.csr168 {
        margin-bottom: 1rem;
    }

    .csr123 .csr125 {
        width: 90%;
        margin: 0 auto;
    }

    video {
        width: 100%;
    }

    .item p {
        font-size: 1.3rem !important;
    }

    .item h3 {
        font-size: 1.5rem !important;
    }

    .csr106 .csr109 {
        font-size: 2rem;
        margin-bottom: 3rem;
    }


    .csr107 .item {
        width: 100%
    }

    .csr107 .item1 {
        left: 0;
        position: static;
    }

    .csr111 .comSection {
        flex-direction: column;
    }

    .csr107 {
        width: 100%;
        display: flex;
        flex-direction: column;
        width: 100%;
        /* padding-bottom: 50vh; */
        /* height: 90vh !important; */
    }

    .csr107 .item2 {
        right: 0;
    }

    .csr107>.itemVideo {
        position: static;
        /* transform: scale(0.5); */
    }

    .csr107>.itemVideo>video {
        width: 100%;
        height: fit-content;
    }

    .csr111 .comSection {
        /* height: fit-content; */
    }

    .csr113 .sectionCont div:nth-of-type(2) {
        order: 1 !important;
        /* background-color: red; */
    }

    .csr113 .sectionCont div:nth-of-type(1) {
        order: 2 !important;
        /* background-color: green; */
    }

    .item6.itemVideo {
        /* margin-bottom: 2rem; */
    }

    .csr112 .item {
        position: static;
    }

    .csr92 .premium {
        margin-right: 0px;
    }

    .csr92 .premium img {
        display: none;
    }

    .csr81 {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        width: 90%;
        margin: 2rem auto !important;
    }

    .csr81 p {
        font-size: 1.5rem;
    }

    .comSection {
        height: fit-content !important;
        /* background-color: red; */
    }

    .csr107 .sectionCont {
        margin-top: 3rem;
        transform: translate(0, -300px) !important;
        background-color: red;
    }

    .sectionCont {
        background-color: #eee;
        padding: 2rem 1rem;
        margin: 2rem 0;
        border-radius: 14px;
    }
}

html,
body {
    overflow-x: hidden;
}

.csr105 .csr111 {
    width: 90%;
    margin: 0 auto;
}


.csr107 {
    width: 100%;
}