@media (max-width: 1024px) {
    .user_center {
        padding: 10px 12px;
    }

    .user_center .z-game_breadcrumb {
        display: none !important;
    }

    .how_affiliate {
        padding-top: 0;
    }

    .z-affiliate {

        padding: 0 12px;
    }

    .user_right {
        width: 100%;
    }

    .z-affiliate h1 {
        margin: 10px 0;
        font-size: 22px;
    }

    .affiliate_login {
        padding: 10px 0
    }

    .z-affiliate .z-game_navigation a.start {
        margin-top: 15px;
    }

    .z-affiliate .how_affiliate_content .swiper-slide.swiper-slide-prev {
        opacity: 1;
    }

    .z-affiliate .how_affiliate_content .swiper-slide {
        height: auto;
    }

    .z-affiliate .how_affiliate_content img {
        margin-bottom: 20px;
    }

    .z-affiliate .how_affiliate_content p {
        padding-bottom: 20px;
    }

    .how_affiliate h3 {
        font-size: 20px;
        margin-top: 20px;
    }

    .how_affiliate .how_line .line {
        width: 100px;
    }

    .affiliate_faq h3 {
        font-size: 20px;
        margin: 20px 0;
    }

    .z-help {
        width: 100%;
        padding: 0 12px;
    }

    .z-help .questions-content {
        padding: 14px 12px;
    }

    .affiliate_faq {
        width: 100%;
        padding: 0;
    }

    .affiliate_banner.logined_banner .become h2 {
        font-size: 22px;
    }

    .affiliate_banner.logined_banner .become {
        padding-top: 77px;
        width: 100%;
    }

    .affiliate_banner .breadcrumb {
        padding-left: 10px;
    }

    .affiliate_step {
        margin-top: 20px;
        padding: 30px 12px;
    }

    .affiliate_special {
        padding: 30px 12px;
        margin-top: 20px;
    }

    .affiliate_about.affiliate_steps .container_1400,
    .affiliate_about.affiliate_special .container_1400 {
        flex-direction: column;
        justify-content: center;
        padding: 10px 12px;
        box-shadow: inherit;
        border-radius: inherit;

    }

    .affiliate_banner .become,
    .affiliate_banner {
        height: 350px;
    }

    .affiliate_banner .become {
        padding-top: 85px;
    }

    .affiliate_login .available p {
        font-size: 22px;
        margin-top: 10px;
    }

    .affiliate_faq .home_common_title h2 {
        font-size: 24px;
    }

    .affiliate_faq,
    .affiliate_about .affiliate_about_toptop h2,
    .affiliate_about .affiliate_about_toptop p {
        width: 100%;
    }

    .affiliate_about .affiliate_about_toptop h2 {
        font-size: 20px;
    }

    .affiliate_banner .become h3 {
        font-size: 30px;
    }

    .affiliate_banner .become button {
        padding: 15px 50px;
    }

    .affiliate_about {
        padding: 40px 10px;
    }

    .affiliate_program {
        flex-direction: column;
        padding: 20px 12px 0;
        margin: 20px auto 20px;
    }

    .affiliate_about.affiliate_program {
        padding-top: 30px;
    }

    .affiliate_step,
    .affiliate_step .affiliate_step_item .affiliate_step_item_text {
        width: 100%;
    }

    .affiliate_program .affiliate_program_right img {
        width: 100%;
        height: auto;
    }

    .affiliate_about .about_right {
        margin-left: 50px;
    }

    .affiliate_about.affiliate_steps .about_right {
        margin-right: 50px;
        margin-left: 0;
    }

    .affiliate_about .about_right h3 {
        font-size: 26px;
    }

    .affiliate_about .about_right .content {
        font-size: 14px;
    }

    .affiliate_login .available {
        width: 100%;
    }

    .affiliate_faq {
        padding: 50px 10px 20px;
    }

    .affiliate_nav {
        width: 100%;
        padding: 0 10px;
    }

    .affiliate_common {
        width: 100%;
        padding: 20px 10px 30px;
    }



}


