:root {
    --black-color: #121713;
    --sec-color: #636c78;
    --primary-color: #ff7226;
    --background-color: #f8f8f8;
    --soft-yellow-color: #fff7e0;
    --soft-grey-color: #adadad;
    --info-color: #44bcff;
    --border-color: #c4c4c4;
}

@font-face {
    font-family: "inter-semibold";
    src: url('../font/inter-semibold.woff2') format('woff2'), url('../font/inter-semibold.woff') format('woff'),;
}

@font-face {
    font-family: "inter-regular";
    src: url('../font/inter-regular.woff2') format('woff2'), url('../font/inter-regular.woff') format('woff'),;
}

@font-face {
    font-family: "inter-medium";
    src: url('../font/inter-medium.woff2') format('woff2'),;
}


@font-face {
    font-family: "inter-bold";
    src: url('../font/inter-bold.woff2') format('woff2'),;
}


@font-face {
    font-family: "AbrilFatface-Regular";
    src: url('../font/AbrilFatface-Regular.otf');
}

body {
    margin: 0px;
}



.header-tips {
    background-color: #1E2134;
    /*background: linear-gradient(137deg, #ff9f59 5%, #ff7226 87%);*/
}

.nav-item-app-store {
    margin: 5px 0px 5px 5px;
}

.navbar-transparent {
    background-color: transparent;
}

.nav-item-google-play {
    margin: 5px 5px 5px 0px;
}

.header-tips-txt {
    font-size: 12px;
    color: white;
}

.navbar {
    --bs-navbar-toggler-focus-width: 0rem;
}

.toggle-icon {
    position: relative;
    width: 21px;
    height: 1px;
    display: inline-block;
    background: #515769;
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.7, 1, .7, 1)
}

    .toggle-icon:after,
    .toggle-icon:before {
        position: absolute;
        left: 0;
        background: #515769;
        content: " "
    }

    .toggle-icon,
    .toggle-icon:after,
    .toggle-icon:before {
        background: var(--primary-color);
        transition-duration: .3s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.7, 1, .7, 1)
    }

        .toggle-icon:before {
            width: 10px;
            height: 1px;
            bottom: 10px;
            -webkit-transform: rotate(0);
            -moz-transform: rotate(0);
            transform: rotate(0);
            transition-duration: .3s;
            transition-property: all;
            transition-timing-function: cubic-bezier(.7, 1, .7, 1)
        }

        .toggle-icon:after {
            width: 16px;
            height: 1px;
            top: -5px;
            -webkit-transform: rotate(0);
            -moz-transform: rotate(0);
            transform: rotate(0);
            transition-duration: .3s;
            transition-property: all;
            transition-timing-function: cubic-bezier(.7, 1, .7, 1)
        }

        .toggle-icon:after,
        .toggle-icon:before {
            width: 21px;
            height: 1px
        }

        .toggle-icon.is-clicked {
            background: rgba(81, 87, 105, 0)
        }


.learn-more-txt {
    color: white;
    font-size: 12px;
}

