@media screen and (max-width: 768px){
    .h2{
        font-size: 24px !important;
        font-weight: 400 !important;
    }
    .h2-2{
        font-size: 24px !important;
        font-weight: 500 !important;
    }
    .h1-2{
        font-size: 28px !important;
        font-weight: 500 !important;
    }
    .h22{
        font-size: 20px !important;
        font-weight: 400 !important;
    }
    .h222{
        font-size: 20px !important;
        font-weight: 500 !important;
    }
    .h22we{
        font-size: 20px !important;
        font-weight: 500 !important;
    }
    .sub-h2{
        font-size: 17.6px !important;
        font-weight: 400 !important;
    }
    .h2-keywords{
        font-size: 16px !important;
        font-weight: 400 !important;
    }

    .h2-keywords-5{
        font-size: 16px !important;
        font-weight: 500 !important;
    }
    .h2-keywords-4{
        font-size: 14px !important;
        font-weight: 500 !important;
    }
    .h2-keywords-53{
        font-size: 12px !important;
        font-weight: 300 !important;
    }
    /* 数字 */
    .h2-keywords-533{
        font-size: 18px !important;
        font-weight: 500 !important;
    }

    .h2-content{
        font-size: 14px !important;
        font-weight: 300 !important;
    }
    .h2-content-w4{
        font-size: 14px !important;
        font-weight: 400 !important;
    }
    /* 条一行减少 */
    .h2-content-w4-5{
        font-size: 15px !important;
        font-weight: 400 !important;
    }
    .h2-content-now{
        font-size: 14px !important;
    }
    .h2-content-item{
        font-size: 13.5px !important;
        font-weight: 400 !important;
    }
    .none-none-n{
        display: none;
    }
    .index .num-box .num-item{
        width: 35%;
    }
    .banner_content_c{
        margin-top: 64px;
    }
    .ecommerce .the-number-wrapper .title_en.item1{
        font-size: .9em;
    }
    .ecommerce .text-title_2 .title_en.item3{
        font-size: .66em;
        white-space: nowrap;
        margin-left: -30px;
    }
    .ecommerce .text-title_1 .title.item2{
        white-space: nowrap;
        margin-left: -30px;
    }
    .bebanner .banner_content .banner_content_c{
        margin-top: 80px !important;
    }
    .byc-5n-c1aitt.hs_bg.anim_delay .h22{
        font-size: 20px !important;
        font-weight: 400 !important;
    }
    .beyondclick .byc-5n-c1aitt.hs_bg.anim_delay p{
        font-size: 13px !important;
    }
    .beyondclick .n_j_3p-ctsxt.jsys-text.byc-tt .summary3.title11{
        font-size: .9em !important;
    }
    .beyondclick .n_j_3p-ctsxt.jsys-text.byc-tt .summary3.title222{
        font-size: .9em !important;
    }
    .beyondclick .process-flow .step.step1{
        padding: 15px;
    }
    .beyondclick .process-flow .step.step1 .step-title{
        font-size: 16px;
    }
    .beyondclick .byc-7n-c2a .byc-7n-c1ai{
        width: 25%;
    }
    .social-media .qypx-3n-com1.smcb{
        margin-bottom: 0;
    }
    .social-media .qypx-3n-zylistt{
        padding: 16px 18px;
    }
    .social-media .ct-container.title-ct h3{
        font-size: 20px;
    }
    .social-media .ct-container.title-ct a{
        padding: 10px 40px;
    }
    .consult .qypx-3n-com1 h4.h2-keywords-5{
        font-size: 16px !important;
    }
    .consult .qypx-3n-com1 p{
        margin: 0;
    }
    .consult .qypx-3n-com1 .mt-5.h2-keywords-53{
        margin-top: 10px !important;
    }
    .consult .con-button a{
        padding: 6px 20px;
    }
    .consult .con-button{
        margin-left: 0;
    }
    .consult .summary3a.h2-keywords{
        text-align: center;
    }
    .h2-rem{
        font-size: 1.6rem !important;
        font-weight: 500;
    }
    .consult .n_j_3p-ctsxt h2.h2-rem{
        font-weight: 500 !important;
    }
    .consult .num-item.item111{
        gap: 4px;
        align-items: start;
    }
    .consult .big#left_big .new-box span,
    .consult .big#left_big .news-box-title{
        font-size: 16px !important;
        font-weight: 500 !important;
    }
    .consult .right#right_list .new-box span,
    .consult .right#right_list .news-box-title{
        font-size: 16px !important;
        font-weight: 500 !important;
    }
    .digital-creative .text1111{
        font-size: 22px !important;
        font-weight: 500 !important;
        margin-bottom: 5px;
        display: inline-block; 
        white-space: nowrap !important;
        /* font-family: "Inter", "SF Pro Text", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif !important; */
    }
    /* .digital-creative .text222.ease-in-out{
        font-size: 24px !important;
        font-weight: 500 !important;
        margin-bottom: 5px;
        display: inline-block; 
        white-space: nowrap !important;
        font-family: "Inter", "SF Pro Text", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif !important;
    } */
    .digital-creative .height1111{
        min-height: 160px;
    }
    .digital-creative .mb-5.header22{
        margin-bottom: 0 !important;
    }
    .digital-creative .mb-5{
        margin-bottom: .5rem;
    }
    .digital-creative .introduce_media_mediaCardTags__LTjFY {
        margin-top: -25px !important;
    }
    .digital-creative .mjzst-6n-c.ct-container.hs_bg.container-wo{
        margin-bottom: 20px;
    }
    .digital-creative .mjzst-6n.newanlso{
        height: 700px !important;
    }
    .digital-creative .mjzst-6c-skt.normal-padding{
        height: 700px !important;
    }
    /* media-purchasing */
    .media-purchasing .service1.service-item{
        padding-bottom: 0;
        min-height: 20rem !important;
    }
    .media-purchasing .mjzst-5-limg img{
        width: 100% !important;
    }
    .website .stepp ul li{
        text-align: center;
    }
    .website .stepp .step.anim_delay{
        padding: 10px 20px;
    }
    .website .moreea a{
        padding: 5px 14px;
    }
    .website .big#left_big .new-box span,
    .website .big#left_big .news-box-title{
        font-size: 16px !important;
        font-weight: 500 !important;
    }
    .website .right#right_list .new-box span,
    .website .right#right_list .news-box-title{
        font-size: 16px !important;
        font-weight: 500 !important;
    }
    .website .moreweb a{
        padding: 10px 20px;
    }
    .media-purchasing .moreweb a{
        padding: 10px 20px;
    }
    .collaboration .moreweb a{
        padding: 10px 20px;
    }
    .company .moreweb a{
        padding: 10px 20px;
    }
    .story .moreweb a{
        padding: 10px 20px;
    }
    .optimize .moreweb a{
        padding: 10px 20px;
    }
    .optimize .tohtml.subtit{
        font-weight: 400;
        font-size: 14px;
    }
    .optimize .social-list{
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .optimize .social-list .social-item{
        width: 48%;
        flex-direction: column;
        gap: .2rem;
    }
    .global-growth .singgg .tohtml.subtit{
        font-size: 15px !important;
        font-weight: 400 !important;
    }
    .global-growth .smcb-3n.smcb.backgrounddddd-image{
        background-image: linear-gradient(to top, #FFFFFF 0%, #FFFFFF 60%, #E3EEFF);
    }
    .story .e_loop-6.s_list  .coxse_wrapper .p_list_cosxe2{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .story .e_loop-6.s_list .coxse_wrapper .p_list_cosxe2 .cbox-6.p_loopitem a{
        padding: 10px 16px !important;
        white-space: nowrap;
        text-align: center;
    }
    .story .e_loop-6.s_list .coxse_wrapper .p_list_cosxe2 .cbox-12.p_loopitem a{
        padding: 10px 16px !important;
        white-space: nowrap;
        text-align: center;
    }
    .story .e_loop-8.s_list  .coxse_wrapper .p_list_cosxe2{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    .story .e_loop-8.s_list .coxse_wrapper .p_list_cosxe2 .cbox-8.p_loopitem a{
        padding: 10px 16px !important;
        white-space: nowrap;
        text-align: center;
    }
    .story .e_loop-8.s_list .coxse_wrapper .p_list_cosxe2 .cbox-12.p_loopitem a{
        padding: 10px 16px !important;
        white-space: nowrap;
        text-align: center;
    }

    /* logo 4*5 */
    .beyondclick .beyond-logo-logo .byc-7n-c2a.anim_delay.active_y{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
    .beyondclick .beyond-logo-logo .byc-7n-c2a.anim_delay.active_y .byc-7n-c1ai{
        width: 100%;
    }
    .company .company-logo-logo .byc-7n-c2a.anim_delay.active_y{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
    .company .company-logo-logo .byc-7n-c2a.anim_delay.active_y .byc-7n-c1ai{
        width: 100%;
    }
    .digital-creative .creative-logo-logo .byc-7n-c2a.anim_delay.active_y{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
    .digital-creative .creative-logo-logo .byc-7n-c2a.anim_delay.active_y .byc-7n-c1ai{
        width: 100%;
    }

    .knowledge .kownledgeeee{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
    .knowledge .kownledgeeee .cbox-12.p_loopitem a{
        white-space: nowrap !important;
        text-align: center !important;
    }
    .knowledge .the-shaixuan .the-sx-wrapper {
        padding: 0.5em 3%;
        /* margin: auto; */
    }
    .knowledge .moreweb a{
        padding: 10px 20px;
    }
    .knowledge .cbox-11.p_loopitem .aols-zhishi-2-a .two-line-line{
        display: -webkit-box;
        -webkit-line-clamp: 2; 
        line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
    }
    .knowledge .cbox-11.p_loopitem .aols-zhishi-2.minhheightt{
        min-height: auto !important;
    }
    .report .moreweb a{
        padding: 10px 20px;
    }
    .report .kownledgeeee{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
    .report .kownledgeeee .cbox-12.p_loopitem a{
        white-space: nowrap !important;
        text-align: center !important;
        padding: 10px 16px !important;
    }
    .report .the-shaixuan .the-sx-wrapper {
        padding: 0.5em 0;
        /* margin: auto; */
    }
    .join .moreweb a{
        padding: 10px 20px;
    }
    .activity .moreweb a{
        padding: 10px 20px;
    }
    .activity .e_container-5.s_layout.jianshao .the-aols-text h3{
        font-size: 16px !important;
        font-weight: 500 !important;
    }
    .activity .e_container-5.s_layout.jianshao .the-aols-text .timespan span{
        font-size: 14px !important;
        font-weight: 300 !important;
    }
    .article .moreweb a{
        padding: 10px 20px !important;
    }
    .beyondclick .banner_wrapper .banner_content_c .bn_more .more_btn_v a{
        padding: 10px 20px;
    }
    .ecommerce .moreweb a,
    .ecommerce .banner_wrapper .banner_content_c .bn_more .more_btn_v a{
        padding: 10px 20px;
    }
    .index .moreweb a,
    .index .banner_wrapper .banner_content_c .bn_more .more_btn_v a{
        padding: 10px 20px;
    }
    .join .moreweb a{
        padding: 10px 20px;
    }
    .collaboration .moreweb a{
        padding: 10px 20px;
    }
    .consult .moreweb a{
        padding: 10px 20px;
    }
    .digital-creative .moreweb a{
        padding: 10px 20px;
    }
    .global-growth .moreweb a{
        padding: 10px 20px !important;
    }
    .global-growth .big#left_big .new-box span,
    .global-growth .big#left_big .news-box-title{
        font-size: 16px !important;
        font-weight: 500 !important;
    }
    .global-growth .right#right_list .new-box span,
    .global-growth .right#right_list .news-box-title{
        font-size: 16px !important;
        font-weight: 500 !important;
    }
    .resource .moreweb a{
        padding: 10px 20px;
    }
    .social-media .moreweb a{
        padding: 10px 20px !important;
    }
    .optimize .box-box{
        display: flex;
        flex-direction: column;
    }
    .social-media .box-box{
        display: flex;
        flex-direction: column;
    }
    .social-media .box-box h2.tohtml{
        font-size: 23px !important;
    }
    .social-media .box-container h4.tohtml{
        font-size: 14px !important;
        font-weight: 300 !important;
    }
    /* .beyondclick .box-box{
        display: flex;
        flex-direction: column;
    } */
    .successful_case_floor_tagsInContent__IGoMw{
        top: -7.5rem
    }  
    .successful_case_floor_caseTitle__3XCZx{
        margin-top: -4rem;
    }
    .successful_case_floor_caseItem__HLeTh{
        height: 18rem;
    }
    .successful_case_floor_content__hCFIz{
        height: 17.625rem;
    }
    .successful_case_floor_featuredMetrics__GRTVt{
        background: rgba(241, 246, 253, .9);
    }

    
    .optimize .successful_case_floor_tagsInContent__IGoMw{
        top: -7.5rem
    }  
    .optimize .successful_case_floor_caseTitle__3XCZx{
        margin-top: -5rem;
    }
    .optimize .successful_case_floor_caseItem__HLeTh{
        height: 18rem;
    }
    .optimize .successful_case_floor_content__hCFIz{
        height: 17.625rem;
    }
    .optimize .successful_case_floor_featuredMetrics__GRTVt{
        background: rgba(241, 246, 253, .9);
    }
    
    


    .index .banner_tumb_ii.active .position{
        display: block !important;
        color: red !important;
        font-weight: 400 !important;
        font-size: 12px !important;
        width: 140% !important;
        left: -10px !important;
    }
    .social-media .qypx-1n-ii > div{
        padding-bottom: 50% !important;
    }

    .byc-5n-c1ai {
        padding: 2% 3%;
    }
    .byc-listiis p {
        padding-left: 8%;
        padding-right: 8%;
    }
    .ct-container{
        margin: 0 auto;
    }
    .runnn .zxcl-12n.normal-padding {
        min-height: auto;
    }
}
@media screen and (max-width: 999px) {
    .byc-listiis {
        min-height: 0;
        padding: 4%;
    }
     .byc-listiis2 {
        padding:10% 7%;
    }
    .ecommerce .introduce_item_introduceItem__37_4V {
        height: 16rem !important;
    }
    .ecommerce .introduce_media_data5__GTp_b .introduce_media_mediaCard__TKYLy:nth-child(1) {
        height: 15rem !important;
    }
}
@media screen and (max-width: 768px) {
    #screen-2 .szcy_dsp_cimg_img img {
        height: 44vh;
    }
}
.beyondclick .box-box{
    display: flex;
   justify-content: center;
   flex-direction: column;
}
.optimize .box-box{
    display: flex;
   justify-content: center;
}
.social-media .box-box{
    display: flex;
}
.beyondclick .process-flow .step.step1{
    width: 49%;
    min-width: auto;
}
.digital-creative .introduce_media_mediaCard__TKYLy{
    height: 15rem !important;
}
.digital-creative .introduce_media_collapsedDesc__zkWAT{
    padding: 0;
    padding-left: 10px;
    padding-bottom: 10px;
    margin-top: -10px;
}
.digital-creative .introduce_media_expandedDesc__kpzAs{
    
}
.digital-creative .introduce_media_mediaCard__TKYLy {
    height: 15rem !important;
}
.introduce_media_data5__GTp_b .introduce_media_collapsedDesc__zkWAT, .introduce_media_data5__GTp_b .introduce_media_collapsed__0L0qf {
    width: 20rem;
}
.index_collapsed_04__2Ai39 {
    background: linear-gradient(1deg, #e8eaff, #bfd6ff);
}
.introduce_media_collapsed__0L0qf {
    z-index: 1;
    opacity: .85;
}
.digital-creative .introduce_media_mediaCardTags__LTjFY {
    margin-top: -10px;
}
@media screen and (max-width: 998px) {
    .zxcl-11n-coms-ct1 .mjzst-1n-text.n_j_3p-ctsxt h3, .mjzst-1n-text.n_j_3p-ctsxt h3, .mjzst-1n-text.n_j_3p-ctsxt h3, .mjzst-1n-text.n_j_3p-ctsxt h3, .zxcl-14n-c .n_j_3p-ctsxt h2, .qypx-3n-com1 h4, .mjzst-1n-text.n_j_3p-ctsxt h2, .qypx-3n-com1 h4 {
        font-size: 1.6em !important;
        font-weight: 500 !important;
    }
}
@media screen and (max-width: 768px) {
    .media-purchasing .mjzst-5-listc {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .media-purchasing .mjzst-5-listi{
        width: 33% !important;
    }
    .media-purchasing .mjzst-5-limg{
        padding-bottom: 0;
    }
    .media-purchasing .mjzst-5-limg img{
        width: 100% !important;
    }
    .company .mjzst-5-listc {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
    }
    .company .mjzst-5-listi{
        width: 33% !important;
    }
    .company .mjzst-5-limg{
        padding-bottom: 0;
    }
    .company .mjzst-5-limg img{
        width: 100% !important;
    }
}