@font-face {
 font-family: 'HarmonyOS';
 src: url('fonts/HarmonyOS_Sans_Regular.ttf') format('truetype');
 font-weight: normal;
  font-style: normal;
}

#root,
body,
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #fff;
    font-family: 'HarmonyOS', 'Sans SC';
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%
}

body *,
html {
    box-sizing: border-box
}

a {
    display: inline-block;
    text-decoration: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    margin-block: 0;
    margin-inline: 0;
    text-transform: capitalize
}

.ant-form-item-has-error .ant-input {
    border: 1px solid #e33c39
}

h1 {
    font-family: 'HarmonyOS', 'Sans SC';
    font-weight: 700
}

@media screen and (min-width:768px) {
    h1 {
        font-size: 72px
    }
}

@media screen and (max-width:768px) {
    h1 {
        font-size: 30px
    }
}

h2 {
    font-family: 'HarmonyOS', 'Sans SC';
    font-weight: 500
}

@media screen and (min-width:768px) {
    h2 {
        font-size: 48px
    }
}

@media screen and (max-width:768px) {
    h2 {
        font-size: 24px
    }
}

h3 {
    font-family: 'HarmonyOS', 'Sans SC';
    font-weight: 500
}

@media screen and (min-width:768px) {
    h3 {
        font-size: 40px
    }
}

@media screen and (max-width:768px) {
    h3 {
        font-size: 20px
    }
}

h4 {
    font-family: 'HarmonyOS', 'Sans SC';
    font-weight: 500
}

@media screen and (min-width:768px) {
    h4 {
        font-size: 20px
    }
}

@media screen and (max-width:768px) {
    h4 {
        font-size: 16px
    }
}

p {
    color: #565656;
    font-family: 'HarmonyOS', 'Sans SC';
    font-weight: 400;
    line-height: 140%
}

@media screen and (min-width:768px) {
    p {
        font-size: 16px
    }
}

@media screen and (max-width:768px) {
    p {
        font-size: 14px
    }
}