@media (max-width: 768px) {
    .affiliate_about img {
        width: 200px;
        height: 200px;
    }

    .affiliate_about .about_right {
        margin-left: 20px;
    }

    .affiliate_about.affiliate_steps .about_right {
        margin-right: 20px;
    }

    .affiliate_nav {
        grid-template-columns: repeat(2, 1fr);
        margin: 0 0 20px;
    }

    .affiliate_index .link_url {
        margin-bottom: 15px;
    }

    .affiliate_index .link_url p {
        margin-bottom: 10px;
    }

    .affiliate_flow .flow_box {
        font-size: 12px;
    }

    .affiliate_order .order_usd {
        grid-template-columns: repeat(1, 1fr);
    }

    .affiliate_order .order_usd>div {
        justify-content: flex-end;
        height: 40px;
    }

    .affiliate_profile {
        padding: 20px 10px;
    }

    .affiliate_profile .z-game_breadcrumb {
        display: none;
    }

    .user_footer {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px 12px 50px 12px;
        margin-top: 50px;
        background: rgba(0, 0, 0, 0.3);
        color: rgba(255, 255, 255, 0.3);
        border-radius: 0px 0px 0px 0px;
    }

    .footer_copyright>div {
        flex-direction: column;

        text-align: center;
    }

    .user_center .user_right {
        padding: 0;
    }

    /* 社交媒体平板样式 */
    .affiliate_common .input_flex .social_media_wrap {
        grid-column: 1 / -1;
    }

    .affiliate_common .input_flex .input_box.social_media .select_input {
        gap: 10px;
    }


    .affiliate_common .input_flex .input_box.social_media .select__social .select_value {
        width: 130px;
    }

    .affiliate_common .input_flex .input_box.social_media .select_input .select__social {
        width: 130px;
        min-width: 130px;
    }

    .affiliate_common .input_flex .input_box.social_media .select_input {
        /* gap上下10.左右5px */
        gap: 10px 2px;
    }




    .affiliate_common .input_flex .input_box.social_media .select_input .add_delete p {
        width: 44px;
        height: 44px;
    }

    .pay_radio .radio_list,
    .affiliate_common .input_flex .common_input.isIcon_input .input_text,
    .affiliate_common .input_flex .common_select .select_value,
    .affiliate_common .input_flex .common_input {
        width:100%;
    }

    .affiliate_common .input_flex .input_box.social_media .select_input .social_url {
        width: 100%;
    }
    .affiliate_common .country_phone .telephone .input_text{
        width: 240px;
      
    }
    .affiliate_common .input_flex .common_input.country_phone{
justify-content: space-between;
    }

}


@media (max-width: 600px) {
    .affiliate_about img {
        margin-bottom: 20px;
        margin-right: 0;
    }

    .affiliate_about {
        padding: 20px 10px;
    }

    .affiliate_about .about_right h3 {
        font-size: 20px;
    }

    .affiliate_about .container {
        flex-direction: column;
        justify-content: center;
    }

    .affiliate_about.affiliate_steps .container {
        flex-direction: column-reverse;
    }

    .affiliate_about .about_right {
        margin-left: 0;
    }

    .affiliate_about.affiliate_steps .about_right {
        margin-right: 0;
    }

    .affiliate_login {
        padding: 05px 0;
    }

    .affiliate_flow {
        margin: 15px 0;
        padding: 0 10px;
    }

    .affiliate_flow .flow_box:nth-child(2n) {
        margin: 0 30px;
    }

    .affiliate_flow .flow_box .line {
        right: -74px;
        width: 107px;
    }

    .affiliate_flow .flow_box .tag {
        margin-bottom: 10px;
    }

    .affiliate_login .available {
        margin-top: 00px;
    }

    .affiliate_banner .become h3 {
        margin-bottom: 15px;
        font-size: 26px;
    }

    .affiliate_banner .become button {
        padding: 10px 30px;
    }

    .affiliate_faq {
        padding: 30px 10px;
    }

    .affiliate_faq .faq_list .faq_item .item_title p {
        margin-right: 10px;
        font-size: 14px;
    }


    .affiliate_order table thead td {
        font-size: 12px;
        text-align: center;
        white-space: normal;
    }

    .exchange_tips,
    .withdrawal_dialog {
        width: 90%;
    }
}


@media (max-width: 500px) {
    .affiliate_common .input_flex {
        grid-template-columns: repeat(1, 1fr);
    }

    .affiliate_nav a {
        font-size: 14px;
    }

    .affiliate_flow .flow_box .line {
        right: -60px;
        width: 87px;
    }

   

    .affiliate_common .input_flex .input_box.social_media .select__social .select_value {
        width: 130px;
    }

    .affiliate_common .input_flex .input_box.social_media .select_input .select__social {
        width: 130px;
        min-width: 130px;
    }

    .affiliate_common .input_flex .input_box.social_media .select_input {
        /* gap上下10.左右5px */
        gap: 10px 2px;
    }



   

    .affiliate_common .input_flex .input_box.social_media .select_input .add_delete p {
        width: 44px;
        height: 44px;
    }
}

@media (max-width: 375px) {
    .affiliate_flow .flow_box .line {
        right: -57px;
        width: 79px;
    }
}