.hide {
    display: none!important;
}

.b {
    font-weight: bold!important;
}

.section {
    height: 100vh;
    position: relative;
}
.bg1 {
    background: url("./../img/bg1.png") no-repeat center center;
    background-size: cover;
}
.bg2 {
    background: url("./../img/bg2.png") no-repeat center center;
    background-size: cover;
}

.logo {
    width: 2.06rem;
    height: 0.56rem;
    background: url("./../img/logo.png") no-repeat center center;
    background-size: cover;
    position: absolute;
    top: calc(var(--vh, 1px) * 0.55);
    left: 0.52rem;
}

.qiqiu {
    width: 0.86rem;
    height: 1.19rem;
    background: url("./../img/qiqiu.png") no-repeat center center;
    background-size: cover;
    position: absolute;
    top: calc(var(--vh, 1px) * 0.84);
    right: 1.74rem;
}
.qiqiu2 {
    width: 0.86rem;
    height: 1.19rem;
    background: url("./../img/qiqiu.png") no-repeat center center;
    background-size: cover;
    position: absolute;
    top: calc(var(--vh, 1px) * 0.52);
    right: 0.5rem;
}

/* 定义上下移动的动画 */
@keyframes bounce {
    0%, 100% {
        transform: translateX(-50%) translateY(0);
    }
    50% {
        transform: translateX(-50%) translateY(0.3rem);
    }
}

/* 定义缓慢放大缩小动画 */
@keyframes zoom {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}

.arrow-down {
    position: absolute;
    bottom: calc(var(--vh, 1px) * 1.39);
    left: 50%;
    transform: translateX(-50%);
    /* 应用动画 */
    animation: bounce 2s ease-in-out infinite;
}
.arrow-down img {
    display: inline-block;
    width: 0.35rem;
    height: 0.54rem;
}



.s-index {}
.s-index .index-title {
    position: absolute;
    top: calc(var(--vh, 1px) * 2);
    width: 100%;
    text-align: center;
}
.s-index .index-title img {
    display: inline-block;
    width: 5.82rem;
    height: 3.67rem;
}

.s-index .index-desc {
    font-size: 0.3rem;
    color: #fff;
}
.s-index .index-tit {
    position: absolute;
    top: calc(var(--vh, 1px) * 5.44);
    width: 100%;
    text-align: center;
    line-height: 0;
}

.s-index .index-tit p {
    display: inline-block;
    border: 0.03rem solid #0C3256;
    border-radius: 100rem;
    padding: 0.15rem 0.25rem;
    background: #FFF829;
    color: #0C3256;
    line-height: 1;
    font-size: 0.34rem;
    font-weight: bold;
    white-space: nowrap;
    letter-spacing: -0.015rem;
}


.s-index .index-desc {
    position: absolute;
    top: calc(var(--vh, 1px) * 6.44);
    left: 50%;
    transform: translateX(-50%);
}
.s-index .index-desc p {
    font-size: 0.28rem;
    color: #fff;
    line-height: 1.65;
    text-align: center;
    font-family: 'sanRegular';
    white-space: nowrap;
    letter-spacing: -0.02rem;
}
.s-index .index-btn01 {
    position: absolute;
    bottom: calc(var(--vh, 1px) * 3.42);
    left: 50%;
    transform: translateX(-50%);
    
}
.s-index .index-btn01 img {
    display: inline-block;
    width: 2.28rem;
    height: 0.81rem;
}
.s-index .index-btn02 {
    position: absolute;
    bottom: calc(var(--vh, 1px) * 2.25);
    left: 50%;
    transform: translateX(-50%);
}
.s-index .index-btn02 img {
    display: inline-block;
    width: 2.32rem;
    height: 0.86rem;
    animation: zoom 2.5s ease-in-out infinite;
}
.s-index .index-btn03 {
    position: absolute;
    bottom: calc(var(--vh, 1px) * 1.07);
    left: 50%;
    transform: translateX(-50%);
}
.s-index .index-btn03 img {
    display: inline-block;
    width: 3.90rem;
    height: 0.81rem;
}

.s-desc {}
.s-desc .desc {
    position: absolute;
    top: calc(var(--vh, 1px) * 2.72);
    width: 100%;
}
.s-desc .desc p {
    font-size: 0.28rem;
    color: #fff829;
    line-height: 1.65;
    text-align: center;
    font-family: 'sanRegular';
    white-space: nowrap;
    letter-spacing: -0.02rem;
}

.s-qa {}
.s-qa .q-bg {
    width: 6.34rem;
    height: 2.65rem;
    background: url("./../img/q_bg.png") no-repeat center center;
    background-size: cover;
    position: absolute;
    top: calc(var(--vh, 1px) * 2.17);
    left: 50%;
    transform: translateX(-50%);
    box-sizing: border-box;
    padding: 0 0.48rem;
    padding-top: 0.3rem;
}
.s-qa .q-bg p {
    font-size: 0.34rem;
    color: #163253;
    line-height: 1.35;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    letter-spacing: -0.015rem;
}
.s-qa .q-bg img {
    position: absolute;
    top: 0.2rem;
    right: 0.4rem;
    height: 0.66rem;
}

