@charset "utf-8";
/*Author: BeiYue*/
/*QQ: 964214970*/
/*Telegram: BeiYue*/
/*==============================================================*/

/* CSS Main_Media */
@media only screen and (max-width: 1440px) {
    .top_bg_01 {
        width: 41.667vw;
        height: 62.500vw;
        background-size: 41.667vw 100%;
        padding-left: 3.125vw;
        padding-top: 17.708vw;
    }

    .top_bg_01 .top_ys01 {
        width: 21.528vw;
        height: 16.667vw;
        background-size: 21.528vw 16.667vw;
    }

    .top_ys01 .top_ys01_ico {
        width: 5.486vw;
        height: 5.069vw;
        margin-bottom: 6.250vw;
        margin-left: 1.389vw;
    }

    .top_bg_02 {
        width: 41.667vw;
        height: 62.500vw;
        background-size: 41.667vw 100%;
        padding-left: 18.750vw;
        padding-top: 2.778vw;
    }

    .top_bg_02 .top_ys02 {
        width: 18.194vw;
        height: 13.681vw;
    }

    .hexin_box .youshi_box {
        width: 100%;
    }

    .dating_box {
        width: 100%;
    }

    .youxi_box dl {
        flex-direction: column;
    }

    .youxi_list dt {
        width: 680px;
        flex-direction: row;
        border-radius: 20px 20px 0 0;
    }

    .yx_list_bt .ysbt_ms {
        flex-direction: row;
    }

    .wfbt_zz {
        display: block;
        width: calc(100% + 2px);
        height: 60px;
        background: linear-gradient(180deg, #00000000 0%, #000000 80%);
        top: auto;
        bottom: -1px;
    }

    .gouzi_box {
        width: 100%;
    }
}

@media only screen and (max-width: 1200px) {
    header {
        min-height: 75.000vw;
    }

    .top_txt01 {
        margin-bottom: 2.222vw;
        padding-left: 2.222vw;
    }

    .top_txt01 h1 {
        font-size: 5.556vw;
        line-height: 7.6667vw;
        text-shadow: 0 0 1.6667vw rgba(0, 0, 0, 0.9);
    }

    .top_txt02 {
        margin-bottom: 2.6667vw;
    }

    .top_txt02 h1 {
        font-size: 2vw;
        text-shadow: 0 0 1.6667vw rgba(0, 0, 0, 0.9);
    }

    .top_txt02 h2 {
        font-size: 6.6667vw;
        text-shadow: 0 0 1.6667vw rgba(0, 0, 0, 0.9);
    }

    .top_txt03 {
        gap: 0.6667vw;
        border-radius: 1.6667vw;
        padding: 0.8333vw 1.6667vw;
        margin-bottom: 2.6667vw;
    }

    .top_txt03 dt {
        max-width: 8.3333vw;
        max-height: 8.3333vw;
        gap: 0.3333vw;
    }

    .top_txt03 dd {
        gap: 0.3333vw;
    }

    .top_txt03 dd p {
        font-size: 2.6667vw;
        font-weight: 400;
    }

    .top_btn {
        height: 6.6667vw;
        margin-bottom: 2.5vw;
    }

    .top_btn a {
        width: 44.1667vw;
        height: 6.6667vw;
        border-radius: 3.3333vw;
    }

    .btn_box {
        box-shadow: inset 0 0 1.6667vw 0 #ff1a1a, 0 0 2.6667vw 0 #7b0100;
        font-size: 3.1667vw;
    }

    .youxi_list dd {
        width: 91vw;
        height: 17.8333vw;
        gap: 2.5vw;
    }
}

@media only screen and (max-width: 1080px) {
    .youshi_box {
        width: 100%;
        flex-wrap: wrap;
        gap: 2.778vw;
    }

    .hexin_box .youshi_box {
        gap: 2.778vw;
    }

    .youshi_box .ys_cent {
        gap: 0.926vw;
    }

    .youshi_box .ys_bt_box {
        width: 100%;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-end;
        gap: 0.926vw;
    }

    .youshi_box li {
        width: 100%;
        justify-content: flex-start;
        flex-direction: row;
    }

    .youshi_box li i {
        width: clamp(44px, 9.259vw, 100px);
        height: clamp(44px, 9.259vw, 100px);
        margin-bottom: 0;
        margin-right: clamp(12px, 1.852vw, 20px);
    }

    .youshi_box li h1 {
        font-size: clamp(20px, 3.704vw, 40px);
        margin-bottom: 0;
    }

    .youshi_box li h2 {
        font-size: clamp(18px, 2.222vw, 24px);
        margin-bottom: 0;
    }

    .youshi_box li p {
        width: 100%;
        box-sizing: border-box;
        font-size: clamp(14px, 1.667vw, 18px);
    }
}

@media only screen and (max-width: 750px) {
    .lx_box {
        gap: 2.6667vw;
        /* 20px */
    }

    .lx_box li {
        font-size: clamp(12px, 2.6667vw, 20px);
        /* 20px */
        gap: 0.5333vw;
        /* 4px */
    }

    .lx_box li p {
        text-shadow: 0 0 2.6667vw rgba(0, 0, 0, 0.9);
        /* 20px */
    }

    .lx_box li span {
        max-width: 3.2vw;
        /* 24px */
        max-height: 3.2vw;
        text-shadow: 0 0 2.6667vw rgba(0, 0, 0, 0.9);
    }

    .lx_box li a {
        text-shadow: 0 0 2.6667vw rgba(0, 0, 0, 0.9);
    }

    .bt_box {
        gap: 1.0667vw;
        /* 8px */
        margin-top: 1.3333vw;
        /* 10px */
        margin-bottom: 5.3333vw;
        /* 40px */
    }

    .bt_box i {
        height: 2.6667vw;
        /* 20px */
    }

    .bt_box p {
        font-size: clamp(24px, 4.8vw, 36px);
        /* 36px */
        padding-bottom: 0.2667vw;
        /* 2px */
    }

    .hexin_box .youshi_box {
        padding: 0 2.6667vw;
        /* 20px */
    }

    .youxi_list dt {
        width: 77.3333vw;
        /* 580px */
        border-radius: 2.6667vw 2.6667vw 0 0;
        /* 20px */
        padding: 2.6667vw;
        /* 20px */
        gap: 2.1333vw;
        /* 16px */
    }

    .yx_list_bt .ysbt_bt {
        width: auto;
        flex-shrink: 0;
        gap: 1.0667vw;
        /* 8px */
    }

    .ysbt_bt i {
        width: 6.4vw;
        /* 48px */
        height: 6.4vw;
    }

    .ysbt_bt h1 {
        font-size: clamp(20px, 4.2667vw, 32px);
        /* 32px */
    }

    .yx_list_bt .ysbt_ms {
        gap: 0.5333vw;
        /* 4px */
    }

    .ysbt_ms p {
        font-size: clamp(12px, 2.6667vw, 20px);
        /* 20px */
    }

    .yx_list_cent li {
        border-radius: 2.6667vw;
        /* 20px */
    }

    .yx_list_cent li p {
        height: 5.3333vw;
        /* 40px */
        font-size: clamp(12px, 2.6667vw, 20px);
        /* 20px */
    }

    .wfbt_zz {
        height: 8.000vw;
    }

    .hexin_box {
        padding: 2.6667vw 0;
        /* 20px */
    }

    .dating_box {
        padding: 2.6667vw;
        /* 20px */
    }

    .xianshi_box {
        padding: 2.6667vw;
        /* 20px */
    }

    .daojishi_box {
        margin-bottom: 4vw;
        /* 30px */
    }

    .djs_bt {
        gap: 1.0667vw;
        /* 8px */
        margin: 2.6667vw;
        /* 20px */
    }

    .djs_bt i {
        width: 6.4vw;
        /* 48px */
        height: 6.4vw;
    }

    .djs_bt h2 {
        font-size: clamp(28px, 6.4vw, 48px);
        /* 48px */
        margin-bottom: 0.5333vw;
        /* 4px */
    }

    .djs_sz {
        height: 20vw;
        /* 150px */
        gap: 2.6667vw;
        /* 20px */
    }

    .djs_sz dl dt {
        width: 16vw;
        /* 120px */
        height: 11.7333vw;
        /* 88px */
        border-radius: 1.8667vw;
        /* 14px */
        margin-bottom: 1.3333vw;
        /* 10px */
    }

    .djs_sz dl dt p {
        font-size: 12vw;
        /* 90px */
    }

    .djs_sz dl dd {
        font-size: 4.8vw;
        /* 36px */
    }

    .djs_sz .djs_fg {
        font-size: 12vw;
        /* 90px */
        padding-bottom: 6.6667vw;
        /* 50px */
    }

    .gouzi_box {
        margin-bottom: 4vw;
        /* 30px */
        gap: 4vw;
        /* 30px */
    }

    .gouzi_box dt {
        border-radius: 2.6667vw;
        padding: 7.733vw;
        padding-top: 1.6vw;
        padding-bottom: 2.6667vw;
        gap: 1.3333vw;
        /* 10px */
    }

    .gouzi_box dd {
        gap: 0.5333vw;
        /* 4px */
    }

    .gouzi_box dt p {
        font-size: clamp(14px, 3.2vw, 24px);
        /* 24px */
    }

    .gouzi_box dt p .txt_d {
        font-size: 5.8667vw;
        /* 44px */
    }

    .gouzi_box dd .qb_box {
        gap: 1.3333vw;
        /* 10px */
    }

    .qb_box i {
        width: 5.8667vw;
        /* 44px */
        height: 5.8667vw;
    }

    .qb_box h2 {
        font-size: 5.0667vw;
        /* 38px */
    }

    .bottom_btn {
        width: 100%;
        /* 百分比保持不变 */
        margin-bottom: 4vw;
        /* 30px */
    }

    .gouzi_box dd p {
        font-size: clamp(16px, 3.733vw, 28px);
    }

    .bottom_btn i {
        width: 10.6667vw;
        /* 80px */
    }

    .bottom_btn a {
        padding: 1.6vw 3.2vw;
        /* 12px 24px */
        border-radius: 2.6667vw;
        /* 20px */
    }

    .lxkf {
        font-size: clamp(14px, 3.2vw, 24px);
        /* 24px */
    }

    .lxkf i {
        width: 4.2667vw;
        /* 32px */
        height: 4.2667vw;
        margin-right: 1.0667vw;
        /* 8px */
    }
}