@media screen and (min-width:768px) {
    .title-star-around {
        align-items: center;
        display: flex;
        justify-content: center
    }
    .title-star-around:after,
    .title-star-around:before {
        background: 50%/contain no-repeat url(https://cdn.bitgc.io/static/media/title-star.550b4e4ff21811b5c094.svg);
        content: " ";
        display: inline-block;
        height: 25px;
        width: 20px
    }
    .title-star-around:before {
        margin-right: 24px
    }
    .title-star-around:after {
        margin-left: 24px
    }
}

.ant-form-item.ant-form-item-has-error .ant-input {
    border: 1px solid #e33c39
}

.ant-form-item-explain .ant-form-item-explain-error {
    color: #e33c39;
    line-height: 1.4
}

@media screen and (min-width:768px) {
    .ant-form-item-explain .ant-form-item-explain-error {
        font-size: 16px
    }
}

@media screen and (max-width:768px) {
    .ant-form-item-explain .ant-form-item-explain-error {
        font-size: 14px
    }
}

.ant-input {
    border: 1px solid #00000026;
    border-radius: 8px;
    height: 48px;
    padding: 12px 10px;
    width: 100%
}

.ant-inputtextarea {
    height: auto;
    padding: 12px 24px
}

.ant-input:focus,
.ant-input:hover {
    border: 1px solid #304ff2
}

.ant-btn.ant-btn-primary[type=submit] {
    background: #000;
    border: none;
    border-radius: 24px;
    box-shadow: none;
    color: #fff;
    font-family: 'HarmonyOS', 'Sans SC';
    height: auto;
    line-height: 1;
    padding: 14px 40px
}

.ant-btn.ant-btn-primary[type=submit]:not(:disabled):not(.ant-btn-disabled):active,
.ant-btn.ant-btn-primary[type=submit]:not(:disabled):not(.ant-btn-disabled):hover {
    background: #333;
    border: none;
    color: #fff
}

.ant-btn.ant-btn-primary[type=submit] span {
    color: #fff;
    font-family: 'HarmonyOS', 'Sans SC';
    font-size: 16px;
    font-style: normal;
    font-weight: 400
}

.ant-btn.ant-upload-list-item-action {
    background-color: initial
}

.upload a {
    color: #565656;
    margin-right: 8px;
    text-decoration-line: underline
}

.upload .file-types,
.upload a {
    font-size: 14px;
    font-style: normal;
    font-weight: 400
}

.upload .file-types {
    color: #0006;
    margin-left: -8px
}

.submit-result.success {
    color: #304ff2
}

.submit-result.danger {
    color: #e33c39
}

.pagination {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 0
}

.pagination .ant-pagination {
    align-items: center;
    display: flex;
    margin-top: 28px
}

.pagination .ant-pagination .ant-pagination-item {
    border-radius: 16px;
    height: 32px;
    width: 32px
}

.pagination .ant-pagination .ant-pagination-item:hover {
    background-color: #0000000f
}

.pagination .ant-pagination .ant-pagination-item.ant-pagination-item-active {
    background-color: #304ff2;
    border: none
}

.pagination .ant-pagination .ant-pagination-item.ant-pagination-item-active a {
    color: #fff
}

.pagination .ant-pagination .ant-pagination-item-link {
    border-radius: 16px
}

.pagination .ant-pagination .ant-pagination-item-link .ant-pagination-item-container .ant-pagination-item-link-icon {
    color: #304ff2
}

.pagination .ant-pagination .ant-pagination-next .anticon,
.pagination .ant-pagination .ant-pagination-prev .anticon {
    height: 32px;
    padding: 3px;
    width: 32px
}

.pagination .ant-pagination .ant-pagination-next .anticon svg,
.pagination .ant-pagination .ant-pagination-prev .anticon svg {
    display: none
}

.pagination .ant-pagination .ant-pagination-next .anticon:after,
.pagination .ant-pagination .ant-pagination-prev .anticon:after {
    background-size: contain;
    content: " ";
    display: inline-block;
    height: 26px;
    width: 26px
}

.pagination .ant-pagination .ant-pagination-next .anticon:after svg,
.pagination .ant-pagination .ant-pagination-prev .anticon:after svg {
    display: none
}

.pagination .ant-pagination .ant-pagination-prev .anticon:after {
    background-image: url(https://cdn.bitgc.io/static/media/arrow-left-s.f88f5f338c52945e44fc.svg)
}

.pagination .ant-pagination .ant-pagination-next .anticon:after {
    background-image: url(https://cdn.bitgc.io/static/media/arrow-right-s.ce3870bd21638b669568.svg)
}

.pagination .ant-pagination .ant-pagination-disabled.ant-pagination-prev .anticon:after {
    background-image: url(https://cdn.bitgc.io/static/media/arrow-left-s-disabled.64e8518fa7d954f576dd.svg)
}

.pagination .ant-pagination .ant-pagination-disabled.ant-pagination-next .anticon:after {
    background-image: url(https://cdn.bitgc.io/static/media/arrow-right-s-disabled.9300c8844c4dce1644f5.svg)
}

@font-face {
    font-family: 'HarmonyOS', 'Sans SC';
    font-style: normal;
    font-weight: 400;
    src: url(https://cdn.bitgc.io/static/media/HarmonyOS_Sans_Regular.156fcad732313b1a774d.woff) format("woff")
}

@font-face {
    font-family: 'HarmonyOS', 'Sans SC';
    font-style: normal;
    font-weight: 500;
    src: url(https://cdn.bitgc.io/static/media/HarmonyOS_Sans_Medium.afea4553cdcacea4d65a.woff) format("woff")
}

@font-face {
    font-family: 'HarmonyOS', 'Sans SC';
    font-style: normal;
    font-weight: 900;
    src: url(https://cdn.bitgc.io/static/media/HarmonyOS_Sans_Bold.014a7375f739001bafa2.woff) format("woff")
}

.header-container .notice-bg {
    background-color: #304ff2;
    padding: 18px
}

.header-container .notice-bg .notice {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 16px;
    gap: 8px;
    justify-content: space-between;
    margin: auto;
    max-width: 1200px
}

.header-container .notice-bg .notice .left,
.header-container .notice-bg .notice .right {
    align-items: center;
    color: #fff;
    display: flex;
    gap: 8px
}

@media screen and (max-width:768px) {
    .header-container .notice-bg .notice {
        font-size: 12px
    }
    .header-container .notice-bg .notice .left {
        flex: auto
    }
    .header-container .notice-bg .notice .left .conent {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
    .header-container .notice-bg .notice .link-text {
        display: none
    }
}

@media screen and (min-width:768px) {
    .header-container {
        background-color: #fff;
        box-shadow: 0 4px 16px 0 #0000000a;
        left: 0;
        position: fixed;
        top: 0;
        transition: background-color .2s ease-in-out;
        width: 100%;
        z-index: 100
    }
    .header-container.transparent {
        background-color: initial
    }
    .header-container.open {
        height: auto
    }
    .header-container header {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: auto;
        max-width: 1200px
    }
    .header-container header .logo {
        align-items: center;
        display: flex;
        flex-direction: row;
        height: auto
    }
    .header-container header .logo img {
        height: 40px;
        width: 40px
    }
    .header-container header .logo span {
        color: #000;
        font-size: 28px;
        font-style: normal;
        font-weight: 500;
        line-height: 32px;
        margin-left: 8px
    }
    .header-container header .right {
        align-items: center;
        display: flex;
        flex-direction: row
    }
    .header-container header .right a {
        align-items: center;
        color: #000c;
        display: flex;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        height: 80px;
        line-height: normal;
        text-align: center;
        transition: border-bottom .2s
    }
    .header-container header .right a.has-children:after {
        background-image: url(https://cdn.bitgc.io/static/media/arrow-down-s-line.9992d93ae9ff1e0ae751.svg);
        background-size: contain;
        content: " ";
        display: inline-block;
        height: 20px;
        margin-top: 5px;
        width: 20px
    }
    .header-container header .right a.has-children.active:after,
    .header-container header .right a.has-children:hover:after {
        background-image: url(https://cdn.bitgc.io/static/media/arrow-up-s-line.32e44ad9b7cef0a20180.svg);
        margin-top: 5px
    }
    .header-container header .right a.active,
    .header-container header .right a:hover {
        color: #304ff2
    }
    .header-container header .right>a+a {
        margin-left: 40px
    }
    .header-container header .right .contact-us {
        align-items: center;
        border: 1px solid #00000026;
        border-radius: 100px;
        color: #000c;
        display: inline-flex;
        font-family: 'HarmonyOS', 'Sans SC';
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        gap: 10px;
        height: auto;
        line-height: 20px;
        padding: 14px 24px;
        transition: background-color .2s
    }
    .header-container header .right .contact-us:hover {
        background-color: #000;
        background: #304ff2;
        border-bottom: none;
        border: 1px solid #304ff2;
        color: #fff
    }

    .btn-outline {
        align-items: center;
        border: 1px solid #00000026;
        border-radius: 100px;
        color: #000c;
        display: inline-flex;
        font-family: 'HarmonyOS', 'Sans SC';
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        gap: 10px;
        height: auto;
        line-height: 20px;
        padding: 14px 24px;
        transition: background-color .2s
    }
    .btn-outline:hover {
        background-color: #000;
        background: #304ff2;
        border-bottom: none;
        border: 1px solid #304ff2;
        color: #fff
    }

    .header-container header .right .menu-icon {
        display: none;
        height: 24px;
        width: 24px
    }
}

@media screen and (max-width:768px) {
    .header-container {
        display: flex;
        flex-direction: column;
        left: 0
    }
    .header-container,
    .header-container.open {
        background-color: #fff;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100
    }
    .header-container.open {
        height: 100%
    }
    .header-container.open .mobile-menu {
        display: flex
    }
    .header-container.open .menu-icon {
        height: 20px;
        width: 20px
    }
    .header-container header {
        align-items: center;
        box-shadow: 0 4px 16px 0 #0000000a;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 16px 24px
    }
    .header-container header .logo {
        align-items: center;
        display: flex;
        flex-direction: row;
        height: auto
    }
    .header-container header .logo img {
        height: 24px;
        width: 24px
    }
    .header-container header .logo span {
        color: #000;
        font-style: normal;
        font-weight: 500;
        line-height: 32px;
        margin-left: 8px
    }
}

@media screen and (max-width:768px) and (min-width:768px) {
    .header-container header .logo span {
        font-size: 28px
    }
}

@media screen and (max-width:768px) and (max-width:768px) {
    .header-container header .logo span {
        font-size: 20px
    }
}

@media screen and (max-width:768px) {
    .header-container header .right {
        align-items: center;
        display: flex;
        flex-direction: row
    }
    .header-container header .right a {
        align-items: center;
        color: #000c;
        display: flex;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        height: 80px;
        line-height: normal;
        text-align: center;
        transition: border-bottom .2s
    }
    .header-container header .right a.has-children:after {
        background-image: url(https://cdn.bitgc.io/static/media/arrow-down-s-line.9992d93ae9ff1e0ae751.svg);
        background-size: contain;
        content: " ";
        display: inline-block;
        height: 20px;
        margin-top: 5px;
        width: 20px
    }
    .header-container header .right a.has-children.active:after,
    .header-container header .right a.has-children:hover:after {
        background-image: url(https://cdn.bitgc.io/static/media/arrow-up-s-line.32e44ad9b7cef0a20180.svg);
        margin-top: 5px
    }
    .header-container header .right a.active,
    .header-container header .right a:hover {
        color: #304ff2
    }
    .header-container header .right>a+a {
        margin-left: 40px
    }
    .header-container header .right .contact-us {
        align-items: center;
        background: #fff;
        border: 1px solid #00000026;
        border-radius: 100px;
        color: #000c;
        display: inline-flex;
        font-family: 'HarmonyOS', 'Sans SC';
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        gap: 10px;
        height: auto;
        line-height: 20px;
        padding: 14px 24px;
        transition: background-color .2s
    }
    .header-container header .right .contact-us:hover {
        background-color: #000;
        background: #304ff2;
        border-bottom: none;
        border: 1px solid #304ff2;
        color: #fff
    }
}

@media screen and (max-width:768px) and (min-width:768px) {
    .header-container header .right .menu-icon {
        display: none;
        height: 24px;
        width: 24px
    }
}

@media screen and (max-width:768px) {
    .header-container .mobile-menu {
        align-items: center;
        background: #f6f7f9;
        flex: auto;
        flex-direction: column;
        justify-content: flex-start;
        overflow: auto;
        padding: 48px 40px
    }
    .header-container .mobile-menu .ant-menu {
        background: none;
        border-bottom: 1px solid #0000001a;
        border-right: none;
        margin: 0 !important;
        padding: 0 !important
    }
    .header-container .mobile-menu .ant-menu .ant-menu-item {
        border-radius: 0;
        border-top: 1px solid #0000001a;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important
    }
    .header-container .mobile-menu .ant-menu .ant-menu-item:hover {
        background: none
    }
    .header-container .mobile-menu .ant-menu .ant-menu-item .ant-menu-title-content {
        color: #000c;
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        padding-block: 18px !important
    }
    .header-container .mobile-menu .ant-menu .ant-menu-submenu {
        border-radius: 0;
        border-top: 1px solid #0000001a
    }
    .header-container .mobile-menu .ant-menu .ant-menu-submenu .ant-menu-submenu-title {
        border-radius: 0;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important
    }
    .header-container .mobile-menu .ant-menu .ant-menu-submenu .ant-menu-submenu-title:hover {
        background: none
    }
    .header-container .mobile-menu .ant-menu .ant-menu-submenu .ant-menu-submenu-title .ant-menu-title-content {
        color: #000c;
        font-size: 16px;
        font-weight: 500;
        line-height: 20px;
        padding-block: 18px !important
    }
    .header-container .mobile-menu .ant-menu .ant-menu-submenu .ant-menu-sub {
        background: none;
        border-bottom: none
    }
    .header-container .mobile-menu .ant-menu .ant-menu-submenu .ant-menu-sub .ant-menu-item {
        border-top: 0 solid #0000001a;
        color: #000c
    }
    .header-container .mobile-menu .ant-menu .ant-menu-submenu .ant-menu-sub .ant-menu-item .ant-menu-title-content {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        padding-block: 16px !important;
        padding-inline: 20px !important
    }
    .header-container .mobile-menu .ant-menu .ant-menu-submenu .ant-menu-sub .ant-menu-item .ant-menu-title-content:hover {
        color: #304ff2
    }
    .header-container .mobile-menu .contact-us {
        align-items: center;
        background: #fff;
        border: 1px solid #00000026;
        border-radius: 100px;
        color: #000c;
        display: block;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        gap: 10px;
        line-height: 20px;
        margin-top: 50px;
        padding: 14px 24px;
        text-align: center;
        width: 100%
    }
}

.menu-popup {
    width: 252px
}

.menu-popup .ant-dropdown-menu {
    padding: 16px
}

.menu-popup .ant-dropdown-menu .ant-dropdown-menu-item {
    padding: 8px 10px
}

.menu-popup .ant-dropdown-menu .ant-dropdown-menu-item:hover {
    background: #f1f4f9;
    border-radius: 4px
}

.menu-popup .ant-dropdown-menu .ant-dropdown-menu-item .menu-text {
    color: #000c;
    font-size: 14px;
    font-weight: 400
}

.menu-popup .ant-dropdown-menu .ant-dropdown-menu-item .menu-text.active,
.menu-popup .ant-dropdown-menu .ant-dropdown-menu-item .menu-text:hover {
    color: #304ff2 !important
}

.section-container {
    width: 100%
}

@media screen and (min-width:768px) {
    .section-container {
        padding-inline: 20px
    }
}

@media screen and (max-width:768px) {
    .section-container {
        background-color: #fff;
        padding-inline: 24px
    }
}

.section-container.large {
    padding-block: 120px
}

.section-container.middle {
    padding-block: 40px
}

.section-container.small {
    padding-block: 20px 40px
}

.section-container .section {
    margin-inline: auto;
    max-width: 1200px
}

.section-footer-bg {
    background: #000;
    color: #f5f5f5
}

@media screen and (min-width:768px) {
    .section-footer-bg.section-container.large {
        padding-block: 80px 40px
    }
}

@media screen and (max-width:768px) {
    .section-footer-bg.section-container.large {
        padding: 48px 20px
    }
}

.section-footer-bg footer {
    display: flex;
    flex-direction: column;
    position: relative
}

@media screen and (max-width:768px) {
    .section-footer-bg footer {
        padding-inline: 0
    }
}

.section-footer-bg footer .top .left .logo-box {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-left: -3px
}

.section-footer-bg footer .top .left .logo-box .logo {
    height: 40px;
    width: 40px
}

.section-footer-bg footer .top .left .logo-box .logo-text {
    color: #fff;
    font-style: normal;
    font-weight: 600;
    margin-left: 8px
}

.section-footer-bg footer .top .left .text1,
.section-footer-bg footer .top .left .text2 {
    color: #f5f5f5
}

.section-footer-bg footer .top .left .text3 {
    color: #f5f5f5;
    opacity: .6000000238418579
}

.section-footer-bg footer .top .left .text4 {
    align-items: center;
    color: #fff;
    display: flex
}

.section-footer-bg footer .top .left .text4 img {
    margin-right: 5px
}

.section-footer-bg footer .top .right .nav-item {
    display: flex;
    flex-direction: column
}

.section-footer-bg footer .top .right .nav-item .title {
    color: #fff;
    font-size: 14px;
    font-weight: 600
}

.section-footer-bg footer .top .right .nav-item .sub-menu {
    display: flex;
    flex-direction: column
}

.section-footer-bg footer .top .right .nav-item .sub-menu .submenu-item {
    color: #fff9;
    font-size: 14px;
    font-weight: 400
}

.section-footer-bg footer .divider {
    background-color: #ffffff2e;
    height: 1px
}

@media screen and (min-width:768px) {
    .section-footer-bg footer .top {
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }
    .section-footer-bg footer .top .left .logo-text {
        font-size: 28px
    }
    .section-footer-bg footer .top .left .text1 {
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
        margin-top: 45px
    }
    .section-footer-bg footer .top .left .text2 {
        display: flex;
        font-size: 20px;
        font-weight: 700;
        gap: 10px;
        line-height: 28px
    }
    .section-footer-bg footer .top .left .text3 {
        font-size: 14px;
        margin-top: 8px;
        max-width: 420px
    }
    .section-footer-bg footer .top .left .text4 {
        font-size: 14px;
        margin-top: 56px
    }
    .section-footer-bg footer .top .right {
        align-items: flex-start;
        display: flex;
        flex-direction: row
    }
    .section-footer-bg footer .top .right .nav-item {
        width: 200px
    }
    .section-footer-bg footer .top .right .nav-item+.nav-item {
        margin-right: 16px
    }
    .section-footer-bg footer .top .right .nav-item .title {
        color: #fff;
        font-size: 14px;
        font-weight: 600
    }
    .section-footer-bg footer .top .right .nav-item .title+.title {
        margin-top: 8px
    }
    .section-footer-bg footer .top .right .nav-item .submenu {
        display: flex;
        flex-direction: column
    }
    .section-footer-bg footer .top .right .nav-item .submenu .submenu-item {
        color: #fff9;
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        margin-top: 8px
    }
    .section-footer-bg footer .top .right .nav-item .submenu .submenu-item:hover {
        color: #fff
    }
    .section-footer-bg footer .divider {
        margin-top: 24px
    }
    .section-footer-bg footer .bottom {
        align-items: center;
        color: #fff9;
        display: flex;
        font-size: 14px;
        justify-content: space-between;
        padding-top: 40px
    }
    .section-footer-bg footer .bottom .policy-link {
        color: inherit
    }
    .section-footer-bg footer .bottom .policy-link:hover {
        color: #fff
    }
    .section-footer-bg footer .bottom .policy-link+.policy-link {
        margin-left: 24px
    }
}

@media screen and (max-width:768px) {
    .section-footer-bg footer .top .left .logo-box .logo {
        width: 32px
    }
    .section-footer-bg footer .top .left .logo-box .logo-text {
        font-size: 20px;
        line-height: 24px
    }
    .section-footer-bg footer .top .left .text1 {
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        line-height: 18px;
        margin-top: 24px;
        opacity: .7
    }
    .section-footer-bg footer .top .left .text2 {
        color: #fff;
        display: flex;
        flex-direction: row;
        font-size: 16px;
        font-weight: 500;
        gap: 5px;
        line-height: 18px;
        opacity: .7
    }
    .section-footer-bg footer .top .left .text3 {
        font-size: 12px;
        font-weight: 400;
        margin-top: 8px;
        opacity: .4
    }
    .section-footer-bg footer .top .left .text4 {
        border-bottom: 1px solid #ffffff26;
        font-size: 14px;
        font-weight: 400;
        margin-top: 24px;
        padding-bottom: 24px
    }
    .section-footer-bg footer .top .right {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between
    }
    .section-footer-bg footer .top .right .nav-item {
        display: flex;
        flex-direction: column;
        margin-top: 24px;
        width: 50%
    }
    .section-footer-bg footer .top .right .nav-item .title {
        color: #fff;
        font-size: 14px;
        font-weight: 600;
        line-height: 24px;
        margin-bottom: 8px
    }
    .section-footer-bg footer .top .right .nav-item .submenu {
        display: flex;
        flex-direction: column;
        gap: 8px
    }
    .section-footer-bg footer .top .right .nav-item .submenu .submenu-item {
        color: #fff9;
        display: block;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px
    }
    .section-footer-bg footer .divider {
        margin-top: 24px
    }
    .section-footer-bg footer .bottom {
        align-items: flex-start;
        color: #fff;
        display: flex;
        flex-direction: column-reverse;
        font-size: 14px;
        justify-content: flex-start;
        line-height: 24px;
        opacity: .6;
        padding-top: 24px
    }
    .section-footer-bg footer .bottom div {
        display: flex;
        margin-bottom: 16px;
        width: 100%
    }
    .section-footer-bg footer .bottom div .policy-link {
        color: inherit;
        text-align: left;
        width: 50%
    }
}

.section-footer-bg footer .to-top {
    cursor: pointer;
    height: 48px;
    position: absolute;
    right: 0;
    top: 0;
    width: 48px
}

@media screen and (max-width:768px) {
    .section-footer-bg footer .to-top {
        right: 0;
        top: 0
    }
}

@media screen and (min-width:768px) {
    .button {
        align-items: center;
        background: #304ff2;
        border: none;
        border-radius: 100px;
        color: #fff;
        display: inline-flex;
        font-family: 'HarmonyOS', 'Sans SC';
        font-size: 16px;
        font-weight: 500;
        gap: 10px;
        justify-content: center;
        line-height: 20px;
        padding: 18px 60px
    }
    .button:hover {
        background: #304ff2b3
    }
}

@media screen and (max-width:768px) {
    .button {
        align-items: center;
        background: #304ff2;
        border: none;
        border-radius: 100px;
        color: #fff;
        display: inline-flex;
        font-family: 'HarmonyOS', 'Sans SC';
        font-size: 14px;
        font-weight: 500;
        gap: 10px;
        justify-content: center;
        line-height: 20px;
        padding: 12px 60px
    }
    .button:hover {
        background: #304ff2b3
    }
}

@media screen and (min-width:768px) {
    .banner-container {
        background: #f5f5f5;
        height: auto;
        overflow: hidden;
        position: relative
    }
    .banner-container.fix-height .banner {
        margin-top: 80px
    }
    .banner-container.fix-height .banner .left {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        height: 368px;
        justify-content: center;
        padding-block: 0
    }
    .banner-container .section-container {
        padding-block: 0
    }
    .banner-container .banner {
        display: flex;
        justify-content: space-between;
        position: relative;
        z-index: 1
    }
    .banner-container .banner .left {
        padding-block: 160px 80px
    }
    .banner-container .banner p {
        line-height: 28px;
        margin-top: 16px;
        max-width: 620px
    }
    .banner-container .banner .button {
        margin-top: 40px
    }
    .banner-container .banner .icon-animate {
        display: flex
    }
    .banner-container .banner .banner-icon {
        align-self: flex-end
    }
    .banner-container .banner-bg {
        height: 100%;
        left: 0;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%
    }
}

@media screen and (max-width:768px) {
    .banner-container {
        background: #f5f5f5;
        height: auto;
        overflow: hidden;
        padding: 104px 0 0;
        position: relative
    }
    .banner-container .section-container {
        padding-block: 0
    }
    .banner-container .banner {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        position: relative;
        z-index: 1
    }
    .banner-container .banner>div {
        align-items: center;
        display: flex;
        flex-direction: column;
        padding-block: 0
    }
    .banner-container .banner p {
        line-height: 20px;
        margin-top: 12px;
        max-width: 100%;
        text-align: center
    }
    .banner-container .banner svg {
        height: 180px;
        width: 100%
    }
    .banner-container .banner .button {
        margin: 20px auto 40px
    }
    .banner-container .banner .banner-icon {
        align-self: flex-end
    }
    .banner-container .banner-bg {
        background: #f5f5f5;
        height: 100%;
        left: 0;
        object-fit: cover;
        position: absolute;
        top: 0;
        width: 100%
    }
}

@keyframes fadeIn {
    to {
        opacity: 1
    }
}

@keyframes scaleUp {
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@media screen and (min-width:768px) {
    .disclaimer-modal {
        align-items: center;
        animation: fadeIn .3s forwards;
        background: #0000004d;
        display: flex;
        height: 100vh;
        justify-content: center;
        left: 0;
        opacity: 0;
        position: fixed;
        top: 0;
        width: 100vw;
        z-index: 999
    }
    .disclaimer-modal.hide {
        display: none
    }
    .disclaimer-modal .disclaimer {
        align-items: center;
        animation: scaleUp .3s forwards;
        background: #fff;
        border-radius: 24px;
        box-shadow: 0 4px 16px 0 #0000000d;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        opacity: 0;
        padding: 48px;
        transform: scale(0);
        width: 800px
    }
    .disclaimer-modal .disclaimer img {
        height: 120px;
        width: 120px
    }
    .disclaimer-modal .disclaimer h3 {
        color: #000;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        margin-top: 24px
    }
    .disclaimer-modal .disclaimer p {
        margin-block: 16px 24px
    }
    .disclaimer-modal .disclaimer button {
        align-items: center;
        display: flex;
        flex-direction: column;
        font-size: 16px;
        height: 48px;
        justify-content: center;
        padding-inline: 24px
    }
    .disclaimer-modal .disclaimer button:hover {
        color: #fff
    }
    .disclaimer-modal .close-btn {
        position: absolute;
        right: 24px;
        top: 24px
    }
    .disclaimer-modal .close-btn:hover {
        cursor: pointer
    }
    .disclaimer-modal .close-btn:hover path {
        stroke: #304ff2
    }
}

@media screen and (max-width:768px) {
    .disclaimer-modal {
        align-items: center;
        animation: fadeIn .3s forwards;
        background: #0000004d;
        display: flex;
        height: 100vh;
        justify-content: center;
        left: 0;
        opacity: 0;
        padding-inline: 16px;
        position: fixed;
        top: 0;
        width: 100vw;
        z-index: 999
    }
    .disclaimer-modal.hide {
        display: none
    }
    .disclaimer-modal .disclaimer {
        align-items: center;
        animation: scaleUp .3s forwards;
        background: #fff;
        border-radius: 24px;
        box-shadow: 0 4px 16px 0 #0000000d;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        opacity: 0;
        padding: 24px;
        transform: scale(0);
        width: 100%
    }
    .disclaimer-modal .disclaimer img {
        height: 120px;
        width: 120px
    }
    .disclaimer-modal .disclaimer h3 {
        color: #000;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        margin-top: 8px
    }
    .disclaimer-modal .disclaimer p {
        margin-block: 8px 16px
    }
    .disclaimer-modal .disclaimer button {
        font-size: 14px;
        line-height: 18px;
        padding: 14px 20px
    }
    .disclaimer-modal .disclaimer button:hover {
        color: #fff
    }
    .disclaimer-modal .close-btn {
        position: absolute;
        right: 24px;
        top: 24px
    }
    .disclaimer-modal .close-btn:hover {
        cursor: pointer
    }
    .disclaimer-modal .close-btn:hover path {
        stroke: #304ff2
    }
}

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

@media screen and (min-width:768px) {
    .loading-container svg {
        height: 64px;
        width: 64px
    }
}

@media screen and (max-width:768px) {
    .loading-container svg {
        height: 64px;
        width: 64px
    }
}

.loading-container svg+svg {
    margin-left: 30px
}

@media screen and (min-width:768px) {
    .home-page .banner-bg {
        background-color: #fff;
        padding-block: 160px;
        position: relative
    }
    .home-page .banner-bg .banner {
        position: relative;
        text-align: center;
        z-index: 1
    }
    .home-page .banner-bg .banner h1 {
        text-transform: none
    }
    .home-page .banner-bg .banner h1.banner-title-1 {
        font-weight: 400
    }
    .home-page .banner-bg .banner p {
        margin-top: 32px
    }
    .home-page .banner-bg .banner .button {
        margin-top: 64px
    }
    .home-page .banner-bg #canvas {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 0
    }
    .home-page .section1-bg {
        background: #fafafa
    }
    .home-page .section1-bg .section1 {
        align-items: center;
        display: flex;
        justify-content: space-between
    }
    .home-page .section1-bg .section1 .left {
        max-width: 560px
    }
    .home-page .section1-bg .section1 .left p {
        margin-top: 24px
    }
    .home-page .section1-bg .section1 .content {
        align-items: stretch;
        display: flex;
        flex-direction: column;
        gap: 20px
    }
    .home-page .section1-bg .section1 .content>div {
        display: flex;
        flex-wrap: nowrap;
        gap: 45px;
        justify-content: space-around
    }
    .home-page .section1-bg .section1 .content>div:first-of-type {
        padding-inline: 45px
    }
    .home-page .section1-bg .section1 .content>div .item {
        align-items: center;
        display: flex;
        flex-direction: column
    }
    .home-page .section1-bg .section1 .content>div .item .icon {
        height: 72px;
        width: 72px
    }
    .home-page .section1-bg .section1 .content>div .item.more:hover {
        cursor: pointer
    }
    .home-page .section1-bg .section1 .content>div .item.more:hover .icon {
        opacity: .7
    }
    .home-page .section1-bg .section1 .content>div .item .name {
        color: #8a8a8e;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        margin-top: 12px
    }
    .home-page .section1-bg .section1 .content>div .item:nth-child(3):after {
        content: " ";
        display: block
    }
    .home-page .section2 .content {
        gap: 24px;
        margin-block: 48px
    }
    .home-page .section2 .content .item {
        align-items: flex-start;
        border: 1px solid #ebebeb;
        border-radius: 24px;
        display: flex;
        flex-direction: column;
        padding: 48px
    }
    .home-page .section2 .content .item h3 {
        margin-top: 48px
    }
    .home-page .section2 .content .item p {
        margin-top: 24px
    }
    .home-page .section3-bg.large {
        padding-top: 0
    }
    .home-page .section3-bg.large .section3 {
        align-items: center;
        display: flex;
        justify-content: space-between
    }
    .home-page .section3-bg.large .section3>div {
        max-width: 764px
    }
    .home-page .section3-bg.large .section3>div p {
        margin-top: 24px
    }
    .home-page .section3-bg.large .section3>div .button {
        margin-top: 64px
    }
    .home-page .section4-bg {
        background: #fafafa
    }
    .home-page .section4-bg .content {
        display: flex;
        flex-wrap: wrap;
        gap: 100px;
        margin-top: 64px
    }
    .home-page .section4-bg .content .item {
        flex: auto;
        height: 363px;
        width: calc(50% - 50px)
    }
    .home-page .section4-bg .content .item,
    .home-page .section4-bg .content .item .text {
        align-items: center;
        display: flex;
        flex-direction: column
    }
    .home-page .section4-bg .content .item h3 {
        margin-top: 40px
    }
    .home-page .section4-bg .content .item p {
        margin-top: 24px
    }
    .home-page .section5-bg {
        background: #304ff2;
        padding-block: 108px;
        text-align: center
    }
    .home-page .section5-bg .section5 {
        position: relative
    }
    .home-page .section5-bg .section5 p {
        color: #fff;
        font-size: 26px;
        line-height: 32px;
        margin-inline: auto;
        max-width: 820px
    }
    .home-page .section5-bg .section5 .bottom,
    .home-page .section5-bg .section5 .top {
        position: absolute
    }
    .home-page .section5-bg .section5 .top {
        left: 0;
        top: -120px
    }
    .home-page .section5-bg .section5 .bottom {
        bottom: -120px;
        right: 0
    }
    .home-page .section6 {
        align-items: center;
        display: flex;
        justify-content: space-between
    }
    .home-page .section6>div:first-child {
        max-width: 500px
    }
    .home-page .section6>div:first-child div {
        align-items: start;
        display: flex;
        flex-direction: column
    }
    .home-page .section6>div:first-child div h2 {
        margin-top: 40px
    }
    .home-page .section6>div:first-child div p {
        margin-top: 24px
    }
    .home-page .section6 .form-wrapper {
        max-width: 550px;
        width: 50%
    }
    .home-page .section6 .form-wrapper .row-1 {
        gap: 12px;
        width: 100%
    }
    .home-page .section6 .form-wrapper .row-1 .ant-space-item {
        flex: auto
    }
    .home-page .section6 .form-wrapper .ant-form-item.submit .ant-form-item-control-input-content {
        align-items: center;
        display: flex;
        justify-content: space-between
    }
}

@media screen and (max-width:768px) {
    .home-page .banner-bg {
        background-color: #fff;
        min-height: auto;
        position: relative
    }
    .home-page .banner-bg .banner {
        position: relative;
        text-align: center;
        z-index: 1
    }
    .home-page .banner-bg .banner h1 {
        text-transform: none
    }
    .home-page .banner-bg .banner h1.banner-title-1 {
        font-weight: 400
    }
    .home-page .banner-bg .banner p {
        margin-top: 12px
    }
    .home-page .banner-bg .banner .button {
        margin-top: 24px
    }
    .home-page .banner-bg #canvas {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 0
    }
    .home-page .section1-bg {
        background: #fafafa
    }
    .home-page .section1-bg .section1 {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }
    .home-page .section1-bg .section1 .left {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        max-width: 100%
    }
    .home-page .section1-bg .section1 .left p {
        margin-top: 16px
    }
    .home-page .section1-bg .section1 .content {
        align-items: stretch;
        display: flex;
        flex-direction: row;
        gap: 0;
        margin-top: 32px;
        width: 100%
    }
    .home-page .section1-bg .section1 .content>div {
        display: flex;
        flex-wrap: nowrap;
        gap: 0;
        justify-content: space-around;
        width: 57.14%
    }
    .home-page .section1-bg .section1 .content>div:first-of-type {
        padding-inline: 0;
        width: 42.86%
    }
    .home-page .section1-bg .section1 .content>div .item {
        align-items: center;
        display: flex;
        flex-direction: column;
        gap: 8px;
        width: 40px
    }
    .home-page .section1-bg .section1 .content>div .item .icon {
        width: 36px
    }
    .home-page .section1-bg .section1 .content>div .item .name {
        color: #8a8a8e;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 14px
    }
    .home-page .section1-bg .section1 .content>div .item:nth-child(3):after {
        content: " ";
        display: block
    }
    .home-page .section2 .content {
        gap: 16px;
        margin-block: 24px 0
    }
    .home-page .section2 .content .item {
        border: 1px solid #ebebeb;
        border-radius: 16px;
        padding: 16px
    }
    .home-page .section2 .content .item h3 {
        float: left;
        line-height: 44px;
        margin-top: 0
    }
    .home-page .section2 .content .item img {
        float: right;
        width: 44px
    }
    .home-page .section2 .content .item p {
        clear: both;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        margin-top: 0;
        padding-top: 16px
    }
    .home-page .section3-bg {
        padding-top: 0
    }
    .home-page .section3-bg .section3 {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center
    }
    .home-page .section3-bg .section3>div {
        align-items: center;
        display: flex;
        flex-direction: column;
        max-width: 100%
    }
    .home-page .section3-bg .section3>div:first-child {
        order: 2
    }
    .home-page .section3-bg .section3>div:last-child {
        order: 1
    }
    .home-page .section3-bg .section3>div h2 {
        margin-top: 24px
    }
    .home-page .section3-bg .section3>div p {
        margin-top: 16px
    }
    .home-page .section3-bg .section3>div .button {
        margin-top: 24px
    }
    .home-page .section3-bg .section3>div img {
        width: 140px
    }
    .home-page .section4-bg {
        background: #fafafa
    }
    .home-page .section4-bg h2 {
        border-bottom: .5px solid #ddd;
        padding-bottom: 24px;
        text-align: left
    }
    .home-page .section4-bg .content {
        display: flex;
        flex-wrap: wrap;
        gap: 64px;
        margin-top: 40px
    }
    .home-page .section4-bg .content .item {
        align-items: center;
        display: flex;
        flex: auto;
        flex-direction: row;
        gap: 24px;
        height: auto;
        width: 100%
    }
    .home-page .section4-bg .content .item img {
        width: 100px
    }
    .home-page .section4-bg .content .item h3 {
        margin-top: 0
    }
    .home-page .section4-bg .content .item p {
        margin-top: 16px
    }
    .home-page .section4-bg .content .item:nth-child(2n) div {
        order: 2
    }
    .home-page .section4-bg .content .item:nth-child(2n) img,
    .home-page .section4-bg .content .item:nth-child(odd) div {
        order: 1
    }
    .home-page .section4-bg .content .item:nth-child(odd) img {
        order: 2
    }
    .home-page .section5-bg {
        background: #304ff2;
        text-align: center
    }
    .home-page .section5-bg .section5 {
        position: relative
    }
    .home-page .section5-bg .section5 p {
        color: #fff;
        font-size: 16px;
        line-height: 20px;
        margin-inline: auto;
        max-width: 100%
    }
    .home-page .section5-bg .section5 .bottom,
    .home-page .section5-bg .section5 .top {
        position: absolute
    }
    .home-page .section5-bg .section5 .top {
        left: 0;
        top: -40px;
        width: 89px
    }
    .home-page .section5-bg .section5 .bottom {
        bottom: -40px;
        right: 0;
        width: 89px
    }
    .home-page .section6 {
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        overflow: hidden
    }
    .home-page .section6>div:first-child {
        max-width: 100%
    }
    .home-page .section6>div:first-child img {
        float: right;
        width: 80px
    }
    .home-page .section6>div:first-child h2 {
        margin-top: 0
    }
    .home-page .section6>div:first-child p {
        margin-top: 16px;
        padding-right: 104px
    }
    .home-page .section6 .form-wrapper {
        margin-top: 24px;
        max-width: 100%;
        width: 100%
    }
    .home-page .section6 .form-wrapper .row-1 {
        gap: 12px;
        width: 100%
    }
    .home-page .section6 .form-wrapper .row-1 .ant-space-item {
        flex: auto
    }
    .home-page .section6 .form-wrapper .ant-form-item {
        margin-bottom: 8px
    }
    .home-page .section6 .form-wrapper .ant-form-item .ant-input::placeholder {
        color: #8a8a8e
    }
    .home-page .section6 .form-wrapper .ant-form-item.submit .ant-form-item-control-input-content {
        align-items: flex-start;
        display: flex;
        flex-direction: column-reverse;
        justify-content: flex-start
    }
}

/*# sourceMappingURL=main.2baa5887.css.map*/