.logo-img {
    display: inline-block;
    width: 180px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.logo-img-main {
    display: inline-block;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.store-img {
    display: inline-block;
    width: 154px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.navbar-bg {
    background-color: white !important;
}

.top-nav-collapse {
    box-shadow: 0px 10px 20px 0px rgba(181, 64, 0, 0.1);
}

.navbar-padding {
    padding: 8px 0px;
}

.dropdown-border {
}

.nav-item a {
    color: #121713;
    font-size: 16px;
    font-weight: bolder;
    padding: 8px 15px;
}

    .nav-item a:hover {
        color: #ff7226;
        font-weight: bolder;
    }

.img-home-mobile {
    display: inline-block;
    width: 950px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.img-home-store {
    display: inline-block;
    width: 180px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.section-home {
    margin: 210px 0px 0px 0px;
}

.blog-box .blog-box-content {
    margin-bottom: 12px;
    min-height: 100px;
}

.fire-title {
    color: var(--black-color);
    font-size: 55px;
    font-weight: 600;
    line-height: 70px;
}

.menu-bar-item {
    margin: 5px 10px;
}

.fire-desc {
    color: #394151;
    font-size: 20px;
}

.home-title-main {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.home-title-store-button {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.home-title-bottom {
    margin-bottom: 0px;
}

.our-value-main {
    padding-bottom: 40px;
    background: linear-gradient(137deg, #ff9f59 5%, #ff7226 87%);
}

.our-value-title {
    color: var(--black-color);
    font-weight: bolder;
    font-size: 30px;
    line-height: 35px;
}

.our-value-card {
    background-color: white;
    height: 300px;
    border-radius: 20px;
}

.our-value-card-title {
    font-size: 30px;
    color: var(--black-color);
}

.img-our-value-img {
    display: inline-block;
    width: 86px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.our-value-card-footer {
    width: 100%;
    height: 40px;
    border-radius: 0px 0px 20px 20px;
    position: absolute;
    bottom: 0%;
    vertical-align: middle;
}

    .our-value-card-footer span {
        color: white;
    }

.our-value-card-img {
    padding-top: 70px;
}

.white-main {
    background-color: white;
    padding: 80px 0px;
}

.img-money-copilot-img {
    display: inline-block;
    width: 484px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.p-title {
    font-size: 30px;
    line-height: 35px;
    font-weight: 600;
    color: var(--black-color);
}

.p-title-point {
    font-size: 30px;
    line-height: 35px;
    font-weight: 600;
    color: var(--primary-color);
}

.p-desc {
    font-size: 20px;
    color: var(--sec-color);
}

.grey-main {
    padding: 60px 0px;
    background-color: var(--background-color);
}

.about-title {
    font-size: 80px;
    color: var(--primary-color);
    /*    font-weight: 600;*/
}

.about-desc {
}

.team-main {
    background: #FFF9ED;
}

.about-title-h2 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 40px;
}

.about-desc-content {
    font-size: 19px;
    color: #696969;
}

.text-button {
    border: none;
    color: rgba(0,0,0,0.4);
    background-color: transparent;
}

.primary-title-h2 {
    font-weight: 700;
    font-size: 40px;
    color: var(--primary-color);
}

.primary-border-bottom {
    border-bottom: 2px solid #FFCB96;
}

.card-soft-primary {
    background-color: #FFF9ED;
    border-radius: 16px;
    box-shadow: 11px 3px 25px rgba(56, 56, 56,0.03);
    padding: 56px 44px;
}

.team-say-h3 {
    font-size: 22px;
    font-weight: 700;
    color: #000000;
}

.team-say-h3-sub {
    font-size: 14px;
    font-weight: 700;
    color: #000000;
}

.team-say-content {
    font-size: 14px;
    color: #696969;
}

.primary-title-top-margin {
    margin-top: 12px;
}

.soft-primary-desc {
    color: var(--primary-color);
    font-size: 20px;
}

.mail-us-title {
    font-family: inter-medium;
    font-size: 22px;
    color: #000000;
}


.primary-color {
    color: var(--primary-color);
}


.position-name {
    font-family: inter-bold;
    font-size: 24px;
    color: #000000;
}


.position-title {
    font-family: inter-medium;
    font-size: 18px;
    color: #000000;
    text-decoration: underline;
    text-decoration-thickness: 2px;
}


.position-item {
    color: #696969;
}


    .position-item li {
        font-size: 15px;
    }


.img-account-img {
    display: inline-block;
    width: 435px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}


.join-us-txt {
    color: var(--primary-color);
    font-family: "inter-semibold";
    font-size: 30px;
}

.img-for-you-img {
    display: inline-block;
    width: 458px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.img-fire-plan-img {
    display: inline-block;
    width: 445px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.link-item-img {
    display: inline-block;
    width: 40px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.security-main {
    padding: 0px 0px;
}

.security-item {
    background-color: white;
    border-radius: 20px;
}

.security-item-left {
    background-color: white;
}

.security-item-left {
    padding: 52px 0px;
    border-radius: 20px 300px 300px 20px;
    background-color: var(--soft-yellow-color);
}

.img-security-home-img {
    display: inline-block;
    width: 257px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.img-security-logo-img {
    display: inline-block;
    width: 20px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.security-item-right {
    padding: 0px 40px;
}

    .security-item-right ul {
        list-style: none;
        padding: 0px;
    }

    .security-item-right li {
        padding: 10px 0px;
        font-size: 16px;
        color: var(--sec-color);
    }

.security-item-mb {
    margin-bottom: 0px;
}

.blog-main {
    color: white;
    padding: 60px 0px;
}

.bolo-title {
    font-size: 30px;
    color: white;
    font-weight: 600;
}

.blog-learn-more {
    font-size: 20px;
    color: var(--primary-color);
    text-decoration: none;
}

    .blog-learn-more:hover {
        cursor: pointer;
    }

.blog-box {
    margin-bottom: 12px;
    min-height: 100px;
}

.blog-list {
    columns: 3;
    column-gap: 20px;
}

.blog-item-card {
    margin-bottom: 20px;
    break-inside: avoid;
}

.newslist {
    overflow: auto;
    height: 370px;
}

    .newslist .card_thumb {
        /* position: relative; */
        width: 100%;
        height: 100%;
        /* overflow: hidden; */
    }

        .newslist .card_thumb img {
            /* position: absolute; */
            aspect-ratio: 3/2;
            /* left: 0;
      top: 0; */
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

.carousel-img {
    display: inline-block;
    width: auto;
    height: 370px;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.carousel-main {
    height: 370px;
}

.carousel-item-bg {
    width: 100%;
    background-color: black;
    opacity: 0.5;
    color: white;
    padding: 40px 20px;
}

.carousel-item-position {
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.newslist h5 {
    color: var(--black-color);
    font-size: 16px;
    font-weight: bold;
}

.newslist p,
li {
    padding-top: 5px;
    color: var(--grey-color);
    font-weight: 400;
    font-size: 16px;
}

.newslist a {
    text-decoration: none;
}

    .newslist a:hover {
        cursor: pointer;
    }

@supports not (aspect-ratio: 3/2) {
    .carousel_thumb {
        padding-top: 66.67%;
    }

    .newslist .card_thumb {
        padding-top: 66.67%;
    }
}

.newslist::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: #f5f5f5;
}

/*定义滚动条轨道 内阴影+圆角*/
.newslist::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #f5f5f5;
}

/*定义滑块 内阴影+圆角*/
.newslist::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #c8c8c8;
}

.footer-main {
    padding: 55px 0px;
    background-color: #1E2134;
}

.footer-copy-text {
    font-size: 14px;
    color: #b8b9bc;
    font-weight: 100;
}

.back-to-top {
    position: fixed;
    text-decoration: auto;
    right: 10px;
    bottom: 10px;
    display: inline-block;
    z-index: 9;
    width: 40px;
    height: 40px;
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    line-height: 3;
    letter-spacing: 1px;
    background: #515769;
    border-radius: 3px;
    visibility: hidden;
    padding: 5px;
    -webkit-transform: translate3d(0, 50px, 0);
    -moz-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
    transition-duration: 0.3s;
    text-transform: uppercase;
}

    .back-to-top:hover {
        color: #fff;
        transition-duration: 0.3s;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }

    .back-to-top.back-to-top-is-visible {
        visibility: visible;
        opacity: 0.6;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        transition-duration: 0.3s;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }

        .back-to-top.back-to-top-is-visible:hover {
            opacity: 1;
            transition-duration: 0.3s;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
        }

    .back-to-top.back-to-top-fade-out {
        opacity: 0.4;
    }

        .back-to-top.back-to-top-fade-out:hover {
            opacity: 1;
            transition-duration: 0.3s;
            transition-property: all;
            transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
        }

.back-to-top {
    /*padding-top: 2px;*/
    text-align: center;
}

    .back-to-top .nav-item-hover:after {
        opacity: 0;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }

    .back-to-top:focus,
    .back-to-top:hover {
        text-decoration: none;
    }

.header_bar {
    background: url('../img/about_bg.png') no-repeat center center;
    background-size: cover;
    height: 1080px; /* or whatever height you want */
    color: #fff; /* change this to the color you want for the text */
    font-family: sans-serif;
}

.security_bar {
    height: 408px; /* or whatever height you want */
    color: #fff; /* change this to the color you want for the text */
    font-family: sans-serif;
}

.header_container {
    position: relative;
    top: 25%;
    transform: translateY(-25%);
}

.title-bar {
    width: 240px;
    margin: auto;
    background-color: var(--primary-color);
    height: 6px;
    border-radius: 20px;
}

.culture-main {
    background-color: var(--background-color);
    padding: 60px 0px 80px 0px;
}

.culture-title {
    color: var(--black-color);
    font-size: 40px;
    font-weight: bolder;
}

.img-culture-img {
    display: inline-block;
    width: 960px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.join-us-main {
    background-color: white;
    padding: 60px 0px 80px 0px;
}

.img-join-us-img {
    display: inline-block;
    width: 230px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.join-us-mail-title {
    font-size: 20px;
    color: var(--sec-color);
    font-weight: bolder;
}

.join-us-mail {
    font-size: 20px;
    color: var(--info-color);
    font-weight: bolder;
    text-decoration: none;
}

    .join-us-mail hover {
        cursor: pointer;
    }

.mint_compare-main {
    background-color: white;
}

.mint-page-title {
    font-size: 50px;
    line-height: 60px;
    color: var(--black-color);
}

.img-compare-logo {
    display: inline-block;
    width: 80px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.img-right-img {
    display: inline-block;
    width: 40px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.mint-compare-table {
    border: 1px solid var(--border-color);
    border-radius: 20px;
    padding: 40px;
}

.mint-compare-table1 {
    border: 1px solid var(--border-color);
    border-radius: 20px;
}

.wefire-title {
    font-size: 30px;
    color: var(--black-color);
}

.mint-title {
    font-size: 30px;
    font-weight: bolder;
    color: var(--sec-color);
}

.mint-compare-table-line {
    height: 1px;
    background-color: var(--border-color);
}

.compare-item-icon {
    display: inline-block;
    width: 40px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.compare-item-hide-btn {
    display: inline-block;
    width: 25px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.wefire-item-title {
    font-size: 20px;
    font-weight: bolder;
    color: var(--primary-color);
}

.compare-item-desc {
    font-size: 12px;
}

.compare-item-icon-hide {
    visibility: hidden;
}

.mint-item-title {
    font-size: 20px;
    font-weight: bolder;
    color: var(--sec-color);
}

.blog-card {
    background-color: white;
    border-radius: 20px;
    box-shadow: 0px 6px 12px 0px rgba(93, 93, 93, 0.2);
}

    .blog-card h5 {
        font-size: 20px;
        font-weight: bolder;
        color: var(--black-color);
    }

    .blog-card p {
        font-size: 16px;
        color: var(--sec-color);
    }

.card-tag {
    background-color: var(--primary-color);
    border-radius: 10px;
    color: white;
    font-size: 12px;
}

.card-time {
    font-size: 12px;
    color: var(--sec-color);
}

.blog-padding-bottom-100 {
    padding-bottom: 100px;
}

.blog-detail-main {
    padding-bottom: 100px;
}

.icon-size-15 {
    height: 15px;
    width: 15px;
}

.icon {
    position: relative;
    top: -2px;
    margin-right: 2px;
}

.blog-auth {
    color: var(--soft-grey-color);
}

#dv_article_content p {
    word-break: break-word;
    white-space: normal;
    color: #000000;
    font-size: 16px;
    /*letter-spacing: 1px;*/
}

#dv_article_content li {
    word-break: break-word;
    white-space: normal;
    color: #000000;
    font-size: 16px;
    /*letter-spacing: 1px;*/
}

#dv_article_content h2 {
    font-size: 24px;
    color: #000000;
}

.article_h2_title {
    font-size: 24px;
    color: #000000;
}

#dv_article_content table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #495057;
    --bs-table-striped-bg: #f8f9fa;
    --bs-table-active-color: #495057;
    --bs-table-active-bg: #f8f9fa;
    --bs-table-hover-color: #495057;
    --bs-table-hover-bg: #f8f9fa;
    width: 100%;
    margin-bottom: 1rem;
    color: #495057;
    vertical-align: top;
    border-color: #e9e9ef;
    caption-side: bottom;
    border-collapse: collapse;
    border: 1px solid #e9e9ef;
}

#dv_article_content td {
    padding: .75rem .75rem;
    border-bottom-width: 1px;
    word-break: break-all;
    white-space: pre-wrap;
    border: 1px solid #e9e9ef;
    font-size: 12px;
    letter-spacing: 1px;
}

#dv_article_content th {
    padding: .75rem .75rem;
    font-weight: 700;
    background-color: #e9e9ef;
    border: 1px solid #e9e9ef;
    font-size: 12px;
    letter-spacing: 1px;
}

.blog-detail-min_height {
    min-height: 58vh;
}

.article-img-container {
    height: 230px;
}

.article-img-box {
    position: relative;
    aspect-ratio: 16/12;
}

    .article-img-box img {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.blog_img-border {
    border-radius: 20px 20px 0px 0px;
}

.blog-title {
    height: 120px;
    overflow: hidden;
}

.blog-sub-title {
    height: 60px;
    font-size: 16px;
    color: var(--sec-color);
    overflow: hidden;
}

#loading {
    display: none;
}

#article_list a {
    text-decoration: none;
}

    #article_list a:hover {
        cursor: pointer;
    }

/*#loading {
    display: none;
}*/

.loading-layout {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.la-line-scale,
.la-line-scale > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.la-line-scale {
    display: block;
    font-size: 0;
    color: #fff;
}

    .la-line-scale.la-dark {
        color: #333;
    }

    .la-line-scale > div {
        display: inline-block;
        float: none;
        background-color: currentColor;
        border: 0 solid currentColor;
    }

.la-line-scale {
    width: 40px;
    height: 32px;
}

    .la-line-scale > div {
        width: 4px;
        height: 32px;
        margin: 2px;
        margin-top: 0;
        margin-bottom: 0;
        border-radius: 0;
        -webkit-animation: line-scale 1.2s infinite ease;
        -moz-animation: line-scale 1.2s infinite ease;
        -o-animation: line-scale 1.2s infinite ease;
        animation: line-scale 1.2s infinite ease;
    }

        .la-line-scale > div:nth-child(1) {
            -webkit-animation-delay: -1.2s;
            -moz-animation-delay: -1.2s;
            -o-animation-delay: -1.2s;
            animation-delay: -1.2s;
        }

        .la-line-scale > div:nth-child(2) {
            -webkit-animation-delay: -1.1s;
            -moz-animation-delay: -1.1s;
            -o-animation-delay: -1.1s;
            animation-delay: -1.1s;
        }

        .la-line-scale > div:nth-child(3) {
            -webkit-animation-delay: -1s;
            -moz-animation-delay: -1s;
            -o-animation-delay: -1s;
            animation-delay: -1s;
        }

        .la-line-scale > div:nth-child(4) {
            -webkit-animation-delay: -.9s;
            -moz-animation-delay: -.9s;
            -o-animation-delay: -.9s;
            animation-delay: -.9s;
        }

        .la-line-scale > div:nth-child(5) {
            -webkit-animation-delay: -.8s;
            -moz-animation-delay: -.8s;
            -o-animation-delay: -.8s;
            animation-delay: -.8s;
        }

    .la-line-scale.la-sm {
        width: 20px;
        height: 16px;
    }

        .la-line-scale.la-sm > div {
            width: 2px;
            height: 16px;
            margin: 1px;
            margin-top: 0;
            margin-bottom: 0;
        }

    .la-line-scale.la-2x {
        width: 80px;
        height: 64px;
    }

        .la-line-scale.la-2x > div {
            width: 8px;
            height: 64px;
            margin: 4px;
            margin-top: 0;
            margin-bottom: 0;
        }

    .la-line-scale.la-3x {
        width: 120px;
        height: 96px;
    }

        .la-line-scale.la-3x > div {
            width: 12px;
            height: 96px;
            margin: 6px;
            margin-top: 0;
            margin-bottom: 0;
        }
/*
 * Animation
 */
@-webkit-keyframes line-scale {
    0%, 40%, 100% {
        -webkit-transform: scaleY(.4);
        transform: scaleY(.4);
    }

    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@-moz-keyframes line-scale {
    0%, 40%, 100% {
        -webkit-transform: scaleY(.4);
        -moz-transform: scaleY(.4);
        transform: scaleY(.4);
    }

    20% {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@-o-keyframes line-scale {
    0%, 40%, 100% {
        -webkit-transform: scaleY(.4);
        -o-transform: scaleY(.4);
        transform: scaleY(.4);
    }

    20% {
        -webkit-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@keyframes line-scale {
    0%, 40%, 100% {
        -webkit-transform: scaleY(.4);
        -moz-transform: scaleY(.4);
        -o-transform: scaleY(.4);
        transform: scaleY(.4);
    }

    20% {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }
}

.w-40 {
    width: 40%
}


@-webkit-keyframes flipOutYtest {
    from {
        -webkit-transform: perspective(1400px);
        transform: perspective(1400px);
    }

    40% {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
        opacity: 1;
    }

    50% {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }

    to {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
        opacity: 0;
    }
}

.test {
    -webkit-animation: flipOutYtest 0.75s linear;
    animation: flipOutYtest 0.75s linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


@-webkit-keyframes flipInYtest {
    from {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
        opacity: 0;
    }

    50% {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(1400px);
        transform: perspective(1400px);
        opacity: 1;
    }
}

.test2 {
    -webkit-animation: flipInYtest 0.75s linear;
    animation: flipInYtest 0.75s linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.card-item {
    position: relative;
    float: left;
    width: 100%;
}

.our-value-card-content p {
    /*word-wrap: break-word;*/
    overflow-wrap: break-word;
    color: #666361;
    font-size: 16px;
}

/* 外部容器 */
.flip-card {
    background-color: transparent;
    width: 100%;
    height: 300px;
    perspective: 1000px;
    margin: 0 auto;
}

/* 内部容器 */
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

/* 鼠标悬停时，添加一个Y轴旋转 */
.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
}

/* 正面和背面设置 */
.flip-card-front,
.flip-card-back {
    position: absolute;
    border-radius: 20px;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

/* 正面，包含一些文字 */
.flip-card-front {
    background-color: white;
    color: black;
}

/* 背面 */
.flip-card-back {
    background-color: white;
    color: white;
    transform: rotateY(180deg);
}

.security-card-main {
    position: relative;
    width: 100%;
    height: 300px;
}

.security-card-inner {
    position: absolute;
    width: 100%;
    height: 100%;
}

.security-card-item {
    position: absolute;
    left: -2%;
    width: 104%;
    height: 100%;
    border-radius: 18px;
    padding: 30px;
}

    .security-card-item h3 {
        color: var(--black-color);
        font-size: 30px;
        line-height: 35px;
    }

    .security-card-item p {
        font-size: 16px;
    }

.img-home-security-img {
    display: inline-block;
    width: 310px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.sec-padding-top {
    padding-top: 30px;
}

.img-security-img {
    display: inline-block;
    width: 70px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.security-img-position {
    position: absolute;
    bottom: -20px;
    right: -20px;
}

.security_title {
    font-size: 42px;
    color: var(--black-color);
}

.security-card-back {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 5px;
    padding-left: 10px;
    background-color: var(--primary-color);
    border-radius: 20px;
    box-shadow: 0px 20px 40px 0px rgba(99,35,0,0.1);
}

.grey-solid-line {
    height: 1px;
    background-color: var(--soft-grey-color);
}

.security-question-item {
    text-decoration: none;
    font-size: 24px;
    line-height: 28px;
    color: var(--black-color);
}

    .security-question-item:hover {
        text-decoration: underline;
    }

.ecurity-question-answer {
    font-size: 20px;
    line-height: 24px;
    color: var(--sec-color);
    padding-right: 40px;
}

    .ecurity-question-answer li {
        font-size: 20px;
        line-height: 24px;
        color: var(--sec-color);
        font-weight: normal;
    }

.icon_img {
    display: inline-block;
    width: 35px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.accordion {
    --bs-accordion-border-color: white;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0 rgba(13, 110, 253, 0.25);
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed) {
    color: var(--black-color);
    background-color: white;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.accordion-button:focus {
    z-index: 3;
    border-color: var(--bs-accordion-btn-focus-border-color);
    outline: 0;
    box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.mint-compare-title, .mint-ai-compare-title {
    font-size: 30px;
    line-height: 40px;
    color: var(--black-color);
}

.mint-compare-more {
    color: var(--primary-color);
    font-size: 20px;
    line-height: 25px;
}

.mint-compare-more-padding {
    padding: 80px 0px;
}

.mint-compare-item-title {
    font-size: 24px;
    line-height: 35px;
    color: var(--black-color);
    padding-left: 2rem;
}

.mint-compare-hide-btn-padding {
    padding: 40px 0px 80px 0px;
}

.dropdown-menu {
    --bs-dropdown-link-active-bg: var(--bs-tertiary-bg);
}

.mobile-left-padding {
}

.top-height {
    height: 111px;
}

.security-card-padding {
}

.section-bg {
    background-image: url('../img/bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.section-bg-right {
    background-image: url('../img/section_bg_right.png');
    background-repeat: no-repeat;
    background-size: auto;
}

.section-bg-left {
    background-image: url('../img/section_bg_left.png');
    background-repeat: no-repeat;
    background-size: auto;
}

.security-bg {
    background-image: url('../img/ser_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
}

.secrity-des-title {
    font-size: 25px;
    font-weight: 600;
    color: var(--primary-color);
}

.secrity-content {
    font-size: 18px;
    line-height: 32px;
    color: white;
}

.botton-text {
    color: white;
}

.botton-style {
    font-family: "inter-bold";
    font-size: 18px;
    padding: 14px 36px;
    border: 0px;
    background-color: var(--primary-color);
    border-radius: 65px;
    text-decoration: none;
}

    .botton-style:hover {
        cursor: pointer;
    }

.home-blog-title {
    font-size: 40px;
    font-weight: 600;
    color: var(--black-color);
}

.our-value-card-main {
    padding: 40px 18px 0px 18px;
    width: 250px;
    height: 340px;
    background-image: url('../img/our_value_card_bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-shadow: 0px 30px 40px 0px rgba(196,196,196,0.3);
    border-radius: 20px;
    margin: auto;
}

    .our-value-card-main:hover {
        background-image: url('../img/active_our_value_card_bg.png');
    }

.our_value_card_icon {
    display: inline-block;
    width: 52px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.our_value_card_title {
    font-size: 30px;
    font-weight: 600;
    color: #333130;
}

.link-sign-up {
    text-decoration: none;
    font-weight: 500;
    color: var(--black-color);
    border: 1px solid var(--black-color);
    border-radius: 5px;
    padding: 3px 10px;
    margin-left: 0px;
}

.link-sign-in {
    text-decoration: none;
    font-weight: 500;
    color: var(--black-color);
    padding: 3px 10px;
    margin-left: 0px;
}

.nav-sign {
    margin: 5px 10px;
}

.home-sign-up {
    height: 30px;
    text-decoration: none;
    font-weight: 400;
    color: white;
    background-color: var(--primary-color);
    border-radius: 37px;
    padding: 10px 30px;
    margin-left: 0px;
}

.pricing-bg {
    background-image: url('../img/pricing_bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.pricing-text {
    font-weight: bold;
    font-size: 21px;
    color: #1E2134;
    line-height: 14px;
    letter-spacing: 1px;
    font-style: normal;
}

.wefire-pricing-text {
    font-weight: bold;
    font-size: 52px;
    color: #333333;
    line-height: 61px;
    font-style: normal;
}

.plus-pricing-text {
    font-weight: bold;
    font-size: 52px;
    color: var(--primary-color);
    line-height: 61px;
    font-style: normal;
}

.pricing-desc {
    font-weight: 500;
    font-size: 25px;
    color: #333333;
    line-height: 40px;
    text-align: center;
    font-style: normal;
}

.pricing-sign-up-button {
    padding: 16px 38px;
    text-decoration: none;
    font-size: 20px;
    color: white;
    background: linear-gradient( 137deg, #FF9F59 5%, #FF7226 87%);
    border-radius: 37px 37px 37px 37px;
}

.pricing-container {
    padding: 40px 32px;
    background: #FFFFFF;
    box-shadow: 0px 5px 11px 0px rgba(169,152,143,0.18);
    border-radius: 11px 11px 11px 11px;
}

.pricing-intro-item {
    margin-top: 20px;
}

    .pricing-intro-item span {
        margin-left: 6px;
        font-weight: 400;
        font-size: 17px;
        color: #666361;
        line-height: 12px;
        text-align: left;
        font-style: normal;
    }

.pricing-intro-title {
    padding-top: 10px;
    font-weight: 600;
    font-size: 18px;
    color: #333333;
    line-height: 13px;
    text-align: left;
    font-style: normal;
    padding-bottom: 8px;
}

.pricing-check-img {
    display: inline-block;
    width: 20px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.pricing-card {
    padding: 43px 2px 20px 2px;
    background: #F2F2F2;
    border-radius: 11px 11px 11px 11px;
    border: 1px solid #E6E6E6;
    box-shadow: 0px 5px 11px 0px rgba(169,152,143,0.18);
}

.pricing-card-title {
    font-weight: 400;
    font-size: 20px;
    color: #333333;
    line-height: 23px;
    font-style: normal;
}

.pricing-card-price {
    font-weight: bold;
    font-size: 32px;
    color: #333333;
    line-height: 38px;
    font-style: normal;
}

.pricing-card-during {
    font-weight: 500;
    font-size: 18px;
    color: #666361;
    line-height: 21px;
    font-style: normal;
}

.pricing-card-bonus {
    font-weight: 400;
    font-size: 14px;
    color: #999491;
    line-height: 16px;
    font-style: normal;
    padding-top: 20px;
}

.pricing-link {
    color: white;
    font-size: 18px;
    line-height: 45px;
}

.pricing-discount {
    display: inline-block;
    width: 84px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.menu-split {
    width: 1px;
    height: 40px;
    background: var(--sec-color);
}

.download-title {
    padding: 0px 65px;
    font-size: 32px;
    color: #000000;
    line-height: 40px;
    font-style: normal;
    text-transform: none;
    font-weight: 600;
}

.download-qr-desc {
    padding-top: 20px;
    font-weight: 500;
    font-size: 16px;
    color: #000000;
    line-height: 20px;
    font-style: normal;
    text-transform: none;
}

.download-img {
    display: inline-block;
    width: 210px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.website-bottom-space {
    height: 72px;
    background: #1E2134;
}

.sign-bottom-space {
    height: 0px;
}

.bulletin-scroll-box {
    width: 100%;
    height: 40px;
    overflow: hidden;
    position: relative;
}

.bulletin-scroll-content {
    display: flex;
    flex-direction: column;
    transition: transform 0.5s ease-in-out;
}

    .bulletin-scroll-content div {
        height: 40px;
        line-height: 40px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }


@media screen and (min-width: 0px) and (max-width: 768px) {
    .fire-title {
        color: var(--black-color);
        font-size: 48px;
    }

    .home-title-bottom {
        margin-bottom: 20px;
    }

    .section-home {
        margin: 200px 0px 0px 0px;
    }

    .security-item-mb {
        margin-bottom: 20px;
    }

    .header_container {
        position: relative;
        top: 25%;
    }

    .nav-item-app-store {
        margin: 5px 10px;
    }

    .nav-item-google-play {
        margin: 5px 10px;
    }

    .blog-list {
        columns: 1;
        column-gap: 5px;
    }

    .dropdown-border {
        border: 0px;
    }

    .mobile-left-padding {
        padding-left: 40px !important;
    }

    .navbar-padding {
        padding: 8px 0px;
    }

    .top-height {
        height: 109px;
    }

    .mint-compare-item-title {
        font-size: 16px;
        line-height: 35px;
        color: var(--black-color);
        padding-left: 2rem;
    }

    .wefire-title {
        font-size: 13px;
        color: var(--black-color);
    }

    .security-card-padding {
        padding: 0px 40px;
    }

    .grey-main {
        padding: 30px 0px;
    }

    .white-main {
        padding: 30px 0px;
    }

    .security-main {
        padding: 0px 8px;
    }

    .flip-card {
        height: 350px;
    }

    .mint-ai-compare-title {
        font-size: 18px;
    }

    .compare-item-icon {
        width: 20px;
    }

    .sec-padding-top {
        padding-top: 0px;
    }

    .link-sign-up {
        margin-left: 10px;
    }

    .website-bottom-space {
        height: 240px;
    }

    .sign-bottom-space {
        height: 180px;
    }

    .primary-title-h2 {
        font-size: 28px;
    }

    .primary-title-top-margin {
        margin-top: 8px;
    }

    .card-soft-primary {
        padding: 24px 18px;
    }

    .mail-us-title {
        font-size: 18px;
    }

    .about-title {
        font-size: 36px;
    }

    .about-title-h2 {
        font-size: 36px;
    }

    .about-desc-content {
        font-size: 16px;
    }
}