.s-qa .a-bg {
    position: absolute;
    bottom: calc(var(--vh, 1px) * 1.66);
    left: calc(50% - 0.22rem);
    transform: translateX(calc(-50% + 0.22rem));
    width: 5.31rem;
    height: 5.98rem;
    background: url("./../img/a_bg.png") no-repeat center center;
    background-size: cover;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0 0.57rem 0 0.35rem;
}

.s-qa .a-bg .btn {
    margin-bottom: 0.2rem;
}
.s-qa .a-bg .btn img {
    display: inline-block;
    width: 1.89rem;
    height: 0.83rem;
}

.s-qa .a-bg div {
    margin-bottom: 0.4rem;
}
.s-qa .a-bg p {
    font-size: 0.28rem;
    color: #163253;
    line-height: 1.65;
    text-align: center;
    font-family: 'sanRegular';
    white-space: nowrap;
    letter-spacing: -0.02rem;
}

.s-result {}
.s-result .result-title {
    position: absolute;
    top: calc(var(--vh, 1px) * 1.93);
    width: 100%;
    text-align: center;
}
.s-result .result-title img {
    display: inline-block;
    width: 5.64rem;
    height: 2.69rem;
}

.s-result .result-bg {
    position: absolute;
    top: calc(var(--vh, 1px) * 4.48);
    left: calc(50% - 0.22rem);
    transform: translateX(calc(-50% + 0.22rem));
    width: 6.46rem;
    height: 5.91rem;
    background: url("./../img/result_bg.png") no-repeat center center;
    background-size: cover;
    box-sizing: border-box;
    /* padding: 0 0.48rem; */
    /* padding-top: 0.2rem; */

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0 0.57rem 0 0.35rem;
}

.s-result .result-type {
    font-size: 0.4rem;
    color: #163253;
    text-align: left;
    font-family: 'sanBlack';
    white-space: nowrap;
    letter-spacing: -0.02rem;
    height: 0.68rem;
    line-height: 0.68rem;
}
.s-result .result-info {
    margin-top: 1.1rem;
    flex: 1;
}
.s-result .result-info p {
    text-align: center;
    font-size: 0.28rem;
    color: #163253;
    line-height: 1.65;
    font-family: 'sanRegular';
    letter-spacing: -0.02rem;
}
.s-result .result-info p:nth-child(1) {
    font-size: 0.34rem;
    font-weight: bold;
    letter-spacing: -0.015rem;
    text-decoration: underline;
    margin-bottom: 0.5rem;
}


.s-plan {}
.s-plan .desc {
    position: absolute;
    top: calc(var(--vh, 1px) * 2.12);
    left: 50%;
    transform: translateX(-50%);
}
.s-plan .desc p {
    font-size: 0.28rem;
    color: #fff829;
    line-height: 1.65;
    text-align: center;
    font-family: 'sanRegular';
    white-space: nowrap;
    letter-spacing: -0.02rem;
}
.s-plan .btn {
    position: absolute;
    bottom: calc(var(--vh, 1px) * 3);
    left: 50%;
    transform: translateX(-50%);
}
.s-plan .btn img {
    display: inline-block;
    width: 3.90rem;
    height: 0.81rem;
    animation: zoom 2.5s ease-in-out infinite;
}

.s-tks {}
.s-tks .tks-title {
    position: absolute;
    top: calc(var(--vh, 1px) * 2.2);
    left: 50%;
    transform: translateX(-50%);
}
.s-tks .tks-title img {
    display: inline-block;
    width: 5.96rem;
    height: 2.28rem;
}

.s-tks .desc {
    position: absolute;
    top: calc(var(--vh, 1px) * 4.52);
    left: 50%;
    transform: translateX(-50%);
}
.s-tks .desc p {
    font-size: 0.28rem;
    color: #fff829;
    line-height: 1.65;
    text-align: center;
    font-family: 'sanRegular';
    white-space: nowrap;
    letter-spacing: -0.02rem;
}
.s-tks .btn {
    position: absolute;
    bottom: calc(var(--vh, 1px) * 4);
    left: 50%;
    transform: translateX(-50%);
}
.s-tks .btn img {
    display: inline-block;
    width: 2.28rem;
    height: 0.81rem;
    animation: zoom 2.5s ease-in-out infinite;
}

/* 弹窗 */
.pc-popup {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.pc-popup.show {
    opacity: 1;
    visibility: visible;
}

.pc-popup .content {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    overflow-y: scroll;
    z-index: 999;
    transform: scale(0.95);
    transition: transform 0.3s ease;
}

.pc-popup.show .content {
    transform: scale(1);
}
.pc-popup .content img {
    display: block;
    width: 100%;
}

.pc-popup .close {
    position: fixed;
    top: 0.5rem;
    right: 0.5rem;
    width: 0.8rem;
    height: 0.8rem;
    background: url("./../img/close.png") no-repeat center center;
    background-size: cover;
    z-index: 1000;
}

.y-bor {
    border: 0.03rem solid #FFF829;
    color: #FFF829;
    padding: 0 0.15rem;
    line-height: 0;
    margin: 0 0.1rem;
    border-radius: 50px;
}