body {
    font-family: 微软雅黑;
    font-weight: bold;
}

a {
    text-decoration: none;
}

.text-img {
    width: 88%;
    margin-bottom: 3.5vw;
    border-radius: 2vw;
}

.top {
    width: 100%;
    background-color: #FFF;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 3vw 0vw;
    margin-bottom: 7vw;
}

.top>a>img {
    width: 8vw;
}

.top-title {
    width: 100%;
    text-align: center;
    font-size: 4.6vw;
    font-weight: bold;
}

p {
    margin: 3vw 0;
}

.YF28-CC {
    padding: 7vw 3.5vw;
    padding-top: 0;
    margin-bottom: 7vw;
    box-sizing: border-box;
}

.card {
    color: #FFF;
    background-color: #1B47C3;
    padding: 5vw 4.2vw;
    border-radius: 3vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.card>.card-top {
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.card>.card-top>img {
    width: 30vw;
}

.card>.card-top>.top-1 {
    color: #FDEBCB;
    display: flex;
    align-items: center;
    font-size: 5.5vw;
    font-weight: bold;
    font-family: Canva Sans, Noto Sans Variable, Noto Sans, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif;
}

.card>.card-top>.top-1>img {
    width: 9vw;
    border-radius: 3vw;
    margin-right: 1.2vw;
}

.text {
    margin: 3.5vw 0;
}

.btn {
    padding: 3.9vw 0;
    display: flex;
    justify-content: center;
    color: #FFF;
    width: 90%;
    background-color: #85CE61;
    border-radius: 3vw;
    font-weight: bold;
    font-size: 4.2vw;
    cursor: pointer;
}

.btn>img {
    width: 6.5vw;
    margin-right: 1vw;
}

.btn-2 {
    margin-top: 3.5vw;
    background-color: #F56C6C;
}

.footer-sj {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 3.5vw;
    font-family: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
}

.footer-sj>.footer-sj-main {
    padding-top: 5vw;
    width: 90%;
    border-top: 1px solid rgba(43, 59, 74, .3);
    margin-bottom: 3vw;
    display: flex;
    justify-content: center;
}

.footer-sj>.footer-sj-main>a {
    margin: 0 1.5vw;
}

.footer-sj>.footer-sj-main>a>img {
    width: 7.9vw;
}

.font8 {
    font-size: 5vw;
    font-weight: bold;
}

.zl {
    margin-top: 3.5vw;
    width: 50vw;
    border-radius: 3vw;
}

@media screen and (min-width: 1200px) {
    .font8 {
        font-size: 2vw;
    }
    .zl {
        margin-top: 3.5vw;
        width: 25vw;
        border-radius: 3vw;
    }
    .YF28-CC {
        margin: 0 auto;
        width: 39%;
        margin-bottom: 0;
        padding: 0 1.5vw;
    }
    .top {
        padding: 1vw .7vw;
        margin-bottom: 2.8vw;
    }
    .top>a>img {
        width: 3vw;
    }
    .top-title {
        font-size: 1.7vw;
    }
    .card {
        padding: 2vw 4.2vw;
        border-radius: 1.5vw;
    }
    .card>.card-top {
        width: 90%;
    }
    .card>.card-top>img {
        width: 9vw;
    }
    .card>.card-top>.top-1 {
        font-size: 2.2vw;
    }
    .card>.card-top>.top-1>img {
        width: 2.5vw;
        border-radius: 1vw;
        margin-right: .35vw;
    }
    p {
        margin: 1vw 0;
    }
    .text {
        margin: 1vw 0;
    }
    .btn {
        padding: 1.6vw 0;
        display: flex;
        justify-content: center;
        color: #FFF;
        width: 90%;
        background-color: #35D487;
        border-radius: 1.2vw;
        font-weight: bold;
        font-size: 1.7vw;
    }
    .btn>img {
        width: 2.5vw;
        margin-right: .39vw;
    }
    .footer-sj {
        font-size: 1.2vw;
    }
    .footer-sj>.footer-sj-main {
        width: 39%;
        margin-top: 4.2vw;
        padding-top: 2vw;
        margin-bottom: 1.2vw;
    }
    .footer-sj>.footer-sj-main>a>img {
        width: 2vw;
    }
}