@media screen and (min-aspect-ratio: 11 / 10) {
    .ads_container_support {
        margin-top: calc(var(--clientWidth) * 3.645833 / 100);
        font-family: "Manrope", Arial, sans-serif;
        margin-top: calc(var(--clientWidth) * 3.645833 / 100);
        padding-bottom: calc(var(--clientWidth) * 0.833333 / 100);
    }

    .ads_container_support_top {
        background-color: #f9f9f9;
        height: 100%;
        overflow: hidden;
        background-size: cover;
        overflow: hidden;
        font-family: "Manrope", "HarmonyOS Sans SC", Arial, sans-serif;
        margin: 0 auto;
        overflow: hidden;
        max-width: var(--width);
        padding-top: calc(var(--clientWidth) * 3.645833 / 100);
    }

    .ads_container_support_top .ads_title {
        text-align: center;
        font-weight: 500;
        font-size: calc(var(--clientWidth) * 1.875 / 100);
        margin-top: calc(var(--clientWidth) * 0.021354);
    }

    .ads_container_support_top .ads_search-container {
        margin: 0 auto;
        margin-left: calc(var(--clientWidth) * 28.229167 / 100);
        display: flex;
        align-items: center;
        width: calc(var(--clientWidth) * 40.3125 / 100);
        height: calc(var(--clientWidth) * 3.59375 / 100);
        background-color: #fff;
        border-radius: calc(var(--clientWidth) * 1.822917 / 100);
        padding-right: calc(var(--clientWidth) * 1.5625 / 100);
        box-sizing: border-box;
        margin-top: calc(var(--clientWidth) * 0.008333);
        position: relative;
        border: 1px solid #ccc;
    }

    .ads_container_support_top .ads_search-container .result_box {
        position: absolute;
        width: 100%;
        border-radius: calc(var(--clientWidth) * 1.041667 / 100);
        background-color: #fff;
        top: calc(var(--clientWidth) * 4.166667 / 100);
        z-index: 10;
        display: none;
        flex-direction: column;
        max-height: calc(var(--clientWidth) * 20.833333 / 100);
        overflow-y: auto;
    }

    .ads_container_support_top .ads_search-container .result_box .result_show_content {
        padding-top: calc(var(--clientWidth) * 0.520833 / 100);
        padding-left: calc(var(--clientWidth) * 0.520833 / 50);
        text-align: start;
        font-size: calc(var(--clientWidth) * 0.729167 / 100);
        color: #0009;
        margin-bottom: calc(var(--clientWidth) * 0.520833 / 100);
    }

    .ads_container_support_top .ads_search-container .result_box .result_item {
        width: 100%;
        box-sizing: border-box;
        padding: calc(var(--clientWidth) * 0.260417 / 100) calc(var(--clientWidth) * 1.041667 / 100);
        display: flex;
        flex-direction: column;
    }

    /* item_desc */
    .ads_container_support_top .ads_search-container .result_box .result_item .result_content_description {
        color: #0009;
        font-size: calc(var(--clientWidth) * 0.729167 / 100);
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        border-bottom: calc(var(--clientWidth) * 0.083333 / 100) solid #e5e5e5;
    }

    .ads_container_support_top .ads_search-container input {
        width: 100%;
        font-size: calc(var(--clientWidth) * 0.009375) !important;
    }

    .ads_container_support_top .ads_search-container input::placeholder {
        color: #adadad !important;
    }

    .ads_container_support_top .ads_search-container img {
        width: calc(var(--clientWidth) * 1.5625 / 100);
        height: calc(var(--clientWidth) * 1.5625 / 100);
        margin-left: calc(var(--clientWidth) * 1.5625 / 100);
        margin-right: calc(var(--clientWidth) * 1.5625 / 100);
        cursor: pointer;
    }

    .ads_container_support_top .ads_search-container #ads_search-box {
        font-size: calc(var(--clientWidth) * 0.9375/100);
        border: none;
        outline: none;
        background: none;
        padding: 0;
        margin: 0;
        color: inherit;
        font-family: inherit;
        font-size: inherit;
        line-height: inherit;
    }

    .ads_container_support_top .ads_search-container #ads_search-box::placeholder {
        font-size: calc(var(--clientWidth) * 0.9375/100);
    }

    .ads_container_support_top .ads_search_hot {
        display: flex;
        align-items: center;
        width: max-content;
        margin: 0 auto;
        margin-top: calc(var(--clientWidth) * 0.885417/100);
        font-size: calc(var(--clientWidth) * 0.9375/100);
        margin-bottom: calc(var(--clientWidth) * 0.040625);
    }

    .ads_container_support_top .ads_search_hot p {
        margin: 0;
    }

    .ads_container_support_top .ads_search_hot ul {
        display: flex;
    }

    .ads_container_support_top .ads_search_hot ul li {
        width: max-content;
        margin-right: calc(var(--clientWidth) * 2.083333 / 100);
    }

    .ads_container_support_top .ads_search_hot ul li a {
        width: max-content;
        line-height: 1.5;
    }

    .ads_container_support_top .ads_search_hot ul li a:hover {
        color: #409eff;
    }

    .ads_container_support_top .ads_pic1 {
        display: flex;
        width: calc(var(--clientWidth) * 62.291667 / 100);
        margin: 0 auto;
        overflow: hidden;
        border-radius: calc(var(--clientWidth) * 0.833333/100);
        position: relative;
        margin-bottom: calc(var(--clientWidth) * 0.015625);
        align-items: center;
        justify-content: center;
        background-color: #252b3b;
        height: calc(var(--clientWidth) * 5.208333 / 100);
        position: relative;
        margin-bottom: calc(var(--clientWidth) * 4.166667 / 100) !important;
    }

    .ads_container_support_top .ads_pic1 p {
        color: #fff;
    }

    .ads_container_support_top .ads_pic1 a.show_pc {
        position: absolute;
        border: calc(var(--clientWidth) * 0.104167 / 200) solid #fff;
        color: #fff !important;
        padding: calc(var(--clientWidth) * 0.104167 / 40) calc(var(--clientWidth) * 0.104167 / 10);
        border-radius: calc(var(--clientWidth) * 0.104167 / 10);
        left: calc(var(--clientWidth) * 46.875 / 100);
        font-size: calc(var(--clientWidth) * .729167 / 100);
    }

    .ads_container_support_top .ads_pic1 .show_mob {
        display: none;
    }

    .ads_container_support_top .ads_pic1 p {
        text-align: center;
        font-size: calc(var(--clientWidth) * 1.875 / 100);
        font-weight: 500;
    }

    .ads_container_support_top .ads_list_1 {
        width: calc(var(--clientWidth) * 62.239583 / 100);
        margin: 0 auto;
        margin-bottom: calc(var(--clientWidth) * 1.5625 / 100);
        border-radius: calc(var(--clientWidth) * 0.833333/100);
        overflow: hidden;
    }

    .ads_container_support_top .ads_list_title {
        width: calc(var(--clientWidth) * 62.239583 / 100);
        height: calc(var(--clientWidth) * 2.916667 / 100);
        background-color: #252b3b;
        display: flex;
        align-items: center;
    }

    .ads_container_support_top .ads_list_title img {
        width: calc(var(--clientWidth) * 1.25 / 100);
        height: calc(var(--clientWidth) * 1.25 / 100);
        margin-left: calc(var(--clientWidth) * 1.197917 / 100);
    }

    .ads_container_support_top .ads_list_title p {
        margin: 0;
        margin-left: calc(var(--clientWidth) * 0.46875/100);
        color: #fff;
        font-weight: 500;
        font-size: calc(var(--clientWidth) * 1.25 / 100);
        line-height: 1.5;
    }

    .ads_container_support_top .ads_btn_list {
        overflow: hidden;
        background-color: #fff;
    }

    .ads_container_support_top .ads_link_list {
        overflow: hidden;
        background-color: #fff;
    }

    .ads_container_support_top .ads_link_list ul {
        display: flex;
        padding: 0 calc(var(--clientWidth) * 0.0078125) 0 calc(var(--clientWidth) * 1.041667 / 100);
    }

    .ads_container_support_top .ads_link_list ul li {
        width: calc(var(--clientWidth) * 14.270833 / 100);
        border: calc(var(--clientWidth) * 0.0005208333) solid #e6e8ec;
        margin-top: calc(var(--clientWidth) * 1.614583 / 100);
        margin-bottom: calc(var(--clientWidth) * 1.666667 / 100);
        margin-right: calc(var(--clientWidth) * 0.0078125);
        position: relative;
        border-radius: calc(var(--clientWidth) * 0.416667/100);
        display: flex;
        flex-direction: column;
    }

    .ads_container_support_top .ads_link_list ul li p {
        margin: 0;
        font-size: calc(var(--clientWidth) * 1.041667 / 100);
        font-weight: 500;
        margin-top: calc(var(--clientWidth) * 1.25 / 100);
        margin-left: calc(var(--clientWidth) * 1.25 / 100);
        margin-bottom: calc(var(--clientWidth) * 1.302083 / 100);
    }

    .ads_container_support_top .ads_link_list ul li a {
        font-size: calc(var(--clientWidth) * 0.833333/100);
        margin-left: calc(var(--clientWidth) * 1.25 / 100);
        margin-bottom: calc(var(--clientWidth) * 1.041667 / 100);
        font-weight: 500;
        color: #787777;
    }

    .ads_container_support_top .ads_link_list ul li a.ads_more {
        position: absolute;
        margin: 0;
        top: calc(var(--clientWidth) * 0.0140625);
        right: calc(var(--clientWidth) * 1.25 / 100);
    }

    .ads_container_support_top .ads_link_list ul li a.ads_more .arrow-img {
        width: calc(var(--clientWidth) * 0.002604);
        display: inline-block;
        margin-left: calc(var(--clientWidth) * 0.004166);
        color: #787777;
        top: 50%;
        position: relative;
        transform: translateY(-15%);
    }

    .ads_container_support_top .ads_link_list ul li a.ads_more .arrow-img-hover {
        width: calc(var(--clientWidth) * 0.002604);
        display: inline-block;
        margin-left: calc(var(--clientWidth) * 0.004166);
        display: none;
        top: 50%;
        position: relative;
        transform: translateY(-15%);
    }

    .ads_container_support_top .ads_link_list ul li a:hover {
        color: #0a59f7;
    }

    .ads_container_support_top .ads_link_list ul li a:hover .arrow-img {
        display: none;
    }

    .ads_container_support_top .ads_link_list ul li a:hover .arrow-img-hover {
        display: inline-block;
    }

    .ads_container_support_top .ads_link_list ul li:nth-last-child() {
        margin-bottom: calc(var(--clientWidth) * 0.0416666);
        color: red;
    }

    .ads_container_support_top .ads_list_2 {
        margin-bottom: calc(var(--clientWidth) * 3.125 / 100);
    }

    .ads_container_support_top .ads_list_2 ul {
        display: flex;
        padding: 0 calc(var(--clientWidth) * 1.5625 / 100) 0 calc(var(--clientWidth) * 1.041667 / 100);
    }

    .ads_container_support_top .ads_list_2 ul li {
        width: calc(var(--clientWidth) * 14.270833 / 100);
        height: calc(var(--clientWidth) * 3.802083 / 100);
        display: flex;
        align-items: center;
        text-align: center;
        margin-top: calc(var(--clientWidth) * 1.666667 / 100);
        margin-bottom: calc(var(--clientWidth) * 2.395833 / 100);
        margin-right: calc(var(--clientWidth) * 0.833333/100);
        border: calc(var(--clientWidth) * 0.0005208333) solid #adadad;
        font-size: calc(var(--clientWidth) * 1.041667 / 100);
        font-weight: 500;
        border-radius: calc(var(--clientWidth) * 0.416667/100);
    }

    .ads_container_support_top .ads_list_2 ul li:last-child {
        margin-right: 0;
    }

    .ads_container_support_top .ads_list_2 ul li:hover {
        color: #0a59f7;
        border: 1px solid #0a59f7;
        box-shadow: 0px 4px 12px -4px rgba(0, 0, 0, 0.2);

        a {
            color: #0a59f7;
        }
    }

    .ads_container_support_top .ads_list_2 ul li a {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ads_banner {
        position: relative;
    }

    .ads_banner .ads_pic {
        position: relative;
    }

    .ads_banner .ads-banner-textbox {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        height: calc(var(--clientWidth) * 10.677083 / 100);
        background: linear-gradient(to bottom right,
                #1c1d21 0%,
                #2e3234 56%,
                #232629 100%);
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-left: calc(var(--clientWidth) * 22.760417 / 100);
        padding-right: calc(var(--clientWidth) * 28.90625 / 100);
        box-sizing: border-box;
    }

    .ads_banner .ads-banner-textbox P {
        color: #ffffff;
        font-size: calc(var(--clientWidth) * 1.875 / 100);
        font-weight: 500;
    }

    .ads_banner .ads-banner-textbox a {
        display: flex;
        position: relative;
        justify-content: center;
        align-items: center;
        width: calc(var(--clientWidth) * 11.979167 / 100);
        height: calc(var(--clientWidth) * 3.333333 / 100);
        font-size: calc(var(--clientWidth) * 1.25 / 100);
        color: #ffffff;
    }

    .ads_banner .ads-banner-textbox a:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: url("../img/border.png") center center no-repeat;
        background-size: 100% 100%;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.67, 0.01, 0.42, 0.98);
        transition: -webkit-transform 0.2s cubic-bezier(0.67, 0.01, 0.42, 0.98);
        transition: transform 0.2s cubic-bezier(0.67, 0.01, 0.42, 0.98);
        transition: transform 0.2s cubic-bezier(0.67, 0.01, 0.42, 0.98),
            -webkit-transform 0.2s cubic-bezier(0.67, 0.01, 0.42, 0.98);
    }

}



@media screen and (max-aspect-ratio: 11 / 10) {
    .ads_container_support_top {
        background: #f9f9f9;
        display: flex;
        align-items: center;
        flex-direction: column;
        padding-top: 12.5vw;
    }

    .ads_container_support_top .ads_title {
        padding-top: 13.055556vw;
        text-align: center;
        font-size: 6.666667vw;
        font-weight: 600;
        letter-spacing: 1.22px;
    }

    .ads_container_support_top .ads_search-container {
        width: calc(var(--clientWidth) * 83.333333 / 100);
        height: calc(var(--clientWidth) * 10 / 100);
        border-radius: calc(var(--clientWidth) * 4.861111 / 100);
        padding-right: calc(var(--clientWidth) * 4.166667 / 100);
        box-sizing: border-box;
        margin: 4.444444vw auto 0;
        display: flex;
        align-items: center;
        border: 1px solid #ccc;
    }

    .ads_container_support_top .ads_search-container input {
        width: 100%;
        height: calc(var(--clientWidth) * 10 / 100);
        font-size: calc(var(--clientWidth) * 3.5 / 100) !important;
        color: #adadad;
        border: none;
        background: none;
    }

    .ads_container_support_top .ads_search-container .result_box {
        top: calc(var(--clientWidth) * 11.111111 / 100);
        font-size: calc(var(--clientWidth) * 2.5 / 100) !important;
        z-index: 999;
    }

    .ads_container_support_top .ads_search-container .result_box .result_show_content {
        font-size: calc(var(--clientWidth) * 2.5 / 100) !important;
    }

    .ads_container_support_top .ads_search-container .result_box .result_content_description {
        font-size: calc(var(--clientWidth) * 2.5 / 100) !important;
    }

    .ads_container_support_top .ads_search-container img {
        width: calc(var(--clientWidth) * 3.888889 / 100);
        height: calc(var(--clientWidth) * 3.888889 / 100);
        margin-left: calc(var(--clientWidth) * 4.166667 / 100);
        margin-right: calc(var(--clientWidth) * 4.166667 / 100);
    }

    .ads_container_support_top .ads_search-container #ads_search-box {
        font-size: calc(var(--clientWidth) * 2.777778 / 100);
    }

    .ads_container_support_top .ads_search-container #ads_search-box::placeholder {
        font-size: calc(var(--clientWidth) * 2.777778 / 100);
    }

    .ads_container_support_top .ads_search_hot {
        margin-top: calc(var(--clientWidth) * 2.777778 / 100);
        font-size: calc(var(--clientWidth) * 2.777778 / 100);
        margin-bottom: 4.861111vw;
    }

    .ads_container_support_top .ads_search_hot ul {
        display: flex;
        justify-content: center;
        gap: 2.777778vw;
        font-size: 2.5vw;
        line-height: 3.472222vw;
    }

    .ads_container_support_top .ads_pic1 {
        width: calc(var(--clientWidth) * 83.333333 / 100);
        border-radius: calc(var(--clientWidth) * 3.888889 / 100);
        height: calc(var(--clientWidth) * 11.111111 / 100);
        background-color: #252b3b;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .show_pc {
        display: none;
    }

    .ads_container_support_top .ads_pic1 .show_mob {
        display: block;
        padding: 0;
        border: 0;
        color: #fff;
        font-size: 4.722222vw;
        font-weight: 500;
    }

    .ads_container_top .ads_search_hot ul {
        width: calc(var(--clientWidth) * 83.333333 / 100);
        flex-wrap: wrap;
    }

    .ads_container_support_top .ads_pic1 p {
        font-size: calc(var(--clientWidth) * 6.666667 / 100);
        font-weight: normal;
    }

    .ads_container_support_top .ads_pic1 {
        margin-bottom: calc(var(--clientWidth) * 4.166667 / 100);
    }

    .ads_container_support_top .ads_list_1 {
        width: calc(var(--clientWidth) * 83.333333 / 100);
        margin-bottom: calc(var(--clientWidth) * 4.166667 / 100);
        border-radius: calc(var(--clientWidth) * 2.222222 / 100);
        overflow: hidden;
    }

    .ads_container_support_top .ads_list_title {
        width: calc(var(--clientWidth) * 83.333333 / 100);
        height: calc(var(--clientWidth) * 7.777778 / 100);
        background-color: #252b3b;
        display: flex;
        align-items: center;
        color: #fff;
        gap: 2.083333vw;
    }

    .ads_container_support_top .ads_list_title img {
        width: calc(var(--clientWidth) * 0.03888);
        height: calc(var(--clientWidth) * 0.03888);
        margin-left: calc(var(--clientWidth) * 0.041666);
    }

    .ads_container_support_top .ads_list_title p {
        font-size: calc(var(--clientWidth) * 3.333333 / 100);
        font-weight: normal;
    }

    .ads_container_support_top .ads_link_list {
        background-color: #fff;
    }

    .ads_container_support_top .ads_link_list ul {
        display: flex;
        padding: 0;
        flex-wrap: wrap;
        justify-content: center;
        padding: calc(var(--clientWidth) * 0.041666) calc(var(--clientWidth) * 1.5625 / 100) calc(var(--clientWidth) * 0.041666) calc(var(--clientWidth) * 1.041667 / 100);
    }

    .ads_container_support_top .ads_link_list ul li {
        width: calc(var(--clientWidth) * 75 / 100);
        border: calc(var(--clientWidth) * 0.0005208333) solid #e6e8ec;
        margin-top: 0;
        margin-bottom: calc(var(--clientWidth) * 4.166667 / 100);
        margin-right: 0;
        border-radius: calc(var(--clientWidth) * 1.111111 / 100);
        padding: calc(var(--clientWidth) * 3.333333 / 100);
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        position: relative;
    }

    .ads_container_support_top .ads_link_list ul li p {
        font-size: calc(var(--clientWidth) * 4.444444 / 100);
        margin: 0;
        margin-bottom: calc(var(--clientWidth) * 2.777778 / 100);
        font-weight: 500;
    }

    .ads_container_support_top .ads_link_list ul li a {
        font-size: calc(var(--clientWidth) * 3.333333 / 100);
        margin: 0;
        margin-bottom: calc(var(--clientWidth) * 1.388889 / 100);
        color: #787777;
        font-weight: 400;
    }

    .ads_container_support_top .ads_link_list ul li a.ads_more {
        font-size: calc(var(--clientWidth) * 3.333333 / 100);
        top: calc(var(--clientWidth) * 4.166667 / 100) !important;
        right: calc(var(--clientWidth) * 8.333333 / 100) !important;
        color: #787777;
        display: flex;
        align-items: center;
        position: absolute;
    }

    .ads_container_support_top .ads_link_list ul li a.ads_more .arrow-img {
        width: calc(var(--clientWidth) * 0.015277);
        margin-left: calc(var(--clientWidth) * 0.02083);
    }

    .ads_container_support_top .ads_link_list ul li a.ads_more .arrow-img-hover {
        width: calc(var(--clientWidth) * 0.015277);
        display: inline-block;
        margin-left: calc(var(--clientWidth) * 0.02083);
        display: none;
        top: 50%;
        position: relative;
    }

    .ads_container_support_top .ads_list_2 {
        margin-bottom: calc(var(--clientWidth) * 11.111111 / 100);
        background-color: #fff;
    }

    .ads_container_support_top .ads_list_2 ul {
        align-items: center;
        flex-wrap: wrap;
        padding: 0;
    }

    .ads_container_support_top .ads_list_2 ul li {
        width: calc(var(--clientWidth) * 75 / 100);
        height: calc(var(--clientWidth) * 12.916667 / 100);
        margin: 0 auto;
        border-radius: 1.111111vw;
        margin-bottom: calc(var(--clientWidth) * 2.777778 / 100);
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #e6e8ec;
    }

    .ads_container_support_top .ads_list_2 ul li:first-child {
        margin-top: calc(var(--clientWidth) * 4.166667 / 100);
    }

    .ads_container_support_top .ads_list_2 ul li:last-child {
        margin-bottom: calc(var(--clientWidth) * 8.333333 / 100);
        margin-right: auto;
    }

    .ads_container_support_top .ads_list_2 ul li a {
        font-size: calc(var(--clientWidth) * 4.444444 / 100);
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 500;
    }

    .ads_banner .ads-banner-textbox {
        padding: 0;
        background: none;
        height: 100%;
        flex-wrap: wrap;
    }

    .ads_banner .ads-banner-textbox P {
        width: 100%;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: calc(var(--clientWidth) * 4.166667 / 100);
        line-height: calc(var(--clientWidth) * 4.444444 / 100);
        text-align: center;
        font-size: calc(var(--clientWidth) * 3.888889 / 100);
    }

    .ads_banner .ads-banner-textbox a {
        position: absolute;
        left: 50%;
        width: calc(var(--clientWidth) * 23.888889 / 100);
        height: calc(var(--clientWidth) * 7.361111 / 100);
        border: 1px solid #ffffff;
        border-radius: calc(var(--clientWidth) * 4.444444 / 100);
        font-size: calc(var(--clientWidth) * 3.888889 / 100);
        line-height: calc(var(--clientWidth) * 4.444444 / 100);
        transform: translateX(-50%);
        bottom: calc(var(--clientWidth) * 4.166667 / 100);
    }

    .ads_banner .ads-banner-textbox a:before {
        background: none;
    }
}