/*header start*/ .header{width: 100%;height: auto;box-shadow: 0 4px 10px 0 rgba(0,0,0,0.1);position: relative;z-index: 999;} .header_top_box{width: 100%;height: 54px;background: #FAFAFA;} .header_top_box .contentWH1300{height: 100%;display: flex;justify-content: space-between;align-items: center;} .header_top_box h1{font-size: 14px;color: #3d3d3d;font-weight: 400;} .header_top_box h1 span {display: inline-block;position: relative;animation: text-jump-cycle 5s infinite ease-in-out;} @keyframes text-jump-cycle { 0% { transform: translateY(0); } 5% { transform: translateY(-10px); } 10% { transform: translateY(0); } 100% { transform: translateY(0); } } /* 方案三：微波浮动 */ .header_top_right span.char-highlight {display: inline-block;position: relative;animation: text-soft-wave 3s infinite ease-in-out;} @keyframes text-soft-wave { 0%, 100% { transform: translateY(0); } 5% { /* 仅仅上浮 3px，幅度很小 */ transform: translateY(-3px); } 10% { transform: translateY(0); } } .header_top_right{display: flex;justify-content: flex-end;align-items: center;height: 100%;} .header_top_right_phone, .header_top_right_email{height: 100%;display: flex;align-items: center;justify-content: flex-start;font-size: 14px;color: var(--otherColor);} .header_top_right_email img{display: block;flex: 0 0 20px;margin-right: 6px;} .header_top_right_phone a:hover, .header_top_right_email a:hover{text-decoration: underline;} .header_top_right_phone{margin-left: 40px;} .header_top_right_phone img{display: block;flex: 0 0 18px;margin-right: 6px;} .header_top_right_wechat{width: 20px;height: 100%;margin-left: 40px;display: flex;align-items: center;cursor: pointer;position: relative;} .header_top_right_wechat span{display: block;width: 100%;height: auto;transform-origin: center top;animation: wechat-bell-shake 2s infinite ease-in-out;} @keyframes wechat-bell-shake { 0% { transform: rotate(0); } 10% { transform: rotate(15deg); } /* 向右摆 */ 20% { transform: rotate(-15deg); } /* 向左摆 */ 30% { transform: rotate(10deg); } /* 幅度减小 */ 40% { transform: rotate(-10deg); } 50% { transform: rotate(5deg); } /* 慢慢停下 */ 60% { transform: rotate(-5deg); } 70% { transform: rotate(0); } /* 归位 */ 100% { transform: rotate(0); } /* 70%-100% 保持静止，实现停顿感 */ } .header_top_right_wechat span img{width: 100%;height: auto;display: block;} .header_top_right_wechat_code{width: 100px;height: 100px;background: #FFFFFF;position: absolute;left: 50%;top: 100%;transform: translateX(-50%);display: none;justify-content: center;align-items: center;box-shadow: 0px 0px 21px 0px rgba(4, 0, 0, 0.15);z-index: 999;} .header_top_right_wechat_code img{display: block;width: 85px;height: auto;} .header_top_right_wechat:hover .header_top_right_wechat_code{display: flex;} .header_bottom_box{width: 100%;height: 88px;position: relative;background: #FFFFFF;} .header_bottom_box.fixed{position: fixed;top: 0;left: 0;z-index: 9999;box-shadow: 0px 0px 21px 0px rgba(4, 0, 0, 0.15);transition: all 0.3s;} .header_bottom_box.fixed.on{top: -88px;} .header_bottom_box .contentWH1300{height: 100%;display: flex;justify-content: space-between;align-items: center;} .logo{width: 136px;height: auto;} .logo svg{width: 100%;height: auto;overflow: visible;} .path-stroke {fill-opacity: 0;stroke: #1a96b1;stroke-width: 25px;stroke-linecap: round;stroke-linejoin: round;} .header_bottom_right{height: 100%;display: flex;justify-content: flex-end;align-items: center;} .nav_box{height: 100%;display: flex;justify-content: flex-start;align-items: center;} .nav_box li{height: 100%;display: flex;align-items: center;position: relative;} .nav_box li + li{margin-left: 34px;} .nav_frist_link{font-size: 16px;color: #3D3D3D;display: flex;height: 100%;align-items: center;text-align: center;font-weight: 700;} .nav_box li.active .nav_frist_link, .nav_box li:hover .nav_frist_link{font-weight: 700;color: var(--mainColor);} .nav_box li:nth-of-type(2){position: initial;} .nav_list_box{width: 100%;height: auto;padding: 50px 0;background: #FFFFFF;box-shadow: 0px 0px 21px 0px rgba(4, 0, 0, 0.15);position: absolute;left: 0;top: 100%;display: none;z-index: 2;} .nav_list_box .contentWH1300{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: initial;} .nav_list_dl{width: 22%;height: auto;border-right: 1px solid #f2f2f2;} .nav_list_dl dd{width: 100%;cursor: pointer;position: relative;padding: 0 10px;} .nav_list_dl dd a{display: inline-block;line-height: 48px;font-size: 16px;color: #333333;font-weight: 600;} .nav_list_dl dd.active, .nav_list_dl dd:hover{background: #f2f2f2;} .nav_list_dl dd i{display: block;width: 5px;height: 8px;background: url(../images/sj.webp) no-repeat center center;background-size: 100% auto;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);} .nav_list_dl dd a:hover{color: var(--mainColor);} .nav_list_content_box{width: calc(78% - 20px);height: auto;} .nav_list_content_list{width: 100%;height: auto;display: none;grid-template-columns: repeat(2, 1fr);gap: 20px;} .nav_list_content_list_item_top{width: 100%;height: auto;padding-bottom: 10px;margin-bottom: 18px;border-bottom: 1px solid var(--mainColor);} .nav_list_content_list_item_top a{display: flex;justify-content: flex-start;align-items: center;} .nav_list_content_list_item_top a img{display: block;width: 30px;height: auto;margin-right: 8px;transition: all 0.3s;} .nav_list_content_list_item_top a{font-size: 16px;color: var(--mainColor);font-weight: 600;} .nav_list_content_list_item_top a:hover img{transform: translateY(-5px);} .nav_list_content_list_item_content{width: 100%;height: auto;margin-top: 10px;} .nav_list_content_list_item_content_item{width: 100%;height: auto;border-bottom: 1px solid #F2F2F2;} .nav_list_content_list_item_content_item a{display: block;width: 100%;height: auto;padding: 12px 20px;} .nav_list_content_list_item_content_item:hover{background: #F2F2F2;} .nav_list_content_list_item_content_item_img{width: 100%;height: auto;overflow: hidden;border-radius: 6px;} .nav_list_content_list_item_content_item_img img{width: 100%;height: auto;display: block;transition: all 0.3s;} .nav_list_content_list_item_content_item_title{display: flex;justify-content: space-between;align-items: center;} .nav_list_content_list_item_content_item_title h2{font-size: 18px;color: #333333;font-weight: 600;} .nav_list_content_list_item_content_item_title em{display: block;width: 18px;height: auto;} .nav_list_content_list_item_content_item_title em img{display: block;width: 100%;height: auto;filter: brightness(0);transition: all 0.3s;} .nav_list_content_list_item_content_item_content{font-size: 14px;text-align: justify;line-height: 1.4;margin-top: 10px;color: #666666;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .nav_list_content_list_item_content_item:hover .nav_list_content_list_item_content_item_img img{transform: scale(1.1);} .nav_list_content_list_item_content_item:hover .nav_list_content_list_item_content_item_title h2{color: var(--mainColor);} .nav_list_content_list_item_content_item:hover .nav_list_content_list_item_content_item_title em img{filter: initial;transform: translateX(8px);} .nav_list_content_list_item_bottom{width: 100%;height: auto;margin-top: 18px;display: flex;justify-content: space-between;align-items: center;} .nav_list_content_list_item_bottom_left{width: 42%;height: auto;overflow: hidden;} .nav_list_content_list_item_bottom_left img{width: 100%;height: auto;display: block;transition: all 0.3s;} .nav_list_content_list_item_bottom_left:hover img{transform: scale(1.1);} .nav_list_content_list_item_bottom_right{font-size: 16px;color: #333333;line-height: 1.6;text-align: justify;width: 56%;} .nav_box li:hover .nav_list_box{display: block;} .nav_other_list_box{width: 240px;height: auto;background: #FFFFFF;position: absolute;left: 50%;transform: translateX(-50%);top: 100%;box-shadow: 0px 0px 21px 0px rgba(4, 0, 0, 0.15);display: none;z-index: 2;} .nav_other_list_item{width: 100%;height: auto;} .nav_two_link{display: block;line-height: 48px;padding: 0 10px;font-size: 16px;color: #333;font-weight: 600;text-align: center;} .nav_two_link:hover{background: var(--mainColor);color: #FFFFFF;} .nav_other_list_item_third_content, .nav_other_list_item_second_box{width: 100%;min-height: 100%;left: 100%;top: 0;position: absolute;box-shadow: 0px 0px 21px 0px rgba(4, 0, 0, 0.15);background: #FFFFFF;display: none;} .nav_other_list_item_second_item{width: 100%;height: auto;} .nav_three_link{display: block;line-height: 48px;padding: 0 10px;font-size: 16px;color: #333;font-weight: 600;text-align: center;} .nav_three_link:hover{background: var(--mainColor);color: #FFFFFF;} .nav_other_list_item:hover .nav_other_list_item_second_box{display: block;} .nav_other_list_item_third_content a{display: block;line-height: 48px;padding: 0 10px;font-size: 16px;color: #333;font-weight: 600;text-align: center;} .nav_other_list_item_third_content a:hover{background: var(--mainColor);color: #FFFFFF;} .nav_other_list_item_second_item:hover .nav_other_list_item_third_content{display: block;} .nav_box li:hover .nav_other_list_box{display: block;} .header_bottom_right_search_box{width: 151px;height: 32px;margin-left: 42px;position: relative;} .header_bottom_right_search_box form{display: block;width: 100%;height: 100%;} .header_bottom_right_search_txt{width: 100%;height: 100%;display: block;border: 1px solid rgba(61, 61, 61, 0.2);padding: 0 10px;font-size: 14px;color: #3D3D3D;outline: none;} .header_bottom_right_search_txt::placeholder{color: rgba(61, 61, 61, 0.4);} .header_bottom_right_search_btn{display: block;width: 18px;height: auto;aspect-ratio:1/1;outline: none;position: absolute;right: 10px;top: 50%;transform: translateY(-50%);cursor: pointer;background: url(../images/header_search_ico.webp) no-repeat center center;background-size: 18px auto;border: none;} .hd_btn{display: none;position: relative;float: right;width: 6vw;height: 5vw;cursor: pointer;} .hd_btn span{position: absolute;left: 0;top: 0px;width: 100%;height: 0.5vw;background-color: var(--mainColor);transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;} .hd_btn .s1 {top: 0;} .hd_btn .s2 {top: 2vw;} .hd_btn .s3 {top: 4vw;} .hd_btn.on .s1 {top: 2vw;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);} .hd_btn.on .s2 {opacity: 0;} .hd_btn.on .s3 {top: 2vw;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);} /*header end*/ /*banner start*/ .index_banner_swiper_bg{width: 100%;height: auto;} .index_banner_swiper_bg img{width: 100%;height: auto;display: block;} .index_banner_swiper_content_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: flex-start;padding-top: 150px;} .index_banner_swiper_content{width: 59.1%;height: auto;-webkit-animation-delay: 1s;} .index_banner_swiper_content h2{font-size: 48px;color: #FFFFFF;font-weight: 700;line-height: 1.2;} .index_banner_swiper_content p{font-size: 18px;color: #FFFFFF;line-height: 1.6;margin-top: 12px;padding-right: 18%;} .index_banner_swiper_content a{display: flex;justify-content: center;align-items: center;width: 260px;height: 48px;border-radius: 8px 0 8px 0;background: linear-gradient(260deg,rgba(255, 150, 0, 1) 0%, rgba(255, 195, 75, 1) 100%);margin-top: 42px;font-size: 18px;color: #FFFFFF;font-weight: 500;} .index_banner_swiper_content a img{display: block;width: 20px;height: auto;margin-left: 20px;transition: all 0.3s;} .index_banner_swiper_content a span{transition: all 0.3s;} .index_banner_swiper_content a:hover span{transform: translateX(-5px);} .index_banner_swiper_content a:hover img{transform: translateX(5px);} .index_banner_swiper_page{bottom: 119px !important;width: 100%;display: flex;justify-content: center;} .index_banner_swiper_page_item{width: 128px;height: auto;background: none;border-radius: 0;opacity: 0.4;margin-left: 90px !important;} .index_banner_swiper_page_item:nth-of-type(1){margin-left: 0 !important;} .index_banner_swiper_page_item_number{width: 100%;height: auto;display: flex;justify-content: flex-end;font-size: 24px;color: #FFFFFF;} .index_banner_swiper_page_item i{display: block;width: 100%;height: 2px;background: #FFFFFF;margin-top: 16px;} .index_banner_swiper_page_item.swiper-pagination-bullet-active{opacity: 1;} .index_banner_bottom_box{width: 100%;height: auto;margin-top: -62px;position: relative;z-index: 1;} .index_banner_bottom_content{width: 100%;height: auto;padding: 30px;background: #FFFFFF;box-shadow: 0 0 10px rgba(147, 147, 147, 0.3);border-radius: 10px;display: flex;justify-content: space-between;} .index_banner_bottom_content li{width: 25%;height: auto;position: relative;border-right: 1px solid rgba(0, 0, 0, 0.1);} .index_banner_bottom_content li:nth-last-of-type(1){border: none;} .index_banner_bottom_content_ico{width: 120px;height: auto;margin: 0px auto;} .index_banner_bottom_content_ico img{width: 100%;height: auto;display: block;} .index_banner_bottom_content li h2{font-size: 16px;color: #424242;text-align: center;margin-top: 10px;} .index_banner_bottom_content li h2 b{font-weight: 700;} /*banner end*/ /*content start*/ .content{width: 100%;height: auto;} .index_service_box{width: 100%;height: auto;padding-bottom: 112px;background: url(../images/index_service_bg.webp) no-repeat center center;background-size: cover;} .index_service_title_box{width: 100%;height: auto;margin-top: 100px;display: flex;justify-content: space-between;align-items: center;overflow: hidden;} .index_service_title_left h2{font-size: 46px;color: #3D3D3D;font-weight: 700;} .index_service_title_left h2 strong{color: var(--mainColor);font-weight: 700;} .index_service_title_left p{font-size: 18px;color: #3D3D3D;margin-top: 20px;} .index_service_title_right{font-size: 120px;line-height: 1;font-weight: 700;color: transparent;-webkit-text-stroke: 1px rgba(220, 220, 220, 0.8);text-transform: uppercase;font-family: arial;} .index_service_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 20px;} .index_service_ul li{width: 32%;height: auto;margin-top: 40px;margin-left: 2%;transform-style: preserve-3d;transition: 2s ease;} .index_service_ul li:hover{transform: rotateY(180deg);} .index_service_ul li:nth-of-type(3n+1){margin-left: 0;} .index_service_ul li a{width: 100%;height: auto;display: block;transform-style: preserve-3d;} .index_service_ul li a::before, .index_service_ul li a::after {content: "";top: 0;left: 0;right: 0;bottom: 0;position: absolute;background: #FFFFFF;border-radius: 12px; transform: rotateY(180deg)translateZ(1px);} .index_service_ul li a::before {transform: none;} .index_service_ul_front,.index_service_ul_back{transform-style: preserve-3d;backface-visibility: hidden;padding: 30px;border-radius: 12px;} .index_service_ul_front{width: 100%;height: auto;} .index_service_ul_back{transform: rotateY(180deg);position: absolute;left: 0;top: 0;right: 0;bottom: 0;} .index_service_ul_ico{width: 180px;height: auto;margin: 0px auto;transform: translateZ(90px);} .index_service_ul_ico img{width: 100%;height: auto;display: block;} .index_service_ul_txt{width: 100%;height: auto;transform: translateZ(90px);} .index_service_ul_txt_top{width: 100%;height: auto;padding-bottom: 20px;border-bottom: 1px solid #E6E6E6;} .index_service_ul_txt_top h3{font-size: 26px;color: #333333;font-weight: 700;text-align: center;} .index_service_ul_txt_top p{font-size: 16px;color: #3D3D3D;text-align: center;margin-top: 16px;} .index_service_ul_txt_bottom{width: 100%;height: auto;margin-top: 20px;} .index_service_ul_txt_bottom p{font-size: 16px;color: rgba(61, 61, 61, 0.7);text-align: center;padding: 0 20px; line-height: 1.6;} .index_service_ul_txt_bottom span{display: flex;justify-content: center;align-items: center;width: 220px;height: 50px;border-radius: 6px;margin: 0px auto;margin-top: 14px;font-size: 14px;color: #FF9600;} .index_service_ul_txt_bottom span img{display: block;width: 16px;height: auto;margin-left: 6px;} .index_service_ul_back .index_service_ul_txt_top h3{color: var(--mainColor);} .index_service_ul_back .index_service_ul_txt_bottom span{background: linear-gradient(260deg,rgba(255, 150, 0, 1) 0%, rgba(255, 195, 75, 1) 100%);color: #FFFFFF;} .index_service_ul_back .index_service_ul_txt_bottom span img{filter: brightness(0) invert(1);} .index_solution_box{width: 100%;height: auto;position: relative;z-index: 99;} .index_solution_content_box{width: 100%;height: auto;margin-top: 70px;position: relative;} .index_solution_content{width: 100%;height: auto;aspect-ratio:1920/860;position: relative;} .index_solution_content_item{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-size: cover;padding-top: 120px;opacity: 0;transition: all 0.3s ease;pointer-events: none;} .index_solution_content_item.on{pointer-events: auto;} .index_solution_content_item_content{width: 65.23%;height: auto;opacity: 0;transform: translateY(50px);transition: all 0.5s ease;transition-delay: 0.3s;} .index_solution_content_item_content h3{font-size: 26px;color: #FFFFFF;font-weight: 700;} .index_solution_content_item_content p{font-size: 16px;color: #FFFFFF;line-height: 1.6;margin-top: 26px;text-align: justify;} .index_solution_content_item_content a{display: flex;justify-content: center;align-items: center;width: 144px;height: 45px;border-radius: 23px;background: linear-gradient(260deg,rgba(255, 195, 78, 1) 0%, rgba(255, 150, 0, 1) 100%);margin-top: 48px;font-size: 16px;color: #FFFFFF;font-weight: 500;transition: all 0.3s;} .index_solution_content_item_content a:hover{transform: scale(1.1);} .index_solution_button_box{width: 100%;height: auto;position: absolute;left: 0;bottom: 50px;} .index_solution_button_ul{width: 100%;height: auto;display: flex;justify-content: space-between;} .index_solution_button_ul li{width: 23.23%;height: auto;padding-bottom: 20px;border-bottom: 1px solid rgba(255,255,255,0.6);cursor: pointer;} .index_solution_button_ul_ico{width: 70px;height: auto;aspect-ratio:1/1;background: rgba(0,0,0,0.3);border-radius: 50%;display: flex;justify-content: center;align-items: center;transition: all 0.3s;} .index_solution_button_ul_ico img{display: block;width: 36px;height: auto;} .index_solution_button_ul li h3{font-size: 16px;color: #FFFFFF;margin-top: 20px;} .index_solution_button_ul li.on .index_solution_button_ul_ico, .index_solution_button_ul li:hover .index_solution_button_ul_ico{background: var(--mainColor);} .index_solution_content_item.on .index_solution_content_item_content{opacity: 1;transform: translateY(0);} .index_about_box{width: 100%;height: auto;margin-top: -600px;} .index_about_top{width: 100%;height: auto;aspect-ratio: 1920/774;position: relative;overflow: hidden;} .index_about_top_bg{width: 100%;height: 100%;background: url(../images/index_about_bg.webp) no-repeat center center;background-size: 100% auto;position: absolute;left: 0;top: 100%;z-index: -1;} .index_about_top_content{width: 100%;height: auto;padding-top: 200px;display: flex;justify-content: space-between;align-items: center;} .index_about_top_content_left{width: 51%;height: auto;position: relative;} .index_about_top_content_left_content{width: 100%;height: auto;position: relative;z-index: 2;} .index_about_top_content_left_content h2{font-size: 32px;color: #333333;font-weight: 700;} .index_about_top_content_left_content h3{font-size: 36px;color: #333333;font-weight: 700;margin-top: 10px;} .index_about_top_content_left_content p{font-size: 16px;color: #424242;line-height: 1.6;margin-top: 20px;text-align: justify;} .index_about_top_content_left_logo{width: 352px;height: auto;position: absolute;left: 0;top: -80px;} .index_about_top_content_left_logo img{width: 100%;height: auto;display: block;} .index_about_more{display: flex;justify-content: center;align-items: center;width: 146px;height: 50px;background: linear-gradient(260deg,rgba(255, 195, 78, 1) 0%, rgba(255, 150, 0, 1) 100%);border-radius: 25px;box-shadow: 0 10px 20px 0 rgba(1, 100, 255, 0.14);font-size: 16px;color: #FFFFFF;position: relative;} .index_about_bottom{width: 100%;height: auto;position: relative;z-index: 3;margin-top: -129px;} .index_about_bottom_ul{width: 100%;height: auto;padding: 60px 0;background: #19ADCD;border-radius: 10px;display: flex;justify-content: space-between;} .index_about_bottom_ul li{width: 25%;height: auto;border-right: 1px solid rgba(255,255,255,0.6);} .index_about_bottom_ul li:nth-last-of-type(1){border: none;} .index_about_bottom_ul li h3{font-size: 52px;color: #FFFFFF;text-align: center;font-weight: 900;} .index_about_bottom_ul li h3 span{font-weight: 900;} .index_about_bottom_ul li h3 sup{font-size: 16px;} .index_about_bottom_ul li p{font-size: 16px;color: #FFFFFF;text-align: center;margin-top: 10px;} .index_strength_box{width: 100%;height: auto;padding: 110px 0;background: url(../images/index_globel_bg.webp) no-repeat center center;background-size: 100% auto;} .index_strength_top_box{width: 100%;height: auto;padding-bottom: 70px;border-bottom: 1px solid #EAEAEA;} .index_strength_top_box .index_service_title_box{margin-top: 0;} .index_strength_top_sw{width: 100%;height: auto;margin-top: 80px;padding-bottom: 30px;} .index_strength_top_sw .swiper-slide{display: flex;justify-content: space-between;align-items: center;} .index_strength_top_sw_left{width: 116px;height: auto;-webkit-animation-delay: 1s;} .index_strength_top_sw_left_img{width: 70px;height: auto;aspect-ratio:1/1;border-radius: 50%;border: 1px solid var(--mainColor);padding: 4px;} .index_strength_top_sw_left_img img{width: 100%;height: auto;display: block;} .index_strength_top_sw_left p{font-size: 14px;color: #666666;line-height: 1.4;margin-top: 20px;} .index_strength_top_sw_right{width: 81.1%;height: auto;padding-top: 55px;-webkit-animation-delay: 1s;} .index_strength_top_sw_right_title{width: 100%;height: auto;position: relative;} .index_strength_top_sw_right h3{font-size: 26px;color: #000000;font-weight: 700;position: relative;z-index: 2;} .index_strength_top_sw_right_title span{display: block;width: 120px;height: auto;position: absolute;left: 0;bottom: 0;} .index_strength_top_sw_right_title span img{width: 100%;height: auto;display: block;} .index_strength_top_sw_right_content{width: 100%;height: auto;margin-top: 20px;} .index_strength_top_sw_right_content p{font-size: 16px;color: #333333;line-height: 1.6;} .index_strength_top_sw_page{width: 100%;padding-left: 18.9%;bottom: 0 !important;display: flex;justify-content: flex-start;} .index_strength_top_sw_page span{width: 16px;height: 3px;background: #d9d9d9;border-radius: 10px;opacity: 1;} .index_strength_top_sw_page span.swiper-pagination-bullet-active{background: var(--mainColor);} .index_strength_bottom_box{width: 100%;height: auto;margin-top: 26px;} .index_strength_bottom_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;} .index_strength_bottom_ul li{width: 12.5%;height: auto;margin-top: 30px;margin-left: 5%;transition: all 0.3s;} .index_strength_bottom_ul li:nth-of-type(6n+1){margin-left: 0;} .index_strength_bottom_ul li img{width: 100%;height: auto;} .index_strength_bottom_ul li:hover{transform: translateY(-8px);} .index_gobal_box{width: 100%;height: auto;position: relative;} .index_gobal_top_box{width: 100%;height: auto;position: relative;} .index_gobal_bg{width: 100%;height: auto;aspect-ratio:1920/640;overflow: hidden;} .index_gobal_bg video{width: 100%;height: auto;transform: rotateY(180deg);} .index_gobal_top_content{width: 100%;height: 100%;display: flex;align-items: center;position: absolute;left: 0;top: 0;} .index_gobal_top_content_txt{width: 48%;height: auto;} .index_gobal_top_content_txt h2{font-size: 36px;color: #FFFFFF;font-weight: 700;} .index_gobal_top_content_txt p{font-size: 18px;color: #FFFFFF;line-height: 1.6;margin-top: 15px;text-align: justify;} .index_gobal_top_content_txt a{display: flex;justify-content: center;align-items: center;width: 146px;height: 50px;background: linear-gradient(260deg,rgba(255, 195, 78, 1) 0%, rgba(255, 150, 0, 1) 100%);border-radius: 25px;font-size: 16px;color: #FFFFFF;position: relative;margin-top: 40px;transition: all 0.3s;} .index_gobal_top_content_txt a:hover{transform: scale(1.1);} .index_gobal_bottom_box{width: 100%;height: auto;margin-top: -97px;position: relative;z-index: 1;overflow: hidden;padding-bottom: 110px;} .index_gobal_bottom_box .contentWH1300{display: flex;justify-content: space-between;align-items: flex-end;} .index_gobal_bottom_left{width: 39.4%;height: auto;position: relative;padding-bottom: 160px;} .index_gobal_bottom_left_title{display: flex;justify-content: flex-start;align-items: center;} .index_gobal_bottom_left_title h2{font-size: 46px;color: #3D3D3D;font-weight: 700;} .index_gobal_bottom_left_title h2 strong{font-weight: 700;color: var(--mainColor);} .index_gobal_bottom_left_title img{display: block;width: 58px;height: auto;margin-left: 16px;} .index_gobal_bottom_left p{font-size: 20px;color: #3D3D3D;margin-top: 10px;} .index_gobal_bottom_left_ul{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 40px;} .index_gobal_bottom_left_ul li{width: 48.63%;height: 42px;border-radius: 8px;border: 1px solid #1A96B1;display: flex;justify-content: center;align-items: center;} .index_gobal_bottom_left_ul li img{display: block;width: 16px;height: auto;margin-right: 10px;} .index_gobal_bottom_left_ul li p{font-size: 16px;color: #3D3D3D;} .index_gobal_bottom_left:after{content: "cooperate";display: block;font-size: 120px;line-height: 1;font-weight: 700;color: transparent;-webkit-text-stroke: 1px rgba(220, 220, 220, 0.8);text-transform: uppercase;font-family: arial;position: absolute;right: -20px;bottom: 0;} .index_gobal_bottom_right{width: 53.85%;height: auto;padding: 67px 50px;background: #FFFFFF;border-radius: 10px;box-shadow: 0 0 16px 0 rgba(164, 164, 164, 0.25);} .index_gobal_bottom_right_title{font-size: 26px;color: #3D3D3D;font-weight: 700;} .index_gobal_bottom_right_form{width: 100%;height: auto;margin-top: 16px;display: flex;justify-content: space-between;flex-wrap: wrap;} .index_gobal_bottom_right_form li{width: 48%;height: auto;margin-top: 24px;position: relative;} .index_gobal_bottom_right_form li input{display: block;width: 100%;height: 44px;padding-left: 20px;font-size: 16px;color: #3D3D3D;border: 1px solid #E4E4E4;border-radius: 4px;outline: none;} .index_gobal_bottom_right_form li input::placeholder{color: #999999;} .index_gobal_bottom_right_form li.WH100{width: 100%;} .index_gobal_bottom_right_form li textarea{width: 100%;height: 98px;padding: 16px 20px;border: 1px solid #E4E4E4;border-radius: 4px;font-size: 16px;color: #3D3D3D;outline: none;resize: none;} .index_gobal_bottom_right_form li textarea::placeholder{color: #999999;} .index_gobal_bottom_right_form_btn{width: 100%;height: 56px;display: block;cursor: pointer;outline: none;background: linear-gradient(260deg,rgba(255, 195, 78, 1) 0%, rgba(255, 150, 0, 1) 100%);color: #FFFFFF;font-size: 16px;color: #FFFFFF;border-radius: 50px;border: none;margin-top: 36px;} /*Google Seo start*/ .google_seo_banner_box{width: 100%;height: auto;padding: 80px 0px;background: url(../images/google_seo_banner_bg.webp) no-repeat center center;background-size: cover;overflow: hidden;} .google_seo_banner_box .contentWH1300{display: flex;justify-content: space-between;align-items: center;} .google_seo_banner_left{width: 48.5%;} .google_seo_banner_left_tag{width: 210px;height: 48px;border-radius: 24px;border: 1px solid #E2E8F0;display: flex;justify-content: center;align-items: center;font-size: 16px;color: #64748B;font-weight: 300;text-transform: uppercase;} .google_seo_banner_left_tag img{width: 24px;height: auto;display: block;margin-right: 10px;} .google_seo_banner_left h3{font-size: 48px;color: #3D3D3D;font-weight: 700;margin-top: 20px;} .google_seo_banner_left h2{font-size: 48px;color: #3D3D3D;font-weight: 700;margin-top: 10px;} .google_seo_banner_left h2 span{font-weight: 700;color: var(--mainColor);font-size: 48px;} .google_seo_banner_left_ul{width: 100%;height: auto;display: flex;justify-content: space-between;} .google_seo_banner_left_ul li{width: 40.5%;height: auto;display: flex;justify-content: flex-start;align-items: center;margin-top: 30px;} .google_seo_banner_left_ul li img{display: block;height: auto;margin-right: 10px;flex: 0 0 20px;} .google_seo_banner_left_ul_txt{flex: 1;} .google_seo_banner_left_ul_txt h3{font-size: 16px;color: #3D3D3D;font-weight: 500;} .google_seo_banner_left_ul_txt p{font-size: 14px;color: #666666;margin-top: 8px;} .google_seo_banner_left_input{width: 90%;height: 58px;position: relative;margin-top: 50px;} .google_seo_banner_left_input input{display: block;width: 100%;height: 100%;border: 1px solid #E5E5E5;border-radius: 8px;padding-left: 20px;outline: none;font-size: 16px;color: #3D3D3D;background: #FFFFFF;box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);} .google_seo_banner_left_input input::placeholder{color: #666666;} .google_seo_banner_left_input a{display: flex;justify-content: center;align-items: center;width: 180px;height: 48px;border-radius: 8px;background: var(--otherColor);font-size: 16px;color: #FFFFFF;font-weight: 500;position: absolute;right: 5px;top: 50%;transform: translateY(-50%);} .google_seo_banner_right{width: 56.5%;height: auto;position: relative;} .google_seo_banner_right_top{width: 100%;height: auto;} .google_seo_banner_right_top img{width: 100%;height: auto;display: block;} .google_seo_banner_right_bottom{width: 47%;height: auto;position: absolute;bottom: -13px;left: 80px;animation: moveBottom 2s linear infinite;} @keyframes moveBottom{ 0%{bottom: -13px;} 50%{bottom: -23px;} 100{bottom: -13px;} } .google_seo_banner_right_bottom img{width: 100%;height: auto;display: block;} .google_seo_why_box{width: 100%;height: auto;padding: 80px 0px;overflow: hidden;} .google_seo_title{width: 100%;height: auto;} .google_seo_title h2{font-size: 48px;color: #111827;font-weight: 700;text-align: center;} .google_seo_title span{display: block;width: 64px;height: 6px;border-radius: 3px;background: var(--mainColor);margin: 0px auto;margin-top: 20px;} .google_seo_why_ul{width: 100%;height: auto;display: flex;justify-content: space-between;} .google_seo_why_ul li{width: 32.5%;height: auto;padding: 30px;border-radius: 16px;box-shadow: 0 2px 10px 0 rgba(0,0,0,0.1);margin-top: 64px;transition: all 0.3s;} .google_seo_why_ul_ico{width: 56px;height: auto;transition: all 0.3s;} .google_seo_why_ul_ico img{width: 100%;height: auto;display: block;} .google_seo_why_ul li h3{font-size: 20px;color: #111827;font-weight: 700;margin-top: 24px;} .google_seo_why_ul li p{font-size: 14px;color: #4B5563;line-height: 1.6;margin-top: 10px;} .google_seo_why_ul li:hover{box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);} .google_seo_why_ul li:hover .google_seo_why_ul_ico{transform: translateY(-10px);} .google_seo_service_box{width: 100%;height: auto;padding: 80px 0px;background: url(../images/google_seo_service_bg.webp) no-repeat center center;background-size: cover;overflow: hidden;} .google_seo_service_title{width: 100%;height: auto;} .google_seo_service_title_tag{width: 190px;height: 30px;display: flex;justify-content: center;align-items: center;text-transform: uppercase;border-radius: 4px;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);font-size: 14px;color: #FFFFFF;font-weight: 700;text-align: center;margin: 0px auto;background: var(--otherColor);animation: moveTag 2s linear infinite;} @keyframes moveTag{ 0%{transform: translateY(0);} 50%{transform: translateY(8px);} 100{transform: translateY(0);} } .google_seo_service_title h2{font-size: 48px;color: #111827;font-weight: 700;text-align: center;margin-top: 20px;} .google_se_service_content{width: 100%;margin-top: 64px;display: flex;justify-content: space-between;min-height: 572px;} .google_se_service_content_left{width: 30.31%;height: auto;} .google_se_service_content_left li{width: 100%;height: 64px;display: flex;justify-content: space-between;align-items: center;padding: 0 24px;background: #FFFFFF;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);cursor: pointer;transition: all 0.3s;position: relative;} .google_se_service_content_left_ico_img{width: 21px;height: auto;margin-right: 10px;} .google_se_service_content_left_ico_img img{width: 100%;height: auto;display: block;} .google_se_service_content_left_ico{display: flex;justify-content: flex-start;align-items: center;} .google_se_service_content_left_ico h3{font-size: 18px;color: rgb(75 85 99);font-weight: 700;transition: all 0.3s;} .google_se_service_content_right_btn i{display: block;font-size: 12px;color: rgb(75 85 99);opacity: 0.6;} .google_se_service_content_left li.on:before{content: "";display: block;width: 4px;height: 100%;position: absolute;left: 0;top: 0;background: var(--mainColor);} .google_se_service_content_left li.on, .google_se_service_content_left li:hover{background: rgba(234,248,250,0.5);} .google_se_service_content_left li.on .google_se_service_content_right_btn i{color: var(--mainColor);} .google_se_service_content_left li.on .google_se_service_content_left_ico h3{color: var(--mainColor);} .google_se_service_content_left li + li{margin-top: 12px;} .google_seo_service_content_right{width: 66.33%;height: auto;padding: 40px;background: #FFFFFF;border-radius: 16px;box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);} .google_seo_service_content_right_list{width: 100%;height: auto;display: none;} .google_seo_technology_title{width: 100%;height: auto;padding-bottom: 18px;border-bottom: 1px solid #F3F4F6;} .google_seo_technology_title h3{font-size: 32px;color: #111827;font-weight: 700;} .google_seo_technology_title p{font-size: 16px;color: #6B7280;margin-top: 8px;} .google_seo_technology_ul{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;} .google_seo_technology_ul li{width: 48.5%;height: auto;padding: 20px 24px;border: 1px solid #F3F4F6;border-radius: 12px;background: #F9FAFB;margin-top: 30px;transition: all 0.3s;} .google_seo_technology_ul li h3{font-size: 18px;color: #1F2937;font-weight: 700;display: flex;justify-content: flex-start;align-items: center;} .google_seo_technology_ul li h3 img{display: block;width: 20px;margin-right: 8px;height: auto;} .google_seo_technology_ul li p{font-size: 14px;color: #4B5563;margin-top: 10px;} .google_seo_technology_ul li:hover{border-color: var(--mainColor);} .google_seo_one_page{width: 100%;height: auto;margin-top: 14px;display: flex;justify-content: space-between;flex-wrap: wrap;} .google_seo_one_page li{width: 49%;height: auto;border: 1px solid #e5e7eb;padding: 16px;margin-top: 16px;background: #FFFFFF;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);border-radius: 8px;color: rgb(55 65 81);font-size: 16px;} .google_seo_one_page li:before{content: "\f00c";font-size: 16px;color: #34A853;font-weight: 900;margin-right: 10px;font-family: "Font Awesome 6 Free";} .google_seo_one_page li strong{font-weight: 700;} .google_seo_service_strategy{padding-top: 6px;width: 100%;height: auto;} .google_seo_service_strategy li{width: 100%;height: auto;padding: 16px;display: flex;justify-content: flex-start;align-items: center;background: rgb(249 250 251);border-radius: 12px;margin-top: 24px;transition: all 0.3s;} .google_seo_service_strategy_ico{width: 48px;height: auto;aspect-ratio:1/1;border-radius: 50%;background: #FFFFFF;border: 1px solid rgb(243 232 255);display: flex;justify-content: center;align-items: center;margin-right: 20px;flex: 0 0 48px;} .google_seo_service_strategy_ico img{display: block;width: 50%;} .google_seo_service_strategy_right{flex: 1;} .google_seo_service_strategy_right h3{font-size: 18px;color: rgb(31 41 55);font-weight: 700;} .google_seo_service_strategy_right p{font-size: 16px;color: rgb(75 85 99);margin-top: 4px;} .google_seo_service_strategy li:hover{background: rgba(234,248,250,0.5);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);} .google_seo_service_off_page{width: 100%;height: auto;padding-top: 6px;} .google_seo_service_off_page li{width: 100%;height: auto;padding: 16px;background: rgb(249 250 251);border-radius: 0 12px 12px 0;padding-left: 30px;margin-top: 24px;position: relative;} .google_seo_service_off_page li h3{font-size: 18px;color: rgb(31 41 55);font-weight: 700;} .google_seo_service_off_page li p{font-size: 16px;color: rgb(75 85 99);margin-top: 8px;} .google_seo_service_off_page li:before{content: "";display: block;width: 4px;height: 100%;position: absolute;left: 0;top: 0;} .google_seo_service_off_page li:nth-of-type(1):before{background: rgb(26 150 177);} .google_seo_service_off_page li:nth-of-type(2):before{background: rgb(234 67 53);} .google_seo_service_off_page li:nth-of-type(3):before{background: rgb(251 188 5);} .google_seo_service_monitor_content{width: 100%;height: auto;padding: 24px;border: 1px solid rgb(243 244 246);border-radius: 12px;background: rgb(249 250 251);margin-top: 30px;} .google_seo_service_monitor_content_title{font-size: 18px;color: rgb(31 41 55);font-weight: 700;} .google_seo_service_monitor_content_title:before{content: "\f201";font-size: 16px;color: var(--mainColor);font-family: "Font Awesome 6 Free";font-weight: 900;margin-right: 10px;} .google_seo_service_monitor_content_ul{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;} .google_seo_service_monitor_content_ul li{width: 48.5%;height: auto;padding: 16px;background: #FFFFFF;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);margin-top: 16px;} .google_seo_service_monitor_content_ul li h3{font-size: 20px;color: var(--mainColor);text-align: center;font-weight: 700;} .google_seo_service_monitor_content_ul li p{font-size: 16px;color: rgb(107 114 128);text-align: center;margin-top: 4px;} .google_seo_service_monitor_txt{width: auto;padding: 16px;border: 1px solid rgb(219 234 254);border-radius: 12px;background: rgba(239, 246, 255, 0.5);color: rgb(75 85 99);display: inline-block;margin-top: 24px;} .google_seo_service_monitor_txt:before{content: "\f15c";font-size: 16px;color: var(--mainColor);font-weight: 900;margin-right: 8px;font-family: "Font Awesome 6 Free";} .google_seo_why_hudoo_box{width: 100%;height: auto;padding: 110px 0px;background: url(/uploadfile/202608/4e529c1f0f421ae.webp) no-repeat center center rgba(26,150,177,0.6);background-size: cover;background-attachment: fixed;overflow: hidden;} .google_seo_why_hudoo_title{width: 100%;height: auto;} .google_seo_why_hudoo_title h2{font-size: 48px;color: #FFFFFF;text-align: center;font-weight: 700;} .google_seo_why_hudoo_ul{width: 100%;height: auto;display: flex;justify-content: space-between;} .google_seo_why_hudoo_ul li{width: 32.5%;height: auto;padding: 28px 40px;margin-top: 64px;border: 1px solid rgba(255,255,255,0.3);background: rgba(255,255,255,0.8);transition: all 0.3s;border-radius: 10px;} .google_seo_why_hudoo_ul li:hover{backdrop-filter: blur(10px);transform: translateY(-8px);background: rgba(255,255,255,0.3);} .google_seo_why_hudoo_ul_ico{width: 100px;height: auto;margin: 0px auto;} .google_seo_why_hudoo_ul_ico img{width: 100%;height: auto;display: block;} .google_seo_why_hudoo_ul li h3{font-size: 24px;color: var(--mainColor);font-weight: 700;margin-top: 10px;text-align: center;} .google_seo_why_hudoo_ul li p{font-size: 18px;color: #333;line-height: 1.6;margin-top: 10px;text-align: center;} .google_seo_why_hudoo_ul li:hover h3{color: #FFFFFF;} .google_seo_why_hudoo_ul li:hover p{color: #FFFFFF;} .google_seo_faq_box{width: 100%;height: auto;padding: 110px 0px;overflow: hidden;} .google_seo_faq_ul{width: 100%;height: auto;padding-top: 31px;} .google_seo_faq_ul li{width: 100%;height: auto;margin-top: 18px;border: 1px solid #D1D5DB;border-radius: 12px;overflow: hidden;} .google_seo_faq_ul_top{width: 100%;height: 64px;padding: 0 24px;display: flex;justify-content: space-between;align-items: center;transition: all 0.3s;cursor: pointer;} .google_seo_faq_ul_top h3{font-size: 18px;color: #1F2937;font-weight: 700;transition: all 0.3s;} .google_seo_faq_ul_top i{display: block;font-size: 18px;font-weight: 900;color: #D1D5DB;transition: all 0.3s;} .google_seo_faq_ul_bottom{width: 100%;height: auto;padding: 24px;display: none;} .google_seo_faq_ul_bottom p{font-size: 16px;color: #4b5563;line-height: 1.6;} .google_seo_faq_ul li:hover, .google_seo_faq_ul li.on{border-color: var(--mainColor);} .google_seo_faq_ul li:hover .google_seo_faq_ul_top, .google_seo_faq_ul li.on .google_seo_faq_ul_top{background: var(--mainColor);} .google_seo_faq_ul li.on .google_seo_faq_ul_top i{transform: rotate(180deg);color: #FFFFFF;} .google_seo_faq_ul li:hover.google_seo_faq_ul_top i{color: #FFFFFF;} .google_seo_faq_ul li:hover .google_seo_faq_ul_top h3, .google_seo_faq_ul li.on .google_seo_faq_ul_top h3{color: #FFFFFF;} .google_seo_why_hudoo_btn{display: flex;justify-content: center;align-items: center;width: 240px;height: 58px;background: var(--otherColor);border-radius: 29px;margin: 0px auto;margin-top: 50px;color: #FFFFFF;font-size: 18px;transition: all 0.3s;} .google_seo_why_hudoo_btn i{margin-left: 10px;transition: all 0.3s;} .google_seo_why_hudoo_btn:hover i{transform: translateX(10px);} /*Google Seo end*/ /*Shopify Seo start*/ .shopify_seo_banner_box{width: 100%;height: auto;padding: 80px 0px;background: url(../images/shopify_seo_banner_bg.webp) no-repeat center center;background-size: cover;overflow: hidden;} .shopify_seo_banner_box .contentWH1300{display: flex;justify-content: space-between;align-items: center;} .shopify_seo_banner_left{width: 39.23%;height: auto;} .shopify_seo_banner_left_top{width: 100%;height: auto;} .shopify_seo_banner_left_tag{width: 46.3%;height: 42px;border: 1px solid rgb(149 191 71 / 0.2);border-radius: 21px;display: flex;justify-content: center;align-items: center;text-align: center;font-size: 12px;color: #4b5563;text-transform: uppercase;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);transition: all 0.3s;} .shopify_seo_banner_left_tag i{font-size: 18px;color: #95bf47;margin-right: 16px;} .shopify_seo_banner_left_tag:hover{border-color: #95bf47;} .shopify_seo_banner_left_top h1{font-size: 62px;color: #111827;font-weight: 700;margin-top: 20px;} .shopify_seo_banner_left_top h1 span{display: block;font-weight: 700;background: linear-gradient(to right, #1A96B1, #95BF47);-webkit-background-clip: text;-webkit-text-fill-color: transparent;} .shopify_seo_banner_left_top p{font-size: 18px;color: #4b5563;font-weight: 500;line-height: 1.6;margin-top: 20px;} .shopify_seo_banner_left_top_buttom{display: flex;align-items: center;justify-content: center;width: 300px;height: 60px;border-radius: 30px;background: var(--mainColor);transition: all 0.3s;font-size: 18px;color: #FFFFFF;font-weight: 700;margin-top: 40px;transition: all 0.3s;} .shopify_seo_banner_left_top_buttom i{margin-left: 16px;} .shopify_seo_banner_left_top_buttom:hover{transform: translateY(-10px);background: #126d81;} .shopify_seo_banner_left_bottom{width: 100%;height: auto;display: flex;justify-content: flex-start;padding-top: 32px;margin-top: 48px;border-top: 1px solid #f3f4f6;} .shopify_seo_banner_left_bottom li + li{margin-left: 32px;} .shopify_seo_banner_left_bottom li h2{font-size: 24px;color: #111827;font-weight: 700;} .shopify_seo_banner_left_bottom li p{font-size: 14px;color: #6B7280;margin-top: 5px;} .shopify_seo_banner_right{width: 48.6%;height: auto;} .shopify_seo_banner_right img{width: 100%;height: auto;display: block;} .shopify_seo_why_box{width: 100%;height: auto;padding: 80px 0;overflow: hidden;} .shopify_seo_why_title{width: 100%;height: auto;} .shopify_seo_why_title h2{font-size: 48px;color: #111827;font-weight: 700;text-align: center;} .shopify_seo_why_title span{display: block;width: 64px;height: 6px;background: linear-gradient(to right, #1A96B1, #95BF47);margin: 0px auto;margin-top: 10px;border-radius: 3px;} .shopify_seo_why_ul li{background: #F6F6F7;} .shopify_seo_technology_top{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 30px;} .shopify_seo_technology_top li{width: 49.5%;height: auto;padding: 17px;border: 1px solid #FEE2E2;border-radius: 8px;background: #FEE2E2;} .shopify_seo_technology_top li h3{font-size: 18px;color: #DC2626;font-weight: 700;} .shopify_seo_technology_top li h3:before{content: "\f057";font-size: 16px;font-weight: 900;margin-right: 8px;font-family: "Font Awesome 6 Free";color: #DC2626;} .shopify_seo_technology_top_box{display: flex;align-items: center;width: 100%;margin-top: 12px;font-size: 12px;color: #DC2626;} .shopify_seo_technology_top_box span{width: 76.84%;height: 8px;background: #FECACA;border-radius: 4px;position: relative;display: block;margin-right: 4px;overflow: hidden;} .shopify_seo_technology_top_box span:before{content: "";width: 25%;height: 100%;display: block;position: absolute;left: 0;top: 0;border-radius: 4px;background: #DC2626;} .shopify_seo_technology_top li p{font-size: 16px;color: #4B5563;margin-top: 8px;} .shopify_seo_technology_top li:nth-of-type(2){background: #E9F2DA;border-color: rgba(149, 191, 71, 0.3);} .shopify_seo_technology_top li:nth-of-type(2) h3{color: #95BF47;} .shopify_seo_technology_top li:nth-of-type(2) h3:before{content: "\f058"; color: #95BF47;} .shopify_seo_technology_top li:nth-of-type(2) .shopify_seo_technology_top_box span{background: #E9F2DA;} .shopify_seo_technology_top li:nth-of-type(2) .shopify_seo_technology_top_box{color: #95BF47;} .shopify_seo_technology_top li:nth-of-type(2) .shopify_seo_technology_top_box span:before{width: 98%;background: #95BF47;} .shopify_seo_technology_bottom{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 16px;} .shopify_seo_technology_bottom li{width: 48.5%;height: auto;margin-top: 16px;} .shopify_seo_technology_bottom li h3{font-size: 18px;color: var(--mainColor);font-weight: 700;} .shopify_seo_technology_bottom li h3:before{content: "\f121";font-family: "Font Awesome 6 Free";font-size: 16px;color: var(--mainColor);margin-right: 6px;} .shopify_seo_technology_bottom li p{font-size: 16px;color: #4B5563;font-weight: 500;margin-top: 5px;} .shopify_seo_technology_bottom li:nth-of-type(2) h3:before{content: "\f625";} .shopify_seo_technology_bottom li:nth-of-type(3) h3:before{content: "\f0c1";} .shopify_seo_technology_bottom li:nth-of-type(4) h3:before{content: "\f0ac";} .shopify_seo_in_ul{width: 100%;height: auto;display: flex;justify-content: space-between;padding-top: 16px;flex-wrap: wrap;} .shopify_seo_in_ul li{width: 48.5%;height: auto;padding: 20px;border: 1px solid #f3f4f6;border-radius: 12px;background: #f9fafb;margin-top: 16px;} .shopify_seo_in_ul li h3{font-size: 18px;color: #1f2937;font-weight: 700;} .shopify_seo_in_ul li h3:before{content: "";font-size: 16px;font-weight: 900;color: var(--mainColor);font-family: "Font Awesome 6 Free";margin-right: 6px;} .shopify_seo_in_ul li:nth-of-type(1) h3:before{content: "\f005";color: #facc15;} .shopify_seo_in_ul li:nth-of-type(2) h3:before{content: "\f5fd";} .shopify_seo_in_ul li:nth-of-type(3) h3:before{content: "\f0e8";} .shopify_seo_in_ul li:nth-of-type(4) h3:before{content: "\f302";} .shopify_seo_in_ul li p{font-size: 16px;color: #4b5563;line-height: 1.6;margin-top: 10px;} .shopify_seo_service_market{width: 100%;height: auto;padding-top: 16px;} .shopify_seo_service_market li{width: 100%;height: auto;display: flex;justify-content: flex-start;align-items: center;margin-top: 16px;} .shopify_seo_service_market li i{display: flex;justify-content: center;align-items: center;flex: 0 0 40px;aspect-ratio:1/1;border-radius: 50%;margin-right: 16px;font-style: normal;} .shopify_seo_service_market li i:before{content: "";font-size: 16px;font-weight: 900;font-family: "Font Awesome 6 Free";} .shopify_seo_service_market_right{flex: 1;} .shopify_seo_service_market_right h3{font-size: 18px;color: #1f2937;font-weight: 700;} .shopify_seo_service_market_right p{font-size: 16px;color: #4B5563;margin-top: 5px;} .shopify_seo_service_market li:nth-of-type(1) i{background: #f3e8ff;} .shopify_seo_service_market li:nth-of-type(2) i{background: #e9f2da;} .shopify_seo_service_market li:nth-of-type(3) i{background: #e0f4f8;} .shopify_seo_service_market li:nth-of-type(1) i:before{content: "\f06b";color: #9333ea;} .shopify_seo_service_market li:nth-of-type(2) i:before{color: #95bf47;content: "\f217";} .shopify_seo_service_market li:nth-of-type(3) i:before{color: #1a96b1;content: "\f002";} .shopify_seo_why_hudoo_box{width: 100%;height: auto;background: url(/uploadfile/202608/63fd97c572a6.webp) no-repeat center center;background-size: cover;padding: 120px 0;background-attachment: fixed;overflow: hidden;} .google_seo_service_title.white h2{color: #FFFFFF;} .shopify_seo_why_hudoo_ul{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;padding-top: 20px;} .shopify_seo_why_hudoo_ul li{width: 32%;height: auto;margin-top: 30px;padding: 30px;border: 1px solid rgba(255,255,255,0.8);background: rgba(255,255,255,0.4);backdrop-filter: blur(10px);border-radius: 12px;} .shopify_seo_why_hudoo_ul li i{display: block;font-style: normal;} .shopify_seo_why_hudoo_ul li i:before{content: "";font-family: "Font Awesome 6 Free";font-size: 30px;font-weight: 900;} .shopify_seo_why_hudoo_ul li:nth-of-type(1) i:before{content: "\f058";color: #95bf47;} .shopify_seo_why_hudoo_ul li:nth-of-type(2) i:before{content: "\f126";color: var(--mainColor);} .shopify_seo_why_hudoo_ul li:nth-of-type(3) i:before{content: "\f4c0";color: #ff9600;} .shopify_seo_why_hudoo_ul li h3{font-size: 18px;font-weight: 700;margin-top: 20px;color: #111827;} .shopify_seo_why_hudoo_ul li p{font-size: 16px;color: #333;line-height: 1.6;margin-top: 10px;} /*Shopify Seo end*/ /*Bing Seo start*/ .bing_seo_banner_box{width: 100%;height: auto;position: relative;overflow: hidden;} .bing_seo_banner_bg{width: 100%;height: auto;} .bing_seo_banner_bg img{width: 100%;height: auto;display: block;} .bing_seo_banner_content_box{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: center;} .bing_seo_banner_content{width: 64.6%;height: auto;margin: 0px auto;padding-bottom: 180px;} .bing_seo_banner_tag{width: auto;height: auto;padding: 8px 20px;border: 1px solid #e5e7eb;font-size: 16px;color: #FFFFFF;font-weight: 600;text-align: center;text-transform: uppercase;display: table;margin: 0px auto;border-radius: 50px;background: rgba(255, 255, 255, 0.13);backdrop-filter: blur(10px);transition: all 0.3s;} .bing_seo_banner_tag i{font-size: 20px;color: #FFFFFF;margin-right: 10px;} .bing_seo_banner_tag:hover{box-shadow: 0 0 25px rgba(26, 150, 177, 0.4);} .bing_seo_banner_content h1{font-size: 70px;color: #FFFFFF;font-weight: 700;text-align: center;margin-top: 30px;} .bing_seo_banner_content h1 span{display: block;font-weight: 700;background: linear-gradient(90deg,rgba(165, 243, 252, 1) 0%, rgba(255, 255, 255, 1) 50%, rgba(165, 243, 252, 1) 100%);background-clip: text;color: transparent;} .bing_seo_banner_content p{font-size: 20px;color: #e2e8f0;font-weight: 300;line-height: 1.4;margin-top: 22px;text-align: center;padding: 0 5%;} .bing_seo_banner_content p strong{font-weight: 600;text-decoration: underline;} .bing_seo_banner_content_btn{width: 100%;height: auto;display: flex;justify-content: center;margin-top: 38px;} .bing_seo_banner_content_btn_left{width: 286px;height: 62px;border-radius: 6px;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #FFFFFF;font-weight: 700;background: #FF9600;transition: all 0.3s;} .bing_seo_banner_content_btn_left i{margin-left: 16px;font-weight: 900;transition: all 0.3s;} .bing_seo_banner_content_btn_left:hover{transform: translateY(-5px);} .bing_seo_banner_content_btn_left:hover i{transform: translateX(5px);} .bing_seo_banner_content_btn_right{width: 138px;height: 62px;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #FFFFFF;font-weight: 700;border-radius: 6px;margin-left: 20px;background: rgba(11, 22, 35, 0.6);transition: all 0.3s;} .bing_seo_banner_content_btn_right:hover{transform: translateY(-5px);background: var(--mainColor);} .bing_seo_banner_btn{width: 40px;height: auto;position: absolute;left: 50%;transform: translateX(-50%);bottom: 40px;animation: btnMove 1s infinite ease-in-out;cursor: pointer;} .bing_seo_banner_btn img{width: 100%;height: auto;display: block;filter: brightness(0) invert(1);} @keyframes btnMove{ 0%{transform: translateY(0);} 50%{transform: translateY(-8px);} 100%{transform: translateY(0);} } .bing_seo_why_box{width: 100%;height: auto;padding: 80px 0px;overflow: hidden;} .bing_seo_why_title{width: 100%;height: auto;} .bing_seo_why_title span{display: flex;justify-content: center;align-items: center;width: 263px;height: auto; padding: 5px 13px;background: #E0F4F8;border: 1px solid var(--mainColor);border-radius: 99px;font-size: 14px;color: var(--mainColor);text-transform: uppercase;font-weight: 600;margin: 0px auto;} .bing_seo_why_title h2{font-size: 48px;color: #0F172A;font-weight: 700;text-align: center;margin-top: 9px;} .bing_seo_why_ul{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 58px;} .bing_seo_why_ul li{width: 32%;height: auto;padding: 30px;border: 1px solid #F1F5F9;background: #FFFFFF;box-shadow: 0 0 30px -5px rgba(0,0,0,0.05);border-radius: 16px;overflow: hidden;position: relative;transition: all 0.3s;} .bing_seo_why_ul li:before{content: "";display: block;width: 0%;height: 4px;background: linear-gradient(90deg,rgba(26, 150, 177, 1) 0%, rgba(0, 120, 212, 1) 100%);position: absolute;left: 0;top: 0;overflow: hidden;transition: all 0.3s;} .bing_seo_why_ul_ico{width: 64px;height: auto;aspect-ratio:1/1;border-radius: 16px;background: #E0F4F8;display: flex;justify-content: center;align-items: center;} .bing_seo_why_ul_ico img{display: block;} .bing_seo_why_ul li h3{margin-top: 22px;font-size: 24px;color: #0f172a;font-weight: 700;} .bing_seo_why_ul li p{font-size: 16px;color: #475569;line-height: 1.6;margin-top: 16px;} .bing_seo_why_ul li p strong{color: #1e293b;font-weight: 700;background: #e0f4f8;} .bing_seo_why_ul li:hover{box-shadow: 0 20px 40px -5px rgba(26, 150, 177, 0.15);} .bing_seo_why_ul li:hover .bing_seo_why_ul_ico img{filter: brightness(0) invert(1);} .bing_seo_why_ul li:hover:before{width: 100%;} .bing_seo_why_ul li:nth-of-type(1):hover .bing_seo_why_ul_ico{background: var(--mainColor);} .bing_seo_why_ul li:nth-of-type(2):hover .bing_seo_why_ul_ico{background: #0078d4;} .bing_seo_why_ul li:nth-of-type(3):hover .bing_seo_why_ul_ico{background: #9333ea;} .bing_seo_service_box{width: 100%;height: auto;padding: 80px 0px;background: url(../images/bing_seo_service_bg.webp) no-repeat center center;background-size: cover;overflow: hidden;} .bing_seo_service_title{width: 100%;height: auto;} .bing_seo_service_tag{display: flex;justify-content: center;align-items: center;width: 120px;height: auto;padding: 5px 0;border-radius: 99px;border: 1px solid rgba(26, 150, 177, 0.1);margin: 0px auto;font-size: 14px;color: var(--mainColor);font-weight: 700;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);} .bing_seo_service_title h2{font-size: 48px;color: #0F172A;font-weight: 700;text-align: center;margin-top: 10px;} .bing_seo_service_ul{width: 100%;height: auto;padding-top: 56px;} .bing_seo_service_ul li{width: 100%;height: auto;margin-top: 24px;border: 1px solid #f1f5f9;background: #FFFFFF;border-radius: 16px;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);transition: all 0.3s;} .bing_seo_service_ul_top{width: 100%;height: auto;padding: 30px;display: flex;justify-content: space-between;align-items: center;cursor: pointer;} .bing_seo_service_ul li:hover{box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1);} .bing_seo_service_ul_top_left{display: flex;justify-content: flex-start;align-items: center;} .bing_seo_service_ul_top_left_number{width: 56px;height: auto;aspect-ratio:1/1;display: flex;justify-content: center;align-items: center;border: 1px solid #e2e8f0;border-radius: 16px;color: #94a3b8;font-size: 20px;font-weight: 700;margin-right: 24px;transition: all 0.3s;} .bing_seo_service_ul_top_left_txt h3{font-size: 20px;color: #0f172a;font-weight: 700;display: flex;justify-content: flex-start;align-items: center;transition: all 0.3s;} .bing_seo_service_ul_top_left_txt span{padding: 2px 8px;border: 1px solid #fee2e2;border-radius: 20px;background: #fef2f2;color: #dc2626;text-transform: uppercase;font-size: 14px;margin-left: 8px;} .bing_seo_service_ul_top_left_txt p{font-size: 14px;color: #64748b;margin-top: 10px;} .bing_seo_service_ul li.on .bing_seo_service_ul_top_left_number, .bing_seo_service_ul li:hover .bing_seo_service_ul_top_left_number{border-color: var(--mainColor);color: var(--mainColor);} .bing_seo_service_ul li.on .bing_seo_service_ul_top_left_txt h3, .bing_seo_service_ul li:hover .bing_seo_service_ul_top_left_txt h3{color: var(--mainColor);} .bing_seo_service_ul li.on .bing_seo_service_ul_top_left_number{background: var(--mainColor);color: #FFFFFF;} .bing_seo_service_ul_top_right{width: 40px;height: auto;aspect-ratio:1/1;background: #f8fafc;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 18px;font-weight: 900;} .bing_seo_service_ul_top_right:before{content: "\2b";font-family: "Font Awesome 6 Free";color: #94a3b8;} .bing_seo_service_ul li:hover .bing_seo_service_ul_top_right{background: #E0F4F8;} .bing_seo_service_ul li:hover .bing_seo_service_ul_top_right:before{color: var(--mainColor);} .bing_seo_service_ul_bottom{width: 100%;height: auto;display: none;} .bing_seo_service_ul_bottom_dl{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0 30px;padding-bottom: 30px;} .bing_seo_service_ul_bottom_dl dd{width: 42.5%;height: auto;margin-top: 30px;} .bing_seo_service_ul_bottom_dl dd h3{font-size: 18px;color: #1e293b;font-weight: 700;} .bing_seo_service_ul_bottom_dl dd h3:before{content: ;font-size: 16px;margin-right: 8px;font-family: "Font Awesome 6 Free";font-weight: 900;color: var(--mainColor);margin-right: 8px;} .bing_seo_service_ul_bottom_dl dd:nth-of-type(1) h3:before{content: "\f0e7";} .bing_seo_service_ul_bottom_dl dd:nth-of-type(2) h3:before{content: "\f1de";} .bing_seo_service_ul_bottom_dl dd:nth-of-type(3) h3:before{content: "\f717";} .bing_seo_service_ul_bottom_dl dd:nth-of-type(4) h3:before{content: "\f3ed";} .bing_seo_service_ul_bottom_dl dd p{font-size: 16px;color: #475569;margin-top: 10px;line-height: 1.6;} .bing_seo_service_ul li.on .bing_seo_service_ul_top_right:before{content: "\f068";} .bing_seo_service_ul_bottom_dl_optimization dd{padding: 20px;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);border-radius: 12px;border: 1px solid #f1f5f9;width: 48.5%;} .bing_seo_service_ul_bottom_dl_optimization dd:nth-of-type(1) h3:before{content: "\f140";} .bing_seo_service_ul_bottom_dl_optimization dd:nth-of-type(2) h3:before{content: "\f302";color: "\f302";} .bing_seo_service_ul li:nth-of-type(3) .bing_seo_service_ul_top_left_number{background: linear-gradient(136deg,#9333ea 0%, #4f46e5 100%);color: #FFFFFF;border: none;box-shadow: 0 10px 15px -3px rgba(168,85,247,0.3);} .bing_seo_service_ai_dl{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;height: auto;padding: 0 30px;padding-bottom: 30px;transition: all 0.3s;} .bing_seo_service_ai_dl dd{width: 32%;height: auto;border: 1px solid rgba(243, 232, 255, 0.5);border-radius: 12px;box-shadow: 0px 1px 2px 0 rgba(0,0,0,.0.5);padding: 16px;} .bing_seo_service_ai_dl dd i{display: block;font-family: "Font Awesome 6 Free";font-weight: 900;color: #9333ea;font-style: normal;margin-bottom: 8px;} .bing_seo_service_ai_dl dd i:before{content: "\f086";font-size: 18px;} .bing_seo_service_ai_dl dd:nth-of-type(2) i:before{content: "\f121";font-size: 18px;} .bing_seo_service_ai_dl dd:nth-of-type(3) i:before{content: "\f5da";font-size: 18px;} .bing_seo_service_ai_dl dd h3{font-size: 18px;color: #1e293b;font-weight: 700;} .bing_seo_service_ai_dl dd p{font-size: 14px;margin-top: 5px;color: #64748b;} .bing_seo_service_ai_dl dd:hover{border-color: #e9d5ff;} .bing_seo_service_social_dl{width: 100%;height: auto;display: flex;justify-content: space-between;padding: 30px;} .bing_seo_service_social_dl dd{width: 32%;height: auto;} .bing_seo_service_social_dl dd i{display: flex;justify-content: center;align-items: center;width: 48px;height: auto;aspect-ratio:1/1;border-radius: 50%;margin: 0px auto;transition: all 0.3s;} .bing_seo_service_social_dl dd:nth-of-type(1) i{background: #dbeafe;} .bing_seo_service_social_dl dd:nth-of-type(2) i{background: #f3f4f6;} .bing_seo_service_social_dl dd:nth-of-type(3) i{background: #fee2e2;} .bing_seo_service_social_dl dd i img{display: block;width: 40%;transition: all 0.3s;} .bing_seo_service_social_dl dd:nth-of-type(1):hover i{background: #2563eb;} .bing_seo_service_social_dl dd:nth-of-type(2):hover i{background: #4b5563;} .bing_seo_service_social_dl dd:nth-of-type(3):hover i{background: #dc2626;} .bing_seo_service_social_dl dd:hover i img{filter: brightness(0) invert(1);} .bing_seo_service_social_dl dd h3{font-size: 16px;color: #0F172A;font-weight: 700;text-align: center;margin-top: 10px;} .bing_seo_service_ul li:nth-of-type(4) h3 span{background: #eff6ff;border-color: #dbeafe;color: #2563eb;} .bing_seo_service_monitoring_dl{width: 100%;height: auto;padding: 30px;display: flex;justify-content: space-between;} .bing_seo_service_monitoring_dl dd{width: 23.5%;height: auto;padding: 16px;border: 1px solid #f1f5f9;border-radius: 12px;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);} .bing_seo_service_monitoring_dl dd h3{font-size: 30px;color: var(--mainColor);font-weight: 700;text-align: center;height: 42px;} .bing_seo_service_monitoring_dl dd p{font-size: 14px;color: #94a3b8;text-align: center;} .bing_seo_service_monitoring_dl dd i{display: flex;justify-content: center;align-items: center;margin: 0px auto;font-style: normal;text-align: center;height: 42px;} .bing_seo_service_monitoring_dl dd:nth-of-type(3) i{font-size: 18px;color: #22c55e;} .bing_seo_service_monitoring_dl dd:nth-of-type(4) i{font-size: 30px;color: var(--mainColor);} .bing_seo_why_hudoo_box{width: 100%;height: auto;padding: 110px 0;background: url(/uploadfile/202608/4e529c1f0f421ae.webp) no-repeat center center;background-size: cover;background-attachment: fixed;overflow: hidden;} .bing_seo_why_hudoo_title{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: flex-end;} .bing_seo_why_hudoo_title_left h2{font-size: 48px;color: #FFFFFF;font-weight: 700;} .bing_seo_why_hudoo_title_left h2 span{color: var(--mainColor);font-weight: 700;} .bing_seo_why_hudoo_title_left p{font-size: 16px;color: #94A3B8;} .bing_seo_why_hudoo_title_more{display: flex;justify-content: center;align-items: center;width: 139px;height: 44px;border: 1px solid rgba(255,255,255,0.2);border-radius: 22px;font-size: 16px;color: #FFFFFF;font-weight: 600;background: rgba(0,0,0,0.2);backdrop-filter: blur(10px);} .bing_seo_why_hudoo_title_more:after{content: "\f061";font-family: "Font Awesome 6 Free";font-weight: 900;color: #FFFFFF;margin-left: 10px;transition: all 0.3s;} .bing_seo_why_hudoo_title_more:hover{background: var(--mainColor);} .bing_seo_why_hudoo_title_more:hover:after{transform: translateX(5px);} .bing_seo_why_hudoo_ul{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 80px;} .bing_seo_why_hudoo_ul li{width: 32%;height: auto;border: 1px solid rgba(255,255,255,0.2);padding: 40px;border-radius: 12px;background: rgba(26,150,177,0.2);} .bing_seo_why_hudoo_ul_ico{width: 56px;height: auto;aspect-ratio:1/1;background: linear-gradient(122deg,rgba(34, 211, 238, 1) 0%, rgba(59, 130, 246, 1) 100%);border-radius: 16px;display: flex;justify-content: center;align-items: center;box-shadow: 0 10px 15px -3px rgba(6, 182, 212, 0.3);transition: all 0.3s;} .bing_seo_why_hudoo_ul_ico img{display: block;height: 24px;width: auto;} .bing_seo_why_hudoo_ul li h3{font-size: 20px;color: #FFFFFF;font-weight: 700;margin-top: 14px;} .bing_seo_why_hudoo_ul li p{font-size: 16px;line-height: 1.6;color: #94A3B8;margin-top: 10px;} .bing_seo_why_hudoo_ul li:hover .bing_seo_why_hudoo_ul_ico{transform: rotate(10deg);} .bing_seo_why_hudoo_ul li:hover{backdrop-filter: blur(10px);} .bing_seo_why_hudoo_ul li:nth-of-type(2) .bing_seo_why_hudoo_ul_ico{background: linear-gradient(122deg,#A855F7 0%, #EC4899 100%);box-shadow: 0 10px 15px -3px rgba(168, 85, 247, 0.3);} .bing_seo_why_hudoo_ul li:nth-of-type(3) .bing_seo_why_hudoo_ul_ico{background: linear-gradient(122deg,rgba(45, 212, 191, 1) 0%, rgba(26, 150, 177, 1) 100%);box-shadow: 0 10px 15px -3px rgba(168, 85, 247, 0.3);} /*Bing Seo end*/ /*Yandex Seo start*/ .yandex_seo_banner_bg{width: 100%;height: auto;} .yandex_seo_banner_bg img{width: 100%;height: 100%;display: block;object-fit: cover;} .yandex_seo_banner_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: center;overflow: hidden;} .yandex_seo_banner_content .contentWH1300{display: flex;justify-content: space-between;align-items: center;} .yandex_seo_banner_content_left{width: 40.5%;height: auto;padding-bottom: 50px;} .yandex_seo_banner_content_left_tag{width: 286px;line-height: 25px;background: #FC3F1D;font-size: 14px;color: #FFFFFF;text-align: center;text-transform: uppercase;} .yandex_seo_banner_content_left h1{font-size: 72px;color: #FFFFFF;font-weight: 700;line-height: 1.2;margin-top: 8px;padding-right: 10%;} .yandex_seo_banner_content_left h2{font-size: 24px;color: #e5e7eb;margin-top: 14px;} .yandex_seo_banner_content_left p{margin-top: 16px;font-size: 18px;color: #d1d5db;line-height: 1.6;padding-left: 16px;border-left: 4px solid #fc3f1d;} .yandex_seo_banner_content_left_btn{display: flex;width: 100%;height: auto;justify-content: flex-start;margin-top: 40px;} .yandex_seo_banner_content_left_btn1{width: 268px;height: 64px;background: #fc3f1d;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #FFFFFF;font-weight: 700;transition: all 0.3s;} .yandex_seo_banner_content_left_btn1:after{content: "\f061";font-size: 18px;margin-left: 16px;font-family: "Font Awesome 6 Free";font-weight: 900;transition: all 0.3s;} .yandex_seo_banner_content_left_btn2{width: 176px;height: 64px;border: 2px solid #FFFFFF;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #FFFFFF;font-weight: 700;margin-left: 16px;transition: all 0.3s;} .yandex_seo_banner_content_left_btn1:hover{background: #b91c1c;} .yandex_seo_banner_content_left_btn2:hover{background: #FFFFFF;color: #1a252f;} .yandex_seo_banner_content_left_btn1:hover:after{transform: translateX(5px);} .yandex_seo_banner_content_right{width: 48.1%;height: auto;} .yandex_seo_banner_content_right img{width: 100%;height: auto;display: block;} .yandex_seo_market_box{width: 100%;height: auto;padding: 80px 0px;background: url(../images/yandex_seo_market_bg.webp) no-repeat center center;background-size: cover;overflow: hidden;} .yandex_seo_market_title{width: 100%;height: auto;} .yandex_seo_market_tag{width: 190px;height: 28px;border: 1px solid var(--mainColor);margin: 0px auto;font-size: 14px;color: var(--mainColor);font-weight: 700;display: flex;justify-content: center;align-items: center;text-transform: uppercase;} .yandex_seo_market_title h2{font-size: 48px;color: #FFFFFF;font-weight: 700;text-align: center;margin-top: 8px;} .yandex_seo_market_title h2 span{font-weight: 700;color: #fc3f1d;} .yandex_seo_market_ul{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 64px;} .yandex_seo_market_ul li{width: 32%;height: auto;padding: 30px;border: 1px solid rgba(255,255,255,0.1);background: rgba(255,255,255,0.05);backdrop-filter: blur(8px);border-top: 4px solid #1a96b1;transition: all 0.3s;} .yandex_seo_market_ul li h4{font-size: 48px;color: #FFFFFF;font-weight: 700;} .yandex_seo_market_ul li h3{font-size: 20px;margin-top: 8px;font-weight: 700;color: var(--mainColor);} .yandex_seo_market_ul li p{margin-top: 16px;font-size: 16px;color: #9ca3af;line-height: 1.6;} .yandex_seo_market_ul li:hover{background: rgba(255,255,255,0.1);} .yandex_seo_market_ul li:nth-of-type(2){border-top-color: #fc3f1d;} .yandex_seo_market_ul li:nth-of-type(2) h3{color: #fc3f1d;} .yandex_seo_service_box{width: 100%;height: auto;padding: 80px 0px;background: #f5f7fa;overflow: hidden;} .yandex_seo_service_title{width: 100%;height: auto;} .yandex_seo_service_title h2{font-size: 48px;color: #1A252F;font-weight: 700;text-align: center;} .yandex_seo_service_title h2 span{color: var(--mainColor);font-weight: 700;} .yandex_seo_service_title i{display: block;width: 96px;height: 4px;background: #fc3f1d;margin: 0px auto;margin-top: 8px;} .yandex_seo_service_ul_bottom_dl dd h3{color: var(--mainColor);} .yandex_seo_service_ul_bottom_dl dd:nth-of-type(1) h3:before{content: "\f5a0";} .yandex_seo_service_ul_bottom_dl dd:nth-of-type(2) h3:before{content: "\f0e7";} .yandex_seo_service_ul_bottom_dl dd:nth-of-type(3) h3:before{content: "\f544";} .yandex_seo_factors_box{width: 100%;height: auto;display: flex;justify-content: space-between;padding: 30px;padding-top: 0;} .yandex_seo_factors_box dd{width: 32%;height: auto;padding: 16px;background: #f9fafb;border: 1px solid #e5e7eb;transition: all 0.3s;} .yandex_seo_factors_box dd i{display: block;text-align: center;font-family: "Font Awesome 6 Free";font-style: normal;font-size: 30px;} .yandex_seo_factors_box dd i:before{content: "\f1ad";font-weight: 900;color: #2c3e50;transition: all 0.3s;} .yandex_seo_factors_box dd h3{font-size: 20px;font-weight: 700;text-align: center;margin-top: 12px;transition: all 0.3s;} .yandex_seo_factors_box dd p{font-size: 16px;color: #4b5563;text-align: center;line-height: 1.6;margin-top: 8px;} .yandex_seo_factors_box dd:hover{border-color: var(--mainColor);box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1);} .yandex_seo_factors_box dd:hover i:before{color: #fc3f1d;} .yandex_seo_factors_box dd:hover h3{color: var(--mainColor);} .yandex_seo_factors_box dd:nth-of-type(2) i:before{content: "\f3c5";} .yandex_seo_factors_box dd:nth-of-type(3) i:before{content: "\f571";} .yandex_seo_service_content{width: 100%;height: auto;padding: 30px;} .yandex_seo_service_content_title{font-size: 18px;color: #374151;font-style: italic;padding-left: 16px;border-left: 4px solid var(--mainColor);} .yandex_seo_service_content_ul{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 30px;} .yandex_seo_service_content_ul dd{width: 32%;height: auto;} .yandex_seo_service_content_ul dd h3{font-size: 18px;color: var(--mainColor);font-weight: 700;text-transform: uppercase;} .yandex_seo_service_content_ul dd p{font-size: 16px;color: #4b5563;line-height: 1.6;margin-top: 10px;} .yandex_seo_service_beh_box{width: 100%;height: auto;padding: 30px;padding-top: 0;} .yandex_seo_service_beh_box dd + dd{margin-top: 30px;} .yandex_seo_service_beh_box dd h3{font-size: 18px;color: var(--mainColor);font-weight: 700;text-transform: uppercase;} .yandex_seo_service_beh_box dd p{font-size: 16px;color: #4b5563;margin-top: 8px;} .yandex_seo_service_metrica_box{width: 100%;height: auto;padding: 30px;padding-top: 0;} .yandex_seo_service_metrica_title{display: flex;justify-content: flex-start;align-items: center;font-size: 18px;color: #4b5563;font-weight: 700;} .yandex_seo_service_metrica_title img{width: 32px;height: auto;display: block;margin-right: 16px;} .yandex_seo_service_metrica_dl{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 30px;} .yandex_seo_service_metrica_dl dd{width: 32%;height: auto;padding: 8px;background: #f3f4f6;border: 1px solid #e5e7eb;} .yandex_seo_service_metrica_dl dd h3{font-size: 20px;color: var(--mainColor);font-weight: 700;text-align: center;transition: all 0.3s;} .yandex_seo_service_metrica_dl dd p{font-size: 16px;color: #6b7280;text-align: center;} .yandex_seo_service_metrica_dl dd:hover h3{color: #fc3f1d;} .yandex_seo_why_box{width: 100%;height: auto;padding: 110px 0px;background: url(/uploadfile/202608/4e529c1f0f421ae.webp) no-repeat center center;background-size: cover;overflow: hidden;} .yandex_seo_why_title{width: 100%;height: auto;} .yandex_seo_why_title h2{font-size: 48px;color: #FFFFFF;font-weight: 700;text-align: center;} .yandex_seo_why_title h2 span{font-weight: 700;color: var(--mainColor);text-transform: uppercase;} .yandex_seo_why_ul{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 58px;} .yandex_seo_why_ul li{width: 32%;height: auto;padding: 30px;border: 1px solid rgba(255,255,255,0.1);border-radius: 10px;background: rgba(255, 255, 255, 0.05);backdrop-filter: blur(8px);transition: all 0.3s;} .yandex_seo_why_ul li i{display: block;font-family: "Font Awesome 6 Free";font-style: normal;font-size: 30px;color: #FFFFFF;transition: all 0.3s;} .yandex_seo_why_ul li h3{font-size: 20px;color: #FFFFFF;font-weight: 700;margin-top: 10px;} .yandex_seo_why_ul li p{font-size: 16px;color: #FFFFFF;line-height: 1.6;margin-top: 10px;} .yandex_seo_why_ul li:hover i{color: #fc3f1d;} .yandex_seo_why_ul li:hover{background: rgba(255,255,255,0.1);} /*Yandex Seo end*/ /*Woocommerce Seo start*/ .woocommerce_seo_banner_box{width: 100%;height: auto;padding: 80px 0;background: url(../images/woocommerce_seo_banner_bg.webp) no-repeat center center;background-size: cover;overflow: hidden;} .woocommerce_seo_banner_box .contentWH1300{display: flex;justify-content: space-between;align-items: center;} .woocommerce_seo_banner_left{width: 45.3%;height: auto;} .woocommerce_seo_banner_left_tag{width: 292px;height: 38px;border-radius: 19px;background: #f6f9fc;border: 1px solid #e5e7eb;display: flex;justify-content: center;align-items: center;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);color: #4b5563;font-weight: 700;font-size: 14px;} .woocommerce_seo_banner_left_tag i{font-size: 18px;margin-right: 8px;} .woocommerce_seo_banner_left_tag span{margin-right: 8px;} .woocommerce_seo_banner_left h1{font-size: 60px;color: #111827;font-weight: 900;margin-top: 10px;line-height: 1.2;} .woocommerce_seo_banner_left h1 span{color: var(--mainColor);font-weight: 900;display: block;} .woocommerce_seo_banner_left_tag i:nth-of-type(1){color: #1d4ed8;} .woocommerce_seo_banner_left_tag i:nth-of-type(2){color: #4f46e5;} .woocommerce_seo_banner_left p{font-size: 18px;color: #4b5563;line-height: 1.6;margin-top: 24px;} .woocommerce_seo_banner_left_btn{width: 272px;height: 60px;border-radius: 8px;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #FFFFFF;font-weight: 700;background: #ff6b00;margin-top: 40px;transition: all 0.3s;} .woocommerce_seo_banner_left_btn:after{content: "\f061";font-family: "Font Awesome 6 Free";font-size: 18px;margin-left: 8px;} .woocommerce_seo_banner_left_btn:hover{transform: translateY(-8px);background: #ea580c;} .woocommerce_seo_banner_left_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;padding-top: 32px;margin-top: 48px;border-top: 1px solid #f3f4f6;} .woocommerce_seo_banner_left_ul li + li{margin-left: 32px;} .woocommerce_seo_banner_left_ul li h3{font-size: 30px;color: var(--mainColor);font-weight: 900;} .woocommerce_seo_banner_left_ul li p{font-size: 16px;color: #6b7280;margin-top: 0;text-transform: uppercase;} .woocommerce_seo_banner_left_ul li:nth-last-of-type(1) h3{color: #2ecc71;} .woocommerce_seo_banner_left_right{width: 38.8%;height: auto;} .woocommerce_seo_banner_left_right_top{width: 100%;height: auto;} .woocommerce_seo_banner_left_right_top img{width: 64%;height: auto;display: block;transform: rotate(-3deg);transition: all 0.3s;box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);border-radius: 12px;} .woocommerce_seo_banner_left_right_top img:hover{transform: rotate(0);} .woocommerce_seo_banner_left_right_bottom{width: 100%;height: auto;display: flex;justify-content: flex-end;margin-top: -23px;position: relative;} .woocommerce_seo_banner_left_right_bottom img{display: block;width: 51.2%;height: auto;border-radius: 12px;box-shadow: 0 20px 40px -10px rgba(26,150,177,0.15);animation: wooBanner 2s infinite ease-in-out;} @keyframes wooBanner{ 0%{transform: translateY(0);} 50%{transform: translateY(-23px);} 100%{transform: translateY(0);} } .woocommerce_seo_why_box{width: 100%;height: auto;padding: 80px 0px;background: #f9fafb;overflow: hidden;} .woocommerce_seo_why_ul li i{display: flex;justify-content: center;align-items: center;width: 56px;height: auto;aspect-ratio:1/1;border-radius: 8px;font-weight: 900;font-family: "Font Awesome 6 Free";transition: all 0.3s;font-style: normal;} .woocommerce_seo_why_ul li:nth-of-type(1) i{background: #e4f4f7;} .woocommerce_seo_why_ul li:nth-of-type(1) i:before{content: "\f1c0";font-size: 24px;color: #1a96b1;} .woocommerce_seo_why_ul li:nth-of-type(2) i{background: #f3e8ff;} .woocommerce_seo_why_ul li:nth-of-type(2) i:before{content: "\f0a1";font-size: 24px;color: #9333ea;} .woocommerce_seo_why_ul li:nth-of-type(3) i{background: #ffedd5;} .woocommerce_seo_why_ul li:nth-of-type(3) i:before{content: "\f085";font-size: 24px;color: #f97316;} .woocommerce_seo_why_ul li:nth-of-type(1):hover i{background: var(--mainColor);} .woocommerce_seo_why_ul li:nth-of-type(2):hover i{background: #9333ea;} .woocommerce_seo_why_ul li:nth-of-type(3):hover i{background: #f97316;} .woocommerce_seo_why_ul li:hover i:before{color: #FFFFFF;} .woocommerce_seo_why_ul li p{font-size: 16px;} .woocommerce_seo_why_ul li{border-bottom: 4px solid var(--mainColor);background: #FFFFFF;} .woocommerce_seo_system_box{width: 100%;height: auto;padding: 96px 0px;overflow: hidden;} .woocommerce_seo_system_title{width: 100%;height: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;} .woocommerce_seo_system_title i{display: inline-block;font-size: 12px;color: var(--mainColor);padding: 4px 12px;border-radius: 4px;border: 1px solid var(--mainColor);font-style: normal;font-weight: 700;text-transform: uppercase;} .woocommerce_seo_system_title h2{font-size: 48px;color: #111827;font-weight: 700;text-align: center;} .woocommerce_seo_system_content{width: 100%;height: auto;margin-top: 64px;display: flex;justify-content: space-between;} .woocommerce_seo_system_content_ul{width: 30.1%;height: auto;overflow: hidden;clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);} .woocommerce_seo_system_content_ul li{width: 100%;height: 96px;display: flex;justify-content: center;align-items: center;font-size: 18px;font-weight: 700;cursor: pointer;transition: all 0.3s;} .woocommerce_seo_system_content_ul li + li{margin-top: 8px;} .woocommerce_seo_system_content_ul li i{font-weight: 900;font-family: "Font Awesome 6 Free";transition: all 0.3s;margin-right: 8px;font-style: normal;} .woocommerce_seo_system_content_ul li:nth-of-type(1){background: #e4f4f7;color: var(--mainColor);} .woocommerce_seo_system_content_ul li:nth-of-type(1) i:before{content: "\f0c0";} .woocommerce_seo_system_content_ul li:nth-of-type(1).on, .woocommerce_seo_system_content_ul li:nth-of-type(1):hover{background: var(--mainColor);} .woocommerce_seo_system_content_ul li:nth-of-type(2){background: #dbeafe;color: #2563eb;} .woocommerce_seo_system_content_ul li:nth-of-type(2) i:before{content: "\f06e";} .woocommerce_seo_system_content_ul li:nth-of-type(2).on, .woocommerce_seo_system_content_ul li:nth-of-type(2):hover{background: #2563eb;} .woocommerce_seo_system_content_ul li:nth-of-type(3){background: #f3e8ff;color: #9333ea;} .woocommerce_seo_system_content_ul li:nth-of-type(3) i:before{content: "\f217";} .woocommerce_seo_system_content_ul li:nth-of-type(3).on, .woocommerce_seo_system_content_ul li:nth-of-type(3):hover{background: #9333ea;} .woocommerce_seo_system_content_ul li:nth-of-type(4){background: #ffedd5;color: #ff6b00;} .woocommerce_seo_system_content_ul li:nth-of-type(4) i:before{content: "\f09d";} .woocommerce_seo_system_content_ul li:nth-of-type(4).on, .woocommerce_seo_system_content_ul li:nth-of-type(4):hover{background: #ff6b00;} .woocommerce_seo_system_content_ul li:nth-of-type(5){background: #dcfce7;color: #2ecc71;} .woocommerce_seo_system_content_ul li:nth-of-type(5) i:before{content: "\f2f1";} .woocommerce_seo_system_content_ul li:nth-of-type(5).on, .woocommerce_seo_system_content_ul li:nth-of-type(5):hover{background: #2ecc71;} .woocommerce_seo_system_content_ul li.on, .woocommerce_seo_system_content_ul li:hover{color: #FFFFFF;} .woocomerce_seo_system_right{width: 66.66%;height: auto;background: #F9FAFB;border: 1px solid #e5e7eb;border-radius: 16px;padding: 30px;} .woocomerce_seo_system_right_list{width: 100%;height: auto;display: none;} .woocomerce_seo_system_right_list_title h3{font-size: 24px;color: #111827;font-weight: 700;} .woocomerce_seo_system_right_list_title h3 span{color: var(--mainColor);font-weight: 700;} .woocomerce_seo_system_right_list_title p{font-size: 16px;color: #6B7280;font-style: italic;margin-top: 8px;} .woocomerce_seo_system_right_list_pagespeed{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;} .woocomerce_seo_system_right_list_pagespeed li{width: 48.5%;height: auto;padding: 16px;position: relative;border-radius: 4px;border-left: 4px solid var(--mainColor);background: #FFFFFF;margin-top: 24px;} .woocomerce_seo_system_right_list_pagespeed li h3{font-size: 18px;color: #1f2937;font-weight: 700;} .woocomerce_seo_system_right_list_pagespeed li p{margin-top: 4px;font-size: 16px;color: #4b5563;} .woocomerce_seo_system_right_list_pagespeed_last{width: 100%;height: auto;padding: 16px;background: #FFFFFF;border-radius: 8px;border: 1px solid #e5e7eb;margin-top: 24px;display: flex;align-items: center;justify-content: flex-start;} .woocomerce_seo_system_right_list_pagespeed_last_left{width: 64px;height: auto;aspect-ratio:1/1;border-radius: 50%;border: 4px solid #22c55e;display: flex;justify-content: center;align-items: center;font-size: 20px;color: #22c55e;font-weight: 700;} .woocomerce_seo_system_right_list_pagespeed_last_right{margin-left: 16px;} .woocomerce_seo_system_right_list_pagespeed_last_right h3{font-size: 18px;color: #000000;font-weight: 700;} .woocomerce_seo_system_right_list_pagespeed_last_right p{font-size: 16px;color: #6b7280;} .woocomerce_seo_system_right_list:nth-of-type(2) .woocomerce_seo_system_right_list_title h3 span{color: #2563eb;} .woocomerce_seo_system_right_list:nth-of-type(3) .woocomerce_seo_system_right_list_title h3 span{color: #9333ea;} .woocomerce_seo_system_right_list_market{width: 100%;padding-top: 12px;} .woocomerce_seo_system_right_list_market li{width: 100%;height: auto;display: flex;justify-content: flex-start;align-items: flex-start;margin-top: 12px;} .woocomerce_seo_system_right_list_market li i{display: block;font-family: "Font Awesome 6 Free";font-weight: 900;margin-right: 16px;font-style: normal;margin-top: 6px;} .woocomerce_seo_system_right_list_market li:nth-of-type(1) i:before{content: "\f005";color: #facc15;} .woocomerce_seo_system_right_list_market li:nth-of-type(2) i:before{content: "\f03a";color: #3b82f6;} .woocomerce_seo_system_right_list_market li:nth-of-type(3) i:before{content: "\f03e";color: #3b82f6;} .woocomerce_seo_system_right_list_market_con h3{font-size: 20px;color: #1f2937;font-weight: 700;} .woocomerce_seo_system_right_list_market_con p{font-size: 16px;color: #4b5563;margin-top: 5px;} .woocomerce_seo_system_right_list_link{padding-top: 24px;} .woocomerce_seo_system_right_list_link li{width: 100%;height: auto;padding: 16px;border-radius: 4px;border: 1px solid #f3e8ff;background: #faf5ff;} .woocomerce_seo_system_right_list_link li + li{margin-top: 16px;} .woocomerce_seo_system_right_list_link li h3{font-size: 18px;color: #1f2937;font-weight: 700;} .woocomerce_seo_system_right_list_link li h3:before{content: "\f518";font-family: "Font Awesome 6 Free";font-weight: 900;margin-right: 8px;} .woocomerce_seo_system_right_list_link li:nth-of-type(2) h3:before{content: "\f218";} .woocomerce_seo_system_right_list_link li p{font-size: 16px;color: #4b5563;margin-top: 4px;} .woocomerce_seo_system_right_list_honor{width: 100%;height: auto;padding-top: 24px;} .woocomerce_seo_system_right_list_honor li{width: 100%;height: auto;padding: 16px;background: #FFFFFF;border-radius: 4px;display: flex;justify-content: space-between;margin-top: 16px;box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);} .woocomerce_seo_system_right_list_honor li h3{font-size: 18px;color: #1f2937;font-weight: 700;} .woocomerce_seo_system_right_list_honor li span{display: inline-block;padding: 4px 5px;background: #ffedd5;border-radius: 4px;color: #ea580c;font-size: 14px;} .woocomerce_seo_system_right_list_rest_box{width: 100%;height: auto;padding: 24px;border: 1px solid #E5E7EB;border-radius: 8px;background: #FFFFFF;box-shadow: 0 1px 2px 0px rgba(0,0,0,0.05);margin-top: 24px;} .woocomerce_seo_system_right_list_rest_title{width: 100%;height: auto;} .woocomerce_seo_system_right_list_rest_title h3{font-size: 18px;font-weight: 700;} .woocomerce_seo_system_right_list_rest_title h3:before{content: "\f200";color: #2ecc71;font-size: 20px;font-family: "Font Awesome 6 Free";font-weight: 900;margin-right: 8px;} .woocomerce_seo_system_right_list_rest_title p{font-size: 16px;color: #4b5563;margin-top: 8px;} .woocomerce_seo_system_right_list_rest_ul{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 16px;padding-top: 16px;border-top: 1px solid #f3f4f6;} .woocomerce_seo_system_right_list_rest_ul li{width: 32%;height: auto;} .woocomerce_seo_system_right_list_rest_ul li h3{font-size: 20px;font-weight: 700;text-align: center;} .woocomerce_seo_system_right_list_rest_ul li p{font-size: 16px;color: #6b7280;margin-top: 8px;text-align: center;} .woocommerce_seo_why_hudoo_box{width: 100%;height: auto;padding: 80px 0px;background: url(/uploadfile/202608/2995c47e2b21e3c.webp) no-repeat center center;background-size: cover;} /*Woocommerce Seo end*/ /*Linkedin start*/ .linkedin_banner_box{width: 100%;height: auto;padding: 80px 0;background: linear-gradient(109.58deg, #ffffff 0%, #f0f7f9 158.37%);overflow: hidden;} .linkedin_banner_box .contentWH1300{display: flex;justify-content: space-between;align-items: center;} .linkedin_banner_left{width: 41.62%;height: auto;} .linkedin_banner_left_top{width: 100%;height: auto;} .linkedin_banner_left_tag{width: 290px;height: 42px;border: 1px solid rgba(0, 119, 181, 0.2);border-radius: 21px;display: flex;justify-content: center;align-items: center;font-size: 14px;color: #4B5563;font-weight: 700;text-transform: uppercase;} .linkedin_banner_left_tag img{display: block;margin-right: 8px;} .linkedin_banner_left_top h2{font-size: 60px;color: #111827;font-weight: 900;} .linkedin_banner_left_top h2 span{color: #0077B5;font-weight: 900;} .linkedin_banner_left_top h3{font-size: 60px;color: var(--mainColor);font-weight: 900;line-height: 1.2;} .linkedin_banner_left_top p{display: block;margin-top: 20px;width: 100%;height: auto;padding-left: 28px;font-size: 18px;color: #4B5563;line-height: 1.6;position: relative;} .linkedin_banner_left_top p:before{content: "";display: block;width: 4px;height: 100%;position: absolute;left: 0;top: 0;background: var(--mainColor);} .linkedin_banner_left_top a{display: flex;justify-content: center;align-items: center;width: 283px;height: 60px;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #FFFFFF;font-weight: 700;background: #FF9600;border-radius: 6px;margin-top: 44px;transition: all 0.3s;box-shadow: 0px 4px 6px -4px #0000001a, 0px 10px 15px -3px #0000001a;} .linkedin_banner_left_top a img{display: block;margin-left: 12px;} .linkedin_banner_left_top a:hover{transform: scale(1.1);background: var(--mainColor);} .linkedin_banner_left_bottom{width: 100%;height: auto;display: flex;justify-content: flex-start;margin-top: 50px;} .linkedin_banner_left_bottom li{display: flex;justify-content: flex-start;align-items: center;font-size: 14px;color: #6B7280;} .linkedin_banner_left_bottom li img{display: block;width: 18px;height: auto;margin-right: 3px;} .linkedin_banner_left_bottom li + li{margin-left: 32px;} @keyframes spin-slow { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* 悬浮动画1（上下浮动） */ @keyframes float { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-12px) rotate(1deg); } } /* 悬浮动画2（轻微不同的上下浮动，增加层次感） */ @keyframes float-alt { 0%, 100% { transform: translateY(0px) rotate(0deg); } 50% { transform: translateY(-8px) rotate(-1deg); } } /* 呼吸/脉冲动画（用于中心圆盘） */ @keyframes pulse-center { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.04); } } /* 整体入场动画 */ @keyframes fade-in-up { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* 容器入场 */ .linkedin_banner_right { animation: fade-in-up 1s cubic-bezier(0.16, 1, 0.3, 1) forwards; filter: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08)); } .linkedin_banner_right{width: 48.2%;height: auto;animation: fade-in-up 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;filter: drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08));} /* 应用动画的类 (必须加上 transform-box 和 transform-origin 确保绕自身中心变换) */ .anim-spin { animation: spin-slow 40s linear infinite; transform-origin: center; transform-box: fill-box; } .anim-float-1 { animation: float 4s ease-in-out infinite; transform-origin: center; transform-box: fill-box; } .anim-float-2 { animation: float-alt 5s ease-in-out infinite 1s; transform-origin: center; transform-box: fill-box; } .anim-float-3 { animation: float 4.5s ease-in-out infinite 0.5s; transform-origin: center; transform-box: fill-box; } .anim-float-4 { animation: float-alt 6s ease-in-out infinite 1.5s; transform-origin: center; transform-box: fill-box; } .anim-pulse { animation: pulse-center 3s ease-in-out infinite; transform-origin: center; transform-box: fill-box; } .linkedin_why_box{width: 100%;height: auto;padding: 80px 0;overflow: hidden;} .linkedin_why_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 64px;} .linkedin_why_ul li{width: 32%;height: auto;padding: 32px;background: #F3F4F6;border-radius: 12px;box-shadow: 0px 1px 2px #0000000d;margin-left: 2%;} .linkedin_why_ul li:nth-of-type(3n+1){margin-left: 0;} .linkedin_why_ul_ico{width: 56px;height: auto;background: #FFFFFF;border-radius: 8px;display: flex;justify-content: center;align-items: center;aspect-ratio:1/1; box-shadow: 0px 1px 2px #0000000d;transition: all 0.3s;} .linkedin_why_ul_ico img{display: block;} .linkedin_why_ul li h3{font-size: 20px;color: #111827;font-weight: 700;margin-top: 24px;transition: all 0.3s;} .linkedin_why_ul li p{font-size: 14px;color: #4B5563;line-height: 1.6;margin-top: 15px;} .linkedin_why_ul li:hover .linkedin_why_ul_ico{transform: translateY(-8px);} .linkedin_why_ul li:hover h3{color: var(--mainColor);} .linkedin_service_box{width: 100%;height: auto;padding: 80px 0px;background: #F0F7F9;overflow: hidden;} .linkedin_service_tag{width: 210px;height: 24px;border-radius: 4px;background: #FFFFFF;font-size: 12px;color: var(--mainColor);font-weight: 700;display: flex;justify-content: center;align-items: center;margin: 0px auto;box-shadow: 0px 1px 2px #0000000d;text-transform: uppercase;} .linkedin_service_ul{width: 100%;height: auto;margin-top: 58px;position: relative;} .linkedin_service_ul li{width: 100%;height: auto;display: flex;justify-content: flex-start;align-items: flex-start;} .linkedin_service_ul_ico{aspect-ratio:1/1;height: auto;display: flex;justify-content: center;align-items: center;flex: 0 0 80px;padding: 10px;position: relative;} .linkedin_service_ul_ico span{width: 100%;height: 100%;background: #FFFFFF;border-radius: 50%;display: flex;justify-content: center;align-items: center;position: relative;z-index: 2;box-shadow: 0px 2px 4px -2px #0000001a, 0px 4px 6px -1px #0000001a;} .linkedin_service_ul_ico span img{width: 48%;height: auto;display: block;} .linkedin_service_ul_ico:after{content: "";display: block;width: 100%;height: 100%;background: #E4F4F7;position: absolute;left: 0;top: 0;border-radius: 50%;animation: linkedCricl 5s infinite ease-in-out;} @keyframes linkedCricl{ 0%{transform: scale(0);} 50%{transform: scale(1);} 100%{transform: scale(0);} } .linkedin_service_ul_right{flex: 1;margin-left: 50px;height: auto;padding: 25px;background: #FFFFFF;border-radius: 12px;box-shadow: 0px 1px 2px #0000000d;} .linkedin_service_ul_right_title{width: 100%;height: auto;} .linkedin_service_ul_right_title h3{font-size: 20px;color: #111827;font-weight: 700;} .linkedin_service_ul_right_title p{font-size: 14px;color: #6B7280;margin-top: 8px;} .linkedin_service_ul_right_ul{display: flex;justify-content: flex-start;width: 100%;height: auto;} .linkedin_service_ul_right_ul dd{padding-left: 25px;height: auto;margin-top: 20px;font-size: 14px;color: #374151;position: relative;} .linkedin_service_ul_right_ul dd:before{content: "";display: block;width: 15px;height: auto;aspect-ratio:15/11;background: url(../images/linkedin_full_ico5.webp) no-repeat center center;background-size: 100% auto;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .linkedin_service_ul_right_ul dd + dd{margin-left: 50px;} .linkedin_service_ul li + li{margin-top: 48px;} .linkedin_service_ul:before{content: "";display: block;width: 1px;height: 83%;border-left: 1px dashed var(--mainColor);position: absolute; top: 49%;transform: translateY(-50%);left: 40px;} .linedin_smart_box{width: 100%;height: auto;padding: 80px 0px;overflow: hidden;} .linedin_smart_title_box{width: 100%;height: auto;} .linedin_smart_title_box h2{font-size: 48px;color: #111827;text-align: center;font-weight: 700;} .linedin_smart_title_box p{font-size: 16px;color: #4B5563;margin-top: 8px;text-align: center;} .linedin_smart_ul{width: 100%;height: auto;padding-top: 40px;} .linedin_smart_ul li{padding: 32px 0;width: 100%;height: auto;position: relative;background: var(--mainColor);margin: 0px auto;margin-top: 24px;transition: all 0.3s;} .linedin_smart_ul li:nth-of-type(1){width: 49.231%;border-radius: 16px 16px 0 0;background: #004182;} .linedin_smart_ul li:nth-of-type(2){width: 80.54%;background: #0077B5;} .linedin_smart_ul li:nth-of-type(3){border-radius: 0 0 16px 16px;} .linedin_smart_ul li h3{font-size: 24px;color: #FFFFFF;font-weight: 700;text-align: center;} .linedin_smart_ul li p{font-size: 14px;color: #FFFFFF;text-align: center;margin-top: 8px;} .linedin_smart_ul li dl{display: flex;justify-content: center;align-items: center;margin-top: 16px;} .linedin_smart_ul li dl dd{font-size: 14px;color: #FFFFFF;padding: 6px 12px;background: rgba(255,255,255,0.2);border-radius: 4px;} .linedin_smart_ul li dl dd + dd{margin-left: 12px;} .linkedin_smart_ico{width: 37px;height: auto;position: absolute;right: 20px;top: 18px;} .linkedin_smart_ico img{width: 100%;height: auto;display: block;} .linedin_smart_ul li:hover{transform: translateY(-8px);box-shadow: 0px 1px 4px #0000000d;} .linkedin_why_hudoo_box{width: 100%;height: auto;padding: 80px 0px;background: #111827;position: relative;overflow: hidden; background: url(/uploadfile/202608/4e529c1f0f421ae.webp) no-repeat center center; background-size: cover; } .linkedin_why_hudoo_light_box{width: 384px;height: 384px;background: rgba(26, 150, 177, 0.3);filter: blur(120px);position: absolute;right: 5%;top: 5%; border-radius: 50%;pointer-events: none;z-index: 1;animation: floatAnimation 12s infinite alternate ease-in-out;} @keyframes floatAnimation { 0% { transform: translate(0px, 0px) scale(1); } 50% { transform: translate(-80%, 50%) scale(1.1); } 100% { transform: translate(0%, 20%) scale(1); } } .linkedin_why_hudoo_box .contentWH1400{position: relative;z-index: 2;} .linkedin_why_hudoo_ul{width: 100%;height: auto;padding-top: 34px;display: flex;justify-content: flex-start;flex-wrap: wrap;} .linkedin_why_hudoo_ul li{width: 32%;height: auto;padding: 35px 33px;border: 1px solid rgba(255,255,255,0.1);border-radius: 8px;border: 1px solid rgba(255, 255, 255, 0.1);background: rgba(255, 255, 255, 0.05);margin-left: 2%;margin-top: 30px;} .linkedin_why_hudoo_ul li:nth-of-type(3n+1){margin-left: 0;} .linkedin_why_hudoo_ul_ico{width: 38px;height: auto;transition: all 0.3s;} .linkedin_why_hudoo_ul_ico img{width: 100%;height: auto;display: block;} .linkedin_why_hudoo_ul li h3{font-size: 20px;color: #FFFFFF;font-weight: 700;margin-top: 20px;} .linkedin_why_hudoo_ul li p{font-size: 14px;color: #9CA3AF;line-height: 1.6;margin-top: 15px;} .linkedin_why_hudoo_ul li:hover .linkedin_why_hudoo_ul_ico{transform: translateY(-8px);} /*Linkedin end*/ /*Meta start*/ .meta_banner_box{width: 100%;height: auto;padding: 80px 0;background: linear-gradient(135deg, #ffffff 0%, #f0f9fb 100%);overflow: hidden;position: relative;} .meta_banner_box:before{content: "";display: block;width: 600px;height: 600px;background: rgba(24, 119, 242, 0.1);border-radius: 50%;filter: blur(60px);position: absolute;right: -200px;top: -150px;pointer-events: none;} .meta_banner_box:after{content: "";display: block;width: 500px;height: 500px;background: rgba(26, 150, 177, 0.1);border-radius: 50%;filter: blur(50px);position: absolute;left: -166px;bottom: -125px;pointer-events: none;} .meta_banner_box .contentWH1300{display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 2;} .meta_banner_left{width: 41.62%;height: auto;} .meta_banner_left_top{width: 100%;height: auto;} .meta_banner_left_tag{width: 240px;height: 42px;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 21px;display: flex;justify-content: center;align-items: center;font-size: 12px;color: #65676B;font-weight: 700;text-transform: uppercase;letter-spacing: 0.3px;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);} .meta_banner_left_tag i{font-size: 18px;color: #1877F2;margin-right: 8px;} .meta_banner_left_top h2{font-size: 60px;color: #111827;font-weight: 900;margin-top: 20px;line-height: 1.1;} .meta_banner_left_top h3{font-size: 60px;font-weight: 900;line-height: 1.2;background: linear-gradient(90deg, var(--mainColor) 0%, #1877F2 100%);-webkit-background-clip: text;background-clip: text;color: transparent;} .meta_banner_left_top p{display: block;margin-top: 20px;width: 100%;height: auto;font-size: 18px;color: #4B5563;line-height: 1.6;} .meta_banner_left_top p strong{color: #1877F2;font-weight: 700;} .meta_banner_left_top a{width: 294px;height: 60px;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #FFFFFF;font-weight: 700;background: #FF9600;border-radius: 6px;margin-top: 44px;transition: all 0.3s;box-shadow: 0px 20px 40px -5px rgba(26, 150, 177, 0.15);} .meta_banner_left_top a i{font-size: 16px;margin-left: 12px;} .meta_banner_left_top a:hover{transform: scale(1.1);background: var(--mainColor);} .meta_banner_right{width: 48.2%;height: auto;position: relative;display: flex;justify-content: center;padding: 60px 0;} .meta_banner_right_circle1{width: 415px;height: 415px;border: 1px dashed rgba(24, 119, 242, 0.3);border-radius: 50%;position: absolute;left: 50%;top: 50%;margin: -207px 0 0 -207px;animation: spin-slow 40s linear infinite;} .meta_banner_right_circle2{width: 276px;height: 276px;border: 1px solid rgba(24, 119, 242, 0.15);border-radius: 50%;position: absolute;left: 50%;top: 50%;margin: -138px 0 0 -138px;} .meta_banner_card{width: 320px;height: auto;background: #FFFFFF;border: 1px solid #F3F4F6;border-radius: 12px;box-shadow: 0px 20px 40px -5px rgba(26, 150, 177, 0.15);position: relative;z-index: 2;overflow: hidden;} .meta_banner_card_top{width: 100%;padding: 16px;display: flex;justify-content: flex-start;align-items: center;border-bottom: 1px solid #F9FAFB;} .meta_banner_card_top_avatar{width: 40px;height: 40px;background: var(--mainColor);border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 16px;color: #FFFFFF;font-weight: 700;} .meta_banner_card_top_txt{flex: 1;margin-left: 12px;} .meta_banner_card_top_txt h3{font-size: 14px;color: #111827;font-weight: 700;} .meta_banner_card_top_txt p{font-size: 12px;color: #6B7280;margin-top: 2px;} .meta_banner_card_top_txt p i{font-size: 12px;margin-left: 4px;} .meta_banner_card_video{width: 100%;height: 192px;background: #F3F4F6;display: flex;justify-content: center;align-items: center;position: relative;} .meta_banner_card_video i{font-size: 48px;color: #D1D5DB;} .meta_banner_card_video span{display: block;padding: 2px 8px;background: rgba(0, 0, 0, 0.7);border-radius: 4px;font-size: 10px;color: #FFFFFF;position: absolute;right: 8px;bottom: 8px;} .meta_banner_card_content{width: 100%;padding: 16px;background: #F9FAFB;} .meta_banner_card_content span{display: block;font-size: 12px;color: #6B7280;font-weight: 700;text-transform: uppercase;} .meta_banner_card_content h4{font-size: 14px;color: #111827;font-weight: 700;line-height: 1.4;margin-top: 6px;} .meta_banner_card_content a{width: 100%;height: 32px;display: flex;justify-content: center;align-items: center;background: #1877F2;border-radius: 4px;font-size: 12px;color: #FFFFFF;font-weight: 700;margin-top: 12px;transition: all 0.3s;} .meta_banner_card_content a:hover{background: var(--mainColor);} .meta_banner_card_bottom{width: 100%;padding: 8px 16px;display: flex;justify-content: space-between;align-items: center;border-top: 1px solid #F3F4F6;} .meta_banner_card_bottom p{font-size: 12px;color: #6B7280;} .meta_banner_card_bottom p i{color: #3B82F6;margin-right: 4px;} .meta_banner_chip{height: 56px;background: #FFFFFF;border-radius: 8px;box-shadow: 0px 10px 15px -3px #0000001a, 0px 4px 6px -4px #0000001a;display: flex;justify-content: flex-start;align-items: center;padding: 0 16px 0 12px;position: absolute;z-index: 3;} .meta_banner_chip1{left: 4%;top: 80px;} .meta_banner_chip2{right: 4%;bottom: 80px;} .meta_banner_chip_ico{width: 32px;height: 32px;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 16px;} .meta_banner_chip_ico.blue{background: #DBEAFE;color: #2563EB;} .meta_banner_chip_ico.green{background: #DCFCE7;color: #16A34A;} .meta_banner_chip_txt{margin-left: 12px;} .meta_banner_chip_txt h3{font-size: 12px;color: #1C1E21;font-weight: 700;} .meta_banner_chip_txt p{font-size: 10px;color: #6B7280;margin-top: 2px;} .meta_why_box{width: 100%;height: auto;padding: 80px 0;overflow: hidden;} .meta_why_box .google_seo_title span{width: 80px;background: linear-gradient(90deg, var(--mainColor) 0%, #1877F2 100%);} .meta_why_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 64px;} .meta_why_ul li{width: 32%;height: auto;padding: 32px;background: #F9FAFB;border: 1px solid #F3F4F6;border-radius: 12px;margin-left: 2%;transition: all 0.3s;} .meta_why_ul li:nth-of-type(3n+1){margin-left: 0;} .meta_why_ul_ico{width: 56px;height: auto;aspect-ratio: 1/1;background: #FFFFFF;border-radius: 8px;display: flex;justify-content: center;align-items: center;font-size: 24px;box-shadow: 0px 1px 2px #0000000d;transition: all 0.3s;} .meta_why_ul_ico.blue{color: #1877F2;} .meta_why_ul_ico.cyan{color: var(--mainColor);} .meta_why_ul_ico.purple{color: #A855F7;} .meta_why_ul li h3{font-size: 20px;color: #111827;font-weight: 700;margin-top: 24px;transition: all 0.3s;} .meta_why_ul li p{font-size: 14px;color: #4B5563;line-height: 1.6;margin-top: 15px;} .meta_why_ul li:hover{box-shadow: 0px 10px 25px -5px rgba(24, 119, 242, 0.1);} .meta_why_ul li:hover .meta_why_ul_ico{transform: translateY(-8px);} .meta_why_ul li:hover h3{color: #1877F2;} .meta_service_box{width: 100%;height: auto;padding: 80px 0;background: #F0F9FB;overflow: hidden;} .meta_service_tag{width: 172px;height: 24px;background: #FFFFFF;border: 1px solid rgba(26, 150, 177, 0.1);border-radius: 4px;font-size: 12px;color: var(--mainColor);font-weight: 700;letter-spacing: 1.2px;display: flex;justify-content: center;align-items: center;margin: 0px auto;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);text-transform: uppercase;} .meta_service_ul{max-width: 840px;height: auto;margin: 0px auto;margin-top: 64px;} .meta_service_ul li{width: 100%;height: auto;background: #FFFFFF;border: 1px solid #F3F4F6;border-radius: 16px;box-shadow: 0px 1px 2px #0000000d;overflow: hidden;transition: all 0.3s;} .meta_service_ul li + li{margin-top: 16px;} .meta_service_ul li.on{border-color: #1877F2;box-shadow: 0px 10px 25px -5px rgba(24, 119, 242, 0.1);} .meta_service_ul_top{width: 100%;height: 100px;padding: 0 32px;display: flex;justify-content: flex-start;align-items: center;cursor: pointer;} .meta_service_ul_top_number{width: 48px;height: 48px;flex: 0 0 48px;background: #F9FAFB;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #9CA3AF;font-weight: 700;transition: all 0.3s;} .meta_service_ul li.on .meta_service_ul_top_number{background: #1877F2;color: #FFFFFF;} .meta_service_ul_top_txt{flex: 1;margin-left: 24px;} .meta_service_ul_top_txt h3{font-size: 20px;color: #111827;font-weight: 700;} .meta_service_ul_top_txt p{font-size: 14px;color: #6B7280;margin-top: 4px;} .meta_service_ul_top > i{font-size: 16px;color: #9CA3AF;transition: all 0.3s;} .meta_service_ul li.on .meta_service_ul_top > i{color: #1877F2;} .meta_service_ul li.on .meta_service_ul_top > i:before{content: "\f068";} .meta_service_ul_bottom{width: 100%;height: auto;background: #F9FAFB;display: none;} .meta_service_ul_bottom dl{display: block;margin: 0 32px;margin-left: 64px;padding: 20px 0;padding-left: 32px;border-left: 2px solid #E5E7EB;} .meta_service_ul_bottom dl dd{display: flex;justify-content: flex-start;align-items: flex-start;} .meta_service_ul_bottom dl dd + dd{margin-top: 14px;} .meta_service_ul_bottom dl dd i{flex: 0 0 20px;font-size: 16px;color: var(--mainColor);margin-top: 2px;} .meta_service_ul_bottom dl dd p{flex: 1;margin-left: 8px;font-size: 14px;color: #4B5563;line-height: 1.5;} .meta_service_ul_bottom dl dd p strong{color: #111827;font-weight: 700;} .meta_why_hudoo_box{width: 100%;height: auto;padding: 80px 0;background: linear-gradient(165deg, #0E52B5 0%, #1C1E21 100%);position: relative;overflow: hidden; background: url(/uploadfile/202608/4e529c1f0f421ae.webp) no-repeat center center; background-size: cover; } .meta_why_hudoo_light_box{width: 500px;height: 500px;background: rgba(26, 150, 177, 0.2);filter: blur(50px);position: absolute;right: 0;top: 0;border-radius: 50%;pointer-events: none;z-index: 1;animation: floatAnimation 12s infinite alternate ease-in-out;} .meta_why_hudoo_box .contentWH1300{position: relative;z-index: 2;} .meta_why_hudoo_ul{width: 100%;height: auto;padding-top: 34px;display: flex;justify-content: flex-start;flex-wrap: wrap;} .meta_why_hudoo_ul li{width: 32%;height: auto;padding: 35px 33px;border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 16px;background: rgba(255, 255, 255, 0.05);margin-left: 2%;margin-top: 30px;} .meta_why_hudoo_ul li:nth-of-type(3n+1){margin-left: 0;} .meta_why_hudoo_ul_ico{font-size: 36px;transition: all 0.3s;} .meta_why_hudoo_ul_ico.cyan{color: var(--mainColor);} .meta_why_hudoo_ul_ico.red{color: #F87171;} .meta_why_hudoo_ul_ico.blue{color: #1877F2;} .meta_why_hudoo_ul li h3{font-size: 20px;color: #FFFFFF;font-weight: 700;margin-top: 20px;} .meta_why_hudoo_ul li p{font-size: 14px;color: #D1D5DB;line-height: 1.6;margin-top: 15px;} .meta_why_hudoo_ul li:hover .meta_why_hudoo_ul_ico{transform: translateY(-8px);} /*Meta end*/ /*Tiktok start*/ .tiktok_banner_box{width: 100%;height: auto;padding: 80px 0;background: #010101;overflow: hidden;position: relative;} .tiktok_banner_box:before{content: "";display: block;width: 600px;height: 600px;background: rgba(37, 244, 238, 0.1);border-radius: 50%;filter: blur(60px);position: absolute;right: -100px;top: -200px;pointer-events: none;animation: tiktokBlobDrift 16s ease-in-out infinite alternate;} .tiktok_banner_box:after{content: "";display: block;width: 500px;height: 500px;background: rgba(254, 44, 85, 0.1);border-radius: 50%;filter: blur(60px);position: absolute;left: -100px;bottom: -200px;pointer-events: none;animation: tiktokBlobDrift 20s ease-in-out infinite alternate-reverse;} @keyframes tiktokBlobDrift{ from{transform: translate(0, 0);} to{transform: translate(-60px, 40px);} } .tiktok_banner_grid{width: calc(100% + 80px);height: calc(100% + 80px);background-image: linear-gradient(rgba(37, 244, 238, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(37, 244, 238, 0.03) 1px, transparent 1px);background-size: 40px 40px;position: absolute;left: -80px;top: -80px;pointer-events: none;animation: tiktokGridMove 8s linear infinite;} @keyframes tiktokGridMove{ from{transform: translate(0, 0);} to{transform: translate(40px, 40px);} } .tiktok_banner_box .contentWH1300{display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 2;} .tiktok_banner_left{width: 48%;height: auto;} .tiktok_banner_left_tag{width: 272px;height: 38px;background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 19px;backdrop-filter: blur(2px);display: flex;justify-content: center;align-items: center;font-size: 12px;color: #FFFFFF;font-weight: 700;text-transform: uppercase;letter-spacing: 0.3px;} .tiktok_banner_left_tag i{font-size: 16px;color: #FFFFFF;} .tiktok_banner_left_tag em{font-style: normal;font-size: 16px;color: #9CA3AF;font-weight: 400;margin: 0 8px;} .tiktok_banner_left h2{font-size: 72px;color: #FFFFFF;font-weight: 900;letter-spacing: -3px;margin-top: 30px;line-height: 1.1;} .tiktok_banner_left h3{font-size: 72px;color: var(--mainColor);font-weight: 900;letter-spacing: -3px;line-height: 1.1;text-shadow: 2px 0px 0px #25F4EE, -2px 0px 0px #FE2C55;animation: tiktokGlitch 4.5s infinite;} @keyframes tiktokGlitch{ 0%, 91%, 98%, 100%{text-shadow: 2px 0px 0px #25F4EE, -2px 0px 0px #FE2C55;transform: translate(0, 0) skewX(0);} 92%{text-shadow: 5px 0px 0px #25F4EE, -5px 0px 0px #FE2C55;transform: translate(-2px, 1px) skewX(-2deg);} 94%{text-shadow: -4px 0px 0px #25F4EE, 4px 0px 0px #FE2C55;transform: translate(2px, -1px) skewX(0);} 96%{text-shadow: 3px 0px 0px #25F4EE, -3px 0px 0px #FE2C55;transform: translate(-1px, 0) skewX(1deg);} } .tiktok_banner_left > p{display: block;margin-top: 30px;width: 100%;height: auto;padding-left: 24px;font-size: 18px;color: #9CA3AF;line-height: 1.6;position: relative;} .tiktok_banner_left > p:before{content: "";display: block;width: 4px;height: 100%;position: absolute;left: 0;top: 0;background: #FE2C55;} .tiktok_banner_left > p strong{color: #FFFFFF;font-weight: 700;} .tiktok_banner_left > a{width: 267px;height: 60px;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #FFFFFF;font-weight: 700;background: #FF9600;border-radius: 6px;margin-top: 40px;transition: all 0.3s;filter: drop-shadow(0px 0px 10px rgba(255, 255, 255, 0.2));position: relative;overflow: hidden;} .tiktok_banner_left > a:after{content: "";display: block;width: 40%;height: 100%;background: linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.5) 50%, transparent 100%);position: absolute;left: -60%;top: 0;transform: skewX(-20deg);transition: transform 0.7s;pointer-events: none;} .tiktok_banner_left > a i{font-size: 16px;margin-left: 12px;transition: all 0.3s;} .tiktok_banner_left > a:hover{transform: scale(1.1);background: var(--mainColor);} .tiktok_banner_left > a:hover:after{transform: skewX(-20deg) translateX(400%);} .tiktok_banner_left > a:hover i{transform: translateX(4px);} .tiktok_banner_left_data{width: 100%;height: auto;display: flex;justify-content: flex-start;margin-top: 50px;} .tiktok_banner_left_data li{text-align: center;} .tiktok_banner_left_data li + li{margin-left: 36px;padding-left: 36px;border-left: 1px solid #1F2937;} .tiktok_banner_left_data li h4{font-size: 24px;color: #FFFFFF;font-weight: 900;} .tiktok_banner_left_data li h4.cyan{color: #25F4EE;} .tiktok_banner_left_data li h4.red{color: #FE2C55;} .tiktok_banner_left_data li p{font-size: 12px;color: #6B7280;margin-top: 8px;text-transform: uppercase;} .tiktok_banner_right{width: 48.2%;height: auto;position: relative;display: flex;justify-content: center;padding: 40px 0;} .tiktok_banner_right_circle{width: 500px;height: 500px;border: 1px solid rgba(255, 255, 255, 0.05);border-radius: 50%;position: absolute;left: 50%;top: 50%;margin: -250px 0 0 -250px;animation: spin-slow 60s linear infinite;} .tiktok_banner_right_chip{width: 64px;height: 64px;background: #121212;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 10px;color: #FFFFFF;font-weight: 700;position: absolute;animation: tiktokSpinReverse 60s linear infinite;} @keyframes tiktokSpinReverse{ from{transform: rotate(0deg);} to{transform: rotate(-360deg);} } .tiktok_banner_right_chip.uk{border: 1px solid #25F4EE;box-shadow: 0px 0px 15px rgba(37, 244, 238, 0.4);left: 50%;top: -32px;margin-left: -32px;} .tiktok_banner_right_chip.us{border: 1px solid #FE2C55;box-shadow: 0px 0px 15px rgba(254, 44, 85, 0.4);left: 50%;bottom: -32px;margin-left: -32px;} .tiktok_banner_right_chip.de{border: 1px solid rgba(255, 255, 255, 0.5);box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.2);left: -32px;top: 50%;margin-top: -32px;} .tiktok_banner_phone{width: 288px;height: 520px;background: #1F2937;border: 12px solid #222222;border-radius: 30px;box-shadow: 0px 0px 50px rgba(37, 244, 238, 0.15);position: relative;z-index: 2;overflow: hidden;} .tiktok_banner_phone_notch{width: 105px;height: 20px;background: #222222;border-radius: 0 0 12px 12px;position: absolute;left: 50%;top: 0;margin-left: -52px;z-index: 3;} .tiktok_banner_phone_video{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;} .tiktok_banner_phone_video i{font-size: 60px;color: rgba(255, 255, 255, 0.5);} .tiktok_banner_phone_side{position: absolute;right: 12px;bottom: 100px;z-index: 2;} .tiktok_banner_phone_side li{text-align: center;} .tiktok_banner_phone_side li + li{margin-top: 20px;} .tiktok_banner_phone_side li i{font-size: 24px;color: #FFFFFF;display: block;} .tiktok_banner_phone_side li i.red{color: #FE2C55;animation: tiktokHeartBeat 3s ease-in-out infinite;} .tiktok_banner_phone_side li span{display: block;font-size: 12px;color: #FFFFFF;font-weight: 700;margin-top: 6px;} .tiktok_banner_phone_side li:nth-of-type(1) span{animation: tiktokPop 3s ease-in-out infinite;} @keyframes tiktokHeartBeat{ 0%, 24%, 100%{transform: scale(1);} 8%{transform: scale(1.25);} 16%{transform: scale(1.08);} } @keyframes tiktokPop{ 0%, 8%, 20%, 100%{transform: scale(1);} 14%{transform: scale(1.18);} } .tiktok_banner_phone_info{position: absolute;left: 16px;bottom: 20px;width: 62%;z-index: 2;} .tiktok_banner_phone_info h3{font-size: 14px;color: #FFFFFF;font-weight: 700;} .tiktok_banner_phone_info p{font-size: 12px;color: rgba(255, 255, 255, 0.9);line-height: 1.4;margin-top: 8px;} .tiktok_banner_phone_info span{display: block;font-size: 12px;color: rgba(255, 255, 255, 0.8);margin-top: 10px;} .tiktok_banner_phone_info span i{margin-right: 6px;} .tiktok_why_box{width: 100%;height: auto;padding: 80px 0;background: #010101;overflow: hidden;} .tiktok_title_box{width: 100%;height: auto;} .tiktok_title_box h2{font-size: 48px;color: #FFFFFF;font-weight: 700;text-align: center;} .tiktok_title_box h2 span{background: linear-gradient(90deg, #25F4EE 0%, #FE2C55 100%);-webkit-background-clip: text;background-clip: text;color: transparent;} .tiktok_title_box em{display: block;width: 80px;height: 6px;border-radius: 3px;background: linear-gradient(90deg, #25F4EE 0%, #FE2C55 100%);margin: 0px auto;margin-top: 20px;} .tiktok_why_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 64px;} .tiktok_why_ul li{width: 32%;height: auto;padding: 32px;background: rgba(255, 255, 255, 0.03);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 12px;margin-left: 2%;transition: all 0.3s;} .tiktok_why_ul li:nth-of-type(3n+1){margin-left: 0;} .tiktok_why_ul_ico{width: 56px;height: auto;aspect-ratio: 1/1;border-radius: 8px;display: flex;justify-content: center;align-items: center;font-size: 24px;transition: all 0.3s;} .tiktok_why_ul_ico.cyan{background: rgba(37, 244, 238, 0.1);color: #25F4EE;} .tiktok_why_ul_ico.red{background: rgba(254, 44, 85, 0.1);color: #FE2C55;} .tiktok_why_ul li h3{font-size: 20px;color: #FFFFFF;font-weight: 700;margin-top: 24px;} .tiktok_why_ul li p{font-size: 14px;color: #9CA3AF;line-height: 1.6;margin-top: 15px;} .tiktok_why_ul li:hover{border-color: rgba(37, 244, 238, 0.4);transform: translateY(-8px);box-shadow: 0px 12px 30px rgba(37, 244, 238, 0.12);} .tiktok_why_ul li:nth-of-type(2):hover{border-color: rgba(254, 44, 85, 0.4);box-shadow: 0px 12px 30px rgba(254, 44, 85, 0.12);} .tiktok_service_box{width: 100%;height: auto;padding: 80px 0;background: #0A0A0A;overflow: hidden;} .tiktok_service_tag{width: 210px;height: 24px;background: rgba(37, 244, 238, 0.1);border-radius: 4px;font-size: 12px;color: #25F4EE;font-weight: 700;letter-spacing: 1.2px;display: flex;justify-content: center;align-items: center;margin: 0px auto;text-transform: uppercase;} .tiktok_service_title{width: 100%;height: auto;margin-top: 16px;} .tiktok_service_title h2{font-size: 30px;color: #FFFFFF;font-weight: 700;text-align: center;} .tiktok_service_ul{max-width: 1096px;height: auto;margin: 0px auto;margin-top: 64px;display: flex;justify-content: flex-start;flex-wrap: wrap;} .tiktok_service_ul li{width: 32%;height: auto;padding: 24px;background: #141414;border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 12px;margin-left: 2%;margin-top: 24px;transition: all 0.3s;position: relative;} .tiktok_service_ul li:before{content: "";display: block;width: 100%;height: 2px;border-radius: 12px 12px 0 0;position: absolute;left: 0;top: -1px;transform: scaleX(var(--bar, 1));transform-origin: left center;} .tiktok_service_ul li:nth-of-type(3n+1){margin-left: 0;} .tiktok_service_ul li.wide{width: 66%;} .tiktok_service_ul li.cyan:before{background: #25F4EE;} .tiktok_service_ul li.red:before{background: #FE2C55;} .tiktok_service_ul li.white:before{background: #FFFFFF;} .tiktok_service_ul li.purple:before{background: #A855F7;} .tiktok_service_ul li:hover{transform: translateY(-8px);background: #1A1A1A;} .tiktok_service_ul li.cyan:hover{box-shadow: 0px 12px 30px rgba(37, 244, 238, 0.15);} .tiktok_service_ul li.red:hover{box-shadow: 0px 12px 30px rgba(254, 44, 85, 0.15);} .tiktok_service_ul li.white:hover{box-shadow: 0px 12px 30px rgba(255, 255, 255, 0.12);} .tiktok_service_ul li.purple:hover{box-shadow: 0px 12px 30px rgba(168, 85, 247, 0.18);} .tiktok_service_ul_ico{font-size: 30px;} .tiktok_service_ul li.cyan .tiktok_service_ul_ico{color: #25F4EE;} .tiktok_service_ul li.red .tiktok_service_ul_ico{color: #FE2C55;} .tiktok_service_ul li.white .tiktok_service_ul_ico{color: #FFFFFF;} .tiktok_service_ul li.purple .tiktok_service_ul_ico{color: #A855F7;} .tiktok_service_ul li h3{font-size: 20px;color: #FFFFFF;font-weight: 700;margin-top: 20px;} .tiktok_service_ul li > span{display: block;font-size: 12px;color: #6B7280;margin-top: 8px;} .tiktok_service_ul li dl{margin-top: 24px;} .tiktok_service_ul li dl dd{font-size: 14px;color: #D1D5DB;} .tiktok_service_ul li dl dd + dd{margin-top: 12px;} .tiktok_service_ul li dl dd i{font-size: 13px;color: #25F4EE;margin-right: 8px;} .tiktok_service_ul_tags{display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 24px;} .tiktok_service_ul_tags span{display: flex;justify-content: center;align-items: center;padding: 6px 12px;background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 15px;font-size: 13px;color: #D1D5DB;margin-right: 16px;margin-bottom: 10px;} .tiktok_service_ul_tags span i{margin-right: 8px;} .tiktok_service_ul_tags span .fa-youtube{color: #FF0000;} .tiktok_service_ul_tags span .fa-instagram{color: #FE2C55;} .tiktok_service_ul_tags span .fa-chart-line{color: #25F4EE;} .tiktok_why_hudoo_box{width: 100%;height: auto;padding: 80px 0;background: #010101;overflow: hidden; background: url(/uploadfile/202608/4e529c1f0f421ae.webp) no-repeat center center; background-size: cover; } .tiktok_why_hudoo_ul{width: 100%;height: auto;padding-top: 34px;display: flex;justify-content: flex-start;flex-wrap: wrap;} .tiktok_why_hudoo_ul li{width: 32%;height: auto;padding: 35px 33px;border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 16px;background: rgba(255, 255, 255, 0.03);margin-left: 2%;margin-top: 30px;transition: all 0.3s;} .tiktok_why_hudoo_ul li:nth-of-type(3n+1){margin-left: 0;} .tiktok_why_hudoo_ul_ico{font-size: 36px;transition: all 0.3s;} .tiktok_why_hudoo_ul_ico.cyan{color: #25F4EE;} .tiktok_why_hudoo_ul_ico.teal{color: var(--mainColor);} .tiktok_why_hudoo_ul_ico.red{color: #FE2C55;} .tiktok_why_hudoo_ul li h3{font-size: 20px;color: #FFFFFF;font-weight: 700;margin-top: 20px;} .tiktok_why_hudoo_ul li p{font-size: 14px;color: #9CA3AF;line-height: 1.6;margin-top: 15px;} .tiktok_why_hudoo_ul li:hover{border-color: rgba(37, 244, 238, 0.4);box-shadow: 0px 12px 30px rgba(37, 244, 238, 0.12);} .tiktok_why_hudoo_ul li:nth-of-type(2):hover{border-color: rgba(26, 150, 177, 0.5);box-shadow: 0px 12px 30px rgba(26, 150, 177, 0.15);} .tiktok_why_hudoo_ul li:nth-of-type(3):hover{border-color: rgba(254, 44, 85, 0.4);box-shadow: 0px 12px 30px rgba(254, 44, 85, 0.12);} .tiktok_why_hudoo_ul li:hover .tiktok_why_hudoo_ul_ico{transform: translateY(-8px);} @keyframes tiktokWiggle{ 0%{transform: rotate(0);} 25%{transform: rotate(-10deg);} 50%{transform: rotate(7deg);} 75%{transform: rotate(-4deg);} 100%{transform: rotate(0);} } .tiktok_why_ul li:hover .tiktok_why_ul_ico i, .tiktok_service_ul li:hover .tiktok_service_ul_ico i, .tiktok_why_hudoo_ul li:hover .tiktok_why_hudoo_ul_ico i{display: inline-block;animation: tiktokWiggle 0.45s ease-in-out;} .tiktok_faq_box{background: #010101;} .tiktok_faq_box .google_seo_title h2{color: #FFFFFF;} .tiktok_faq_box .google_seo_title span{background: linear-gradient(90deg, #25F4EE 0%, #FE2C55 100%);} .tiktok_faq_box .google_seo_faq_ul li{background: #141414;border-color: rgba(255, 255, 255, 0.1);} .tiktok_faq_box .google_seo_faq_ul_top h3{color: #FFFFFF;} .tiktok_faq_box .google_seo_faq_ul_bottom p{color: #9CA3AF;} .tiktok_faq_box .google_seo_faq_ul li:hover, .tiktok_faq_box .google_seo_faq_ul li.on{border-color: var(--mainColor);} .tiktok_faq_box .google_seo_faq_ul li.on .google_seo_faq_ul_bottom p{animation: tiktokFadeUp 0.45s ease both;} @keyframes tiktokFadeUp{ from{opacity: 0;transform: translateY(10px);} to{opacity: 1;transform: translateY(0);} } @media (prefers-reduced-motion: reduce) { .tiktok_banner_grid, .tiktok_banner_box:before, .tiktok_banner_box:after, .tiktok_banner_left h3, .tiktok_banner_right_circle, .tiktok_banner_right_chip, .tiktok_banner_phone_side li i.red, .tiktok_banner_phone_side li:nth-of-type(1) span{animation: none !important;} } /*Tiktok end*/ /*Youtube start*/ .youtube_banner_box{width: 100%;height: auto;padding: 80px 0;background: linear-gradient(158deg, #0F0F0F 0%, #1A1A1A 100%);overflow: hidden;position: relative;} .youtube_banner_box:before{content: "";display: block;width: 600px;height: 600px;background: rgba(255, 0, 0, 0.1);border-radius: 50%;filter: blur(60px);position: absolute;right: -100px;top: -200px;pointer-events: none;animation: tiktokBlobDrift 16s ease-in-out infinite alternate;} .youtube_banner_box:after{content: "";display: block;width: 500px;height: 500px;background: rgba(26, 150, 177, 0.1);border-radius: 50%;filter: blur(60px);position: absolute;left: -100px;bottom: -200px;pointer-events: none;animation: tiktokBlobDrift 20s ease-in-out infinite alternate-reverse;} .youtube_banner_box .contentWH1300{display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 2;} .youtube_banner_left{width: 48%;height: auto;} .youtube_banner_left_tag{width: 370px;height: 45px;background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: 23px;backdrop-filter: blur(2px);display: flex;justify-content: center;align-items: center;font-size: 14px;color: #E5E7EB;font-weight: 700;text-transform: uppercase;letter-spacing: 0.35px;} .youtube_banner_left_tag i{font-size: 20px;color: #FFFFFF;margin-right: 12px;width:30px;height:20px;background:url(/uploadfile/202608/ac5aae9d480af0b.webp) 100%;} .youtube_banner_left h2{font-size: 64px;color: #FFFFFF;font-weight: 900;letter-spacing: -3px;margin-top: 30px;line-height: 1.15;} .youtube_banner_left h2 span{color: #FF0000;} .youtube_banner_left h3{font-size: 64px;font-weight: 900;letter-spacing: -3px;line-height: 1.15;background: linear-gradient(90deg, var(--mainColor) 0%, #22D3EE 100%);-webkit-background-clip: text;background-clip: text;color: transparent;} .youtube_banner_left > p{display: block;margin-top: 30px;width: 100%;height: auto;padding-left: 24px;font-size: 18px;color: #9CA3AF;line-height: 1.6;position: relative;} .youtube_banner_left > p:before{content: "";display: block;width: 4px;height: 100%;position: absolute;left: 0;top: 0;background: var(--mainColor);} .youtube_banner_left > p strong{color: #FFFFFF;font-weight: 700;} .youtube_banner_left > a{width: 289px;height: 60px;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #FFFFFF;font-weight: 700;background: #FF9600;border-radius: 6px;margin-top: 40px;transition: all 0.3s;box-shadow: 0px 10px 15px -3px rgba(127, 29, 29, 0.5);position: relative;overflow: hidden;} .youtube_banner_left > a:after{content: "";display: block;width: 40%;height: 100%;background: linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.5) 50%, transparent 100%);position: absolute;left: -60%;top: 0;transform: skewX(-20deg);transition: transform 0.7s;pointer-events: none;} .youtube_banner_left > a i{font-size: 20px;margin-left: 12px;transition: all 0.3s;} .youtube_banner_left > a:hover{transform: scale(1.1);background: var(--mainColor);} .youtube_banner_left > a:hover:after{transform: skewX(-20deg) translateX(400%);} .youtube_banner_right{width: 48.2%;height: auto;position: relative;padding: 40px 0 60px;} .youtube_banner_player{width: 100%;height: auto;background: #282828;border: 1px solid #1F2937;border-radius: 12px;box-shadow: 0px 20px 50px -10px rgba(0, 0, 0, 0.5);overflow: hidden;position: relative;z-index: 2;} .youtube_banner_player_top{width: 100%;height: 48px;padding: 0 16px;display: flex;justify-content: flex-start;align-items: center;border-bottom: 1px solid rgba(255, 255, 255, 0.1);} .youtube_banner_player_top p{font-size: 12px;color: #9CA3AF;flex: 1;} .youtube_banner_player_top span{display: block;width: 12px;height: 12px;border-radius: 50%;margin-left: 8px;} .youtube_banner_player_top span.red{background: #EF4444;} .youtube_banner_player_top span.yellow{background: #EAB308;} .youtube_banner_player_top span.green{background: #22C55E;} .youtube_banner_player_video{width: 100%;height: auto;aspect-ratio: 511/287;background: #111827;display: flex;justify-content: center;align-items: center;position: relative;} .youtube_banner_player_video > i{font-size: 96px;color: rgba(255, 255, 255, 0.3);} .youtube_banner_player_video_play{width: 80px;height: 80px;border: 4px solid #FFFFFF;border-radius: 50%;display: flex;justify-content: center;align-items: center;position: absolute;left: 50%;top: 50%;margin: -40px 0 0 -40px;box-shadow: 0px 0px 20px rgba(255, 0, 0, 0.4);animation: pulse-center 3s ease-in-out infinite;cursor: pointer;transition: all 0.3s;} .youtube_banner_player_video_play:hover{background: rgba(255, 0, 0, 0.3);} .youtube_banner_player_video_play i{font-size: 24px;color: #FFFFFF;margin-left: 4px;} .youtube_banner_player_video_tags{position: absolute;left: 16px;top: 16px;display: flex;justify-content: flex-start;} .youtube_banner_player_video_tags span{display: block;padding: 5px 8px;background: rgba(26, 150, 177, 0.9);border-radius: 4px;font-size: 10px;color: #FFFFFF;font-weight: 700;} .youtube_banner_player_video_tags span + span{margin-left: 8px;} .youtube_banner_player_video_progress{width: 100%;height: 6px;background: #374151;position: absolute;left: 0;bottom: 0;} .youtube_banner_player_video_progress i{display: block;width: 66.67%;height: 100%;background: #FF0000;} .youtube_banner_player_bottom{width: 100%;height: auto;padding: 16px;background: #282828;} .youtube_banner_player_bottom span{display: block;border-radius: 4px;} .youtube_banner_player_bottom span.line1{width: 70%;height: 16px;background: #374151;} .youtube_banner_player_bottom span.line2{width: 47%;height: 12px;background: #1F2937;margin-top: 8px;} .youtube_banner_search{width: 190px;height: auto;padding: 16px;background: #FFFFFF;border-radius: 8px;box-shadow: 0px 20px 25px -5px #0000001a, 0px 8px 10px -6px #0000001a;position: absolute;left: -44px;top: 40px;z-index: 3;} .youtube_banner_search_top{display: flex;justify-content: flex-start;align-items: center;font-size: 12px;color: #6B7280;font-weight: 700;padding-bottom: 6px;border-bottom: 1px solid #F3F4F6;} .youtube_banner_search_top i{font-size: 16px;color: #FF0000;margin-right: 8px;} .youtube_banner_search_bottom{display: flex;justify-content: flex-start;align-items: center;margin-top: 10px;} .youtube_banner_search_bottom em{font-style: normal;font-size: 24px;color: #D1D5DB;font-weight: 700;} .youtube_banner_search_bottom_lines{flex: 1;margin-left: 12px;} .youtube_banner_search_bottom_lines span{display: block;border-radius: 4px;} .youtube_banner_search_bottom_lines .line1{width: 100%;height: 12px;background: #1F2937;} .youtube_banner_search_bottom_lines .line2{width: 62%;height: 8px;background: var(--mainColor);margin-top: 4px;} .youtube_banner_shorts{width: 160px;height: 288px;background: #000000;border: 4px solid #1F2937;border-radius: 16px;box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);display: flex;justify-content: center;align-items: center;position: absolute;right: -10px;bottom: -20px;z-index: 3;animation: youtubeShortsFloat 5s ease-in-out infinite;} @keyframes youtubeShortsFloat{ 0%, 100%{transform: rotate(6deg) translateY(0);} 50%{transform: rotate(7deg) translateY(-10px);} } .youtube_banner_shorts > i{font-size: 36px;color: #374151;} .youtube_banner_shorts_tag{position: absolute;right: 8px;top: 8px;padding: 2px 5px;background: #FF0000;border-radius: 4px;font-size: 8px;color: #FFFFFF;font-weight: 700;} .youtube_banner_shorts ul{position: absolute;right: 8px;bottom: 20px;} .youtube_banner_shorts ul li{width: 32px;height: 32px;background: #374151;border-radius: 50%;display: flex;justify-content: center;align-items: center;} .youtube_banner_shorts ul li + li{margin-top: 12px;} .youtube_banner_shorts ul li i{font-size: 12px;color: #FFFFFF;} .youtube_why_box{width: 100%;height: auto;padding: 80px 0;overflow: hidden;} .youtube_why_box .google_seo_title span{background: #FF0000;} .youtube_why_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 64px;} .youtube_why_ul li{width: 32%;height: auto;padding: 32px;background: #F9FAFB;border: 1px solid #F3F4F6;border-radius: 12px;margin-left: 2%;transition: all 0.3s;} .youtube_why_ul li:nth-of-type(3n+1){margin-left: 0;} .youtube_why_ul_ico{width: 56px;height: auto;aspect-ratio: 1/1;background: #FFFFFF;border-radius: 8px;display: flex;justify-content: center;align-items: center;font-size: 24px;box-shadow: 0px 1px 2px #0000000d;transition: all 0.3s;} .youtube_why_ul_ico.red{color: #FF0000;} .youtube_why_ul_ico.blue{color: #2563EB;} .youtube_why_ul_ico.dark{color: #111827;} .youtube_why_ul li h3{font-size: 20px;color: #111827;font-weight: 700;margin-top: 24px;transition: all 0.3s;} .youtube_why_ul li p{font-size: 14px;color: #4B5563;line-height: 1.6;margin-top: 15px;} .youtube_why_ul li:hover{box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.06);} .youtube_why_ul li:hover .youtube_why_ul_ico{transform: translateY(-8px);} .youtube_why_ul li:hover h3{color: #FF0000;} .youtube_service_box{width: 100%;height: auto;padding: 80px 0;background: #FFFFFF;overflow: hidden;} .youtube_service_tag{width: 210px;height: 24px;background: #F2F7F8;border: 1px solid rgba(26, 150, 177, 0.2);border-radius: 4px;font-size: 12px;color: var(--mainColor);font-weight: 700;letter-spacing: 1.2px;display: flex;justify-content: center;align-items: center;margin: 0px auto;text-transform: uppercase;} .youtube_service_ul{max-width: 968px;height: auto;margin: 0px auto;margin-top: 64px;} .youtube_service_ul li{width: 100%;height: auto;padding: 24px;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 12px;display: flex;justify-content: flex-start;align-items: flex-start;transition: all 0.3s;} .youtube_service_ul li + li{margin-top: 24px;} .youtube_service_ul li.cyan{border-left: 4px solid var(--mainColor);} .youtube_service_ul li.red{border-left: 4px solid #FF0000;} .youtube_service_ul li:hover{transform: translateY(-6px);box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.08);} .youtube_service_ul_ico{width: 64px;height: 64px;flex: 0 0 64px;border-radius: 8px;display: flex;justify-content: center;align-items: center;font-size: 24px;box-shadow: 0px 4px 6px -1px #0000001a, 0px 2px 4px -2px #0000001a;transition: all 0.3s;} .youtube_service_ul_ico.dark{background: #282828;color: #FFFFFF;} .youtube_service_ul_ico.cyan{background: var(--mainColor);color: #FFFFFF;} .youtube_service_ul_ico.gray{background: #F3F4F6;color: #4B5563;} .youtube_service_ul_ico.red{background: #FF0000;color: #FFFFFF;} .youtube_service_ul_ico.blue{background: #EFF6FF;color: #2563EB;} .youtube_service_ul li:hover .youtube_service_ul_ico{transform: translateY(-6px);} .youtube_service_ul_right{flex: 1;margin-left: 24px;} .youtube_service_ul_right h3{font-size: 20px;color: #111827;font-weight: 700;} .youtube_service_ul_right > p{font-size: 14px;color: #4B5563;margin-top: 8px;} .youtube_service_ul_right dl{display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 8px;} .youtube_service_ul_right dl dd{width: 50%;font-size: 14px;color: #374151;margin-top: 8px;padding-right: 10px;} .youtube_service_ul_right dl dd i{font-size: 14px;color: var(--mainColor);margin-right: 8px;} .youtube_service_ul_right.gray dl dd i{color: #9CA3AF;} .youtube_service_ul_right.red dl dd i{color: #FF0000;} .youtube_service_ul_right.blue dl dd i{color: #60A5FA;} .youtube_why_hudoo_box{width: 100%;height: auto;padding: 80px 0;background: #1C1E21;overflow: hidden; background: url(/uploadfile/202608/4e529c1f0f421ae.webp) no-repeat center center; background-size: cover; } .youtube_why_hudoo_ul{width: 100%;height: auto;padding-top: 34px;display: flex;justify-content: flex-start;flex-wrap: wrap;} .youtube_why_hudoo_ul li{width: 32%;height: auto;padding: 35px 33px;border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 16px;background: rgba(255, 255, 255, 0.05);margin-left: 2%;margin-top: 30px;transition: all 0.3s;} .youtube_why_hudoo_ul li:nth-of-type(3n+1){margin-left: 0;} .youtube_why_hudoo_ul_ico{font-size: 36px;transition: all 0.3s;} .youtube_why_hudoo_ul_ico.blue{color: #60A5FA;} .youtube_why_hudoo_ul_ico.white{color: #FFFFFF;} .youtube_why_hudoo_ul_ico.red{color: #FF0000;} .youtube_why_hudoo_ul li h3{font-size: 20px;color: #FFFFFF;font-weight: 700;margin-top: 20px;} .youtube_why_hudoo_ul li p{font-size: 14px;color: #9CA3AF;line-height: 1.6;margin-top: 15px;} .youtube_why_hudoo_ul li:hover{border-color: rgba(255, 0, 0, 0.4);box-shadow: 0px 12px 30px rgba(255, 0, 0, 0.08);} .youtube_why_hudoo_ul li:hover .youtube_why_hudoo_ul_ico{transform: translateY(-8px);} .youtube_faq_box{background: #F9FAFB;} .youtube_faq_box .google_seo_faq_ul li{background: #FFFFFF;} /*Youtube end*/ /*Ads start*/ /* 广告投放系列页共享组件，主题色通过 CSS 变量按页换肤 */ .ads_theme_bing{--adsAccent: #0078D4;--adsAccent2: #FF9600;} .ads_theme_google{--adsAccent: #4285F4;--adsAccent2: #34A853;} .ads_theme_linkedin{--adsAccent: #0077B5;--adsAccent2: #1A96B1;} .ads_theme_meta{--adsAccent: #1877F2;--adsAccent2: #A855F7;} .ads_theme_tiktok{--adsAccent: #25F4EE;--adsAccent2: #FE2C55;} .ads_theme_youtube{--adsAccent: #FF0000;--adsAccent2: #22D3EE;} .ads_theme_yandex{--adsAccent: #FC3F1D;--adsAccent2: #FFCC00;} .ads_banner_box{width: 100%;height: auto;padding: 80px 0;background: linear-gradient(135deg, #FFFFFF 0%, #F0F7FA 100%);overflow: hidden;position: relative;} .ads_banner_box:before{content: "";display: block;width: 600px;height: 600px;background: var(--adsAccent);opacity: 0.08;border-radius: 50%;filter: blur(60px);position: absolute;right: -150px;top: -200px;pointer-events: none;animation: tiktokBlobDrift 16s ease-in-out infinite alternate;} .ads_banner_box:after{content: "";display: block;width: 500px;height: 500px;background: var(--adsAccent2);opacity: 0.08;border-radius: 50%;filter: blur(60px);position: absolute;left: -150px;bottom: -200px;pointer-events: none;animation: tiktokBlobDrift 20s ease-in-out infinite alternate-reverse;} .ads_banner_box.dark{background: linear-gradient(158deg, #0F0F0F 0%, #1A1A1A 100%);} .ads_banner_box .contentWH1300{display: flex;justify-content: space-between;align-items: center;position: relative;z-index: 2;} .ads_banner_left{width: 48%;height: auto;} .ads_banner_left_tag{display: inline-flex;justify-content: center;align-items: center;padding: 0 20px;height: 42px;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 21px;font-size: 12px;color: #4B5563;font-weight: 700;text-transform: uppercase;letter-spacing: 0.3px;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);} .ads_banner_left_tag i{font-size: 16px;color: var(--adsAccent);margin-right: 10px;} .ads_banner_box.dark .ads_banner_left_tag{background: rgba(255, 255, 255, 0.08);border-color: rgba(255, 255, 255, 0.15);color: #E5E7EB;backdrop-filter: blur(2px);} .ads_banner_left h2{font-size: 60px;color: #111827;font-weight: 900;letter-spacing: -2px;margin-top: 24px;line-height: 1.15;} .ads_banner_box.dark .ads_banner_left h2{color: #FFFFFF;} .ads_banner_left h2 span{color: var(--adsAccent);} .ads_banner_left h3{font-size: 60px;font-weight: 900;letter-spacing: -2px;line-height: 1.8;background: linear-gradient(90deg, var(--adsAccent) 0%, var(--adsAccent2) 100%);-webkit-background-clip: text;background-clip: text;color: transparent;} .ads_banner_left > p{display: block;margin-top: 24px;width: 100%;height: auto;padding-left: 24px;font-size: 18px;color: #4B5563;line-height: 1.6;position: relative;} .ads_banner_left > p:before{content: "";display: block;width: 4px;height: 100%;position: absolute;left: 0;top: 0;background: var(--adsAccent);} .ads_banner_left > p strong{color: var(--adsAccent);font-weight: 700;} .ads_banner_box.dark .ads_banner_left > p{color: #9CA3AF;} .ads_banner_box.dark .ads_banner_left > p strong{color: #FFFFFF;} .ads_banner_left > a{width: 290px;height: 60px;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #FFFFFF;font-weight: 700;background: #FF9600;border-radius: 6px;margin-top: 36px;transition: all 0.3s;box-shadow: 0px 10px 20px -5px rgba(0, 0, 0, 0.2);position: relative;overflow: hidden;} .ads_banner_left > a:after{content: "";display: block;width: 40%;height: 100%;background: linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.5) 50%, transparent 100%);position: absolute;left: -60%;top: 0;transform: skewX(-20deg);transition: transform 0.7s;pointer-events: none;} .ads_banner_left > a i{font-size: 16px;margin-left: 12px;} .ads_banner_left > a:hover{transform: scale(1.08);background: var(--mainColor);} .ads_banner_left > a:hover:after{transform: skewX(-20deg) translateX(400%);} .ads_banner_left_data{width: 100%;height: auto;display: flex;justify-content: flex-start;margin-top: 40px;} .ads_banner_left_data li{text-align: center;} .ads_banner_left_data li + li{margin-left: 32px;padding-left: 32px;border-left: 1px solid rgba(120, 130, 150, 0.25);} .ads_banner_left_data li h4{font-size: 24px;color: var(--adsAccent);font-weight: 900;} .ads_banner_left_data li h4.c2{color: var(--adsAccent2);} .ads_banner_left_data li p{font-size: 12px;color: #6B7280;margin-top: 6px;text-transform: uppercase;} .ads_banner_box.dark .ads_banner_left_data li h4{color: #FFFFFF;} .ads_banner_right{width: 48.2%;height: auto;position: relative;display: flex;justify-content: center;padding: 30px 0;} .ads_mock{width: 100%;max-width: 480px;height: auto;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 12px;box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.15);position: relative;z-index: 2;overflow: hidden;} .ads_banner_box.dark .ads_mock{background: #1B1B1B;border-color: rgba(255, 255, 255, 0.1);box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.5);} .ads_mock_top{width: 100%;height: 44px;padding: 0 16px;display: flex;justify-content: flex-start;align-items: center;border-bottom: 1px solid #F3F4F6;} .ads_banner_box.dark .ads_mock_top{border-color: rgba(255, 255, 255, 0.1);} .ads_mock_top > i.fab, .ads_mock_top > i.fas{font-size: 18px;color: var(--adsAccent);margin-right: 10px;} .ads_mock_top p{font-size: 12px;color: #6B7280;font-weight: 700;flex: 1;} .ads_mock_top span{display: block;width: 10px;height: 10px;border-radius: 50%;background: #E5E7EB;margin-left: 6px;} .ads_mock_top span.r{background: #EF4444;} .ads_mock_top span.y{background: #EAB308;} .ads_mock_top span.g{background: #22C55E;} .ads_banner_box.dark .ads_mock_top span{background: #374151;} .ads_banner_box.dark .ads_mock_top span.r{background: #EF4444;} .ads_banner_box.dark .ads_mock_top span.y{background: #EAB308;} .ads_banner_box.dark .ads_mock_top span.g{background: #22C55E;} .ads_mock_body{width: 100%;height: auto;padding: 20px;} .ads_mock_line{display: block;width: 100%;height: 12px;border-radius: 4px;background: #E5E7EB;} .ads_mock_line + .ads_mock_line{margin-top: 10px;} .ads_mock_line.w70{width: 70%;} .ads_mock_line.w50{width: 50%;} .ads_mock_line.w30{width: 30%;} .ads_mock_line.thin{height: 8px;} .ads_mock_line.accent{background: var(--adsAccent);opacity: 0.85;} .ads_banner_box.dark .ads_mock_line{background: #374151;} .ads_banner_box.dark .ads_mock_line.accent{background: var(--adsAccent);} .ads_mock_title{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 14px;} .ads_mock_title i{width: 34px;height: 34px;border-radius: 8px;background: var(--adsAccent);color: #FFFFFF;font-size: 15px;display: flex;justify-content: center;align-items: center;margin-right: 10px;} .ads_mock_title h3{font-size: 14px;color: #111827;font-weight: 700;} .ads_mock_title p{font-size: 11px;color: #6B7280;margin-top: 2px;} .ads_banner_box.dark .ads_mock_title h3{color: #FFFFFF;} .ads_mock_chart{width: 100%;height: 110px;display: flex;justify-content: space-between;align-items: flex-end;margin-top: 18px;} .ads_mock_chart i{flex: 1;border-radius: 4px 4px 0 0;background: var(--adsAccent);margin-left: 8px;} .ads_mock_chart i:nth-of-type(1){margin-left: 0;height: 30%;opacity: 0.35;} .ads_mock_chart i:nth-of-type(2){height: 45%;opacity: 0.5;} .ads_mock_chart i:nth-of-type(3){height: 38%;opacity: 0.45;} .ads_mock_chart i:nth-of-type(4){height: 62%;opacity: 0.7;} .ads_mock_chart i:nth-of-type(5){height: 78%;opacity: 0.85;} .ads_mock_chart i:nth-of-type(6){height: 100%;opacity: 1;background: linear-gradient(180deg, var(--adsAccent) 0%, var(--adsAccent2) 100%);} .ads_mock_btn{width: 100%;height: 40px;display: flex;justify-content: center;align-items: center;background: var(--adsAccent);border-radius: 6px;font-size: 13px;color: #FFFFFF;font-weight: 700;margin-top: 16px;} .ads_mock_result{width: 100%;padding: 14px 16px;border: 1px solid #F3F4F6;border-radius: 8px;margin-top: 12px;} .ads_banner_box.dark .ads_mock_result{border-color: rgba(255, 255, 255, 0.1);} .ads_mock_result_tag{display: inline-block;padding: 2px 8px;background: var(--adsAccent);border-radius: 4px;font-size: 10px;color: #FFFFFF;font-weight: 700;margin-bottom: 8px;} .ads_mock_result h3{font-size: 14px;color: #1A0DAB;font-weight: 700;} .ads_banner_box.dark .ads_mock_result h3{color: #8AB4F8;} .ads_mock_result p{font-size: 12px;color: #4B5563;margin-top: 6px;line-height: 1.5;} .ads_banner_box.dark .ads_mock_result p{color: #9CA3AF;} .ads_mock_chip{height: 52px;background: #FFFFFF;border-radius: 8px;box-shadow: 0px 10px 15px -3px #0000001a, 0px 4px 6px -4px #0000001a;display: flex;justify-content: flex-start;align-items: center;padding: 0 16px 0 12px;position: absolute;z-index: 3;} .ads_mock_chip_ico{width: 30px;height: 30px;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 14px;background: rgba(34, 197, 94, 0.12);color: #16A34A;} .ads_mock_chip_ico.blue{background: rgba(37, 99, 235, 0.1);color: #2563EB;} .ads_mock_chip_txt{margin-left: 10px;} .ads_mock_chip_txt h3{font-size: 12px;color: #111827;font-weight: 700;} .ads_mock_chip_txt p{font-size: 10px;color: #6B7280;margin-top: 2px;} .ads_mock_chip1{right: -16px;top: 0;} .ads_mock_chip2{left: -16px;bottom: 10px;} .ads_value_box{width: 100%;height: auto;padding: 80px 0;overflow: hidden;} .ads_value_box.tint{background: #F5F9FB;} .ads_product_box.white{background: #FFFFFF;} .ads_phase_acts i{margin-right: 6px;} .ads_product_form{margin-top: 16px;padding: 14px;background: #F8FAFC;border: 1px solid #EEF2F5;border-radius: 8px;} .ads_product_form_input{height: 34px;display: flex;align-items: center;padding: 0 10px;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 4px;font-size: 11px;color: #9CA3AF;margin-top: 8px;} .ads_product_form .ads_mock_btn{height: 34px;font-size: 12px;margin-top: 8px;} .ads_banner_trust{display: flex;justify-content: flex-start;margin-top: 24px;} .ads_banner_trust span{font-size: 13px;color: #4B5563;} .ads_banner_box.dark .ads_banner_trust span{color: #9CA3AF;} .ads_banner_trust span + span{margin-left: 18px;} .ads_banner_trust span i{color: #16A34A;margin-right: 6px;} .ads_value_box .google_seo_title span{background: linear-gradient(90deg, var(--adsAccent) 0%, var(--adsAccent2) 100%);} .ads_value_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 64px;} .ads_value_ul li{width: 32%;height: auto;padding: 32px;background: #F9FAFB;border: 1px solid #F3F4F6;border-radius: 12px;margin-left: 2%;transition: all 0.3s;} .ads_value_ul li:nth-of-type(3n+1){margin-left: 0;} .ads_value_ul_ico{width: 56px;height: auto;aspect-ratio: 1/1;background: #FFFFFF;border-radius: 8px;display: flex;justify-content: center;align-items: center;font-size: 24px;color: var(--adsAccent);box-shadow: 0px 1px 2px #0000000d;transition: all 0.3s;} .ads_value_ul_ico.c2{color: var(--adsAccent2);} .ads_value_ul_ico.c3{color: #F59E0B;} .ads_value_ul li h3{font-size: 20px;color: #111827;font-weight: 700;margin-top: 24px;transition: all 0.3s;} .ads_value_ul li p{font-size: 14px;color: #4B5563;line-height: 1.6;margin-top: 15px;} .ads_value_ul li:hover{box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.06);} .ads_value_ul li:hover .ads_value_ul_ico{transform: translateY(-8px);} .ads_value_ul li:hover h3{color: var(--adsAccent);} .ads_dark{background: #0A0A0A;} .ads_dark .google_seo_title h2{color: #FFFFFF;} .ads_dark .ads_value_ul li{background: rgba(255, 255, 255, 0.03);border-color: rgba(255, 255, 255, 0.1);} .ads_dark .ads_value_ul_ico{background: rgba(255, 255, 255, 0.06);box-shadow: none;} .ads_dark .ads_value_ul li h3{color: #FFFFFF;} .ads_dark .ads_value_ul li p{color: #9CA3AF;} .ads_product_box{width: 100%;height: auto;padding: 80px 0;background: #F7FAFB;overflow: hidden;} .ads_product_box .google_seo_title span{background: linear-gradient(90deg, var(--adsAccent) 0%, var(--adsAccent2) 100%);} .ads_product_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 40px;} .ads_product_ul li{width: 32%;height: auto;padding: 28px;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 12px;margin-left: 2%;margin-top: 24px;transition: all 0.3s;} .ads_product_ul li:nth-of-type(3n+1){margin-left: 0;} .ads_product_ul.two li{width: 49%;margin-left: 2%;} .ads_product_ul.two li:nth-of-type(3n+1){margin-left: 2%;} .ads_product_ul.two li:nth-of-type(2n+1){margin-left: 0;} .ads_product_ul li{position: relative;} .ads_product_ul li:before{content: "";display: block;width: calc(100% + 2px);height: 3px;border-radius: 12px 12px 0 0;background: var(--adsAccent);position: absolute;left: -1px;top: -1px;} .ads_product_ul li.c2:before{background: var(--adsAccent2);} .ads_product_ul li.c3:before{background: #F59E0B;} .ads_product_ul li.c4:before{background: #16A34A;} .ads_product_ul_top{display: flex;justify-content: flex-start;align-items: center;padding-right: 74px;} .ads_product_ul_top i{width: 44px;height: 44px;flex: 0 0 44px;border-radius: 8px;background: rgba(37, 99, 235, 0.1);color: var(--adsAccent);font-size: 18px;display: flex;justify-content: center;align-items: center;transition: all 0.3s;} .ads_product_ul li.c2 .ads_product_ul_top i{background: rgba(26, 150, 177, 0.12);color: var(--adsAccent2);} .ads_product_ul li.c3 .ads_product_ul_top i{background: rgba(245, 158, 11, 0.12);color: #F59E0B;} .ads_product_ul li.c4 .ads_product_ul_top i{background: rgba(22, 163, 74, 0.12);color: #16A34A;} .ads_product_ul_top h3{flex: 1;margin-left: 14px;font-size: 18px;color: #111827;font-weight: 700;} .ads_product_ul em{display: inline-block;font-style: normal;padding: 3px 10px;background: rgba(37, 99, 235, 0.08);border-radius: 4px;font-size: 12px;color: var(--adsAccent);font-weight: 700;position: absolute;right: 20px;top: 24px;} .ads_product_ul li.c2 em{background: rgba(26, 150, 177, 0.1);color: var(--adsAccent2);} .ads_product_ul li.c3 em{background: rgba(245, 158, 11, 0.12);color: #D97706;} .ads_product_ul li.c4 em{background: rgba(22, 163, 74, 0.1);color: #16A34A;} .ads_product_ul li p{font-size: 14px;color: #4B5563;line-height: 1.6;margin-top: 16px;} .ads_product_ul li:hover{transform: translateY(-6px);box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.08);} .ads_product_box.ads_dark{background: #101010;} .ads_dark .ads_product_ul li{background: #161616;border-color: rgba(255, 255, 255, 0.1);} .ads_dark .ads_product_ul_top h3{color: #FFFFFF;} .ads_dark .ads_product_ul em{background: rgba(255, 255, 255, 0.08);} .ads_dark .ads_product_ul li p{color: #9CA3AF;} .ads_dark .ads_product_ul li:hover{box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.4);} .ads_phase_box{width: 100%;height: auto;padding: 80px 0;overflow: hidden;} .ads_phase_box .google_seo_title span{background: linear-gradient(90deg, var(--adsAccent) 0%, var(--adsAccent2) 100%);} .ads_phase_desc{max-width: 720px;margin: 0px auto;font-size: 16px;color: #6B7280;text-align: center;margin-top: 16px;line-height: 1.7;} .ads_dark .ads_phase_desc, .ads_dark .ads_sec_desc{color: #9CA3AF;} .ads_sec_desc{margin: 0px auto;font-size: 16px;color: #6B7280;text-align: center;margin-top: 20px;line-height: 1.7;} .ads_sec_desc strong{color: #111827;} .ads_dark .ads_sec_desc strong{color: #FFFFFF;} .ads_phase_ul{max-width: 960px;height: auto;margin: 0px auto;margin-top: 64px;position: relative;counter-reset: adsPhase;} .ads_phase_ul:before{content: "";display: block;width: 2px;height: 100%;background: #E5E7EB;position: absolute;left: 50%;top: 0;margin-left: -1px;} .ads_dark .ads_phase_ul:before{background: rgba(255, 255, 255, 0.12);} .ads_phase_ul li{width: 50%;height: auto;padding-right: 64px;position: relative;text-align: right;counter-increment: adsPhase;} .ads_phase_ul li:nth-of-type(even){margin-left: 50%;padding-right: 0;padding-left: 64px;text-align: left;} .ads_phase_ul li + li{margin-top: 64px;} .ads_phase_ul li:after{content: counter(adsPhase);display: flex;justify-content: center;align-items: center;width: 34px;height: 34px;border-radius: 50%;background: #FFFFFF;border: 2px solid var(--adsAccent);color: var(--adsAccent);font-size: 15px;font-weight: 700;position: absolute;right: -17px;top: 0;} .ads_phase_ul li:nth-of-type(even):after{right: auto;left: -17px;} .ads_phase_ul li:nth-of-type(2):after{border-color: var(--adsAccent2);color: var(--adsAccent2);} .ads_phase_ul li:nth-of-type(3):after{border-color: #F59E0B;color: #F59E0B;} .ads_dark .ads_phase_ul li:after{background: #0A0A0A;} .ads_phase_ul li h3{font-size: 22px;color: var(--adsAccent);font-weight: 700;} .ads_phase_ul li:nth-of-type(2) h3{color: var(--adsAccent2);} .ads_phase_ul li:nth-of-type(3) h3{color: #F59E0B;} .ads_phase_ul li em{display: inline-block;font-style: normal;padding: 3px 12px;background: var(--adsAccent);border-radius: 4px;font-size: 12px;color: #FFFFFF;font-weight: 700;margin-top: 10px;} .ads_phase_ul li:nth-of-type(2) em{background: var(--adsAccent2);} .ads_phase_ul li:nth-of-type(3) em{background: #F59E0B;} .ads_theme_yandex .ads_phase_ul li:nth-of-type(2) em{color: #1F2937;} .ads_phase_ul li > p{font-size: 14px;color: #4B5563;line-height: 1.6;margin-top: 14px;} .ads_phase_acts{display: block;font-size: 13px;color: #9CA3AF;margin-top: 8px;line-height: 1.7;} .ads_dark .ads_phase_ul li > p{color: #D1D5DB;} .ads_dark .ads_phase_acts{color: #6B7280;} .ads_phase_ul.cards{max-width: 100%;display: flex;justify-content: flex-start;} .ads_phase_ul.cards:before{display: none;} .ads_phase_ul.cards li{width: 32%;padding: 28px;margin-left: 2%;margin-top: 0;text-align: left;background: #F8FAFC;border-left: 4px solid var(--adsAccent);} .ads_phase_ul.cards li:nth-of-type(1){margin-left: 0;} .ads_phase_ul.cards li:nth-of-type(2){border-left-color: var(--adsAccent2);} .ads_phase_ul.cards li:nth-of-type(3){border-left-color: #84CC16;} .ads_phase_ul.cards li:nth-of-type(3) h3{color: #84CC16;} .ads_phase_ul.cards li:after{content: "0" counter(adsPhase);width: auto;height: auto;background: none;border: none;font-size: 44px;color: #E5E7EB;font-weight: 900;position: absolute;left: auto;right: 20px;top: 12px;} .ads_phase_ul.cards li h3{font-size: 20px;} .ads_phase_ul.cards li em{background: none;padding: 0;color: #9CA3AF;font-size: 12px;text-transform: uppercase;letter-spacing: 0.5px;} .ads_phase_ul.cards .ads_phase_acts{margin-top: 14px;} .ads_whyus_box{width: 100%;height: auto;padding: 80px 0;background: #111827;position: relative;overflow: hidden; background: url(/uploadfile/202608/4e529c1f0f421ae.webp) no-repeat center center; background-size: cover; } .ads_whyus_box:before{content: "";display: block;width: 420px;height: 420px;background: var(--adsAccent);opacity: 0.12;border-radius: 50%;filter: blur(80px);position: absolute;right: -60px;top: -60px;pointer-events: none;} .ads_whyus_box .contentWH1300{position: relative;z-index: 2;} .ads_whyus_ul{width: 100%;height: auto;padding-top: 34px;display: flex;justify-content: flex-start;flex-wrap: wrap;} .ads_whyus_ul li{width: 23.5%;height: auto;padding: 28px 24px;border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 12px;background: rgba(255, 255, 255, 0.05);margin-left: 2%;margin-top: 30px;transition: all 0.3s;} .ads_whyus_ul li:nth-of-type(4n+1){margin-left: 0;} .ads_whyus_ul_ico{font-size: 30px;color: var(--adsAccent);transition: all 0.3s;} .ads_whyus_ul_ico.c2{color: var(--adsAccent2);} .ads_whyus_ul_ico.c3{color: #F59E0B;} .ads_whyus_ul_ico.c4{color: #22C55E;} .ads_whyus_ul li h3{font-size: 18px;color: #FFFFFF;font-weight: 700;margin-top: 18px;} .ads_whyus_ul li p{font-size: 13px;color: #9CA3AF;line-height: 1.6;margin-top: 12px;} .ads_whyus_ul li:hover{border-color: rgba(255, 255, 255, 0.3);} .ads_whyus_ul li:hover .ads_whyus_ul_ico{transform: translateY(-8px);} /*.ads_whyus_box.navy{background: #1B2B44;}*/ /*.ads_whyus_box.brown{background: #1C1210;}*/ .ads_whyus_split{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;padding-top: 48px;} .ads_whyus_split_left{width: 46.5%;} .ads_whyus_split_left li{display: flex;justify-content: flex-start;align-items: flex-start;} .ads_whyus_split_left li + li{margin-top: 34px;} .ads_whyus_split_left_ico{width: 48px;height: 48px;flex: 0 0 48px;border-radius: 10px;background: rgba(255, 255, 255, 0.08);display: flex;justify-content: center;align-items: center;font-size: 20px;color: var(--adsAccent);} .ads_whyus_split_left_ico.c2{color: var(--adsAccent2);} .ads_whyus_split_left_ico.c3{color: #F59E0B;} .ads_whyus_split_left_ico.c4{color: #22C55E;} .ads_whyus_split_left_txt{flex: 1;margin-left: 18px;} .ads_whyus_split_left_txt h3{font-size: 18px;color: #FFFFFF;font-weight: 700;} .ads_whyus_split_left_txt p{font-size: 14px;color: #9CA3AF;line-height: 1.7;margin-top: 8px;} .ads_whyus_split_right{width: 46.5%;background: rgba(255, 255, 255, 0.04);border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 16px;padding: 32px;} .ads_whyus_split_right > h3{font-size: 20px;color: #FFFFFF;font-weight: 700;text-align: center;} .ads_whyus_split_right dl dd{display: flex;justify-content: flex-start;align-items: center;background: rgba(255, 255, 255, 0.05);border-radius: 8px;padding: 14px 16px;margin-top: 14px;} .ads_whyus_split_right dl dd > i{width: 32px;height: 32px;flex: 0 0 32px;border-radius: 6px;background: var(--adsAccent);color: #FFFFFF;font-size: 14px;display: flex;justify-content: center;align-items: center;} .ads_whyus_split_right dl dd.c2 > i{background: var(--adsAccent2);} .ads_whyus_split_right dl dd.c4 > i{background: #22C55E;} .ads_whyus_split_right_txt{flex: 1;margin-left: 12px;} .ads_whyus_split_right_txt h4{font-size: 14px;color: #FFFFFF;font-weight: 700;} .ads_whyus_split_right_txt p{font-size: 12px;color: #9CA3AF;margin-top: 2px;} .ads_whyus_split_right dl dd > span{font-size: 12px;color: #9CA3AF;} .ads_whyus_split_right dl dd > span.on{color: #22C55E;font-weight: 700;} .ads_value_ul.white li{background: #FFFFFF;border-color: #EEF2F5;box-shadow: 0px 6px 18px rgba(15, 40, 60, 0.05);} .ads_value_ul.white .ads_value_ul_ico{background: var(--adsAccent);color: #FFFFFF;box-shadow: none;} .ads_value_ul.white .ads_value_ul_ico.c2{background: var(--adsAccent2);color: #FFFFFF;} .ads_value_ul.white .ads_value_ul_ico.c3{background: #16A34A;color: #FFFFFF;} .ads_value_ul li.hl{border-top: 3px solid var(--adsAccent);position: relative;overflow: hidden;} .ads_value_ul li.hl:after{content: "\f08c";font-family: "Font Awesome 6 Brands";font-weight: 400;font-size: 60px;color: rgba(37, 99, 235, 0.08);position: absolute;right: 16px;top: 8px;} .ads_dark .ads_value_ul li.hl{border: 1px solid var(--adsAccent);border-top-width: 1px;} .ads_dark .ads_value_ul li.hl:after{display: none;} .ads_value_compare{width: 100%;margin-top: 18px;display: flex;justify-content: flex-start;align-items: flex-end;} .ads_value_compare span{display: block;text-align: center;font-size: 11px;color: #9CA3AF;} .ads_value_compare span i{display: block;width: 52px;border-radius: 4px 4px 0 0;background: #CBD5E1;margin: 6px auto 0;} .ads_value_compare span:nth-of-type(1) i{height: 56px;} .ads_value_compare span:nth-of-type(2){margin-left: 20px;} .ads_value_compare span:nth-of-type(2) i{height: 24px;background: var(--adsAccent);} .ads_dark .ads_value_compare span i{background: #475569;} .ads_dark .ads_value_compare span:nth-of-type(2) i{background: var(--adsAccent);} .ads_value_ul.bare .ads_value_ul_ico{background: none;box-shadow: none;width: auto;aspect-ratio: initial;height: 40px;justify-content: flex-start;font-size: 32px;} .ads_banner_ring{width: 500px;height: 500px;border: 1px dashed rgba(120, 130, 150, 0.35);border-radius: 50%;position: absolute;left: 50%;top: 50%;margin: -250px 0 0 -250px;pointer-events: none;animation: spin-slow 80s linear infinite;} .ads_banner_box.dark .ads_banner_ring{border-color: rgba(255, 255, 255, 0.12);} .ads_banner_dot{width: 46px;height: 46px;border-radius: 50%;background: #FFFFFF;box-shadow: 0px 10px 15px -3px #0000001a;display: flex;justify-content: center;align-items: center;font-size: 16px;color: var(--adsAccent);position: absolute;z-index: 3;} .ads_banner_dot.d1{left: 4%;top: 14%;} .ads_banner_dot.d2{right: 2%;bottom: 22%;} .ads_banner_float{position: absolute;font-size: 34px;font-weight: 900;letter-spacing: -1px;z-index: 3;pointer-events: none;} .ads_banner_float.f1{color: #25F4EE;left: 0;top: 12%;} .ads_banner_float.f2{color: #FE2C55;right: 0;bottom: 26%;} .ads_mock_search{display: flex;justify-content: flex-start;align-items: center;height: 40px;border: 1px solid #E5E7EB;border-radius: 6px;padding: 0 12px;font-size: 12px;color: #6B7280;margin-bottom: 14px;} .ads_mock_search i{margin-right: 8px;color: #9CA3AF;} .ads_mock_search b{margin-left: auto;padding: 5px 12px;background: var(--adsAccent2);border-radius: 4px;font-size: 11px;color: #1F2937;font-weight: 700;} .ads_banner_box.dark .ads_mock_search{border-color: rgba(255, 255, 255, 0.15);} .ads_mock_cols{display: flex;justify-content: flex-start;align-items: stretch;} .ads_mock_cols_left{flex: 1.6;padding-right: 14px;border-right: 1px solid #F3F4F6;} .ads_mock_cols_right{flex: 1;padding-left: 14px;} .ads_mock_copilot{display: flex;justify-content: flex-start;align-items: center;font-size: 12px;color: #111827;font-weight: 700;} .ads_mock_copilot i{width: 18px;height: 18px;border-radius: 50%;background: #8B5CF6;color: #FFFFFF;font-size: 9px;display: flex;justify-content: center;align-items: center;margin-right: 8px;} .ads_mock_note{font-size: 11px;color: #6B7280;background: #F5F3FF;border-radius: 6px;padding: 10px;margin-top: 10px;line-height: 1.6;} .ads_mock_metrics{display: flex;justify-content: space-between;margin-bottom: 16px;} .ads_mock_metrics li{width: 31.5%;padding: 12px 10px;border-radius: 8px;background: #EFF6FF;} .ads_mock_metrics li.g{background: #F0FDF4;} .ads_mock_metrics li.y{background: #FEFCE8;} .ads_mock_metrics li p{font-size: 9px;color: #6B7280;font-weight: 700;text-transform: uppercase;} .ads_mock_metrics li h4{font-size: 17px;color: #2563EB;font-weight: 800;margin-top: 4px;} .ads_mock_metrics li.g h4{color: #16A34A;} .ads_mock_metrics li.y h4{color: #CA8A04;} .ads_mock_metrics li span{display: block;font-size: 10px;color: #16A34A;margin-top: 3px;} .ads_mock_metrics li span.down{color: #16A34A;} .ads_mock_target{display: flex;justify-content: flex-start;align-items: center;background: #F3F4F6;border-radius: 8px;padding: 10px 12px;margin-top: 10px;} .ads_mock_target > i{width: 30px;height: 30px;flex: 0 0 30px;border-radius: 6px;background: #FFFFFF;color: #4B5563;font-size: 13px;display: flex;justify-content: center;align-items: center;} .ads_mock_target div{flex: 1;margin-left: 10px;} .ads_mock_target div p{font-size: 10px;color: #9CA3AF;} .ads_mock_target div h4{font-size: 13px;color: #111827;font-weight: 700;margin-top: 1px;} .ads_mock_target > b{color: #16A34A;font-size: 13px;} .ads_mock_foot{display: flex;justify-content: space-between;align-items: center;margin-top: 16px;padding-top: 14px;border-top: 1px solid #F3F4F6;} .ads_mock_foot div p{font-size: 11px;color: #6B7280;} .ads_mock_foot div h4{font-size: 16px;color: var(--adsAccent);font-weight: 800;margin-top: 2px;} .ads_mock_foot a{padding: 8px 18px;background: var(--adsAccent);border-radius: 6px;font-size: 12px;color: #FFFFFF;font-weight: 700;} .ads_mock_checks{display: flex;justify-content: flex-start;margin-top: 10px;} .ads_mock_checks span{font-size: 11px;color: #4B5563;} .ads_mock_checks span + span{margin-left: 14px;} .ads_mock_checks span i{color: #16A34A;margin-right: 4px;} .ads_mock_brand{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 12px;} .ads_mock_brand h3{font-size: 22px;color: #FC3F1D;font-weight: 800;margin-right: 14px;} .ads_mock_result_link{font-size: 11px;color: #16A34A;margin-left: 8px;} .ads_mock_phone{width: 290px;background: #FFFFFF;border: 10px solid #111827;border-radius: 28px;overflow: hidden;position: relative;z-index: 2;margin: 0 auto;} .ads_mock_phone_bar{display: flex;justify-content: space-between;align-items: center;padding: 12px 14px;border-bottom: 1px solid #F3F4F6;} .ads_mock_phone_bar h3{font-size: 17px;color: #1877F2;font-weight: 800;} .ads_mock_phone_bar i{font-size: 13px;color: #4B5563;margin-left: 10px;} .ads_mock_phone_body{padding: 14px;} .ads_mock_imgph{width: 100%;height: 110px;border-radius: 6px;background: #E5E7EB;display: flex;justify-content: center;align-items: center;font-size: 26px;color: #9CA3AF;margin-top: 12px;} .ads_mock_phone_cta{display: flex;justify-content: space-between;align-items: center;margin-top: 12px;font-size: 11px;color: #4B5563;font-weight: 700;} .ads_mock_phone_cta b{padding: 6px 14px;background: #E7F0FE;border-radius: 4px;color: #1877F2;font-weight: 700;} .ads_mock_phone_meta{display: flex;justify-content: space-between;align-items: center;margin-top: 12px;padding-top: 10px;border-top: 1px solid #F3F4F6;font-size: 11px;color: #6B7280;} .ads_mock_player{width: 100%;background: #16181D;border-radius: 12px;box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.6);position: relative;z-index: 2;overflow: hidden;} .ads_mock_player_stage{width: 100%;aspect-ratio: 16/8.5;display: flex;justify-content: center;align-items: center;position: relative;} .ads_mock_player_stage > i{width: 58px;height: 58px;border-radius: 50%;background: #FF0000;color: #FFFFFF;font-size: 20px;display: flex;justify-content: center;align-items: center;padding-left: 4px;} .ads_mock_player_banner{position: absolute;left: 16px;bottom: 14px;width: 72%;background: #FFFFFF;border-radius: 8px;display: flex;justify-content: flex-start;align-items: center;padding: 10px 12px;} .ads_mock_player_banner span{width: 34px;height: 34px;flex: 0 0 34px;border-radius: 4px;background: #111827;color: #FFFFFF;font-size: 8px;font-weight: 700;display: flex;justify-content: center;align-items: center;} .ads_mock_player_banner div{flex: 1;margin-left: 10px;} .ads_mock_player_banner div h4{font-size: 12px;color: #111827;font-weight: 700;} .ads_mock_player_banner div p{font-size: 10px;color: #6B7280;margin-top: 1px;} .ads_mock_player_banner a{padding: 7px 10px;background: var(--mainColor);border-radius: 4px;font-size: 10px;color: #FFFFFF;font-weight: 700;} .ads_mock_player_ctrl{display: flex;justify-content: flex-start;align-items: center;padding: 10px 14px;border-top: 2px solid #FF0000;font-size: 11px;color: #9CA3AF;} .ads_mock_player_ctrl i{margin-right: 12px;} .ads_mock_player_ctrl span{margin-left: auto;} .ads_mock_tilt{position: absolute;background: #FFFFFF;border-radius: 8px;box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.3);padding: 12px 14px;z-index: 3;} .ads_mock_tilt.t1{right: -10px;top: -36px;width: 230px;transform: rotate(4deg);border-left: 3px solid #FF0000;} .ads_mock_tilt.t1 h4{font-size: 11px;color: #6B7280;font-weight: 700;text-transform: uppercase;letter-spacing: 0.5px;} .ads_mock_tilt.t1 h4 i{margin-right: 6px;color: #4285F4;} .ads_mock_tilt.t1 p{display: flex;align-items: center;margin-top: 8px;padding: 7px 10px;background: #F3F4F6;border-radius: 15px;font-size: 12px;color: #111827;font-weight: 700;} .ads_mock_tilt.t1 p i{margin-right: 8px;color: #9CA3AF;} .ads_mock_tphone{width: 250px;height: 450px;background: #101018;border: 8px solid #1F2937;border-radius: 24px;position: relative;z-index: 2;overflow: hidden;margin: 0 auto;} .ads_mock_tphone_play{width: 54px;height: 54px;border-radius: 50%;border: 3px solid rgba(255, 255, 255, 0.5);display: flex;justify-content: center;align-items: center;color: rgba(255, 255, 255, 0.7);font-size: 18px;position: absolute;left: 50%;top: 28%;margin-left: -27px;padding-left: 3px;} .ads_mock_tphone_side{position: absolute;right: 10px;bottom: 120px;} .ads_mock_tphone_side li{text-align: center;} .ads_mock_tphone_side li + li{margin-top: 14px;} .ads_mock_tphone_side li i{display: block;font-size: 20px;color: #FFFFFF;} .ads_mock_tphone_side li:nth-of-type(1) i{color: #FE2C55;} .ads_mock_tphone_side li span{display: block;font-size: 10px;color: #FFFFFF;margin-top: 4px;} .ads_mock_tphone_info{position: absolute;left: 12px;bottom: 56px;width: 68%;} .ads_mock_tphone_info h4{font-size: 13px;color: #FFFFFF;font-weight: 700;} .ads_mock_tphone_info p{font-size: 10px;color: rgba(255, 255, 255, 0.8);line-height: 1.5;margin-top: 6px;} .ads_mock_tphone_btn{position: absolute;left: 10px;right: 10px;bottom: 10px;height: 34px;background: #FE2C55;border-radius: 4px;display: flex;justify-content: space-between;align-items: center;padding: 0 12px;font-size: 12px;color: #FFFFFF;font-weight: 700;} .ads_faq_dark{background: #0A0A0A;} .ads_faq_dark .google_seo_title h2{color: #FFFFFF;} .ads_faq_dark .google_seo_title span{background: linear-gradient(90deg, var(--adsAccent) 0%, var(--adsAccent2) 100%);} .ads_faq_dark .google_seo_faq_ul li{background: #141414;border-color: rgba(255, 255, 255, 0.1);} .ads_faq_dark .google_seo_faq_ul_top h3{color: #FFFFFF;} .ads_faq_dark .google_seo_faq_ul_bottom p{color: #9CA3AF;} /* ===== Yandex Ads 1:1 设计还原（#1B1F23 暗色体系） ===== */ .ads_theme_yandex .ads_banner_box.dark{background: #1B1F23;} .ads_theme_yandex .ads_banner_box:before{width: 100%;height: 100%;left: 0;top: 0;right: auto;bottom: auto;border-radius: 0;filter: none;opacity: 0.15;animation: none;background: url(../images/yandex_banner_map.webp) no-repeat center center;background-size: cover;} .ads_theme_yandex .ads_banner_box:after{width: 100%;height: 100%;left: 0;top: 0;right: auto;bottom: auto;border-radius: 0;filter: none;opacity: 1;animation: none;background: linear-gradient(90deg, #1B1F23 0%, rgba(27, 31, 35, 0.7) 50%, rgba(27, 31, 35, 0.15) 100%);} .ads_theme_yandex .ads_banner_left > p strong{color: #FFCC00;} .ads_theme_yandex .ads_banner_left h3{background: none;-webkit-text-fill-color: #1A96B1;color: #1A96B1;} .yx_dot{position: absolute;width: 10px;height: 10px;border-radius: 50%;background: #FFCC00;z-index: 1;} .yx_dot.d1{left: 0;top: 48%;} .yx_dot.d2{left: 15%;top: 53%;} .yx_tag{display: inline-block;padding: 10px 20px;background: rgba(255, 255, 255, 0.1);border: 1px solid rgba(255, 204, 0, 0.5);backdrop-filter: blur(2px);transform: skewX(-12deg);font-size: 12px;font-weight: 700;text-transform: uppercase;letter-spacing: 0.3px;color: #FFFFFF;} .yx_tag span{display: inline-block;transform: skewX(12deg);} .yx_tag span b{color: #FF0000;font-size: 18px;margin-right: 8px;font-weight: 700;} .ads_theme_yandex .ads_banner_left > a{background: #FFCC00;color: #FFFFFF;box-shadow: 0px 0px 12px rgba(255, 204, 0, 0.5);} .ads_theme_yandex .ads_banner_left > a:hover{background: var(--mainColor);} .yx_gear{position: absolute;right: -20px;bottom: 0;font-size: 128px;color: rgba(26, 150, 177, 0.2);z-index: 1;pointer-events: none;} /* banner 搜索卡 */ .yx_search{height: 40px;display: flex;justify-content: flex-start;align-items: stretch;background: #FFCC00;border-radius: 12px;padding: 2px;margin: 16px 0;} .yx_search_input{flex: 1;display: flex;justify-content: flex-start;align-items: center;background: #FFFFFF;border-radius: 10px 0 0 10px;padding: 0 12px;font-size: 14px;} .yx_search_input em{font-style: normal;color: #9CA3AF;margin-right: 8px;} .yx_search_input b{color: #1F2937;font-weight: 700;} .yx_search_btn{width: 86px;display: flex;justify-content: center;align-items: center;font-size: 16px;color: #000000;font-weight: 700;} .ads_theme_yandex .ads_mock_brand{margin-bottom: 0;} .ads_theme_yandex .ads_mock_brand h3{font-size: 36px;} .ads_theme_yandex .ads_mock_result h3{font-size: 18px;color: #1E40AF;} .ads_theme_yandex .ads_mock_result p{font-size: 14px;color: #374151;} /* value 三卡 */ .ads_theme_yandex .google_seo_title h2 span{display: inline;width: auto;height: auto;background: none;margin: 0;border-radius: 0;color: #FFCC00;} .ads_theme_yandex .ads_value_box .google_seo_title h2{font-size: 48px;} .ads_theme_yandex .google_seo_title > span{width: 96px;height: 8px;border-radius: 0;background: #1A96B1;} .ads_theme_yandex .ads_value_box.ads_dark{background: #2F363D;} .ads_theme_yandex .ads_dark .ads_value_ul li{background: #1B1F23;border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 0;} .ads_theme_yandex .ads_dark .ads_value_ul li.hl{border-top: 4px solid #1A96B1;} .ads_theme_yandex .ads_value_ul li h3{text-transform: uppercase;letter-spacing: 1px;} .ads_theme_yandex .ads_value_ul.bare .ads_value_ul_ico{font-size: 48px;height: 48px;} /* ad solutions 2×2 大卡 */ .yx_solution_pill{display: table;margin: 0px auto;padding: 4px 13px;border: 1px solid #1A96B1;font-size: 12px;color: #1A96B1;font-weight: 700;letter-spacing: 1.2px;text-transform: uppercase;margin-bottom: 16px;} .yx_solution_ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;} .yx_solution_ul li{width: calc(50% - 12px);background: #2F363D;border-left: 4px solid #FFCC00;padding: 24px;margin-bottom: 24px;position: relative;transition: all 0.3s;} .yx_solution_ul li:hover{transform: translateY(-4px);} .yx_solution_ul li:nth-of-type(2){border-left-color: #1A96B1;} .yx_solution_ul li:nth-of-type(3){border-left-color: #FF0000;margin-bottom: 0;} .yx_solution_ul li:nth-of-type(4){border-left-color: #FFFFFF;margin-bottom: 0;} .yx_solution_ul li h3{font-size: 24px;color: #FFFFFF;font-weight: 700;padding-right: 40px;} .yx_solution_ul li > i{position: absolute;right: 32px;top: 28px;font-size: 24px;color: #FFCC00;} .yx_solution_ul li:nth-of-type(2) > i{color: #1A96B1;} .yx_solution_ul li:nth-of-type(3) > i{color: #FF0000;} .yx_solution_ul li:nth-of-type(4) > i{color: #FFFFFF;} .yx_solution_ul li > p{font-size: 14px;color: #9CA3AF;margin-top: 16px;line-height: 20px;} .yx_solution_ad{height: 40px;background: #FFFFFF;border-radius: 4px;display: flex;justify-content: flex-start;align-items: center;padding: 0 12px;margin-top: 20px;font-family: Consolas, monospace;font-size: 12px;color: #000000;} .yx_solution_ad b{display: inline-block;background: #FDE047;padding: 0 4px;line-height: 14px;font-weight: 400;margin-right: 8px;} .yx_solution_imgs{display: flex;justify-content: flex-start;margin-top: 20px;} .yx_solution_imgs i{display: block;height: 64px;border-radius: 4px;background: #4B5563;width: 32%;} .yx_solution_imgs i + i{background: #374151;width: 64%;margin-left: 4%;} /* phase 三步走（时间轴微调） */ .ads_theme_yandex .ads_phase_box{background: #1B1F23;} .ads_theme_yandex .ads_phase_box .google_seo_title h2{color: #FFFFFF;} .ads_theme_yandex .ads_phase_ul:before{background: #374151;} .ads_theme_yandex .ads_phase_ul li:after{width: 24px;height: 24px;font-size: 12px;background: #1B1F23;right: -12px;} .ads_theme_yandex .ads_phase_ul li:nth-of-type(even):after{left: -12px;} .ads_theme_yandex .ads_phase_ul li h3{color: #FFCC00;} .ads_theme_yandex .ads_phase_ul li:nth-of-type(1):after{border-color: #FFCC00;color: #FFCC00;} .ads_theme_yandex .ads_phase_ul li:nth-of-type(2) h3{color: #1A96B1;} .ads_theme_yandex .ads_phase_ul li:nth-of-type(2):after{border-color: #1A96B1;color: #1A96B1;} .ads_theme_yandex .ads_phase_ul li:nth-of-type(3) h3{color: #FF0000;} .ads_theme_yandex .ads_phase_ul li:nth-of-type(3):after{border-color: #FF0000;color: #FF0000;} .ads_theme_yandex .ads_phase_ul li em{background: #2F363D;color: #9CA3AF;} .ads_theme_yandex .ads_phase_ul li:nth-of-type(2) em{background: #2F363D;color: #9CA3AF;} .ads_theme_yandex .ads_phase_ul li:nth-of-type(3) em{background: #2F363D;color: #9CA3AF;} .ads_theme_yandex .ads_phase_ul li > p{color: #D1D5DB;} /* whyus 左列表 + Metrica 面板 */ /*.ads_theme_yandex .ads_whyus_box{background: #2F363D;}*/ .ads_theme_yandex .ads_whyus_box:before{display: none;} .yx_why{display: flex;justify-content: space-between;align-items: flex-start;padding-top: 40px;} .yx_why_left{width: 46.5%;} .yx_why_left li{display: flex;justify-content: flex-start;align-items: flex-start;} .yx_why_left li + li{margin-top: 40px;} .yx_why_left_ico{width: 48px;height: 48px;flex: 0 0 48px;background: #1B1F23;border: 1px solid rgba(255, 255, 255, 0.1);display: flex;justify-content: center;align-items: center;font-size: 24px;color: #FFCC00;} .yx_why_left li:nth-of-type(2) .yx_why_left_ico{color: #1A96B1;} .yx_why_left li:nth-of-type(3) .yx_why_left_ico{color: #FF0000;} .yx_why_left_txt{flex: 1;margin-left: 16px;} .yx_why_left_txt h3{font-size: 20px;color: #FFFFFF;font-weight: 700;} .yx_why_left_txt p{font-size: 14px;color: #9CA3AF;line-height: 20px;margin-top: 8px;} .yx_metrica{width: 46%;background: #1B1F23;border: 1px solid #374151;box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);position: relative;overflow: hidden;padding: 24px;} .yx_metrica:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 4px;background: linear-gradient(90deg, #FFCC00 0%, #FF0000 50%, #1A96B1 100%);} .yx_metrica_title{display: flex;justify-content: flex-start;align-items: center;font-size: 16px;color: #FFFFFF;font-weight: 700;} .yx_metrica_title i{font-size: 16px;color: #FFCC00;margin-right: 8px;} .yx_metrica_row{display: flex;justify-content: flex-start;align-items: center;padding: 12px 0 8px;border-bottom: 1px solid #374151;} .yx_metrica_row:nth-of-type(2){margin-top: 16px;} .yx_metrica_row p{flex: 1;font-size: 14px;color: #9CA3AF;} .yx_metrica_row b{font-size: 14px;color: #FFFFFF;font-weight: 700;} .yx_metrica_row span{font-size: 12px;color: #22C55E;font-weight: 700;margin-left: 10px;} .yx_metrica_chart{height: 128px;background: #2F363D;position: relative;overflow: hidden;margin-top: 16px;} .yx_metrica_chart i{position: absolute;border-radius: 50%;filter: blur(12px);opacity: 0.5;} .yx_metrica_chart i:nth-of-type(1){width: 81px;height: 80px;background: #EF4444;left: 25%;bottom: -40px;} .yx_metrica_chart i:nth-of-type(2){width: 65px;height: 64px;background: #EAB308;right: 21%;top: 42px;} /* FAQ */ .ads_theme_yandex .ads_faq_dark{background: #1B1F23;} .ads_theme_yandex .ads_faq_dark .google_seo_faq_ul li{background: #2F363D;border-color: rgba(255, 255, 255, 0.08);} @media (max-width: 990px) { .yx_solution_ul li{width: 100%;margin-bottom: 20px;} .yx_solution_ul li:nth-of-type(3){margin-bottom: 20px;} .yx_why{flex-wrap: wrap;} .yx_why_left{width: 100%;} .yx_metrica{width: 100%;margin-top: 40px;} } @media (max-width: 768px) { .yx_tag{padding: 2vw 4vw;font-size: 3vw;} .yx_tag span b{font-size: 4.2vw;margin-right: 1.8vw;} .yx_gear{font-size: 26vw;right: -4vw;} .yx_search{height: 9.6vw;border-radius: 2.8vw;padding: 0.6vw;margin: 3.2vw 0;} .yx_search_input{padding: 0 2.4vw;font-size: 3vw;border-radius: 2.4vw 0 0 2.4vw;} .yx_search_btn{width: 18vw;font-size: 3.4vw;} .ads_theme_yandex .ads_mock_brand h3{font-size: 7.4vw;} .ads_theme_yandex .ads_mock_result h3{font-size: 3.8vw;} .ads_theme_yandex .ads_mock_result p{font-size: 3vw;} .ads_theme_yandex .ads_value_box .google_seo_title h2{font-size: 5.4vw;} .ads_theme_yandex .google_seo_title > span{width: 20vw;height: 1.6vw;} .ads_theme_yandex .ads_value_ul.bare .ads_value_ul_ico{font-size: 9.6vw;height: 9.6vw;} .yx_solution_pill{font-size: 3vw;padding: 1vw 2.8vw;margin-bottom: 3.2vw;} .yx_solution_ul{margin-top: 3.2vw;} .yx_solution_ul li{padding: 5% 4%;border-left-width: 0.8vw;margin-bottom: 3.8vw;} .yx_solution_ul li:nth-of-type(3){margin-bottom: 3.8vw;} .yx_solution_ul li h3{font-size: 4.6vw;padding-right: 9vw;} .yx_solution_ul li > i{right: 4%;top: 5%;font-size: 5vw;} .yx_solution_ul li > p{font-size: 3.4vw;line-height: 1.5;margin-top: 2.8vw;} .yx_solution_ad{height: 9vw;font-size: 2.8vw;padding: 0 2.4vw;margin-top: 3.6vw;} .yx_solution_imgs{margin-top: 3.6vw;} .yx_solution_imgs i{height: 14vw;} .ads_theme_yandex .ads_phase_ul li:after{width: 6vw;height: 6vw;font-size: 2.8vw;right: auto;left: -1vw;} .ads_theme_yandex .ads_phase_ul li:nth-of-type(even):after{left: -1vw;} .yx_why{padding-top: 3.2vw;} .yx_why_left li + li{margin-top: 5.8vw;} .yx_why_left_ico{width: 10.8vw;height: 10.8vw;flex: 0 0 10.8vw;font-size: 5vw;} .yx_why_left_txt{margin-left: 3.2vw;} .yx_why_left_txt h3{font-size: 4.2vw;} .yx_why_left_txt p{font-size: 3.4vw;line-height: 1.5;margin-top: 1.8vw;} .yx_metrica{padding: 4%;margin-top: 6vw;} .yx_metrica_title{font-size: 3.8vw;} .yx_metrica_row p, .yx_metrica_row b{font-size: 3.2vw;} .yx_metrica_row span{font-size: 2.8vw;} .yx_metrica_chart{height: 28vw;margin-top: 3.2vw;} } /* ===== 搜索结果页（sr_） ===== */ .search_box{padding: 60px 0 90px;} .sr_bar{width: 640px;max-width: 100%;height: 54px;display: flex;align-items: center;background: #FFFFFF;border: 2px solid #1A96B1;border-radius: 30px;padding: 0 6px 0 22px;margin: 0 auto;} .sr_bar i{color: #1A96B1;font-size: 16px;margin-right: 12px;} .sr_bar input{flex: 1;height: 100%;border: none;outline: none;font-size: 15px;color: #111827;background: transparent;min-width: 0;} .sr_bar button{flex: 0 0 auto;height: 42px;padding: 0 28px;border: none;outline: none;cursor: pointer;background: #1A96B1;color: #FFFFFF;font-size: 15px;font-weight: 700;border-radius: 21px;transition: all 0.3s;} .sr_bar button:hover{background: #157F96;} .sr_info{text-align: center;font-size: 14px;color: #6B7280;margin: 22px 0 6px;} .sr_info strong, .sr_info em{color: #1A96B1;font-style: normal;} .sr_tag{display: inline-block;font-style: normal;font-size: 12px;color: #1A96B1;font-weight: 400;background: rgba(26, 150, 177, 0.1);border-radius: 4px;padding: 2px 10px;margin-right: 10px;vertical-align: 2px;} @media (max-width: 768px) { .search_box{padding: 7vw 0 9vw;} .sr_bar{height: 12vw;border-radius: 6vw;padding: 0 1.5vw 0 4.5vw;} .sr_bar i{font-size: 3.8vw;margin-right: 2.5vw;} .sr_bar input{font-size: 3.6vw;} .sr_bar button{height: 9.4vw;padding: 0 6vw;font-size: 3.6vw;border-radius: 4.7vw;} .sr_info{font-size: 3.4vw;margin: 4.5vw 0 1vw;} .sr_tag{font-size: 3vw;padding: 0.5vw 2.4vw;margin-right: 2vw;} } /* ===== 联系Hudoo/学院三页（ct_/mw_/pg_） ===== */ .ct_net_box{width: 100%;height: auto;padding: 90px 0 70px;background: #FFFFFF;overflow: hidden;} .ct_map{width: 100%;height: 860px;margin-top: 34px;} .ct_city{justify-content: center;margin-top: 30px;} .ct_net_more{text-align: center;font-size: 14px;color: #6B7280;margin-top: 20px;} .ct_net_more a{color: #1A96B1;font-weight: 700;} .ct_net_more a:hover{text-decoration: underline;} .ct_biz_box{width: 100%;height: auto;padding: 80px 0 96px;background: #F9FAFB;overflow: hidden;} .ct_biz_ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 44px;} .ct_biz_ul li{width: 23.5%;background: #FFFFFF;border: 1px solid #F3F4F6;border-radius: 16px;padding: 34px 26px;text-align: center;transition: all 0.3s;} .ct_biz_ul li:hover{transform: translateY(-6px);box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);} .ct_biz_ico{width: 64px;height: 64px;border-radius: 50%;background: #E0F7FA;color: #1A96B1;display: flex;justify-content: center;align-items: center;font-size: 24px;margin: 0 auto;} .ct_biz_ul li h3{font-size: 18px;color: #111827;font-weight: 700;margin-top: 20px;} .ct_biz_ul li p{font-size: 13px;color: #6B7280;line-height: 1.8;margin-top: 12px;min-height: 94px;} .ct_biz_ul li a{display: inline-block;font-size: 13px;color: #1A96B1;font-weight: 700;margin-top: 12px;} .ct_biz_ul li a:hover{text-decoration: underline;} .dr_note{display: flex;justify-content: center;align-items: flex-start;font-size: 14px;color: #6B7280;line-height: 1.7;margin-top: 30px;} .dr_note i{color: #1A96B1;font-size: 14px;margin: 3px 8px 0 0;} .dr_note a{color: #1A96B1;font-weight: 700;margin-left: 4px;} .dr_note a:hover{text-decoration: underline;} .mw_anchor_box{width: 100%;padding: 40px 0 0;background: #FFFFFF;overflow: hidden;} .mw_anchor{margin-top: 0;} .mw_sec{width: 100%;height: auto;padding: 60px 0 70px;background: #FFFFFF;overflow: hidden;} .mw_sec_gray{background: #F9FAFB;} .mw_ul{width: 100%;display: flex;flex-wrap: wrap;margin-top: 40px;} .mw_ul li{width: 32%;margin: 0 2% 24px 0;background: #FFFFFF;border: 1px solid #F3F4F6;border-radius: 16px;padding: 28px;transition: all 0.3s;} .mw_ul li:nth-child(3n){margin-right: 0;} .mw_ul li:hover{transform: translateY(-6px);box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);} .mw_sec_gray .mw_ul li{border-color: #FFFFFF;} .mw_head{display: flex;align-items: center;} .mw_head .more-right{margin-left:auto} .mw_ico{width: 52px;height: 52px;flex: 0 0 52px;border-radius: 12px;display: flex;justify-content: center;align-items: center;font-size: 22px;margin-right: 16px;} .mw_c_gg{background: #EEF2FF;color: #4285F4;} .mw_c_bing{background: #E6F4F1;color: #008373;} .mw_c_yd{background: #FEECE8;color: #FC3F1D;} .mw_c_in{background: #E8F1FB;color: #0A66C2;} .mw_c_fb{background: #E7F0FD;color: #1877F2;} .mw_c_ig{background: #FDE9F0;color: #E1306C;} .mw_c_x{background: #F3F4F6;color: #111827;} .mw_c_yt{background: #FDEBEB;color: #FF0000;} .mw_c_tk{background: #F3F4F6;color: #111827;} .mw_c_sp{background: #E6F2EE;color: #008060;} .mw_c_woo{background: #F2ECF7;color: #7F54B3;} .mw_c_az{background: #FFF3E0;color: #FF9900;} .mw_tit h3{font-size: 18px;color: #111827;font-weight: 700;} .mw_tit em{display: block;font-style: normal;font-size: 12px;color: #9CA3AF;margin-top: 4px;} .mw_specs{margin-top: 18px;} .mw_specs p{display: flex;align-items: flex-start;font-size: 13px;padding: 4px 0;} .mw_specs p span{width: 74px;flex: 0 0 74px;color: #9CA3AF;} .mw_specs p b{color: #374151;font-weight: 400;} .mw_links{border-top: 1px dashed #ECEFF3;padding-top: 16px;margin-top: 14px;} .mw_links a{display: inline-block;font-size: 12px;color: #1A96B1;font-weight: 700;background: rgba(26, 150, 177, 0.08);border-radius: 6px;padding: 6px 12px;margin: 0 8px 6px 0;} .mw_links a:hover{background: #1A96B1;color: #FFFFFF;} .mw_links span{display: inline-block;font-size: 12px;color: #9CA3AF;background: #F3F4F6;border-radius: 6px;padding: 6px 12px;} .pg_box{width: 100%;height: auto;padding: 70px 0 60px;background: #F9FAFB;overflow: hidden;} .pg_filter{margin-top: 0;margin-bottom: 14px;} .pg_ul{width: 100%;display: flex;flex-wrap: wrap;margin-top: 26px;} .pg_ul li{width: 32%;margin: 0 2% 24px 0;} .pg_ul li:nth-child(3n){margin-right: 0;} .pg_ul li > a{display: block;height: 100%;background: #FFFFFF;border: 1px solid #F3F4F6;border-radius: 16px;padding: 28px;transition: all 0.3s;} .pg_ul li > a:hover{transform: translateY(-6px);box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);} .pg_top{display: flex;justify-content: space-between;align-items: center;} .pg_ico{width: 46px;height: 46px;border-radius: 10px;background: #E0F7FA;color: #1A96B1;display: flex;justify-content: center;align-items: center;font-size: 19px;} .pg_top em{font-style: normal;font-size: 12px;color: #1A96B1;font-weight: 700;background: rgba(26, 150, 177, 0.1);border-radius: 20px;padding: 4px 12px;} .pg_ul h2{font-size: 17px;color: #111827;font-weight: 700;line-height: 1.5;margin-top: 18px;} .pg_ul li > a:hover h2{color: #1A96B1;} .pg_ul p{font-size: 13.5px;color: #6B7280;line-height: 1.75;margin-top: 10px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .pg_meta{display: flex;justify-content: space-between;align-items: center;border-top: 1px dashed #ECEFF3;padding-top: 14px;margin-top: 16px;} .pg_meta span, .pg_meta time{font-size: 12px;color: #9CA3AF;} .pg_meta span i{margin-right: 6px;} @media (max-width: 990px) { .ct_biz_ul li{width: 48.5%;margin-bottom: 20px;} .ct_biz_ul li p{min-height: 0;} .mw_ul li{width: 49%;margin-right: 2%;} .mw_ul li:nth-child(3n){margin-right: 2%;} .mw_ul li:nth-child(2n){margin-right: 0;} .pg_ul li{width: 49%;margin-right: 2%;} .pg_ul li:nth-child(3n){margin-right: 2%;} .pg_ul li:nth-child(2n){margin-right: 0;} } @media (max-width: 768px) { .ct_net_box{padding: 9vw 0 7vw;} .ct_map{height: 100vw;margin-top: 5vw;} .ct_city{margin-top: 4vw;} .ct_net_more{font-size: 3.4vw;margin-top: 3vw;} .ct_biz_box{padding: 8vw 0 9vw;} .ct_biz_ul{margin-top: 5vw;} .ct_biz_ul li{width: 100%;padding: 7% 5%;border-radius: 3vw;margin-bottom: 3.8vw;} .ct_biz_ico{width: 14vw;height: 14vw;font-size: 5.2vw;} .ct_biz_ul li h3{font-size: 4.2vw;margin-top: 3.5vw;} .ct_biz_ul li p{font-size: 3.4vw;margin-top: 2.4vw;} .ct_biz_ul li a{font-size: 3.4vw;margin-top: 2.4vw;} .dr_note{text-align: left;font-size: 3.4vw;margin-top: 5vw;} .mw_anchor_box{padding: 5vw 0 0;} .mw_sec{padding: 7vw 0 8vw;} .mw_ul{margin-top: 5vw;} .mw_ul li{width: 100%;margin: 0 0 3.8vw;padding: 6% 5%;border-radius: 3vw;} .mw_ul li:nth-child(3n){margin-right: 0;} .mw_ico{width: 11vw;height: 11vw;flex: 0 0 11vw;font-size: 4.6vw;border-radius: 2.5vw;margin-right: 3.5vw;} .mw_tit h3{font-size: 4.2vw;} .mw_tit em{font-size: 3vw;margin-top: 1vw;} .mw_specs{margin-top: 3.5vw;} .mw_specs p{font-size: 3.3vw;padding: 1vw 0;} .mw_specs p span{width: 20vw;flex: 0 0 20vw;} .mw_links{padding-top: 3.5vw;margin-top: 3vw;} .mw_links a, .mw_links span{font-size: 3.1vw;padding: 1.6vw 3vw;border-radius: 1.5vw;margin: 0 2vw 1.5vw 0;} .pg_box{padding: 7vw 0 6vw;} .pg_filter{margin-bottom: 2vw;} .pg_ul{margin-top: 4vw;} .pg_ul li{width: 100%;margin: 0 0 3.8vw;} .pg_ul li:nth-child(3n){margin-right: 0;} .pg_ul li > a{padding: 6% 5%;border-radius: 3vw;} .pg_ico{width: 10vw;height: 10vw;font-size: 4.2vw;border-radius: 2.2vw;} .pg_top em{font-size: 3vw;padding: 1vw 3vw;} .pg_ul h2{font-size: 4.2vw;margin-top: 3.5vw;} .pg_ul p{font-size: 3.4vw;margin-top: 2vw;} .pg_meta{padding-top: 3vw;margin-top: 3.5vw;} .pg_meta span, .pg_meta time{font-size: 3vw;} } /* ===== 新闻中心/详情（nw_，标准 news 组件增强件） ===== */ .nw_list_box{width: 100%;height: auto;padding: 70px 0 90px;background: #FFFFFF;overflow: hidden;} .nw_filter{margin-top: 0;margin-bottom: 10px;} .nw_feat{width: 100%;display: flex;justify-content: space-between;margin-top: 30px;} .nw_feat_main{display: block;width: 58.5%;background: #FFFFFF;border: 1px solid #F3F4F6;border-radius: 16px;overflow: hidden;transition: all 0.3s;} .nw_feat_main:hover{transform: translateY(-6px);box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);} .nw_feat_img{width: 100%;position: relative;overflow: hidden;} .nw_feat_img img{width: 100%;aspect-ratio: 16/8;object-fit: cover;display: block;transition: all 0.5s;} .nw_feat_main:hover .nw_feat_img img{transform: scale(1.05);} .nw_feat_img em{position: absolute;left: 16px;top: 16px;font-style: normal;font-size: 12px;color: #FFFFFF;font-weight: 700;background: #1A96B1;border-radius: 20px;padding: 4px 14px;} .nw_feat_txt{padding: 24px 28px 28px;} .nw_feat_txt time{font-size: 13px;color: #9CA3AF;} .nw_feat_txt h2{font-size: 20px;color: #111827;font-weight: 700;line-height: 1.5;margin-top: 8px;} .nw_feat_main:hover .nw_feat_txt h2{color: #1A96B1;} .nw_feat_txt p{font-size: 14px;color: #6B7280;line-height: 1.8;margin-top: 10px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .nw_feat_txt span{display: inline-block;font-size: 14px;color: #1A96B1;font-weight: 700;margin-top: 14px;} .nw_feat_txt span i{margin-left: 8px;} .nw_feat_side{width: 39.5%;display: flex;flex-direction: column;justify-content: space-between;} .nw_feat_side a{display: block;height: calc(50% - 10px);background: #F9FAFB;border: 1px solid #F3F4F6;border-radius: 16px;padding: 26px 28px;transition: all 0.3s;} .nw_feat_side a:hover{background: #FFFFFF;transform: translateY(-4px);box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);} .nw_feat_side em{display: inline-block;font-style: normal;font-size: 12px;color: #1A96B1;font-weight: 700;background: rgba(26, 150, 177, 0.1);border-radius: 20px;padding: 3px 12px;} .nw_feat_side time{font-size: 13px;color: #9CA3AF;margin-left: 12px;} .nw_feat_side h2{font-size: 17px;color: #111827;font-weight: 700;line-height: 1.5;margin-top: 12px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .nw_feat_side a:hover h2{color: #1A96B1;} .nw_feat_side p{font-size: 13.5px;color: #6B7280;line-height: 1.7;margin-top: 8px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .nw_rows{margin-top: 30px;} .nw_toc{width: 100%;background: #F4FBFC;border: 1px solid rgba(26, 150, 177, 0.25);border-radius: 12px;padding: 20px 26px;margin-top: 24px;} .nw_toc strong{display: block;font-size: 15px;color: #0E4C5A;font-weight: 700;} .nw_toc ul{margin-top: 8px;} .nw_toc li{padding: 4px 0;} .nw_toc a{font-size: 14px;color: #1A96B1;} .nw_toc a:hover{text-decoration: underline;} .nw_point{background: #F9FAFB;border-left: 4px solid #1A96B1;border-radius: 0 8px 8px 0;padding: 14px 20px;font-size: 14px;color: #4B5563;line-height: 1.8;margin: 18px 0;} .nw_point strong{color: #0E4C5A;} .news_detial_content_left_bottom figure{margin: 18px 0;} .news_detial_content_left_bottom figure img{width: 100%;border-radius: 8px;display: block;} .news_detial_content_left_bottom figcaption{font-size: 13px;color: #9CA3AF;text-align: center;margin-top: 10px;} .nw_cta_inline{display: flex;justify-content: space-between;align-items: center;background: #F0FAFB;border: 1px solid rgba(26, 150, 177, 0.25);border-radius: 12px;padding: 20px 26px;margin: 24px 0;} .nw_cta_inline_txt strong{display: block;font-size: 15px;color: #0E4C5A;font-weight: 700;} .nw_cta_inline_txt p{font-size: 13px;color: #4B5563;margin-top: 6px;} .nw_cta_inline > a{flex: 0 0 auto;font-size: 14px;color: #FFFFFF;font-weight: 700;background: #1A96B1;border-radius: 8px;padding: 11px 22px;margin-left: 24px;} .nw_cta_inline > a:hover{background: #157f96;color: #FFFFFF;} .nw_cta_inline > a i{margin-left: 6px;} .nw_author{display: flex;align-items: center;background: #F9FAFB;border: 1px solid #F3F4F6;border-radius: 12px;padding: 24px 28px;margin-top: 30px;} .nw_author_ico{width: 64px;height: 64px;flex: 0 0 64px;border-radius: 50%;background: #E0F7FA;color: #1A96B1;display: flex;justify-content: center;align-items: center;font-size: 24px;margin-right: 24px;} .nw_author_txt h3{font-size: 16px;color: #111827;font-weight: 700;} .nw_author_txt p{font-size: 13px;color: #6B7280;line-height: 1.7;margin: 6px 0 10px;} .nw_author_txt a{display: inline-block;font-size: 13px;color: #1A96B1;font-weight: 700;margin-right: 18px;} .nw_author_txt a:hover{text-decoration: underline;} .nw_hot{width: 100%;margin: 26px 0;} .nw_hot ul{margin-top: 6px;} .nw_hot li{border-bottom: 1px dashed #ECEFF3;} .nw_hot a{display: flex;align-items: flex-start;font-size: 14px;color: #374151;line-height: 1.6;padding: 10px 0;} .nw_hot a i{font-style: normal;color: #1A96B1;font-weight: 700;margin-right: 10px;} .nw_hot a:hover{color: #1A96B1;} .nw_rel a{display: block;margin-top: 16px;} .news_detial_content_left_bottom_last_list strong{white-space: nowrap;} .nw_rel a:hover h2{color: #1A96B1;} @media (max-width: 990px) { .nw_feat{flex-wrap: wrap;} .nw_feat_main{width: 100%;} .nw_feat_side{width: 100%;margin-top: 20px;} .nw_feat_side a{height: auto;margin-bottom: 16px;} .nw_feat_side a:last-child{margin-bottom: 0;} } @media (max-width: 768px) { .nw_list_box{padding: 7vw 0 9vw;} .nw_filter{margin-bottom: 1vw;} .nw_feat{margin-top: 5vw;} .nw_feat_main{border-radius: 3vw;} .nw_feat_img em{left: 3vw;top: 3vw;font-size: 3vw;padding: 1vw 3vw;} .nw_feat_txt{padding: 5% 5% 6%;} .nw_feat_txt time{font-size: 3.2vw;} .nw_feat_txt h2{font-size: 4.4vw;margin-top: 1.6vw;} .nw_feat_txt p{font-size: 3.4vw;margin-top: 2vw;} .nw_feat_txt span{font-size: 3.4vw;margin-top: 3vw;} .nw_feat_side{margin-top: 3.8vw;} .nw_feat_side a{border-radius: 3vw;padding: 6% 5%;margin-bottom: 3.8vw;} .nw_feat_side em{font-size: 3vw;padding: 0.8vw 3vw;} .nw_feat_side time{font-size: 3.2vw;margin-left: 2.5vw;} .nw_feat_side h2{font-size: 4vw;margin-top: 2.4vw;} .nw_feat_side p{font-size: 3.3vw;margin-top: 1.6vw;} .nw_rows{margin-top: 5vw;} .nw_toc{border-radius: 2.5vw;padding: 4.5vw 5vw;margin-top: 5vw;} .nw_toc strong{font-size: 3.8vw;} .nw_toc li{padding: 1vw 0;} .nw_toc a{font-size: 3.5vw;} .nw_point{padding: 3.5vw 4.5vw;font-size: 3.5vw;margin: 4vw 0;} .nw_cta_inline{flex-wrap: wrap;border-radius: 2.5vw;padding: 4.5vw 5vw;margin: 5vw 0;} .nw_cta_inline_txt strong{font-size: 3.8vw;} .nw_cta_inline_txt p{font-size: 3.3vw;margin-top: 1.4vw;} .nw_cta_inline > a{font-size: 3.5vw;padding: 2.6vw 5vw;border-radius: 2vw;margin: 3.5vw 0 0;} .nw_author{border-radius: 2.5vw;padding: 5%;margin-top: 6vw;} .nw_author_ico{width: 13vw;height: 13vw;flex: 0 0 13vw;font-size: 5vw;margin-right: 4vw;} .nw_author_txt h3{font-size: 4vw;} .nw_author_txt p{font-size: 3.3vw;margin: 1.5vw 0 2.5vw;} .nw_author_txt a{font-size: 3.3vw;margin-right: 4vw;} .nw_hot{margin: 5vw 0;} .nw_hot a{font-size: 3.5vw;padding: 2.4vw 0;} .nw_rel a{margin-top: 3.5vw;} } /* ===== 行业解决方案 B2B/电商（b2b_ 共用 + dtc_） ===== */ .b2b_sec{width: 100%;height: auto;padding: 96px 0;overflow: hidden;} .b2b_head{width: 100%;text-align: center;} .b2b_eyebrow{display: inline-block;font-style: normal;font-size: 12px;color: #1A96B1;font-weight: 700;letter-spacing: 2px;background: #E6F6F9;border-radius: 20px;padding: 6px 18px;margin-bottom: 18px;} .b2b_head h2{font-size: 32px;color: #0E4C5A;font-weight: 700;} .b2b_head p{font-size: 15px;color: #64748B;margin-top: 14px;} .b2b_hero{width: 100%;padding: 150px 0 90px;background: radial-gradient(circle at 50% 55%, rgba(26, 150, 177, 0.08) 0%, rgba(26, 150, 177, 0) 62%), #FFFFFF;position: relative;overflow: hidden;} .b2b_hero_flex{width: 100%;display: flex;justify-content: space-between;align-items: center;} .b2b_hero_left{width: 50%;} .b2b_hero_badges{display: flex;flex-wrap: wrap;} .b2b_hero_badges span{display: inline-flex;align-items: center;font-size: 12px;color: #475569;font-weight: 700;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 20px;padding: 7px 16px;margin: 0 12px 12px 0;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.04);} .b2b_hero_badges span i{font-size: 14px;margin-right: 8px;} .b2b_hero_badges span:first-child i{color: #3B82F6;} .b2b_hero_badges span:last-child i{color: #0077B5;} .b2b_hero h1{font-size: 59px;color: #0E4C5A;font-weight: 900;line-height: 60px;letter-spacing: -1.5px;margin-top: 14px;} .b2b_hero h1 span{display: block;color: #1A96B1;font-weight: 900;} .b2b_hero_sub{border-left: 4px solid rgba(26, 150, 177, 0.3);padding-left: 24px;font-size: 18px;color: #475569;line-height: 1.63;margin-top: 26px;max-width: 520px;} .b2b_hero_btn{display: inline-block;font-size: 18px;color: #FFFFFF;font-weight: 700;background: #FF9600;border-radius: 6px;padding: 16px 36px;margin-top: 36px;box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);} .b2b_hero_btn i{margin-left: 10px;} .b2b_hero_btn:hover{background: #E88800;color: #FFFFFF;transform: translateY(-3px);} .b2b_hero_right{width: 44%;height: 520px;position: relative;} .b2b_hero_ring{width: 480px;height: 480px;border: 1px solid #F1F5F9;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} .b2b_hero_ring:before{content: "";display: block;width: 320px;height: 320px;border: 1px dashed rgba(26, 150, 177, 0.2);border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} .b2b_hero_core{width: 128px;height: 128px;background: #FFFFFF;border: 1px solid rgba(26, 150, 177, 0.2);border-radius: 50%;box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);display: flex;flex-direction: column;justify-content: center;align-items: center;z-index: 2;} .b2b_hero_core b{font-size: 24px;color: #0E4C5A;font-weight: 700;} .b2b_hero_core span{font-size: 12px;color: #1A96B1;font-weight: 500;letter-spacing: 0.6px;margin-top: 4px;} .b2b_hero_chip{width: 160px;height: 101px;background: #FFFFFF;border: 1px solid #F8FAFC;border-radius: 12px;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.04), 0 2px 4px -1px rgba(0, 0, 0, 0.04);padding: 15px 0;display: flex;flex-direction: column;align-items: center;position: absolute;} .b2b_hero_chip i{width: 40px;height: 40px;border-radius: 50%;background: #EAF9FB;color: #1A96B1;display: flex;justify-content: center;align-items: center;font-size: 16px;} .b2b_hero_chip span{font-size: 14px;color: #334155;font-weight: 700;margin-top: 12px;white-space: nowrap;} .b2b_hero_chip1{left: 50%;margin-left: -80px;top: -10px;} .b2b_hero_chip2{left: 0;bottom: 40px;} .b2b_hero_chip2 i{background: #EFF6FF;color: #4285F4;} .b2b_hero_chip3{right: 0;bottom: 40px;} .b2b_hero_chip3 i{background: #EFF6FF;color: #0077B5;} .b2b_insight_box{background: #FFFFFF;} .b2b_insight_ul{width: 100%;display: flex;justify-content: space-between;margin-top: 50px;} .b2b_insight_ul li{width: 32%;background: #F8FAFC;border: 1px solid #F1F5F9;border-radius: 12px;padding: 34px 30px;position: relative;overflow: hidden;transition: all 0.3s;} .b2b_insight_ul li:hover{transform: translateY(-6px);box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);background: #FFFFFF;} .b2b_num{display: block;font-style: normal;font-size: 58px;color: #E9EEF4;font-weight: 700;line-height: 1;position: absolute;right: 22px;top: 24px;} .b2b_ico{width: 46px;height: 46px;border-radius: 10px;background: #E0F7FA;color: #1A96B1;display: flex;justify-content: center;align-items: center;font-size: 19px;position: relative;z-index: 2;} .b2b_insight_ul li h3{font-size: 19px;color: #0E4C5A;font-weight: 700;margin-top: 26px;} .b2b_insight_ul li p{font-size: 14px;color: #475569;line-height: 1.8;margin-top: 12px;} .b2b_insight_ul li p strong{color: #1A96B1;} .b2b_strategy{width: 100%;background: #F4FBFC;border: 1px solid rgba(26, 150, 177, 0.25);border-radius: 12px;padding: 30px 40px;display: flex;justify-content: space-between;align-items: center;margin-top: 28px;} .b2b_strategy_txt h3{font-size: 18px;color: #0E4C5A;font-weight: 700;} .b2b_strategy_txt h3 i{color: #1A96B1;margin-right: 12px;} .b2b_strategy_txt p{font-size: 14px;color: #475569;margin-top: 10px;} .b2b_strategy_tags{display: flex;flex: 0 0 auto;margin-left: 30px;} .b2b_strategy_tags span{display: inline-block;font-size: 13px;color: #334155;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 8px;padding: 9px 18px;margin-left: 12px;} .b2b_matrix_box{background: #F8FAFC;} .b2b_matrix{width: 100%;display: flex;justify-content: space-between;align-items: stretch;margin-top: 50px;} .b2b_matrix_core{width: 38%;background: #FFFFFF;border-top: 3px solid #1A96B1;border-radius: 16px;box-shadow: 0 14px 30px rgba(0, 0, 0, 0.06);padding: 42px 36px;text-align: center;} .b2b_matrix_core_ico{width: 76px;height: 76px;border-radius: 50%;background: #E0F7FA;color: #1A96B1;display: flex;justify-content: center;align-items: center;font-size: 30px;margin: 0 auto;} .b2b_matrix_core h3{font-size: 21px;color: #0E4C5A;font-weight: 700;margin-top: 24px;} .b2b_matrix_core > p{font-size: 14px;color: #64748B;margin-top: 10px;} .b2b_matrix_list{width: 100%;background: #F8FAFC;border-radius: 10px;padding: 20px 24px;margin-top: 26px;text-align: left;} .b2b_matrix_list span{display: block;font-size: 13.5px;color: #334155;padding: 6px 0;} .b2b_matrix_list span i{color: #1A96B1;margin-right: 10px;} .b2b_matrix_media{width: 58%;display: flex;flex-direction: column;justify-content: space-between;} .b2b_matrix_media li{width: 100%;background: #FFFFFF;border-radius: 12px;box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);padding: 22px 26px;display: flex;align-items: center;transition: all 0.3s;} .b2b_matrix_media li:hover{transform: translateX(6px);box-shadow: 0 14px 30px rgba(0, 0, 0, 0.09);} .b2b_media_ico{width: 48px;height: 48px;flex: 0 0 48px;border-radius: 10px;display: flex;justify-content: center;align-items: center;font-size: 20px;margin-right: 20px;} .b2b_c_in{background: #E8F1FB;color: #0077B5;} .b2b_c_yt{background: #FDEBEB;color: #FF0000;} .b2b_c_fb{background: #E7F0FD;color: #1877F2;} .b2b_c_gg{background: #EFF6FF;color: #4285F4;} .b2b_media_txt h4{font-size: 16px;color: #0E4C5A;font-weight: 700;} .b2b_media_txt p{font-size: 13px;color: #64748B;margin-top: 4px;} .b2b_hss_box{background: #FFFFFF;} .b2b_hss_ul{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;margin-top: 50px;} .b2b_hss_ul li{width: 32%;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 12px;padding: 32px 30px;position: relative;transition: all 0.3s;} .b2b_hss_ul li:hover{transform: translateY(-6px);box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);} .b2b_hss1{margin-top: 52px;} .b2b_hss2{margin-top: 26px;border: 2px solid #1A96B1;} .b2b_hss3{margin-top: 0;border: 2px solid #111827;} .b2b_bars{position: absolute;right: 26px;top: 34px;display: flex;align-items: flex-end;height: 24px;} .b2b_bars i{display: block;width: 5px;background: #E5E7EB;border-radius: 2px;margin-left: 4px;} .b2b_bars i:nth-child(1){height: 10px;} .b2b_bars i:nth-child(2){height: 17px;} .b2b_bars i:nth-child(3){height: 24px;} .b2b_bars i.on{background: #1A96B1;} .b2b_hss3 .b2b_bars i.on{background: #111827;} .b2b_hss3 .b2b_ico{background: #E9ECF1;color: #111827;} .b2b_hss_ul li h3{font-size: 20px;color: #0E4C5A;font-weight: 700;margin-top: 24px;} .b2b_hss_ul li em{display: block;font-style: normal;font-size: 13px;color: #1A96B1;font-weight: 700;margin-top: 8px;} .b2b_hss3 em{color: #111827;} .b2b_hss_ul li > p{font-size: 14px;color: #475569;line-height: 1.8;margin: 14px 0 18px;} .b2b_hss_li{font-size: 13.5px;color: #475569;padding: 6px 0;} .b2b_hss_li i{color: #9CA3AF;font-size: 12px;margin-right: 10px;} .b2b_hss3 .b2b_hss_li{color: #111827;font-weight: 700;} .b2b_hss3 .b2b_hss_li i{color: #111827;} .b2b_ads_box{background: #F9FEFE;} .b2b_ads{width: 100%;display: flex;justify-content: space-between;margin-top: 50px;} .b2b_ads_card{width: 48.5%;background: #FFFFFF;border-radius: 14px;box-shadow: 0 10px 24px rgba(0, 0, 0, 0.05);padding: 38px 36px;} .b2b_ads_head{display: flex;align-items: center;margin-bottom: 26px;} .b2b_ads_ico{width: 62px;height: 62px;flex: 0 0 62px;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 25px;margin-right: 20px;} .b2b_ads_tit h3{font-size: 21px;color: #0E4C5A;font-weight: 700;} .b2b_ads_tit em{display: block;font-style: normal;font-size: 13px;color: #9CA3AF;margin-top: 4px;} .b2b_ads_item{display: flex;align-items: flex-start;padding: 14px 0;} .b2b_ads_item > i{width: 20px;flex: 0 0 20px;color: #1A96B1;font-size: 16px;margin: 3px 14px 0 0;} .b2b_ads_item_txt b{display: block;font-size: 15px;color: #0F172A;font-weight: 700;} .b2b_ads_item_txt p{font-size: 13.5px;color: #64748B;line-height: 1.7;margin-top: 5px;} .b2b_kpi_box{background: #FFFFFF;} .b2b_kpi{width: 100%;background: #FFFFFF;border: 1px solid #F3F4F6;border-radius: 16px;box-shadow: 0 20px 45px rgba(15, 61, 76, 0.08);padding: 40px 44px;display: flex;align-items: center;margin-top: 50px;} .b2b_kpi_left{width: 26%;flex: 0 0 26%;border-right: 1px solid #E5E7EB;padding-right: 30px;margin-right: 40px;} .b2b_kpi_left h3{font-size: 18px;color: #1A96B1;font-weight: 700;margin-bottom: 18px;} .b2b_kpi_left p{font-size: 14.5px;color: #334155;padding: 9px 0;} .b2b_kpi_left p i{width: 34px;height: 34px;border-radius: 8px;background: #E0F7FA;color: #1A96B1;display: inline-flex;justify-content: center;align-items: center;font-size: 14px;margin-right: 14px;} .b2b_kpi_ul{flex: 1;display: flex;justify-content: space-between;} .b2b_kpi_ul li{width: 23%;background: #F8FAFC;border: 1px solid #F1F5F9;border-radius: 12px;padding: 30px 12px;text-align: center;transition: all 0.3s;} .b2b_kpi_ul li:hover{transform: translateY(-5px);box-shadow: 0 12px 26px rgba(0, 0, 0, 0.07);background: #FFFFFF;} .b2b_kpi_ul li em{display: block;font-style: normal;font-size: 12px;color: #94A3B8;font-weight: 700;letter-spacing: 2px;} .b2b_kpi_ul li b{display: block;font-size: 28px;color: #0F172A;font-weight: 700;margin-top: 14px;} .b2b_kpi_ul li b.b2b_kc1{color: #1A96B1;} .b2b_kpi_ul li b.b2b_kc2{color: #16A34A;} .dtc_hero .b2b_hero_btn{box-shadow: 0 10px 30px -10px rgba(255, 107, 53, 0.4);} /* ---- dtc 专属 ---- */ .dtc_hero{width: 100%;padding: 170px 0 100px;background: linear-gradient(158deg, rgba(17, 24, 39, 0.95) 0%, rgba(26, 150, 177, 0.8) 100%), url(../images/dtc_banner_bg1.webp) center/cover no-repeat;position: relative;overflow: hidden;} .dtc_hero_flex{width: 100%;display: flex;justify-content: space-between;align-items: center;} .dtc_hero_left{width: 52%;} .dtc_hero_tag{display: inline-block;font-style: normal;font-size: 12px;color: #FFFFFF;font-weight: 700;letter-spacing: 0.6px;background: rgba(26, 150, 177, 0.1);border: 1px solid rgba(26, 150, 177, 0.5);border-radius: 20px;padding: 7px 18px;} .dtc_hero h1{font-size: 71px;color: #FFFFFF;font-weight: 700;line-height: 72px;letter-spacing: -1.8px;margin-top: 24px;} .dtc_hero h1 span{display: block;background: linear-gradient(90deg, #1A96B1 0%, #FFFFFF 100%);-webkit-background-clip: text;background-clip: text;color: transparent;font-weight: 900;} .dtc_hero_sub{border-left: 4px solid #1A96B1;padding-left: 24px;font-size: 18px;color: #D1D5DB;line-height: 1.63;margin-top: 26px;max-width: 520px;} .dtc_hero_right{width: 42%;height: 540px;position: relative;} .dtc_phone{width: 288px;height: 500px;background: #F9FAFB;border: 8px solid #111827;border-radius: 24px;box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.4);position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);overflow: hidden;z-index: 2;} .dtc_phone_bar{width: 100%;height: 64px;background: #FFFFFF;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);display: flex;justify-content: space-between;align-items: center;padding: 0 16px;} .dtc_phone_bar i:first-child{color: #9CA3AF;font-size: 15px;} .dtc_phone_bar i:last-child{color: #111827;font-size: 15px;} .dtc_phone_img{width: calc(100% - 32px);height: 190px;background: #F3F4F6;border-radius: 8px;margin: 16px auto 0;display: flex;justify-content: center;align-items: center;position: relative;} .dtc_phone_img > i{font-size: 36px;color: #9CA3AF;} .dtc_phone_img em{position: absolute;right: 8px;top: 8px;font-style: normal;font-size: 12px;color: #FFFFFF;font-weight: 700;background: #111827;border-radius: 4px;padding: 4px 8px;} .dtc_phone h4{font-size: 17px;color: #111827;font-weight: 700;margin: 20px 16px 0;} .dtc_phone > b{display: block;font-size: 20px;color: #FF6B35;font-weight: 700;margin: 6px 16px 0;} .dtc_phone_btn{display: block;height: 44px;line-height: 44px;text-align: center;font-size: 14px;color: #FFFFFF;font-weight: 700;background: #111827;border-radius: 8px;margin: 14px 16px 0;letter-spacing: 1px;} .dtc_float{background: #FFFFFF;border-radius: 12px;box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2);padding: 14px 18px;display: flex;align-items: center;position: absolute;} .dtc_float > i{width: 40px;height: 40px;flex: 0 0 40px;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 18px;margin-right: 12px;} .dtc_float_txt em{display: block;font-style: normal;font-size: 12px;color: #6B7280;} .dtc_float_txt b{display: block;font-size: 14px;color: #111827;font-weight: 700;margin-top: 2px;white-space: nowrap;} .dtc_float_ins{right: 24px;top: 80px;z-index: 1;} .dtc_float_ins > i{background: #E0F7FA;color: #1A96B1;} .dtc_float_roas{left: calc(50% - 296px);bottom: 118px;z-index: 3;} .dtc_float_roas > i{background: #F3F4F6;color: #111827;} .dtc_float_roas .dtc_float_txt b{color: #FF6B35;} .dtc_ins_box{background: #FFFFFF;} .dtc_hl{color: #1A96B1;} .dtc_hbar{display: block;width: 78px;height: 4px;background: linear-gradient(90deg, #0E4C5A 0%, #1A96B1 100%);border-radius: 2px;margin: 20px auto 0;} .dtc_ins_ul{width: 100%;display: flex;justify-content: space-between;margin-top: 50px;} .dtc_ins_ul li{width: 32%;background: #F9FAFB;border: 1px solid #F3F4F6;border-radius: 12px;padding: 34px 30px;transition: all 0.3s;} .dtc_ins_ul li:hover{transform: translateY(-6px);box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);background: #FFFFFF;} .dtc_ins_ico{width: 56px;height: 56px;border-radius: 12px;background: #FFFFFF;box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);display: flex;justify-content: center;align-items: center;font-size: 22px;} .dtc_ic1{color: #1A96B1;} .dtc_ic2{color: #111827;} .dtc_ic3{color: #FF6B35;} .dtc_ins_ul li h3{font-size: 19px;color: #111827;font-weight: 700;margin-top: 24px;} .dtc_ins_ul li p{font-size: 14px;color: #4B5563;line-height: 1.8;margin-top: 12px;} .dtc_mx_box{background: #F9FAFB;} .dtc_mx_sub{display: block;font-style: normal;font-size: 12px;color: #9CA3AF;font-weight: 700;letter-spacing: 2px;margin-top: 8px;} .dtc_c_tk{background: #111827;color: #FFFFFF;} .dtc_c_ig{background: #1A96B1;color: #FFFFFF;} .dtc_c3_box{background: #FFFFFF;} .dtc_c3_ul{width: 100%;display: flex;justify-content: space-between;margin-top: 50px;} .dtc_c3_ul li{width: 32%;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 12px;padding: 40px 30px;text-align: center;transition: all 0.3s;} .dtc_c3_ul li:hover{transform: translateY(-6px);box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);} .dtc_c3_ico{width: 64px;height: 64px;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 24px;margin: 0 auto;} .dtc_c3_i1{background: #E0F7FA;color: #1A96B1;} .dtc_c3_i2{background: #F3F4F6;color: #111827;} .dtc_c3_i3{background: #FFF7ED;color: #FF6B35;} .dtc_c3_ul li h3{font-size: 20px;color: #111827;font-weight: 700;letter-spacing: 1px;margin-top: 24px;} .dtc_c3_ul li em{display: block;font-style: normal;font-size: 13px;font-weight: 700;margin-top: 8px;} .dtc_t1{color: #1A96B1;} .dtc_t2{color: #6B7280;} .dtc_t3{color: #FF6B35;} .dtc_c3_ul li p{font-size: 14px;color: #4B5563;line-height: 1.7;margin: 14px 0 18px;} .dtc_c3_ul li span{display: block;font-size: 13px;color: #4B5563;background: #F9FAFB;border-radius: 6px;padding: 10px 0;margin-top: 10px;} .dtc_seo_box{background: #F9FAFB;} .dtc_seo{width: 100%;display: flex;justify-content: space-between;margin-top: 50px;} .dtc_seo_card{width: 48.5%;background: #FFFFFF;border-radius: 14px;box-shadow: 0 10px 24px rgba(0, 0, 0, 0.05);padding: 36px;} .dtc_seo_c1{border-left: 4px solid #1A96B1;} .dtc_seo_c2{border-left: 4px solid #111827;} .dtc_seo_head{display: flex;align-items: center;margin-bottom: 20px;} .dtc_seo_head i{width: 48px;height: 48px;flex: 0 0 48px;border-radius: 10px;background: #E0F7FA;color: #1A96B1;display: flex;justify-content: center;align-items: center;font-size: 19px;margin-right: 16px;} .dtc_seo_c2 .dtc_seo_head i{background: #F3F4F6;color: #111827;} .dtc_seo_head h3{font-size: 20px;color: #111827;font-weight: 700;} .dtc_seo_item{display: flex;align-items: flex-start;padding: 11px 0;} .dtc_seo_item > i{width: 18px;flex: 0 0 18px;color: #1A96B1;font-size: 14px;margin: 4px 12px 0 0;} .dtc_seo_c2 .dtc_seo_item > i{color: #111827;} .dtc_seo_item_txt b{display: block;font-size: 15px;color: #111827;font-weight: 700;} .dtc_seo_item_txt p{font-size: 13.5px;color: #6B7280;line-height: 1.7;margin-top: 4px;} .dtc_ads_box{background: #FFFFFF;} .dtc_ads{width: 100%;display: flex;justify-content: space-between;margin-top: 50px;} .dtc_ads_card{width: 48.5%;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 14px;padding: 38px 36px;transition: all 0.3s;} .dtc_ads_card:hover{box-shadow: 0 14px 30px rgba(0, 0, 0, 0.07);} .dtc_ads_brand{display: block;font-size: 34px;color: #1A96B1;} .dtc_ads_brand_dark{color: #111827;} .dtc_ads_card h3{font-size: 21px;color: #111827;font-weight: 700;margin: 20px 0 22px;} .dtc_ads_row{display: flex;justify-content: space-between;align-items: center;background: #F9FAFB;border-radius: 8px;padding: 13px 18px;} .dtc_ads_row b{font-size: 15px;color: #111827;font-weight: 700;} .dtc_ads_row em{font-style: normal;font-size: 13px;font-weight: 700;} .dtc_tag_c{color: #1A96B1;} .dtc_tag_d{color: #111827;} .dtc_ads_card > p{font-size: 13.5px;color: #6B7280;line-height: 1.7;padding: 12px 6px 18px;} .dtc_ads_card > p:last-child{padding-bottom: 0;} .dtc_kpi_box{background: #111827;position: relative;overflow: hidden;} .dtc_kpi_box:before{content: "";display: block;width: 520px;height: 520px;border-radius: 50%;background: rgba(26, 150, 177, 0.15);filter: blur(90px);position: absolute;right: -140px;top: -140px;pointer-events: none;} .dtc_kpi_head h2{color: #FFFFFF;} .dtc_kpi_head p{color: #9CA3AF;} .dtc_kpi_ul{width: 100%;display: flex;justify-content: space-between;margin-top: 50px;position: relative;z-index: 2;} .dtc_kpi_ul li{width: 23.5%;background: rgba(255, 255, 255, 0.05);border: 1px solid rgba(255, 255, 255, 0.08);border-radius: 12px;padding: 34px 12px;text-align: center;transition: all 0.3s;} .dtc_kpi_ul li:hover{background: rgba(255, 255, 255, 0.08);transform: translateY(-5px);} .dtc_ins_box .b2b_head h2, .dtc_mx_box .b2b_head h2, .dtc_c3_box .b2b_head h2, .dtc_seo_box .b2b_head h2, .dtc_ads_box .b2b_head h2{color: #111827;font-size: 36px;} .dtc_kpi_head h2{font-size: 36px;} .dtc_ins_box .b2b_head p, .dtc_mx_box .b2b_head p, .dtc_c3_box .b2b_head p, .dtc_seo_box .b2b_head p, .dtc_ads_box .b2b_head p{color: #6B7280;} .dtc_mx_box .b2b_matrix_core h3, .dtc_mx_box .b2b_media_txt h4{color: #111827;} .dtc_mx_box .b2b_matrix_core{position: relative;} .dtc_mx_box .b2b_matrix_core:after{content: "";display: block;width: 52px;height: 2px;background: #E5E7EB;position: absolute;right: -52px;top: 50%;} .dtc_kpi_ul li em{display: block;font-style: normal;font-size: 12px;color: #6B7280;font-weight: 700;letter-spacing: 2px;} .dtc_kpi_ul li b{display: block;font-size: 30px;color: #FFFFFF;font-weight: 700;margin-top: 14px;} .dtc_kpi_ul li b.dtc_kv1{color: #FF6B35;} .dtc_kpi_ul li b.dtc_kv2{color: #22D3EE;} .dtc_kpi_ul li span{display: block;font-size: 13px;color: #6B7280;margin-top: 10px;} @media (max-width: 1400px) { .b2b_hero h1, .dtc_hero h1{font-size: 46px;} .b2b_hero_ring{width: 420px;height: 420px;} .b2b_hero_ring:before{width: 280px;height: 280px;} } @media (max-width: 1200px) { .b2b_hero h1, .dtc_hero h1{font-size: 40px;} .b2b_head h2{font-size: 28px;} .dtc_float_roas{left: -2%;} } @media (max-width: 990px) { .b2b_hero{padding: 120px 0 70px;} .b2b_hero_flex, .dtc_hero_flex{flex-wrap: wrap;} .b2b_hero_left, .dtc_hero_left{width: 100%;} .b2b_hero_right{width: 100%;margin-top: 60px;} .dtc_hero_right{width: 100%;margin-top: 50px;} .b2b_insight_ul, .dtc_ins_ul, .b2b_hss_ul, .dtc_c3_ul{flex-wrap: wrap;} .b2b_insight_ul li, .dtc_ins_ul li, .b2b_hss_ul li, .dtc_c3_ul li{width: 100%;margin-bottom: 20px;} .b2b_hss1, .b2b_hss2, .b2b_hss3{margin-top: 0;} .b2b_strategy{flex-wrap: wrap;} .b2b_strategy_tags{margin: 20px 0 0;} .b2b_strategy_tags span:first-child{margin-left: 0;} .b2b_matrix{flex-wrap: wrap;} .b2b_matrix_core{width: 100%;} .b2b_matrix_media{width: 100%;margin-top: 20px;} .b2b_matrix_media li{margin-bottom: 16px;} .b2b_ads, .dtc_seo, .dtc_ads{flex-wrap: wrap;} .b2b_ads_card, .dtc_seo_card, .dtc_ads_card{width: 100%;margin-bottom: 20px;} .b2b_kpi{flex-wrap: wrap;} .b2b_kpi_left{width: 100%;flex: 0 0 100%;border-right: 0;border-bottom: 1px solid #E5E7EB;padding: 0 0 20px;margin: 0 0 24px;} .b2b_kpi_ul{width: 100%;flex-wrap: wrap;} .b2b_kpi_ul li{width: 48.5%;margin-bottom: 16px;} .dtc_kpi_ul{flex-wrap: wrap;} .dtc_kpi_ul li{width: 48.5%;margin-bottom: 16px;} .dtc_mx_box .b2b_matrix_core:after{display: none;} } @media (max-width: 768px) { .b2b_sec{padding: 9vw 0;} .b2b_head h2{font-size: 5.4vw;} .b2b_head p{font-size: 3.4vw;margin-top: 2.5vw;} .b2b_eyebrow{font-size: 2.9vw;padding: 1.4vw 4vw;margin-bottom: 3.5vw;} .b2b_hero{padding: 24vw 0 12vw;} .b2b_hero_badges span{font-size: 3vw;padding: 1.8vw 3.6vw;margin: 0 2.4vw 2.4vw 0;} .b2b_hero h1, .dtc_hero h1{font-size: 8.4vw;line-height: 1.3;letter-spacing: -0.5vw;margin-top: 2.5vw;} .b2b_hero_sub, .dtc_hero_sub{font-size: 3.6vw;padding-left: 4vw;margin-top: 4.5vw;} .b2b_hero_btn{font-size: 3.8vw;padding: 3.4vw 7vw;margin-top: 6vw;border-radius: 1.5vw;} .b2b_hero_right{height: 120vw;margin-top: 10vw;} .b2b_hero_ring{width: 88vw;height: 88vw;} .b2b_hero_ring:before{width: 60vw;height: 60vw;} .b2b_hero_core{width: 32vw;height: 32vw;} .b2b_hero_core b{font-size: 5.6vw;} .b2b_hero_core span{font-size: 2.5vw;} .b2b_hero_chip{width: 34vw;height: auto;padding: 3vw 0;border-radius: 2.5vw;} .b2b_hero_chip i{width: 8.5vw;height: 8.5vw;font-size: 3.6vw;} .b2b_hero_chip span{font-size: 3vw;margin-top: 2vw;} .b2b_hero_chip1{left: 50%;margin-left: -17vw;top: -2vw;} .b2b_hero_chip2{left: 0;bottom: 6vw;} .b2b_hero_chip3{right: 0;bottom: 4vw;} .b2b_insight_ul, .dtc_ins_ul, .b2b_hss_ul, .dtc_c3_ul, .b2b_ads, .dtc_seo, .dtc_ads, .dtc_kpi_ul, .b2b_matrix{margin-top: 6vw;} .b2b_insight_ul li, .dtc_ins_ul li, .b2b_hss_ul li, .dtc_c3_ul li{padding: 7% 5%;border-radius: 3vw;margin-bottom: 3.8vw;} .b2b_num{font-size: 12vw;right: 4vw;top: 4vw;} .b2b_ico{width: 10vw;height: 10vw;font-size: 4.2vw;border-radius: 2.2vw;} .b2b_insight_ul li h3, .dtc_ins_ul li h3{font-size: 4.4vw;margin-top: 4.5vw;} .b2b_insight_ul li p, .dtc_ins_ul li p{font-size: 3.5vw;margin-top: 2.5vw;} .b2b_strategy{padding: 6% 5%;border-radius: 3vw;margin-top: 1.5vw;} .b2b_strategy_txt h3{font-size: 4.2vw;} .b2b_strategy_txt p{font-size: 3.4vw;margin-top: 2vw;} .b2b_strategy_tags span{font-size: 3.1vw;padding: 2vw 4vw;margin: 0 2.4vw 0 0;} .b2b_matrix_core{padding: 8% 6%;border-radius: 3vw;} .b2b_matrix_core_ico{width: 16vw;height: 16vw;font-size: 6.5vw;} .b2b_matrix_core h3{font-size: 4.6vw;margin-top: 4vw;} .b2b_matrix_core > p{font-size: 3.4vw;margin-top: 2vw;} .b2b_matrix_list{padding: 4vw 5vw;border-radius: 2.5vw;margin-top: 4.5vw;} .b2b_matrix_list span{font-size: 3.3vw;padding: 1.4vw 0;} .b2b_matrix_media li{padding: 4.5vw 5vw;border-radius: 2.5vw;margin-bottom: 3vw;} .b2b_media_ico{width: 10vw;height: 10vw;flex: 0 0 10vw;font-size: 4.2vw;border-radius: 2.2vw;margin-right: 4vw;} .b2b_media_txt h4{font-size: 4vw;} .b2b_media_txt p{font-size: 3.2vw;margin-top: 1vw;} .b2b_bars{right: 5vw;top: 6vw;height: 5vw;} .b2b_bars i{width: 1.1vw;margin-left: 0.9vw;} .b2b_bars i:nth-child(1){height: 2.2vw;} .b2b_bars i:nth-child(2){height: 3.6vw;} .b2b_bars i:nth-child(3){height: 5vw;} .b2b_hss_ul li h3{font-size: 4.6vw;margin-top: 4.5vw;} .b2b_hss_ul li em{font-size: 3.2vw;margin-top: 1.6vw;} .b2b_hss_ul li > p{font-size: 3.5vw;margin: 2.8vw 0 3.5vw;} .b2b_hss_li{font-size: 3.3vw;padding: 1.4vw 0;} .b2b_ads_card, .dtc_seo_card, .dtc_ads_card{padding: 7% 5%;border-radius: 3vw;margin-bottom: 3.8vw;} .b2b_ads_ico{width: 12.5vw;height: 12.5vw;flex: 0 0 12.5vw;font-size: 5vw;margin-right: 4vw;} .b2b_ads_tit h3{font-size: 4.6vw;} .b2b_ads_tit em{font-size: 3.1vw;margin-top: 1vw;} .b2b_ads_item{padding: 2.8vw 0;} .b2b_ads_item_txt b{font-size: 3.7vw;} .b2b_ads_item_txt p{font-size: 3.3vw;margin-top: 1.2vw;} .b2b_kpi{padding: 6% 5%;border-radius: 3vw;margin-top: 6vw;} .b2b_kpi_left h3{font-size: 4.2vw;margin-bottom: 3.5vw;} .b2b_kpi_left p{font-size: 3.5vw;padding: 2vw 0;} .b2b_kpi_left p i{width: 7.5vw;height: 7.5vw;font-size: 3.2vw;margin-right: 3vw;border-radius: 1.8vw;} .b2b_kpi_ul li{padding: 6vw 2vw;border-radius: 2.5vw;} .b2b_kpi_ul li em{font-size: 2.9vw;} .b2b_kpi_ul li b{font-size: 5.2vw;margin-top: 2.6vw;} .dtc_hero{padding: 26vw 0 14vw;} .dtc_hero_tag{font-size: 2.9vw;padding: 1.6vw 4vw;} .dtc_hero_right{height: 130vw;margin-top: 8vw;} .dtc_phone{width: 62vw;height: 108vw;border-width: 1.6vw;border-radius: 5vw;} .dtc_phone_bar{height: 12vw;padding: 0 3.5vw;} .dtc_phone_img{width: calc(100% - 7vw);height: 41vw;border-radius: 2vw;margin-top: 3.5vw;} .dtc_phone_img > i{font-size: 8.5vw;} .dtc_phone_img em{font-size: 2.8vw;padding: 1vw 1.8vw;right: 1.8vw;top: 1.8vw;} .dtc_phone h4{font-size: 3.9vw;margin: 4.5vw 3.5vw 0;} .dtc_phone > b{font-size: 4.5vw;margin: 1.4vw 3.5vw 0;} .dtc_phone_btn{height: 9.5vw;line-height: 9.5vw;font-size: 3.2vw;border-radius: 1.8vw;margin: 3vw 3.5vw 0;} .dtc_float{padding: 3vw 4vw;border-radius: 2.5vw;} .dtc_float > i{width: 8.5vw;height: 8.5vw;flex: 0 0 8.5vw;font-size: 3.8vw;margin-right: 2.5vw;} .dtc_float_txt em{font-size: 2.8vw;} .dtc_float_txt b{font-size: 3.2vw;} .dtc_float_ins{right: 0;top: 4vw;} .dtc_float_roas{left: 0;bottom: 8vw;} .dtc_hbar{width: 14vw;height: 1vw;margin-top: 4vw;} .dtc_ins_ico{width: 12vw;height: 12vw;font-size: 4.8vw;border-radius: 2.5vw;} .dtc_mx_sub{font-size: 2.9vw;margin-top: 1.6vw;} .dtc_c3_ico{width: 13.5vw;height: 13.5vw;font-size: 5vw;} .dtc_c3_ul li h3{font-size: 4.6vw;margin-top: 4.5vw;} .dtc_c3_ul li em{font-size: 3.2vw;margin-top: 1.6vw;} .dtc_c3_ul li p{font-size: 3.5vw;margin: 2.8vw 0 3.5vw;} .dtc_c3_ul li span{font-size: 3.2vw;padding: 2.4vw 0;margin-top: 2.4vw;border-radius: 1.5vw;} .dtc_seo_head i{width: 10vw;height: 10vw;flex: 0 0 10vw;font-size: 4vw;margin-right: 3.5vw;border-radius: 2.2vw;} .dtc_seo_head h3{font-size: 4.6vw;} .dtc_seo_item{padding: 2.4vw 0;} .dtc_seo_item_txt b{font-size: 3.7vw;} .dtc_seo_item_txt p{font-size: 3.3vw;margin-top: 1vw;} .dtc_ads_brand{font-size: 7.5vw;} .dtc_ads_card h3{font-size: 4.6vw;margin: 3.5vw 0 4vw;} .dtc_ads_row{padding: 2.8vw 4vw;border-radius: 2vw;} .dtc_ads_row b{font-size: 3.6vw;} .dtc_ads_row em{font-size: 3.1vw;} .dtc_ads_card > p{font-size: 3.3vw;padding: 2.5vw 1.5vw 4vw;} .dtc_kpi_ul li{padding: 7vw 2vw;border-radius: 2.5vw;margin-bottom: 3.5vw;} .dtc_kpi_ul li em{font-size: 2.9vw;} .dtc_kpi_ul li b{font-size: 6.4vw;margin-top: 2.6vw;} .dtc_kpi_ul li span{font-size: 3.2vw;margin-top: 2vw;} } /* ===== 关于Hudoo·组织架构（org_） ===== */ .org_chart_box{width: 100%;height: auto;padding: 80px 0;background: #FFFFFF;overflow: hidden;} .org_tree{width: 100%;margin-top: 46px;} .org_tree_root{width: 460px;max-width: 100%;margin: 0 auto;background: linear-gradient(135deg, #1A96B1 0%, #22D3EE 130%);border-radius: 16px;padding: 24px 40px;display: flex;align-items: center;justify-content: center;} .org_tree_root i{font-size: 30px;color: #FFFFFF;margin-right: 20px;} .org_tree_root h3{font-size: 20px;color: #FFFFFF;font-weight: 700;} .org_tree_root p{font-size: 13px;color: rgba(255, 255, 255, 0.8);margin-top: 4px;} .org_tree_stem{width: 2px;height: 30px;background: #E5E7EB;margin: 0 auto;} .org_tree_lv2{width: 100%;display: flex;justify-content: space-between;position: relative;padding-top: 26px;} .org_tree_lv2:before{content: "";position: absolute;left: 16.5%;right: 16.5%;top: 0;height: 2px;background: #E5E7EB;} .org_tree_lv2 li{width: 32%;position: relative;background: #F9FAFB;border: 1px solid #F3F4F6;border-radius: 16px;padding: 24px;text-align: center;transition: all 0.3s;} .org_tree_lv2 li:before{content: "";position: absolute;left: 50%;top: -26px;width: 2px;height: 26px;background: #E5E7EB;} .org_tree_lv2 li:hover{transform: translateY(-4px);box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);background: #FFFFFF;} .org_tree_lv2 li h4{font-size: 17px;color: #111827;font-weight: 700;} .org_tree_lv2 li p{font-size: 13px;color: #6B7280;margin-top: 8px;} .org_tree_lv3{width: 100%;display: flex;justify-content: space-between;position: relative;padding-top: 26px;} .org_tree_lv3:before{content: "";position: absolute;left: 9.2%;right: 9.2%;top: 0;height: 2px;background: #E5E7EB;} .org_tree_lv3 li{width: 18.4%;position: relative;background: #F9FAFB;border: 1px solid #F3F4F6;border-radius: 16px;padding: 22px 12px;text-align: center;transition: all 0.3s;} .org_tree_lv3 li:before{content: "";position: absolute;left: 50%;top: -26px;width: 2px;height: 26px;background: #E5E7EB;} .org_tree_lv3 li:hover{transform: translateY(-4px);box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);background: #FFFFFF;} .org_tree_lv3 li img{width: 40px;height: 40px;object-fit: contain;} .org_tree_lv3 li span{display: block;font-size: 14px;color: #111827;font-weight: 700;margin-top: 10px;} .org_team_box{width: 100%;height: auto;padding: 80px 0;background: #F9FAFB;overflow: hidden;} .org_team{width: 100%;display: flex;justify-content: space-between;margin-top: 40px;} .org_team_tabs{width: 25%;} .org_team_tabs li{width: 100%;background: #FFFFFF;border: 1px solid #F3F4F6;border-radius: 16px;padding: 18px 22px;display: flex;align-items: center;cursor: pointer;transition: all 0.3s;margin-bottom: 14px;} .org_team_tabs li:last-child{margin-bottom: 0;} .org_team_tabs li img{width: 34px;height: 34px;object-fit: contain;transition: all 0.3s;} .org_team_tabs li span{font-size: 16px;color: #374151;font-weight: 700;margin-left: 14px;transition: all 0.3s;} .org_team_tabs li.on, .org_team_tabs li:hover{background: #1A96B1;border-color: #1A96B1;} .org_team_tabs li.on img, .org_team_tabs li:hover img{filter: brightness(0) invert(1);} .org_team_tabs li.on span, .org_team_tabs li:hover span{color: #FFFFFF;} .org_team_panels{width: 72%;} .org_team_panel{display: none;background: #FFFFFF;border: 1px solid #F3F4F6;border-radius: 16px;overflow: hidden;} .org_team_panel.on{display: block;} .org_team_pic{width: 100%;height: 360px;overflow: hidden;} .org_team_pic img{width: 100%;height: 100%;object-fit: cover;} .org_team_txt{padding: 26px 32px 30px;} .org_team_txt h3{font-size: 20px;color: #111827;font-weight: 700;} .org_team_txt h3 em{font-style: normal;font-size: 13px;color: #9CA3AF;font-weight: 400;margin-left: 10px;} .org_team_txt p{font-size: 15px;color: #4B5563;line-height: 1.9;margin-top: 10px;} .org_net_box{width: 100%;height: auto;padding: 80px 0;background: #FFFFFF;overflow: hidden;} .org_hq{width: 100%;background: linear-gradient(135deg, #0B1F3F 0%, #16386B 60%, #1A96B1 135%);border-radius: 16px;padding: 34px 40px;display: flex;align-items: center;margin-top: 40px;} .org_hq_ico{width: 64px;height: 64px;flex: 0 0 64px;border-radius: 50%;background: rgba(255, 255, 255, 0.12);display: flex;justify-content: center;align-items: center;margin-right: 28px;} .org_hq_ico i{font-size: 26px;color: #FFFFFF;} .org_hq_txt h3{font-size: 20px;color: #FFFFFF;font-weight: 700;} .org_hq_txt h3 em{font-style: normal;display: inline-block;font-size: 12px;color: #FFFFFF;background: rgba(255, 255, 255, 0.16);border: 1px solid rgba(255, 255, 255, 0.3);border-radius: 20px;padding: 3px 12px;margin-left: 12px;vertical-align: middle;font-weight: 400;} .org_hq_txt p{font-size: 14px;color: rgba(255, 255, 255, 0.85);margin-top: 8px;} .org_sub_ul{width: 100%;display: flex;flex-wrap: wrap;margin-top: 24px;} .org_sub_ul li{width: 32%;margin: 0 2% 24px 0;background: #F9FAFB;border: 1px solid #F3F4F6;border-radius: 16px;padding: 26px 28px;transition: all 0.3s;} .org_sub_ul li:nth-child(3n){margin-right: 0;} .org_sub_ul li:hover{transform: translateY(-6px);box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);background: #FFFFFF;} .org_sub_year{display: inline-block;font-style: normal;font-size: 12px;color: #1A96B1;background: rgba(26, 150, 177, 0.1);border: 1px solid rgba(26, 150, 177, 0.25);border-radius: 20px;padding: 3px 12px;} .org_sub_ul li h3{font-size: 17px;color: #111827;font-weight: 700;margin-top: 14px;} .org_sub_ul li p{font-size: 13px;color: #6B7280;line-height: 1.7;margin-top: 8px;} .org_net_sub{font-size: 18px;color: #111827;font-weight: 700;margin-top: 26px;} .org_city{width: 100%;display: flex;flex-wrap: wrap;margin-top: 16px;} .org_city span{display: inline-flex;align-items: center;font-size: 14px;color: #4B5563;background: #F9FAFB;border: 1px solid #F3F4F6;border-radius: 20px;padding: 9px 20px;margin: 0 12px 12px 0;transition: all 0.3s;} .org_city span i{font-size: 13px;color: #1A96B1;margin-right: 8px;transition: all 0.3s;} .org_city span:hover, .org_city span.hq{background: #1A96B1;border-color: #1A96B1;color: #FFFFFF;} .org_city span:hover i, .org_city span.hq i{color: #FFFFFF;} .org_more .ws_next_item{width: 32%;} @media (max-width: 1200px) { .org_tree_lv3 li span{font-size: 13px;} .org_team_tabs li{padding: 14px 16px;} .org_team_tabs li span{font-size: 14px;} .org_team_pic{height: 300px;} } @media (max-width: 990px) { .org_tree_lv3{flex-wrap: wrap;justify-content: flex-start;padding-top: 0;} .org_tree_lv3:before{display: none;} .org_tree_lv3 li:before{display: none;} .org_tree_lv3 li{width: 32%;margin: 0 2% 16px 0;} .org_tree_lv3 li:nth-child(3n){margin-right: 0;} .org_team{flex-wrap: wrap;} .org_team_tabs{width: 100%;display: flex;flex-wrap: wrap;} .org_team_tabs li{width: auto;flex: 1;justify-content: center;padding: 12px 10px;margin: 0 10px 16px 0;} .org_team_tabs li:last-child{margin-right: 0;margin-bottom: 16px;} .org_team_panels{width: 100%;} .org_sub_ul li{width: 49%;margin-right: 2%;} .org_sub_ul li:nth-child(3n){margin-right: 2%;} .org_sub_ul li:nth-child(2n){margin-right: 0;} .org_more .ws_next_item{width: 100%;} } @media (max-width: 768px) { .org_chart_box{padding: 8vw 0;} .org_tree{margin-top: 5vw;} .org_tree_root{width: 100%;padding: 5% 6%;border-radius: 3vw;} .org_tree_root i{font-size: 7vw;margin-right: 4vw;} .org_tree_root h3{font-size: 4.2vw;} .org_tree_root p{font-size: 3vw;margin-top: 1vw;} .org_tree_stem{height: 6vw;} .org_tree_lv2{flex-wrap: wrap;padding-top: 0;} .org_tree_lv2:before{display: none;} .org_tree_lv2 li:before{display: none;} .org_tree_lv2 li{width: 100%;padding: 5%;border-radius: 3vw;margin-bottom: 3vw;} .org_tree_lv2 li:last-child{margin-bottom: 0;} .org_tree_lv2 li h4{font-size: 4.2vw;} .org_tree_lv2 li p{font-size: 3.2vw;margin-top: 1.6vw;} .org_tree_lv3 li{width: 48.5%;margin: 0 3% 3vw 0;padding: 4.5% 2%;border-radius: 3vw;} .org_tree_lv3 li:nth-child(3n){margin-right: 3%;} .org_tree_lv3 li:nth-child(2n){margin-right: 0;} .org_tree_lv3 li img{width: 9vw;height: 9vw;} .org_tree_lv3 li span{font-size: 3.4vw;margin-top: 2vw;} .org_team_box{padding: 8vw 0;} .org_team{margin-top: 5vw;} .org_team_tabs li{flex: 0 0 48.5%;margin: 0 3% 3vw 0;padding: 3vw 2vw;border-radius: 3vw;} .org_team_tabs li:nth-child(2n){margin-right: 0;} .org_team_tabs li:last-child{margin-bottom: 3vw;} .org_team_tabs li img{width: 7vw;height: 7vw;} .org_team_tabs li span{font-size: 3.6vw;margin-left: 2.5vw;} .org_team_panel{border-radius: 3vw;} .org_team_pic{height: 56vw;} .org_team_txt{padding: 5%;} .org_team_txt h3{font-size: 4.4vw;} .org_team_txt h3 em{font-size: 3vw;margin-left: 2vw;} .org_team_txt p{font-size: 3.6vw;margin-top: 2vw;} .org_net_box{padding: 8vw 0;} .org_hq{flex-wrap: wrap;padding: 6% 5%;border-radius: 3vw;margin-top: 5vw;} .org_hq_ico{width: 13vw;height: 13vw;flex: 0 0 13vw;margin: 0 0 3vw;} .org_hq_ico i{font-size: 5.5vw;} .org_hq_txt h3{font-size: 4.2vw;} .org_hq_txt h3 em{font-size: 2.8vw;padding: 0.8vw 2.8vw;margin: 0 0 0 2vw;} .org_hq_txt p{font-size: 3.2vw;margin-top: 2vw;} .org_sub_ul{margin-top: 4vw;} .org_sub_ul li{width: 100%;margin: 0 0 3.8vw;padding: 6% 5%;border-radius: 3vw;} .org_sub_ul li:nth-child(3n){margin-right: 0;} .org_sub_year{font-size: 3vw;padding: 0.8vw 3vw;} .org_sub_ul li h3{font-size: 4.2vw;margin-top: 3vw;} .org_sub_ul li p{font-size: 3.2vw;margin-top: 1.8vw;} .org_net_sub{font-size: 4.4vw;margin-top: 4vw;} .org_city{margin-top: 3vw;} .org_city span{font-size: 3.4vw;padding: 2vw 4.5vw;margin: 0 2.5vw 2.5vw 0;} .org_city span i{font-size: 3.2vw;margin-right: 1.8vw;} } /* ===== 关于Hudoo·公司介绍（ab_） ===== */ .ab_intro_box{width: 100%;height: auto;padding: 80px 0;background: #FFFFFF;overflow: hidden;} .ab_intro{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-top: 40px;} .ab_intro_txt{width: 55%;} .ab_intro_txt p{font-size: 15px;color: #4B5563;line-height: 1.9;margin-bottom: 18px;} .ab_intro_txt p:last-child{margin-bottom: 0;} .ab_intro_txt p strong{color: #1A96B1;} .ab_intro_pic{width: 41%;border-radius: 16px;overflow: hidden;box-shadow: 0 14px 30px rgba(0, 0, 0, 0.1);} .ab_intro_pic img{width: 100%;display: block;transition: all 0.5s;} .ab_intro_pic:hover img{transform: scale(1.05);} .ab_stat_ul{width: 100%;display: flex;justify-content: space-between;margin-top: 50px;} .ab_stat_ul li{width: 23.5%;background: #F9FAFB;border: 1px solid #F3F4F6;border-radius: 16px;padding: 30px 24px;text-align: center;transition: all 0.3s;} .ab_stat_ul li:hover{transform: translateY(-6px);box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);background: #FFFFFF;} .ab_stat_ul li b{display: block;font-size: 40px;color: #1A96B1;font-weight: 700;line-height: 1;} .ab_stat_ul li b i{font-style: normal;} .ab_stat_ul li b em{font-style: normal;font-size: 20px;margin-left: 2px;} .ab_stat_ul li p{font-size: 14px;color: #6B7280;margin-top: 12px;} .ab_history_box{width: 100%;height: auto;padding: 80px 0;background: #F9FAFB;overflow: hidden;} .ab_history_head{display: flex;justify-content: space-between;align-items: flex-end;} .ab_his_btns{display: flex;flex: 0 0 auto;margin-left: 30px;} .ab_his_btns a{width: 44px;height: 44px;border-radius: 50%;border: 1px solid #E5E7EB;background: #FFFFFF;color: #374151;display: flex;justify-content: center;align-items: center;font-size: 16px;margin-left: 12px;} .ab_his_btns a:hover{background: #1A96B1;border-color: #1A96B1;color: #FFFFFF;} .ab_history_sw{width: 100%;margin-top: 46px;position: relative;} .ab_history_sw:before{content: "";display: block;width: 100%;height: 2px;background: #E5E7EB;position: absolute;left: 0;top: 6px;} .ab_his_item{width: 100%;position: relative;padding-top: 32px;} .ab_his_item:before{content: "";display: block;width: 14px;height: 14px;border-radius: 50%;background: #FFFFFF;border: 3px solid #1A96B1;position: absolute;left: 0;top: 0;transition: all 0.3s;} .swiper-slide:hover .ab_his_item:before{background: #1A96B1;} .ab_his_date b{font-size: 34px;color: #111827;font-weight: 700;line-height: 1;} .ab_his_date span{font-size: 14px;color: #1A96B1;font-weight: 700;margin-left: 8px;} .ab_his_badge{display: inline-block;font-style: normal;font-size: 12px;color: #1A96B1;background: rgba(26, 150, 177, 0.1);border: 1px solid rgba(26, 150, 177, 0.25);border-radius: 20px;padding: 4px 12px;margin-top: 12px;} .ab_his_item p{font-size: 14px;color: #6B7280;line-height: 1.8;margin-top: 12px;} .ab_culture_box{width: 100%;height: auto;padding: 80px 0;background: #FFFFFF;overflow: hidden;} .ab_culture_ul{width: 100%;display: flex;justify-content: space-between;margin-top: 40px;} .ab_culture_ul li{width: 32%;background: #F9FAFB;border: 1px solid #F3F4F6;border-radius: 16px;padding: 36px 30px;transition: all 0.3s;} .ab_culture_ul li:hover{transform: translateY(-6px);box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);background: #FFFFFF;} .ab_culture_ico{width: 56px;height: 56px;} .ab_culture_ico img{width: 100%;height: 100%;object-fit: contain;} .ab_culture_ul li h3{font-size: 20px;color: #111827;font-weight: 700;margin-top: 20px;} .ab_culture_ul li em{display: block;font-style: normal;font-size: 13px;color: #9CA3AF;margin-top: 4px;} .ab_culture_ul li p{font-size: 15px;color: #4B5563;line-height: 1.8;margin-top: 14px;} .ab_culture_feel{width: 100%;border-radius: 16px;margin-top: 24px;padding: 44px 46px;display: flex;align-items: center;background: linear-gradient(135deg, #0B1F3F 0%, #16386B 60%, #1A96B1 135%);position: relative;overflow: hidden;} .ab_culture_feel:before{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;pointer-events: none;background-image: radial-gradient(2px 2px at 12% 24%, rgba(255, 255, 255, 0.9) 50%, transparent 51%), radial-gradient(1px 1px at 28% 68%, rgba(255, 255, 255, 0.7) 50%, transparent 51%), radial-gradient(2px 2px at 44% 18%, rgba(255, 255, 255, 0.6) 50%, transparent 51%), radial-gradient(1px 1px at 58% 55%, rgba(255, 255, 255, 0.8) 50%, transparent 51%), radial-gradient(2px 2px at 72% 30%, rgba(255, 255, 255, 0.7) 50%, transparent 51%), radial-gradient(1px 1px at 86% 70%, rgba(255, 255, 255, 0.8) 50%, transparent 51%), radial-gradient(1px 1px at 94% 20%, rgba(255, 255, 255, 0.6) 50%, transparent 51%);} .ab_culture_feel_ico{width: 72px;height: 72px;flex: 0 0 72px;margin-right: 36px;position: relative;z-index: 2;} .ab_culture_feel_ico img{width: 100%;height: 100%;object-fit: contain;filter: brightness(0) invert(1);} .ab_culture_feel_txt{position: relative;z-index: 2;} .ab_culture_feel_txt h3{font-size: 20px;color: #FFFFFF;font-weight: 700;} .ab_culture_feel_txt h3 em{font-style: normal;font-size: 13px;color: rgba(255, 255, 255, 0.6);font-weight: 400;margin-left: 10px;} .ab_culture_feel_txt p{font-size: 15px;color: rgba(255, 255, 255, 0.85);line-height: 1.9;margin-top: 12px;} .ab_honor_box{width: 100%;height: auto;padding: 80px 0;background: #F9FAFB;overflow: hidden;} .ab_honor_grid{width: 100%;display: none;flex-wrap: wrap;margin-top: 36px;} .ab_honor_grid.on{display: flex; justify-content: center;} .ab_honor_grid li{width: 23.5%;margin: 0 2% 24px 0;background: #FFFFFF;border: 1px solid #F3F4F6;border-radius: 16px;padding: 20px 20px 24px;transition: all 0.3s;} .ab_honor_grid li:nth-child(4n){margin-right: 0;} .ab_honor_grid li:hover{transform: translateY(-6px);box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);} .ab_honor_pic{width: 100%;height: 190px;display: flex;justify-content: center;align-items: center;overflow: hidden;} .ab_honor_pic img{max-width: 100%;max-height: 100%;} .ab_honor_grid li p{font-size: 13px;color: #4B5563;line-height: 1.6;text-align: center;margin-top: 14px;} .ab_more_box{background: #FFFFFF;} .ab_more .ws_next_item{width: 32%;background: #F9FAFB;} .ab_more .ws_next_item:hover{background: #FFFFFF;} @media (max-width: 1200px) { .ab_his_date b{font-size: 28px;} } @media (max-width: 990px) { .ab_intro{flex-wrap: wrap;} .ab_intro_txt{width: 100%;} .ab_intro_pic{width: 100%;margin-top: 26px;} .ab_stat_ul{flex-wrap: wrap;} .ab_stat_ul li{width: 48.5%;margin-bottom: 20px;} .ab_culture_ul{flex-wrap: wrap;} .ab_culture_ul li{width: 100%;margin-bottom: 20px;} .ab_honor_grid li{width: 49%;margin-right: 2%;} .ab_honor_grid li:nth-child(4n){margin-right: 2%;} .ab_honor_grid li:nth-child(2n){margin-right: 0;} .ab_more .ws_next_item{width: 100%;} } @media (max-width: 768px) { .ab_intro_box{padding: 8vw 0;} .ab_intro{margin-top: 5vw;} .ab_intro_txt p{font-size: 3.6vw;line-height: 1.85;margin-bottom: 3.5vw;} .ab_intro_pic{border-radius: 3vw;margin-top: 5vw;} .ab_stat_ul{margin-top: 6vw;} .ab_stat_ul li{width: 48.5%;padding: 6% 4%;border-radius: 3vw;margin-bottom: 3vw;} .ab_stat_ul li b{font-size: 8.6vw;} .ab_stat_ul li b em{font-size: 4vw;} .ab_stat_ul li p{font-size: 3.2vw;margin-top: 2.4vw;} .ab_history_box{padding: 8vw 0;} .ab_history_head{align-items: center;} .ab_his_btns{margin-left: 4vw;} .ab_his_btns a{width: 9.5vw;height: 9.5vw;font-size: 3.8vw;margin-left: 2.5vw;} .ab_history_sw{margin-top: 6vw;} .ab_history_sw:before{top: 1.5vw;} .ab_his_item{padding-top: 8vw;} .ab_his_item:before{width: 3.4vw;height: 3.4vw;} .ab_his_date b{font-size: 7.5vw;} .ab_his_date span{font-size: 3.4vw;margin-left: 2vw;} .ab_his_badge{font-size: 3vw;padding: 1vw 3vw;margin-top: 2.6vw;} .ab_his_item p{font-size: 3.4vw;margin-top: 2.6vw;} .ab_culture_box{padding: 8vw 0;} .ab_culture_ul{margin-top: 5vw;} .ab_culture_ul li{padding: 7% 5%;border-radius: 3vw;margin-bottom: 3.8vw;} .ab_culture_ico{width: 12vw;height: 12vw;} .ab_culture_ul li h3{font-size: 4.4vw;margin-top: 3.5vw;} .ab_culture_ul li em{font-size: 3vw;margin-top: 1vw;} .ab_culture_ul li p{font-size: 3.6vw;margin-top: 2.6vw;} .ab_culture_feel{flex-wrap: wrap;padding: 7% 5%;border-radius: 3vw;margin-top: 1vw;} .ab_culture_feel_ico{width: 13vw;height: 13vw;flex: 0 0 13vw;margin: 0 0 4vw;} .ab_culture_feel_txt h3{font-size: 4.4vw;} .ab_culture_feel_txt h3 em{font-size: 3vw;margin-left: 2vw;} .ab_culture_feel_txt p{font-size: 3.6vw;margin-top: 2.6vw;} .ab_honor_box{padding: 8vw 0;} .ab_honor_grid{margin-top: 5vw;} .ab_honor_grid li{width: 48.5%;margin: 0 3% 3vw 0;padding: 4% 4% 5%;border-radius: 3vw;} .ab_honor_grid li:nth-child(4n){margin-right: 3%;} .ab_honor_grid li:nth-child(2n){margin-right: 0;} .ab_honor_pic{height: 34vw;} .ab_honor_grid li p{font-size: 3.1vw;margin-top: 2.6vw;} } /* ===== 成功案例列表/详情（cs_，复用 tpl_/dts_ 体系） ===== */ .cs_card .dts_tpl_meta{padding-bottom: 8px;} .cs_card_srv{display: flex;align-items: center;font-size: 13px;color: #6B7280;padding: 0 20px 16px;} .cs_card_srv i{width: 16px;height: 16px;flex: 0 0 16px;border-radius: 50%;background: rgba(26, 150, 177, 0.12);color: #1A96B1;display: inline-flex;justify-content: center;align-items: center;font-size: 8px;margin-right: 8px;} .cs_num_box{width: 100%;height: auto;padding: 80px 0;background: #F9FAFB;overflow: hidden;} .cs_num_ul{width: 100%;display: flex;justify-content: space-between;margin-top: 40px;} .cs_num_ul li{width: 32%;background: #FFFFFF;border: 1px solid #F3F4F6;border-radius: 16px;padding: 36px 30px;text-align: center;transition: all 0.3s;} .cs_num_ul li:hover{transform: translateY(-6px);box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);} .cs_num_ul li b{display: block;font-size: 46px;color: #1A96B1;font-weight: 700;line-height: 1;} .cs_num_ul li b i{font-style: normal;font-size: 20px;margin-left: 4px;} .cs_num_ul li h3{font-size: 18px;color: #111827;font-weight: 700;margin-top: 14px;} .cs_num_ul li p{font-size: 13px;color: #6B7280;margin-top: 8px;} .cs_num_note{display: flex;justify-content: center;align-items: flex-start;font-size: 13px;color: #9CA3AF;line-height: 1.6;margin-top: 26px;} .cs_num_note i{font-size: 13px;margin: 3px 8px 0 0;} .cs_srv_box{width: 100%;height: auto;padding: 80px 0;background: #FFFFFF;overflow: hidden;} .cs_srv .ws_next_item{width: 32%;background: #F9FAFB;} .cs_srv .ws_next_item:hover{background: #FFFFFF;} @media (max-width: 990px) { .cs_num_ul{flex-wrap: wrap;} .cs_num_ul li{width: 100%;margin-bottom: 20px;} .cs_srv .ws_next_item{width: 100%;} } @media (max-width: 768px) { .cs_card_srv{font-size: 3.2vw;padding: 0 5% 4vw;} .cs_card_srv i{width: 4vw;height: 4vw;flex: 0 0 4vw;font-size: 2vw;margin-right: 2vw;} .cs_num_box{padding: 8vw 0;} .cs_num_ul{margin-top: 4vw;} .cs_num_ul li{width: 100%;padding: 7% 5%;border-radius: 3vw;margin-bottom: 3.8vw;} .cs_num_ul li b{font-size: 10vw;} .cs_num_ul li b i{font-size: 4.4vw;} .cs_num_ul li h3{font-size: 4.2vw;margin-top: 3vw;} .cs_num_ul li p{font-size: 3.2vw;margin-top: 1.8vw;} .cs_num_note{text-align: left;font-size: 3vw;margin-top: 4vw;} .cs_srv_box{padding: 8vw 0;} } /* ===== 社交媒体解决方案 Hub（soh_，买家验证链） ===== */ .soh_theme{--adsAccent: #1A96B1;--adsAccent2: #22D3EE;} .soh_theme .ads_banner_box{background: linear-gradient(158deg, #FFFFFF 0%, #EFF7F9 100%);position: relative;overflow: hidden;} .soh_theme .ads_banner_box:before{content: "";display: block;width: 460px;height: 460px;border-radius: 50%;background: rgba(26, 150, 177, 0.1);filter: blur(70px);position: absolute;right: -110px;top: -130px;pointer-events: none;} .soh_theme .ads_banner_box .contentWH1300{position: relative;z-index: 2;} .soh_theme .ads_banner_left_tag i{color: #1A96B1;} .soh_theme .ads_banner_left_tag span{color: #1A96B1;margin-left: 8px;} .soh_theme .ads_banner_left h2 span{color: #1A96B1;} .soh_theme .ads_banner_left h3{background: linear-gradient(90deg, #1A96B1 0%, #22D3EE 100%);-webkit-background-clip: text;background-clip: text;color: transparent;font-size: 40px;letter-spacing: -1px;} .soh_theme .ads_sec_desc strong{color: #1A96B1;} /* 首屏买家验证链 */ .soh_verify{width: 100%;display: flex;justify-content: center;align-items: center;padding: 20px 0;} .soh_verify_buyer, .soh_verify_out{flex: 0 0 auto;width: 128px;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 14px;box-shadow: 0 12px 26px rgba(17, 24, 39, 0.12);padding: 20px 14px;text-align: center;} .soh_verify_buyer > i, .soh_verify_out > i{width: 46px;height: 46px;border-radius: 50%;background: rgba(26, 150, 177, 0.1);color: #1A96B1;display: inline-flex;justify-content: center;align-items: center;font-size: 19px;} .soh_verify_out > i{background: rgba(255, 150, 0, 0.12);color: #FF9600;} .soh_verify_buyer h4, .soh_verify_out h4{font-size: 14px;color: #111827;font-weight: 700;margin-top: 10px;} .soh_verify_buyer p, .soh_verify_out p{font-size: 11px;color: #6B7280;margin-top: 4px;} .soh_verify_arrow{flex: 0 0 auto;color: #A9CBD6;font-size: 17px;margin: 0 10px;} .soh_verify_nodes{flex: 0 0 auto;display: flex;flex-direction: column;} .soh_verify_node{display: flex;align-items: center;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 24px;box-shadow: 0 8px 18px rgba(17, 24, 39, 0.1);padding: 8px 14px;margin: 5px 0;font-size: 13px;color: #111827;font-weight: 700;} .soh_verify_node > i{width: 26px;height: 26px;flex: 0 0 26px;border-radius: 50%;background: rgba(26, 150, 177, 0.1);color: #1A96B1;display: flex;justify-content: center;align-items: center;font-size: 12px;margin-right: 9px;} .soh_verify_node b{width: 18px;height: 18px;border-radius: 50%;background: #22C55E;color: #FFFFFF;display: flex;justify-content: center;align-items: center;font-size: 9px;margin-left: 12px;} /* 买家旅程四站 */ .soh_journey_box{width: 100%;height: auto;padding: 80px 0;background: #F9FAFB;overflow: hidden;} .soh_journey{width: 100%;display: flex;justify-content: space-between;align-items: stretch;margin-top: 40px;position: relative;} .soh_journey:before{content: "";display: block;position: absolute;left: 10%;right: 10%;top: 15px;height: 2px;border-top: 2px dashed #C7DCE3;} .soh_stop{width: 23.5%;background: #FFFFFF;border: 1px solid #F3F4F6;border-radius: 16px;padding: 24px 22px;position: relative;z-index: 2;display: flex;flex-direction: column;transition: all 0.3s;} .soh_stop:hover{transform: translateY(-6px);box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);} .soh_stop > em{display: inline-block;align-self: flex-start;font-style: normal;font-size: 12px;color: #FFFFFF;font-weight: 700;background: linear-gradient(90deg, #1A96B1 0%, #22D3EE 100%);border-radius: 14px;padding: 4px 14px;margin-top: -38px;} .soh_stop_head{display: flex;justify-content: flex-start;align-items: center;margin-top: 16px;} .soh_stop_head > i{width: 42px;height: 42px;flex: 0 0 42px;border-radius: 10px;background: rgba(26, 150, 177, 0.1);color: #1A96B1;display: flex;justify-content: center;align-items: center;font-size: 18px;margin-right: 12px;} .soh_stop_head h3{font-size: 16px;color: #111827;font-weight: 700;} .soh_stop_row{margin-top: 14px;} .soh_stop_row b{display: inline-block;font-size: 11px;color: #1A96B1;font-weight: 700;background: rgba(26, 150, 177, 0.08);border-radius: 4px;padding: 2px 8px;} .soh_stop_row p{font-size: 13px;color: #4B5563;line-height: 1.6;margin-top: 6px;} .soh_stop > a{display: inline-flex;align-items: center;font-size: 13px;color: #1A96B1;font-weight: 700;margin-top: auto;padding-top: 16px;} .soh_stop > a i{font-size: 10px;margin-left: 6px;transition: all 0.3s;} .soh_stop > a:hover i{transform: translateX(4px);} /* 内容中央厨房 */ .soh_kitchen_box{width: 100%;height: auto;padding: 80px 0;background: #FFFFFF;overflow: hidden;} .soh_kitchen{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-top: 40px;} .soh_kitchen_src{flex: 0 0 30%;background: linear-gradient(135deg, #1A96B1 0%, #22D3EE 100%);border-radius: 16px;box-shadow: 0 16px 34px rgba(26, 150, 177, 0.3);padding: 36px 30px;text-align: center;} .soh_kitchen_src > i{width: 62px;height: 62px;border-radius: 50%;background: rgba(255, 255, 255, 0.2);color: #FFFFFF;display: inline-flex;justify-content: center;align-items: center;font-size: 25px;} .soh_kitchen_src h3{font-size: 20px;color: #FFFFFF;font-weight: 700;line-height: 1.5;margin-top: 16px;} .soh_kitchen_src p{font-size: 13px;color: rgba(255, 255, 255, 0.88);margin-top: 10px;} .soh_kitchen_arrow{flex: 0 0 auto;display: flex;justify-content: center;align-items: center;color: #C7DCE3;font-size: 22px;margin: 0 20px;} .soh_kitchen_outs{flex: 1;display: flex;justify-content: space-between;flex-wrap: wrap;} .soh_kitchen_out{width: 48.5%;display: flex;justify-content: flex-start;align-items: center;background: #F9FAFB;border: 1px solid #F3F4F6;border-radius: 12px;padding: 18px 20px;margin-bottom: 14px;transition: all 0.3s;} .soh_kitchen_out:hover{background: #FFFFFF;border-color: rgba(26, 150, 177, 0.3);box-shadow: 0 10px 22px rgba(0, 0, 0, 0.06);transform: translateY(-3px);} .soh_kitchen_out > i{width: 40px;height: 40px;flex: 0 0 40px;border-radius: 10px;background: rgba(26, 150, 177, 0.1);color: #1A96B1;display: flex;justify-content: center;align-items: center;font-size: 17px;margin-right: 14px;} .soh_kitchen_out h4{font-size: 15px;color: #111827;font-weight: 700;} .soh_kitchen_out p{font-size: 12px;color: #6B7280;margin-top: 4px;} /* 灰态规划卡 */ .soh_pf .ec_pf_item{width: 48.5%;margin-bottom: 20px;} .ec_pf_item.soh_off{cursor: default;background: #F3F4F6;border-color: #EEF0F2;} .ec_pf_item.soh_off:hover{transform: none;box-shadow: none;background: #F3F4F6;} .ec_pf_item.soh_off > i{color: #9CA3AF;background: #FFFFFF;box-shadow: none;} .ec_pf_item.soh_off h3{color: #6B7280;} .ec_pf_item.soh_off > span{color: #9CA3AF;background: #FFFFFF;border-radius: 14px;padding: 4px 14px;font-size: 12px;} .soh_pf{flex-wrap: wrap;} @media (max-width: 990px) { .soh_journey{flex-wrap: wrap;} .soh_journey:before{display: none;} .soh_stop{width: 48.5%;margin-bottom: 20px;} .soh_stop > em{margin-top: 0;} .soh_kitchen{flex-wrap: wrap;} .soh_kitchen_src{flex: 0 0 100%;} .soh_kitchen_arrow{display: none;} .soh_kitchen_outs{flex: 0 0 100%;margin-top: 20px;} } @media (max-width: 768px) { .soh_theme .ads_banner_box:before{width: 60vw;height: 60vw;right: -20vw;top: -22vw;} .soh_theme .ads_banner_left h3{font-size: 7vw;} .soh_verify{flex-wrap: wrap;padding: 4vw 0;margin-top: 4vw;} .soh_verify_buyer, .soh_verify_out{width: 40%;padding: 4.4vw 3vw;border-radius: 2.8vw;} .soh_verify_buyer > i, .soh_verify_out > i{width: 10vw;height: 10vw;font-size: 4.2vw;} .soh_verify_buyer h4, .soh_verify_out h4{font-size: 3.4vw;margin-top: 2vw;} .soh_verify_buyer p, .soh_verify_out p{font-size: 2.6vw;margin-top: 1vw;} .soh_verify_arrow{display: none;} .soh_verify_nodes{flex: 0 0 100%;flex-direction: row;flex-wrap: wrap;justify-content: center;order: 3;margin-top: 3.4vw;} .soh_verify_node{padding: 1.8vw 3vw;margin: 1.2vw;font-size: 3vw;border-radius: 5vw;} .soh_verify_node > i{width: 5.6vw;height: 5.6vw;flex: 0 0 5.6vw;font-size: 2.6vw;margin-right: 1.8vw;} .soh_verify_node b{width: 4vw;height: 4vw;font-size: 2vw;margin-left: 2.4vw;} .soh_journey_box{padding: 8vw 0;} .soh_journey{margin-top: 6vw;} .soh_stop{width: 100%;padding: 5% 4.4%;border-radius: 3vw;margin-bottom: 5.6vw;} .soh_stop > em{font-size: 3vw;padding: 1vw 3.4vw;border-radius: 3.4vw;margin-top: -7.6vw;} .soh_stop_head{margin-top: 3vw;} .soh_stop_head > i{width: 9.6vw;height: 9.6vw;flex: 0 0 9.6vw;border-radius: 2.2vw;font-size: 4vw;margin-right: 2.6vw;} .soh_stop_head h3{font-size: 4vw;} .soh_stop_row{margin-top: 3vw;} .soh_stop_row b{font-size: 2.8vw;padding: 0.6vw 2vw;border-radius: 1vw;} .soh_stop_row p{font-size: 3.2vw;margin-top: 1.4vw;} .soh_stop > a{font-size: 3.4vw;padding-top: 3.4vw;} .soh_kitchen_box{padding: 8vw 0;} .soh_kitchen{margin-top: 4vw;} .soh_kitchen_src{padding: 7vw 5%;border-radius: 3vw;} .soh_kitchen_src > i{width: 13vw;height: 13vw;font-size: 5.4vw;} .soh_kitchen_src h3{font-size: 4.6vw;margin-top: 3.4vw;} .soh_kitchen_src p{font-size: 3.2vw;margin-top: 2vw;} .soh_kitchen_outs{margin-top: 3.8vw;} .soh_kitchen_out{width: 100%;padding: 3.8vw 4vw;border-radius: 2.4vw;margin-bottom: 2.8vw;} .soh_kitchen_out > i{width: 9vw;height: 9vw;flex: 0 0 9vw;border-radius: 2vw;font-size: 3.8vw;margin-right: 3vw;} .soh_kitchen_out h4{font-size: 3.8vw;} .soh_kitchen_out p{font-size: 3vw;margin-top: 1vw;} .soh_pf .ec_pf_item{width: 100%;margin-bottom: 3.8vw;} .ec_pf_item.soh_off > span{font-size: 3vw;padding: 1vw 3.4vw;border-radius: 3.4vw;} } /* ===== 搜索引擎优化解决方案 Hub（seh_，三引擎覆盖） ===== */ .seh_theme{--adsAccent: #1A96B1;--adsAccent2: #22D3EE;} .seh_theme .ads_banner_box{background: linear-gradient(158deg, #FFFFFF 0%, #EFF7F9 100%);position: relative;overflow: hidden;} .seh_theme .ads_banner_box:before{content: "";display: block;width: 460px;height: 460px;border-radius: 50%;background: rgba(26, 150, 177, 0.1);filter: blur(70px);position: absolute;right: -110px;top: -130px;pointer-events: none;} .seh_theme .ads_banner_box .contentWH1300{position: relative;z-index: 2;} .seh_theme .ads_banner_left_tag i{color: #1A96B1;} .seh_theme .ads_banner_left_tag span{color: #1A96B1;margin-left: 8px;} .seh_theme .ads_banner_left h2 span{color: #1A96B1;} .seh_theme .ads_banner_left h3{background: linear-gradient(90deg, #1A96B1 0%, #22D3EE 100%);-webkit-background-clip: text;background-clip: text;color: transparent;font-size: 40px;letter-spacing: -1px;} .seh_theme .ads_sec_desc strong{color: #1A96B1;} /* 首屏三引擎地球 */ .seh_globe{width: 100%;height: 420px;position: relative;} .seh_globe_ring{display: block;width: 320px;height: 320px;border: 2px dashed #C7DCE3;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} .seh_globe_core{width: 128px;height: 128px;border-radius: 50%;background: linear-gradient(135deg, #1A96B1 0%, #22D3EE 100%);box-shadow: 0 16px 36px rgba(26, 150, 177, 0.35);position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);display: flex;flex-direction: column;justify-content: center;align-items: center;z-index: 2;} .seh_globe_core i{font-size: 32px;color: #FFFFFF;} .seh_globe_core span{font-size: 14px;color: rgba(255, 255, 255, 0.95);font-weight: 700;margin-top: 8px;} .seh_globe_item{position: absolute;display: flex;align-items: center;padding: 12px 18px;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 14px;box-shadow: 0 12px 24px rgba(17, 24, 39, 0.12);z-index: 3;} .seh_globe_item > i{width: 36px;height: 36px;flex: 0 0 36px;border-radius: 9px;background: rgba(26, 150, 177, 0.1);color: #1A96B1;display: flex;justify-content: center;align-items: center;font-size: 16px;margin-right: 11px;} .seh_globe_item h4{font-size: 15px;color: #111827;font-weight: 700;} .seh_globe_item p{font-size: 11px;color: #6B7280;margin-top: 2px;white-space: nowrap;} .seh_globe_item.g1{left: 50%;top: 12px;transform: translateX(-50%);} .seh_globe_item.g2{right: 0;bottom: 24%;} .seh_globe_item.g3{left: 0;bottom: 24%;} /* 三引擎矩阵 */ .seh_matrix_box{width: 100%;height: auto;padding: 80px 0;background: #F9FAFB;overflow: hidden;} .seh_matrix{width: 100%;display: flex;justify-content: space-between;align-items: stretch;margin-top: 40px;} .seh_engine{width: 32%;background: #FFFFFF;border: 1px solid #F3F4F6;border-radius: 16px;padding: 30px 28px;display: flex;flex-direction: column;transition: all 0.3s;} .seh_engine.hl{border: 2px solid #1A96B1;box-shadow: 0 16px 34px rgba(26, 150, 177, 0.15);} .seh_engine:hover{transform: translateY(-6px);box-shadow: 0 16px 34px rgba(0, 0, 0, 0.1);} .seh_engine_head{display: flex;justify-content: flex-start;align-items: center;} .seh_engine_head > i{width: 52px;height: 52px;flex: 0 0 52px;border-radius: 12px;background: rgba(26, 150, 177, 0.1);color: #1A96B1;display: flex;justify-content: center;align-items: center;font-size: 22px;margin-right: 16px;} .seh_engine_head h3{font-size: 20px;color: #111827;font-weight: 700;} .seh_engine_head em{display: inline-block;font-style: normal;font-size: 12px;color: #1A96B1;font-weight: 700;background: rgba(26, 150, 177, 0.1);border-radius: 4px;padding: 3px 10px;margin-top: 6px;} .seh_engine_num{display: flex;align-items: baseline;margin-top: 20px;padding: 14px 18px;background: #F9FAFB;border-radius: 10px;} .seh_engine.hl .seh_engine_num{background: rgba(26, 150, 177, 0.06);} .seh_engine_num b{font-size: 30px;color: #1A96B1;font-weight: 700;} .seh_engine_num span{font-size: 13px;color: #6B7280;margin-left: 10px;} .seh_engine ul{margin-top: 16px;flex: 1;} .seh_engine ul li{display: flex;align-items: flex-start;font-size: 14px;color: #4B5563;line-height: 1.6;margin-top: 10px;} .seh_engine ul li i{color: #1A96B1;font-size: 11px;margin: 5px 9px 0 0;} .seh_engine_btn{display: flex;justify-content: center;align-items: center;height: 46px;margin-top: 20px;font-size: 14px;color: #1A96B1;font-weight: 700;background: rgba(26, 150, 177, 0.08);border-radius: 8px;transition: all 0.3s;} .seh_engine.hl .seh_engine_btn{background: #1A96B1;color: #FFFFFF;} .seh_engine_btn i{font-size: 12px;margin-left: 8px;transition: all 0.3s;} .seh_engine_btn:hover{background: #1A96B1;color: #FFFFFF;} .seh_engine_btn:hover i{transform: translateX(4px);} /* 市场组合速查 */ .seh_market{width: 100%;margin-top: 24px;padding: 26px 30px;background: #FFFFFF;border: 1px solid rgba(26, 150, 177, 0.25);border-radius: 16px;} .seh_market > h3{display: flex;align-items: center;font-size: 17px;color: #111827;font-weight: 700;} .seh_market > h3 i{color: #1A96B1;font-size: 16px;margin-right: 10px;} .seh_market_rows{margin-top: 14px;} .seh_market_row{display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;padding: 12px 0;border-top: 1px dashed #EEF0F2;} .seh_market_row b{flex: 0 0 172px;font-size: 15px;color: #111827;} .seh_market_row span{display: inline-flex;align-items: center;font-size: 13px;color: #374151;font-weight: 700;background: #F9FAFB;border: 1px solid #F3F4F6;border-radius: 20px;padding: 6px 16px;margin-right: 12px;} .seh_market_row span i{color: #1A96B1;font-size: 13px;margin-right: 7px;} .seh_market_row span i + i{margin-left: 4px;} /* 见效时间线 */ .seh_tl_box{width: 100%;height: auto;padding: 80px 0;background: #FFFFFF;overflow: hidden;} .seh_tl{width: 100%;display: flex;justify-content: space-between;align-items: stretch;margin-top: 40px;} .seh_tl_item{width: 32%;background: #F9FAFB;border: 1px solid #F3F4F6;border-radius: 16px;padding: 28px;display: flex;flex-direction: column;transition: all 0.3s;} .seh_tl_item:hover{transform: translateY(-6px);box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);background: #FFFFFF;} .seh_tl_item > em{display: inline-block;align-self: flex-start;font-style: normal;font-size: 13px;color: #FFFFFF;font-weight: 700;background: linear-gradient(90deg, #1A96B1 0%, #22D3EE 100%);border-radius: 6px;padding: 4px 14px;} .seh_tl_item h3{font-size: 19px;color: #111827;font-weight: 700;margin-top: 14px;} .seh_tl_item > p{font-size: 13px;color: #6B7280;line-height: 1.7;margin-top: 8px;flex: 1;} .seh_tl_bar{height: 130px;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;margin-top: 18px;padding-top: 8px;border-top: 1px dashed #EEF0F2;} .seh_tl_bar i{display: block;width: 56px;border-radius: 8px 8px 0 0;background: linear-gradient(180deg, #22D3EE 0%, #1A96B1 100%);} .seh_tl_bar span{font-size: 12px;color: #1A96B1;font-weight: 700;margin-top: 8px;} @media (max-width: 990px) { .seh_matrix{flex-wrap: wrap;} .seh_engine{width: 100%;margin-bottom: 20px;} .seh_market_row b{flex: 0 0 100%;margin-bottom: 8px;} .seh_tl{flex-wrap: wrap;} .seh_tl_item{width: 100%;margin-bottom: 20px;} .seh_tl_bar{height: 90px;} } @media (max-width: 768px) { .seh_theme .ads_banner_box:before{width: 60vw;height: 60vw;right: -20vw;top: -22vw;} .seh_theme .ads_banner_left h3{font-size: 7vw;} .seh_globe{height: 100vw;margin-top: 4vw;} .seh_globe_ring{width: 64vw;height: 64vw;} .seh_globe_core{width: 29vw;height: 29vw;} .seh_globe_core i{font-size: 7vw;} .seh_globe_core span{font-size: 3vw;margin-top: 1.4vw;} .seh_globe_item{padding: 2.4vw 3.4vw;border-radius: 2.6vw;} .seh_globe_item > i{width: 8vw;height: 8vw;flex: 0 0 8vw;border-radius: 1.8vw;font-size: 3.4vw;margin-right: 2.2vw;} .seh_globe_item h4{font-size: 3.6vw;} .seh_globe_item p{font-size: 2.6vw;} .seh_matrix_box{padding: 8vw 0;} .seh_matrix{margin-top: 4vw;} .seh_engine{width: 100%;padding: 6% 5%;border-radius: 3vw;margin-bottom: 3.8vw;} .seh_engine_head > i{width: 11vw;height: 11vw;flex: 0 0 11vw;border-radius: 2.4vw;font-size: 4.6vw;margin-right: 3vw;} .seh_engine_head h3{font-size: 4.4vw;} .seh_engine_head em{font-size: 3vw;padding: 0.8vw 2.4vw;border-radius: 1vw;margin-top: 1.4vw;} .seh_engine_num{margin-top: 4vw;padding: 3vw 4vw;border-radius: 2vw;} .seh_engine_num b{font-size: 6.4vw;} .seh_engine_num span{font-size: 3.2vw;margin-left: 2.4vw;} .seh_engine ul{margin-top: 3.4vw;} .seh_engine ul li{font-size: 3.4vw;margin-top: 2.4vw;} .seh_engine_btn{height: 11vw;margin-top: 4.4vw;font-size: 3.6vw;border-radius: 1.8vw;} .seh_market{margin-top: 4vw;padding: 5% 4.4%;border-radius: 3vw;} .seh_market > h3{font-size: 4.2vw;} .seh_market_rows{margin-top: 3vw;} .seh_market_row{padding: 3vw 0;} .seh_market_row b{font-size: 3.8vw;} .seh_market_row span{font-size: 3.2vw;padding: 1.6vw 3.6vw;border-radius: 5vw;margin: 1vw 2vw 1vw 0;} .seh_tl_box{padding: 8vw 0;} .seh_tl{margin-top: 4vw;} .seh_tl_item{width: 100%;padding: 6% 5%;border-radius: 3vw;margin-bottom: 3.8vw;} .seh_tl_item > em{font-size: 3.2vw;padding: 1vw 3.4vw;border-radius: 1.4vw;} .seh_tl_item h3{font-size: 4.4vw;margin-top: 3vw;} .seh_tl_item > p{font-size: 3.2vw;margin-top: 2vw;} .seh_tl_bar{height: 26vw;margin-top: 3.6vw;padding-top: 2vw;} .seh_tl_bar i{width: 13vw;border-radius: 1.8vw 1.8vw 0 0;} .seh_tl_bar span{font-size: 3vw;margin-top: 1.8vw;} } /* ===== 海外广告投放解决方案 Hub（adh_，全漏斗） ===== */ .adh_theme{--adsAccent: #1A96B1;--adsAccent2: #22D3EE;} .adh_theme .ads_banner_box{background: linear-gradient(158deg, #FFFFFF 0%, #EFF7F9 100%);position: relative;overflow: hidden;} .adh_theme .ads_banner_box:before{content: "";display: block;width: 460px;height: 460px;border-radius: 50%;background: rgba(26, 150, 177, 0.1);filter: blur(70px);position: absolute;right: -110px;top: -130px;pointer-events: none;} .adh_theme .ads_banner_box .contentWH1300{position: relative;z-index: 2;} .adh_theme .ads_banner_left_tag i{color: #1A96B1;} .adh_theme .ads_banner_left_tag span{color: #1A96B1;margin-left: 8px;} .adh_theme .ads_banner_left h2 span{color: #1A96B1;} .adh_theme .ads_banner_left h3{background: linear-gradient(90deg, #1A96B1 0%, #22D3EE 100%);-webkit-background-clip: text;background-clip: text;color: transparent;font-size: 40px;letter-spacing: -1px;} .adh_theme .ads_sec_desc strong{color: #1A96B1;} /* 首屏漏斗 mock */ .adh_funnel{width: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 10px 0;} .adh_fstep{display: flex;justify-content: space-between;align-items: center;padding: 18px 28px;border-radius: 14px;box-shadow: 0 14px 30px rgba(26, 150, 177, 0.22);} .adh_fstep.f1{width: 92%;background: linear-gradient(90deg, #22D3EE 0%, #4ADEF0 100%);} .adh_fstep.f2{width: 72%;background: linear-gradient(90deg, #1A96B1 0%, #22B8CF 100%);} .adh_fstep.f3{width: 52%;background: linear-gradient(90deg, #21759B 0%, #1A96B1 100%);} .adh_fstep b{font-size: 16px;color: #FFFFFF;font-weight: 700;white-space: nowrap;} .adh_fstep span{display: flex;align-items: center;} .adh_fstep span i{width: 32px;height: 32px;border-radius: 50%;background: rgba(255, 255, 255, 0.22);color: #FFFFFF;display: flex;justify-content: center;align-items: center;font-size: 14px;margin-left: 8px;} .adh_farrow{color: #A9CBD6;font-size: 16px;margin: 8px 0;} .adh_fout{display: flex;align-items: center;padding: 12px 26px;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 26px;box-shadow: 0 10px 22px rgba(17, 24, 39, 0.12);font-size: 15px;color: #111827;font-weight: 700;} .adh_fout i{color: #FF9600;font-size: 16px;margin-right: 9px;} /* 三层投放地图 */ .adh_map_box{width: 100%;height: auto;padding: 80px 0;background: #F9FAFB;overflow: hidden;} .adh_map{width: 100%;margin-top: 40px;} .adh_layer{display: flex;justify-content: flex-start;align-items: stretch;background: #FFFFFF;border: 1px solid #F3F4F6;border-radius: 16px;padding: 24px;margin: 0 auto;} .adh_layer.l2{width: 92%;margin-top: 18px;} .adh_layer.l3{width: 84%;margin-top: 18px;} .adh_layer_head{flex: 0 0 218px;padding-right: 24px;border-right: 1px dashed #EEF0F2;display: flex;flex-direction: column;justify-content: center;} .adh_layer_head em{display: inline-block;align-self: flex-start;font-style: normal;font-size: 11px;color: #1A96B1;font-weight: 700;letter-spacing: 1px;background: rgba(26, 150, 177, 0.1);border-radius: 4px;padding: 3px 10px;} .adh_layer_head h3{font-size: 19px;color: #111827;font-weight: 700;margin-top: 10px;} .adh_layer_head p{font-size: 13px;color: #9CA3AF;margin-top: 6px;} .adh_layer_rows{flex: 1;display: flex;justify-content: space-between;align-items: stretch;padding-left: 24px;} .adh_ch{width: 32%;display: flex;flex-direction: column;justify-content: flex-start;padding: 16px;background: #F9FAFB;border: 1px solid #F3F4F6;border-radius: 12px;position: relative;transition: all 0.3s;} .adh_layer_rows.two .adh_ch{width: 48.5%;} .adh_ch:hover{background: #FFFFFF;border-color: rgba(26, 150, 177, 0.35);box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);transform: translateY(-4px);} .adh_ch > i{width: 38px;height: 38px;border-radius: 10px;background: rgba(26, 150, 177, 0.1);color: #1A96B1;display: flex;justify-content: center;align-items: center;font-size: 16px;} .adh_ch h4{font-size: 15px;color: #111827;font-weight: 700;margin-top: 12px;} .adh_ch p{font-size: 12px;color: #6B7280;line-height: 1.5;margin-top: 6px;} .adh_ch > span{position: absolute;right: 14px;top: 16px;color: #C7DCE3;font-size: 12px;transition: all 0.3s;} .adh_ch:hover > span{color: #1A96B1;transform: translateX(3px);} /* 预算配比 */ .adh_mix_box{width: 100%;height: auto;padding: 80px 0;background: #FFFFFF;overflow: hidden;} .adh_mix{width: 100%;margin-top: 40px;} .adh_mix_item{width: 100%;padding: 26px 30px;background: #F9FAFB;border: 1px solid #F3F4F6;border-radius: 16px;margin-bottom: 20px;transition: all 0.3s;} .adh_mix_item:hover{background: #FFFFFF;box-shadow: 0 12px 28px rgba(0, 0, 0, 0.07);} .adh_mix_item h3{display: flex;align-items: center;font-size: 18px;color: #111827;font-weight: 700;} .adh_mix_item h3 i{width: 36px;height: 36px;border-radius: 9px;background: rgba(26, 150, 177, 0.1);color: #1A96B1;display: flex;justify-content: center;align-items: center;font-size: 15px;margin-right: 12px;} .adh_mix_item > p{font-size: 13px;color: #9CA3AF;margin-top: 8px;} .adh_bar{width: 100%;display: flex;height: 52px;border-radius: 10px;overflow: hidden;margin-top: 16px;} .adh_bar span{display: flex;flex-direction: column;justify-content: center;padding-left: 14px;min-width: 0;} .adh_bar span.s1{background: #22D3EE;} .adh_bar span.s2{background: #1A96B1;} .adh_bar span.s3{background: #21759B;} .adh_bar em{font-style: normal;font-size: 12px;color: rgba(255, 255, 255, 0.9);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .adh_bar b{font-size: 15px;color: #FFFFFF;font-weight: 700;margin-top: 1px;} @media (max-width: 990px) { .adh_layer{flex-wrap: wrap;} .adh_layer.l2, .adh_layer.l3{width: 100%;} .adh_layer_head{flex: 0 0 100%;padding-right: 0;padding-bottom: 16px;border-right: none;border-bottom: 1px dashed #EEF0F2;} .adh_layer_rows{flex-wrap: wrap;padding-left: 0;padding-top: 16px;} .adh_ch{width: 100%;margin-bottom: 12px;} .adh_layer_rows.two .adh_ch{width: 100%;} } @media (max-width: 768px) { .adh_theme .ads_banner_box:before{width: 60vw;height: 60vw;right: -20vw;top: -22vw;} .adh_theme .ads_banner_left h3{font-size: 7vw;} .adh_funnel{padding: 4vw 0;margin-top: 4vw;} .adh_fstep{padding: 3.6vw 5vw;border-radius: 2.8vw;} .adh_fstep b{font-size: 3.6vw;} .adh_fstep span i{width: 7vw;height: 7vw;font-size: 3vw;margin-left: 1.8vw;} .adh_farrow{font-size: 3.6vw;margin: 1.8vw 0;} .adh_fout{padding: 2.6vw 5.4vw;border-radius: 6vw;font-size: 3.4vw;} .adh_fout i{font-size: 3.6vw;margin-right: 2vw;} .adh_map_box{padding: 8vw 0;} .adh_map{margin-top: 4vw;} .adh_layer{padding: 4.6vw 4%;border-radius: 3vw;} .adh_layer.l2, .adh_layer.l3{margin-top: 3.4vw;} .adh_layer_head{padding-bottom: 3.4vw;} .adh_layer_head em{font-size: 2.8vw;padding: 0.8vw 2.4vw;border-radius: 1vw;} .adh_layer_head h3{font-size: 4.2vw;margin-top: 2vw;} .adh_layer_head p{font-size: 3vw;margin-top: 1.2vw;} .adh_layer_rows{padding-top: 3.4vw;} .adh_ch{padding: 3.6vw;border-radius: 2.4vw;margin-bottom: 2.6vw;} .adh_ch > i{width: 9vw;height: 9vw;border-radius: 2vw;font-size: 3.8vw;} .adh_ch h4{font-size: 3.8vw;margin-top: 2.4vw;} .adh_ch p{font-size: 3vw;margin-top: 1.2vw;} .adh_ch > span{right: 3.4vw;top: 3.8vw;font-size: 3vw;} .adh_mix_box{padding: 8vw 0;} .adh_mix{margin-top: 4vw;} .adh_mix_item{padding: 5% 4.4%;border-radius: 3vw;margin-bottom: 3.4vw;} .adh_mix_item h3{font-size: 4.2vw;} .adh_mix_item h3 i{width: 8.4vw;height: 8.4vw;border-radius: 1.8vw;font-size: 3.4vw;margin-right: 2.6vw;} .adh_mix_item > p{font-size: 3.2vw;margin-top: 1.6vw;} .adh_bar{height: 13vw;border-radius: 2vw;margin-top: 3.4vw;} .adh_bar span{padding-left: 2.6vw;} .adh_bar em{font-size: 2.6vw;} .adh_bar b{font-size: 3.4vw;} } /* ===== 跨境电商解决方案 Hub（ec_，全链路·飞轮） ===== */ .ec_theme{--adsAccent: #1A96B1;--adsAccent2: #22D3EE;} .ec_theme .ads_banner_box{background: linear-gradient(158deg, #FFFFFF 0%, #EFF7F9 100%);position: relative;overflow: hidden;} .ec_theme .ads_banner_box:before{content: "";display: block;width: 460px;height: 460px;border-radius: 50%;background: rgba(26, 150, 177, 0.1);filter: blur(70px);position: absolute;right: -110px;top: -130px;pointer-events: none;} .ec_theme .ads_banner_box .contentWH1300{position: relative;z-index: 2;} .ec_theme .ads_banner_left_tag i{color: #1A96B1;} .ec_theme .ads_banner_left_tag span{color: #1A96B1;margin-left: 8px;} .ec_theme .ads_banner_left h2 span{color: #1A96B1;} .ec_theme .ads_banner_left h3{background: linear-gradient(90deg, #1A96B1 0%, #22D3EE 100%);-webkit-background-clip: text;background-clip: text;color: transparent;font-size: 40px;letter-spacing: -1px;} .ec_theme .ads_sec_desc strong{color: #1A96B1;} /* 增长飞轮 */ .ec_wheel{width: 100%;height: 420px;position: relative;} .ec_wheel_ring{display: block;width: 310px;height: 310px;border: 2px dashed #C7DCE3;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);animation: ecSpin 24s linear infinite;} @keyframes ecSpin{0%{transform: translate(-50%, -50%) rotate(0deg);}100%{transform: translate(-50%, -50%) rotate(360deg);}} .ec_wheel_core{width: 132px;height: 132px;border-radius: 50%;background: linear-gradient(135deg, #1A96B1 0%, #22D3EE 100%);box-shadow: 0 16px 36px rgba(26, 150, 177, 0.35);position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);display: flex;flex-direction: column;justify-content: center;align-items: center;z-index: 2;} .ec_wheel_core i{font-size: 32px;color: #FFFFFF;} .ec_wheel_core span{font-size: 14px;color: rgba(255, 255, 255, 0.95);font-weight: 700;margin-top: 8px;} .ec_wheel_node{position: absolute;display: flex;align-items: center;padding: 10px 20px;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 26px;box-shadow: 0 10px 22px rgba(17, 24, 39, 0.12);font-size: 15px;color: #111827;font-weight: 700;z-index: 3;} .ec_wheel_node i{font-size: 15px;color: #1A96B1;margin-right: 9px;} .ec_wheel_node.n1{left: 50%;top: 16px;transform: translateX(-50%);} .ec_wheel_node.n2{right: 6%;top: 50%;transform: translateY(-50%);} .ec_wheel_node.n3{left: 50%;bottom: 16px;transform: translateX(-50%);} .ec_wheel_node.n4{left: 6%;top: 50%;transform: translateY(-50%);} /* 四环链路 */ .ec_chain_box{width: 100%;height: auto;padding: 80px 0;background: #F9FAFB;overflow: hidden;} .ec_chain{width: 100%;display: flex;justify-content: space-between;align-items: stretch;margin-top: 40px;} .ec_chain_item{width: 22.6%;background: #FFFFFF;border: 1px solid #F3F4F6;border-radius: 16px;padding: 28px 24px;position: relative;transition: all 0.3s;} .ec_chain_item:hover{transform: translateY(-6px);box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);} .ec_chain_item > em{position: absolute;right: 20px;top: 16px;font-style: normal;font-size: 30px;color: #EEF0F2;font-weight: 900;} .ec_chain_ico{width: 54px;height: 54px;border-radius: 12px;background: rgba(26, 150, 177, 0.1);color: #1A96B1;display: flex;justify-content: center;align-items: center;font-size: 22px;} .ec_chain_item h3{font-size: 20px;color: #111827;font-weight: 700;margin-top: 16px;} .ec_chain_item ul{margin-top: 12px;} .ec_chain_item ul li{display: flex;align-items: flex-start;font-size: 13px;color: #4B5563;line-height: 1.6;margin-top: 8px;} .ec_chain_item ul li i{color: #1A96B1;font-size: 11px;margin: 4px 8px 0 0;} .ec_chain_links{margin-top: 16px;padding-top: 14px;border-top: 1px dashed #EEF0F2;} .ec_chain_links a{display: inline-flex;align-items: center;font-size: 13px;color: #1A96B1;font-weight: 700;margin-right: 14px;margin-top: 4px;} .ec_chain_links a i{font-size: 10px;margin-left: 5px;transition: all 0.3s;} .ec_chain_links a:hover i{transform: translateX(4px);} .ec_chain_arrow{flex: 0 0 auto;display: flex;justify-content: center;align-items: center;color: #C7DCE3;font-size: 18px;} .ec_chain_tip{display: flex;justify-content: center;align-items: flex-start;text-align: center;font-size: 15px;color: #6B7280;line-height: 1.7;margin-top: 36px;} .ec_chain_tip i{color: #1A96B1;font-size: 16px;margin: 4px 10px 0 0;} .ec_chain_tip strong{color: #1A96B1;} .ec_chain_tip a{color: #1A96B1;font-weight: 700;text-decoration: underline;} /* 双引擎 */ .ec_engine_box{width: 100%;height: auto;padding: 80px 0;background: #FFFFFF;overflow: hidden;} .ec_engine{width: 100%;display: flex;justify-content: space-between;align-items: stretch;margin-top: 40px;} .ec_engine_item{width: 48.5%;background: #F9FAFB;border: 1px solid #F3F4F6;border-radius: 16px;padding: 30px 28px;} .ec_engine_item.free{background: rgba(26, 150, 177, 0.04);border-color: rgba(26, 150, 177, 0.2);} .ec_engine_head{display: flex;justify-content: flex-start;align-items: center;padding-bottom: 18px;border-bottom: 1px dashed #E5E7EB;} .ec_engine_head > i{width: 50px;height: 50px;flex: 0 0 50px;border-radius: 12px;background: rgba(255, 150, 0, 0.12);color: #FF9600;display: flex;justify-content: center;align-items: center;font-size: 21px;margin-right: 16px;} .ec_engine_item.free .ec_engine_head > i{background: rgba(26, 150, 177, 0.12);color: #1A96B1;} .ec_engine_head h3{font-size: 19px;color: #111827;font-weight: 700;} .ec_engine_head p{font-size: 13px;color: #9CA3AF;margin-top: 5px;} .ec_engine_row{display: flex;justify-content: flex-start;align-items: center;padding: 16px 18px;background: #FFFFFF;border: 1px solid #F3F4F6;border-radius: 12px;margin-top: 14px;transition: all 0.3s;} .ec_engine_row:hover{border-color: rgba(26, 150, 177, 0.35);box-shadow: 0 10px 22px rgba(0, 0, 0, 0.06);transform: translateY(-3px);} .ec_engine_row > i{width: 40px;height: 40px;flex: 0 0 40px;border-radius: 10px;background: rgba(26, 150, 177, 0.08);color: #1A96B1;display: flex;justify-content: center;align-items: center;font-size: 17px;margin-right: 14px;} .ec_engine_row div{flex: 1;} .ec_engine_row h4{font-size: 16px;color: #111827;font-weight: 700;} .ec_engine_row p{font-size: 12px;color: #6B7280;margin-top: 4px;} .ec_engine_row span{flex: 0 0 auto;color: #1A96B1;font-size: 13px;transition: all 0.3s;} .ec_engine_row:hover span{transform: translateX(4px);} .ec_engine_note{display: flex;align-items: flex-start;font-size: 13px;color: #6B7280;line-height: 1.6;margin-top: 16px;padding: 12px 16px;background: rgba(26, 150, 177, 0.06);border-radius: 8px;} .ec_engine_note i{color: #1A96B1;font-size: 14px;margin: 3px 8px 0 0;} /* 三阶段 */ .ec_stage_box{width: 100%;height: auto;padding: 80px 0;background: #F9FAFB;overflow: hidden;} .ec_stage{width: 100%;display: flex;justify-content: space-between;margin-top: 40px;} .ec_stage_item{width: 32%;background: #FFFFFF;border: 1px solid #F3F4F6;border-radius: 16px;padding: 30px 28px;transition: all 0.3s;} .ec_stage_item.hl{border: 2px solid #1A96B1;box-shadow: 0 16px 34px rgba(26, 150, 177, 0.15);} .ec_stage_item:hover{transform: translateY(-6px);} .ec_stage_item > em{display: inline-block;font-style: normal;font-size: 15px;color: #FFFFFF;font-weight: 700;background: linear-gradient(90deg, #1A96B1 0%, #22D3EE 100%);border-radius: 6px;padding: 5px 16px;} .ec_stage_item h3{font-size: 20px;color: #111827;font-weight: 700;margin-top: 16px;} .ec_stage_item > p{font-size: 13px;color: #9CA3AF;margin-top: 6px;padding-bottom: 16px;border-bottom: 1px dashed #EEF0F2;} .ec_stage_item ul{margin-top: 14px;} .ec_stage_item ul li{display: flex;align-items: flex-start;font-size: 14px;color: #4B5563;line-height: 1.6;margin-top: 10px;} .ec_stage_item ul li i{color: #1A96B1;font-size: 11px;margin: 5px 9px 0 0;} /* 平台双卡 */ .ec_pf_box{width: 100%;height: auto;padding: 80px 0;background: #FFFFFF;overflow: hidden;} .ec_pf{width: 100%;display: flex;justify-content: space-between;margin-top: 40px;} .ec_pf_item{width: 48.5%;display: flex;justify-content: flex-start;align-items: center;padding: 28px 30px;background: #F9FAFB;border: 1px solid #F3F4F6;border-radius: 16px;transition: all 0.3s;} .ec_pf_item:hover{transform: translateY(-5px);box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);background: #FFFFFF;} .ec_pf_item > i{width: 58px;height: 58px;flex: 0 0 58px;border-radius: 14px;background: #FFFFFF;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);display: flex;justify-content: center;align-items: center;font-size: 26px;margin-right: 20px;} .ec_pf_item div{flex: 1;} .ec_pf_item h3{font-size: 19px;color: #111827;font-weight: 700;} .ec_pf_item p{font-size: 13px;color: #6B7280;line-height: 1.6;margin-top: 6px;} .ec_pf_item > span{flex: 0 0 auto;display: inline-flex;align-items: center;font-size: 14px;color: #1A96B1;font-weight: 700;margin-left: 16px;white-space: nowrap;} .ec_pf_item > span i{font-size: 11px;margin-left: 6px;transition: all 0.3s;} .ec_pf_item:hover > span i{transform: translateX(4px);} @media (max-width: 990px) { .ec_chain{flex-wrap: wrap;} .ec_chain_item{width: 48.5%;margin-bottom: 20px;} .ec_chain_arrow{display: none;} .ec_engine{flex-wrap: wrap;} .ec_engine_item{width: 100%;margin-bottom: 20px;} .ec_stage{flex-wrap: wrap;} .ec_stage_item{width: 100%;margin-bottom: 20px;} .ec_pf{flex-wrap: wrap;} .ec_pf_item{width: 100%;margin-bottom: 20px;} } @media (max-width: 768px) { .ec_theme .ads_banner_box:before{width: 60vw;height: 60vw;right: -20vw;top: -22vw;} .ec_theme .ads_banner_left h3{font-size: 7vw;} .ec_wheel{height: 96vw;margin-top: 4vw;} .ec_wheel_ring{width: 62vw;height: 62vw;} .ec_wheel_core{width: 30vw;height: 30vw;} .ec_wheel_core i{font-size: 7vw;} .ec_wheel_core span{font-size: 3vw;margin-top: 1.4vw;} .ec_wheel_node{font-size: 3.4vw;padding: 2vw 4.4vw;border-radius: 6vw;} .ec_wheel_node i{font-size: 3.4vw;margin-right: 1.8vw;} .ec_chain_box{padding: 8vw 0;} .ec_chain{margin-top: 4vw;} .ec_chain_item{width: 100%;padding: 6% 5%;border-radius: 3vw;margin-bottom: 3.8vw;} .ec_chain_item > em{right: 4vw;top: 3vw;font-size: 7vw;} .ec_chain_ico{width: 12vw;height: 12vw;border-radius: 2.6vw;font-size: 5vw;} .ec_chain_item h3{font-size: 4.6vw;margin-top: 3.2vw;} .ec_chain_item ul li{font-size: 3.4vw;margin-top: 2vw;} .ec_chain_item ul li i{font-size: 2.8vw;margin: 1.4vw 2vw 0 0;} .ec_chain_links{margin-top: 3.6vw;padding-top: 3.2vw;} .ec_chain_links a{font-size: 3.4vw;margin-right: 3.4vw;} .ec_chain_tip{text-align: left;font-size: 3.4vw;margin-top: 5vw;} .ec_engine_box{padding: 8vw 0;} .ec_engine{margin-top: 4vw;} .ec_engine_item{width: 100%;padding: 6% 5%;border-radius: 3vw;margin-bottom: 3.8vw;} .ec_engine_head{padding-bottom: 3.6vw;} .ec_engine_head > i{width: 11vw;height: 11vw;flex: 0 0 11vw;border-radius: 2.4vw;font-size: 4.6vw;margin-right: 3vw;} .ec_engine_head h3{font-size: 4.2vw;} .ec_engine_head p{font-size: 3vw;margin-top: 1vw;} .ec_engine_row{padding: 3.4vw 3.6vw;border-radius: 2.4vw;margin-top: 3vw;} .ec_engine_row > i{width: 9vw;height: 9vw;flex: 0 0 9vw;border-radius: 2vw;font-size: 3.8vw;margin-right: 3vw;} .ec_engine_row h4{font-size: 3.8vw;} .ec_engine_row p{font-size: 3vw;margin-top: 1vw;} .ec_engine_note{font-size: 3.2vw;margin-top: 3.4vw;padding: 2.8vw 3.4vw;border-radius: 1.8vw;} .ec_stage_box{padding: 8vw 0;} .ec_stage{margin-top: 4vw;} .ec_stage_item{width: 100%;padding: 6% 5%;border-radius: 3vw;margin-bottom: 3.8vw;} .ec_stage_item > em{font-size: 3.4vw;padding: 1.2vw 3.6vw;border-radius: 1.4vw;} .ec_stage_item h3{font-size: 4.6vw;margin-top: 3.2vw;} .ec_stage_item > p{font-size: 3.2vw;padding-bottom: 3.4vw;} .ec_stage_item ul li{font-size: 3.4vw;margin-top: 2.4vw;} .ec_pf_box{padding: 8vw 0;} .ec_pf{margin-top: 4vw;} .ec_pf_item{width: 100%;flex-wrap: wrap;padding: 5% 4.4%;border-radius: 3vw;margin-bottom: 3.8vw;} .ec_pf_item > i{width: 12vw;height: 12vw;flex: 0 0 12vw;border-radius: 2.6vw;font-size: 5.4vw;margin-right: 3.4vw;} .ec_pf_item h3{font-size: 4.2vw;} .ec_pf_item p{font-size: 3.2vw;margin-top: 1.4vw;} .ec_pf_item > span{width: 100%;justify-content: flex-end;font-size: 3.4vw;margin-left: 0;margin-top: 3vw;} } /* ===== 独立站解决方案 Hub（ws_，选型总纲·决策树） ===== */ .ws_theme{--adsAccent: #1A96B1;--adsAccent2: #22D3EE;} .ws_theme .ads_banner_box{background: linear-gradient(158deg, #FFFFFF 0%, #EFF7F9 100%);position: relative;overflow: hidden;} .ws_theme .ads_banner_box:before{content: "";display: block;width: 460px;height: 460px;border-radius: 50%;background: rgba(26, 150, 177, 0.1);filter: blur(70px);position: absolute;right: -110px;top: -130px;pointer-events: none;} .ws_theme .ads_banner_box .contentWH1300{position: relative;z-index: 2;} .ws_theme .ads_banner_left_tag i{color: #1A96B1;} .ws_theme .ads_banner_left_tag span{color: #1A96B1;margin-left: 8px;} .ws_theme .ads_banner_left h2 span{color: #1A96B1;} .ws_theme .ads_banner_left h3{background: linear-gradient(90deg, #1A96B1 0%, #22D3EE 100%);-webkit-background-clip: text;background-clip: text;color: transparent;font-size: 40px;letter-spacing: -1px;} .ws_theme .ads_sec_desc strong, .ws_theme .dts_speed_tip strong{color: #1A96B1;} /* 产品品牌色 */ .c_dc{color: #1A96B1;} .c_wp{color: #21759B;} .c_dt{color: #22B8CF;} .c_sp{color: #008060;} .c_woo{color: #7F54B3;} /* 首屏环绕图 */ .ws_orbit{width: 100%;height: 420px;position: relative;} .ws_orbit_ring{display: block;width: 330px;height: 330px;border: 2px dashed #C7DCE3;border-radius: 50%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} .ws_orbit_core{width: 130px;height: 130px;border-radius: 50%;background: linear-gradient(135deg, #1A96B1 0%, #22D3EE 100%);box-shadow: 0 16px 36px rgba(26, 150, 177, 0.35);position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);display: flex;flex-direction: column;justify-content: center;align-items: center;z-index: 2;} .ws_orbit_core i{font-size: 34px;color: #FFFFFF;} .ws_orbit_core span{font-size: 14px;color: rgba(255, 255, 255, 0.95);font-weight: 700;margin-top: 8px;} .ws_orbit_item{position: absolute;display: flex;align-items: center;padding: 9px 16px;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 24px;box-shadow: 0 10px 22px rgba(17, 24, 39, 0.12);font-size: 13px;color: #111827;font-weight: 700;white-space: nowrap;z-index: 3;transition: all 0.3s;} .ws_orbit_item i{font-size: 15px;margin-right: 8px;} .ws_orbit_item:hover{transform: translateY(-4px);box-shadow: 0 14px 28px rgba(17, 24, 39, 0.18);color: #1A96B1;} .ws_orbit_item.p1{left: 50%;top: 8px;transform: translateX(-50%);} .ws_orbit_item.p1:hover{transform: translateX(-50%) translateY(-4px);} .ws_orbit_item.p2{right: 2%;top: 26%;} .ws_orbit_item.p3{right: 4%;bottom: 22%;} .ws_orbit_item.p4{left: 50%;bottom: 8px;transform: translateX(-50%);} .ws_orbit_item.p4:hover{transform: translateX(-50%) translateY(-4px);} .ws_orbit_item.p5{left: 4%;bottom: 22%;} .ws_orbit_item.p6{left: 0;top: 26%;} /* 决策树 */ .ws_tree_box{width: 100%;height: auto;padding: 80px 0;background: #F9FAFB;overflow: hidden;} .ws_tree{width: 100%;margin-top: 40px;} .ws_tree_q{width: 100%;max-width: 560px;margin: 0 auto;text-align: center;padding: 26px 30px;background: linear-gradient(135deg, #1A96B1 0%, #21759B 100%);border-radius: 16px;box-shadow: 0 16px 34px rgba(26, 150, 177, 0.28);position: relative;} .ws_tree_q em{display: inline-block;font-style: normal;font-size: 12px;color: #FFFFFF;font-weight: 700;background: rgba(255, 255, 255, 0.2);border-radius: 20px;padding: 4px 14px;} .ws_tree_q h3{font-size: 24px;color: #FFFFFF;font-weight: 700;margin-top: 12px;} .ws_tree_branches{width: 100%;display: flex;justify-content: space-between;align-items: stretch;margin-top: 56px;position: relative;} .ws_tree_branches:before{content: "";display: block;position: absolute;left: 25%;right: 25%;top: -28px;height: 2px;background: #C7DCE3;} .ws_branch{width: 60%;background: #FFFFFF;border: 1px solid #F3F4F6;border-radius: 16px;padding: 30px 28px;position: relative;} .ws_branch:before{content: "";display: block;position: absolute;left: 50%;top: -28px;width: 2px;height: 28px;background: #C7DCE3;} .ws_branch.ec{width: 37%;} .ws_branch_head{display: flex;justify-content: flex-start;align-items: center;padding-bottom: 20px;border-bottom: 1px dashed #E5E7EB;} .ws_branch_head > i{width: 50px;height: 50px;flex: 0 0 50px;border-radius: 12px;background: rgba(26, 150, 177, 0.1);color: #1A96B1;display: flex;justify-content: center;align-items: center;font-size: 21px;margin-right: 16px;} .ws_branch.ec .ws_branch_head > i{background: rgba(0, 128, 96, 0.1);color: #008060;} .ws_branch_head h3{font-size: 19px;color: #111827;font-weight: 700;} .ws_branch_head p{font-size: 13px;color: #9CA3AF;margin-top: 5px;} .ws_leaf_grid{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 6px;} .ws_leaf{display: block;width: 48.5%;margin-top: 18px;padding: 20px;background: #F9FAFB;border: 1px solid #F3F4F6;border-radius: 12px;transition: all 0.3s;} .ws_leaf_grid.ec .ws_leaf{width: 100%;} .ws_leaf:hover{background: #FFFFFF;border-color: rgba(26, 150, 177, 0.35);box-shadow: 0 12px 26px rgba(0, 0, 0, 0.08);transform: translateY(-4px);} .ws_leaf_top{display: flex;justify-content: flex-start;align-items: center;} .ws_leaf_top i{font-size: 18px;margin-right: 10px;} .ws_leaf_top h4{font-size: 16px;color: #111827;font-weight: 700;} .ws_leaf_top em{font-style: normal;font-size: 11px;color: #1A96B1;font-weight: 700;background: rgba(26, 150, 177, 0.1);border-radius: 4px;padding: 3px 8px;margin-left: auto;white-space: nowrap;} .ws_leaf > p{font-size: 13px;color: #6B7280;line-height: 1.6;margin-top: 10px;} .ws_leaf > span{display: inline-flex;align-items: center;font-size: 12px;color: #1A96B1;font-weight: 700;margin-top: 12px;} .ws_leaf > span i{font-size: 10px;margin-left: 6px;transition: all 0.3s;} .ws_leaf:hover > span i{transform: translateX(4px);} .ws_tree_help{width: 100%;text-align: center;font-size: 15px;color: #6B7280;margin-top: 40px;} .ws_tree_help a{display: inline-flex;align-items: center;color: #1A96B1;font-weight: 700;margin-left: 6px;} .ws_tree_help a i{font-size: 12px;margin-left: 6px;} /* 全景表 */ .ws_table_box{width: 100%;height: auto;padding: 80px 0;background: #FFFFFF;overflow: hidden;} .ws_tbl td{text-align: left;} .ws_tbl th{text-align: left;} .ws_tbl td:first-child{white-space: nowrap;} .ws_dot{display: inline-block;width: 9px;height: 9px;border-radius: 50%;background: currentColor;margin-right: 10px;vertical-align: 1px;} .ws_tbl td a{display: inline-flex;align-items: center;color: #1A96B1;font-weight: 700;white-space: nowrap;} .ws_tbl td a i{font-size: 11px;margin-left: 6px;transition: all 0.3s;} .ws_tbl td a:hover i{transform: translateX(4px);} /* 营销链路 */ .ws_next_box{width: 100%;height: auto;padding: 80px 0;background: #F9FAFB;overflow: hidden;} .ws_next{width: 100%;display: flex;justify-content: space-between;align-items: stretch;margin-top: 40px;} .ws_next_item{width: 30%;background: #FFFFFF;border: 1px solid #F3F4F6;border-radius: 16px;padding: 32px 30px;transition: all 0.3s;} .ws_next_item:hover{transform: translateY(-6px);box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);} .ws_next_item em{display: inline-block;font-style: normal;font-size: 12px;color: #1A96B1;font-weight: 700;background: rgba(26, 150, 177, 0.1);border-radius: 20px;padding: 4px 14px;} .ws_next_ico{width: 54px;height: 54px;border-radius: 12px;background: rgba(26, 150, 177, 0.1);color: #1A96B1;display: flex;justify-content: center;align-items: center;font-size: 22px;margin-top: 18px;} .ws_next_item h3{font-size: 20px;color: #111827;font-weight: 700;margin-top: 16px;} .ws_next_item > p{font-size: 14px;color: #4B5563;line-height: 1.6;margin-top: 10px;} .ws_next_item > a{display: inline-flex;align-items: center;font-size: 14px;color: #1A96B1;font-weight: 700;margin-top: 16px;} .ws_next_item > a i{font-size: 12px;margin-left: 6px;transition: all 0.3s;} .ws_next_item > a:hover i{transform: translateX(4px);} .ws_next_arrow{flex: 0 0 auto;display: flex;justify-content: center;align-items: center;color: #C7DCE3;font-size: 22px;} @media (max-width: 1200px) { .ws_orbit_item{font-size: 12px;padding: 7px 12px;} } @media (max-width: 990px) { .ws_tree_branches{flex-wrap: wrap;} .ws_tree_branches:before{display: none;} .ws_branch:before{display: none;} .ws_branch{width: 100%;} .ws_branch.ec{width: 100%;margin-top: 24px;} .ws_next{flex-wrap: wrap;} .ws_next_item{width: 100%;margin-bottom: 20px;} .ws_next_arrow{display: none;} } @media (max-width: 768px) { .ws_theme .ads_banner_box:before{width: 60vw;height: 60vw;right: -20vw;top: -22vw;} .ws_theme .ads_banner_left h3{font-size: 7vw;} .ws_orbit{height: 96vw;margin-top: 4vw;} .ws_orbit_ring{width: 66vw;height: 66vw;} .ws_orbit_core{width: 28vw;height: 28vw;} .ws_orbit_core i{font-size: 7vw;} .ws_orbit_core span{font-size: 3vw;margin-top: 1.4vw;} .ws_orbit_item{font-size: 2.8vw;padding: 1.8vw 3vw;border-radius: 5vw;} .ws_orbit_item i{font-size: 3.2vw;margin-right: 1.6vw;} .ws_tree_box{padding: 8vw 0;} .ws_tree{margin-top: 4vw;} .ws_tree_q{max-width: 100%;padding: 5.6vw 5%;border-radius: 3vw;} .ws_tree_q em{font-size: 3vw;padding: 1vw 3.4vw;border-radius: 4vw;} .ws_tree_q h3{font-size: 4.8vw;margin-top: 2.6vw;} .ws_tree_branches{margin-top: 5vw;} .ws_branch{padding: 6% 5%;border-radius: 3vw;} .ws_branch.ec{margin-top: 3.8vw;} .ws_branch_head{padding-bottom: 4vw;} .ws_branch_head > i{width: 11vw;height: 11vw;flex: 0 0 11vw;border-radius: 2.4vw;font-size: 4.6vw;margin-right: 3vw;} .ws_branch_head h3{font-size: 4.2vw;} .ws_branch_head p{font-size: 3vw;margin-top: 1vw;} .ws_leaf{width: 100%;margin-top: 3.4vw;padding: 4.4vw 4vw;border-radius: 2.4vw;} .ws_leaf_top i{font-size: 4.2vw;margin-right: 2.2vw;} .ws_leaf_top h4{font-size: 3.8vw;} .ws_leaf_top em{font-size: 2.8vw;padding: 0.8vw 2vw;border-radius: 1vw;} .ws_leaf > p{font-size: 3.2vw;margin-top: 2.2vw;} .ws_leaf > span{font-size: 3.2vw;margin-top: 2.6vw;} .ws_tree_help{font-size: 3.6vw;margin-top: 6vw;} .ws_table_box{padding: 8vw 0;} .ws_next_box{padding: 8vw 0;} .ws_next{margin-top: 4vw;} .ws_next_item{width: 100%;padding: 6% 5%;border-radius: 3vw;margin-bottom: 3.8vw;} .ws_next_item em{font-size: 3vw;padding: 1vw 3.4vw;border-radius: 4vw;} .ws_next_ico{width: 12vw;height: 12vw;border-radius: 2.6vw;font-size: 5vw;margin-top: 4vw;} .ws_next_item h3{font-size: 4.4vw;margin-top: 3.2vw;} .ws_next_item > p{font-size: 3.4vw;margin-top: 2.2vw;} .ws_next_item > a{font-size: 3.4vw;margin-top: 3.4vw;} } /* ===== WooCommerce 独立站（woo_，Woo 紫·自主掌控感） ===== */ .woo_theme{--adsAccent: #7F54B3;--adsAccent2: #1A96B1;} .woo_theme .ads_banner_box{background: linear-gradient(158deg, #FFFFFF 0%, #F1EDF8 100%);position: relative;overflow: hidden;} .woo_theme .ads_banner_box:before{content: "";display: block;width: 460px;height: 460px;border-radius: 50%;background: rgba(127, 84, 179, 0.1);filter: blur(70px);position: absolute;right: -110px;top: -130px;pointer-events: none;} .woo_theme .ads_banner_box .contentWH1300{position: relative;z-index: 2;} .woo_theme .ads_banner_left_tag i{color: #7F54B3;} .woo_theme .ads_banner_left_tag span{color: #7F54B3;margin-left: 8px;} .woo_theme .ads_banner_left h2 span{color: #7F54B3;} .woo_theme .ads_banner_left h3{background: linear-gradient(90deg, #7F54B3 0%, #1A96B1 100%);-webkit-background-clip: text;background-clip: text;color: transparent;font-size: 40px;letter-spacing: -1px;} .woo_theme .dts_btn_main{background: #7F54B3;box-shadow: 0 10px 20px -5px rgba(127, 84, 179, 0.4);} .woo_theme .dts_btn_ghost{color: #7F54B3;border-color: rgba(127, 84, 179, 0.3);} .woo_theme .dts_btn_ghost:hover{background: rgba(127, 84, 179, 0.06);} .woo_theme .ads_sec_desc strong, .woo_theme .dts_speed_tip strong{color: #7F54B3;} .woo_theme .dts_speed_ul li em{background: #7F54B3;} .woo_theme .dts_speed_ico{color: #7F54B3;} .woo_theme .dts_speed_ul:before{border-top-color: #D9CCEA;} /* 首屏 内容→商城 一体化 mock */ .woo_flow{width: 100%;display: flex;justify-content: center;align-items: center;} .woo_flow_card{width: 44%;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 12px;box-shadow: 0 20px 40px -12px rgba(17, 24, 39, 0.16);padding: 16px;position: relative;z-index: 2;} .woo_flow_tag{display: inline-flex;align-items: center;font-size: 11px;font-weight: 700;color: #7F54B3;background: rgba(127, 84, 179, 0.1);border-radius: 4px;padding: 4px 10px;} .woo_flow_tag i{margin-right: 5px;} .woo_flow_tag.prod{color: #1A96B1;background: rgba(26, 150, 177, 0.1);} .woo_flow_img{width: 100%;height: 78px;border-radius: 8px;margin-top: 12px;background: linear-gradient(135deg, #F1EDF8 0%, #E3D9F2 100%);display: flex;justify-content: center;align-items: center;color: #B9A3D6;font-size: 22px;} .woo_flow_img.prod{background: linear-gradient(135deg, #E4F4F7 0%, #CFEAF0 100%);color: #8EC4D1;} .woo_flow_line{display: block;height: 8px;border-radius: 4px;background: #E5E7EB;margin-top: 10px;} .woo_flow_line.l1{width: 88%;} .woo_flow_line.l2{width: 60%;margin-top: 7px;} .woo_flow_seo{display: flex;align-items: center;font-size: 10px;color: #7F54B3;font-weight: 700;background: rgba(127, 84, 179, 0.06);border-radius: 6px;padding: 7px 9px;margin-top: 12px;} .woo_flow_seo i{margin-right: 6px;} .woo_flow_price{font-size: 20px;color: #111827;font-weight: 700;margin-top: 12px;} .woo_flow_cart{display: flex;justify-content: center;align-items: center;height: 36px;margin-top: 10px;background: #7F54B3;border-radius: 8px;font-size: 12px;color: #FFFFFF;font-weight: 700;} .woo_flow_cart i{margin-right: 7px;} .woo_flow_arrow{flex: 0 0 auto;width: 42px;height: 42px;border-radius: 50%;background: #FFFFFF;border: 1px solid #E5E7EB;box-shadow: 0 8px 18px rgba(17, 24, 39, 0.12);display: flex;justify-content: center;align-items: center;color: #7F54B3;font-size: 15px;margin: 0 -10px;position: relative;z-index: 3;animation: wooArrow 2.2s ease-in-out infinite;} @keyframes wooArrow{0%,100%{transform: translateX(-4px);}50%{transform: translateX(4px);}} /* 价值 4 卡（覆盖 ads_value_ul 的 3 列） */ .woo_value_ul li{width: 23.5%;} .woo_value_ul li:nth-of-type(3n+1){margin-left: 2%;} .woo_value_ul li:nth-of-type(4n+1){margin-left: 0;} .woo_theme .ads_value_ul_ico{background: rgba(127, 84, 179, 0.1);color: #7F54B3;} .woo_theme .ads_value_ul_ico.c2{background: rgba(34, 197, 94, 0.12);color: #16A34A;} .woo_theme .ads_value_ul_ico.c3{background: rgba(26, 150, 177, 0.1);color: #1A96B1;} .woo_theme .ads_value_ul_ico.c4{background: rgba(245, 158, 11, 0.12);color: #F59E0B;} .woo_theme .ads_value_ul li:hover h3{color: #7F54B3;} /* 内容电商闭环 */ .woo_loop_box{width: 100%;height: auto;padding: 80px 0;background: #F9FAFB;overflow: hidden;} .woo_loop_ul{width: 100%;display: flex;justify-content: space-between;margin-top: 40px;position: relative;} .woo_loop_ul:before{content: "";display: block;position: absolute;left: 11%;right: 11%;top: 34px;height: 2px;border-top: 2px dashed #D9CCEA;} .woo_loop_ul li{width: 22%;text-align: center;position: relative;} .woo_loop_ul li em{display: block;font-style: normal;font-size: 13px;color: #B9A3D6;font-weight: 700;} .woo_loop_ico{width: 66px;height: 66px;border-radius: 50%;background: #FFFFFF;border: 2px solid #E9E1F5;box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);color: #7F54B3;font-size: 24px;display: flex;justify-content: center;align-items: center;margin: 12px auto 0;position: relative;z-index: 2;transition: all 0.3s;} .woo_loop_ul li:hover .woo_loop_ico{background: #7F54B3;border-color: #7F54B3;color: #FFFFFF;transform: translateY(-6px);} .woo_loop_ul li h3{font-size: 17px;color: #111827;font-weight: 700;margin-top: 18px;} .woo_loop_ul li p{font-size: 13px;color: #6B7280;line-height: 1.6;margin-top: 10px;} .woo_loop_tip{text-align: center;font-size: 15px;color: #6B7280;margin-top: 44px;} .woo_loop_tip a{color: #7F54B3;font-weight: 700;text-decoration: underline;} /* 成本账 */ .woo_cost_box{width: 100%;height: auto;padding: 80px 0;background: #FFFFFF;overflow: hidden;} .woo_cost_scroll{width: 100%;overflow-x: auto;margin-top: 40px;} .woo_cost{width: 100%;min-width: 720px;border-collapse: separate;border-spacing: 0;border: 1px solid #F3F4F6;border-radius: 12px;overflow: hidden;} .woo_cost th, .woo_cost td{padding: 18px 20px;font-size: 15px;color: #4B5563;text-align: center;border-bottom: 1px solid #F3F4F6;} .woo_cost th{background: #F9FAFB;color: #111827;} .woo_cost th b{display: block;font-size: 16px;} .woo_cost th small{display: block;font-size: 12px;font-weight: 400;color: #9CA3AF;margin-top: 3px;} .woo_cost th.hl{background: #7F54B3;color: #FFFFFF;} .woo_cost th.hl small{color: rgba(255, 255, 255, 0.85);} .woo_cost td:first-child, .woo_cost th:first-child{font-weight: 700;color: #111827;} .woo_cost td.hl{background: rgba(127, 84, 179, 0.06);color: #7F54B3;font-weight: 700;border-left: 1px solid rgba(127, 84, 179, 0.25);border-right: 1px solid rgba(127, 84, 179, 0.25);} .woo_cost td.save{color: #16A34A;font-weight: 700;} .woo_cost tbody tr:last-child td{border-bottom: none;} .woo_cost_note{display: flex;justify-content: flex-start;align-items: flex-start;margin-top: 24px;padding: 18px 24px;background: #F9FAFB;border-left: 4px solid #7F54B3;border-radius: 0 8px 8px 0;} .woo_cost_note i{color: #7F54B3;font-size: 16px;margin-right: 12px;margin-top: 3px;} .woo_cost_note p{font-size: 14px;color: #6B7280;line-height: 1.7;} .woo_cost_note strong{color: #374151;} .woo_cost_note a{color: #7F54B3;font-weight: 700;text-decoration: underline;} /* 运维全包 */ .woo_ops_box{width: 100%;height: auto;padding: 80px 0;background: #F9FAFB;overflow: hidden;} .woo_ops_ul{width: 100%;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 16px;} .woo_ops_ul li{width: 32%;margin-left: 2%;margin-top: 24px;padding: 26px 24px;background: #FFFFFF;border: 1px solid #F3F4F6;border-radius: 12px;display: flex;justify-content: flex-start;align-items: flex-start;transition: all 0.3s;} .woo_ops_ul li:nth-of-type(3n+1){margin-left: 0;} .woo_ops_ul li:hover{transform: translateY(-6px);box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);} .woo_ops_ico{flex: 0 0 46px;width: 46px;height: 46px;border-radius: 10px;background: rgba(127, 84, 179, 0.1);color: #7F54B3;display: flex;justify-content: center;align-items: center;font-size: 19px;margin-right: 16px;} .woo_ops_txt h3{font-size: 16px;color: #111827;font-weight: 700;} .woo_ops_txt p{font-size: 13px;color: #6B7280;line-height: 1.6;margin-top: 8px;} /* B2B 场景 */ .woo_b2b_box{width: 100%;height: auto;padding: 80px 0;background: #FFFFFF;overflow: hidden;} .woo_b2b_ul{width: 100%;display: flex;justify-content: space-between;margin-top: 40px;} .woo_b2b_ul li{width: 32%;padding: 32px 30px;background: linear-gradient(158deg, #FAF8FD 0%, #F4F0FA 100%);border: 1px solid #EDE6F6;border-radius: 16px;transition: all 0.3s;} .woo_b2b_ul li:hover{transform: translateY(-6px);box-shadow: 0 14px 32px rgba(127, 84, 179, 0.12);} .woo_b2b_ico{width: 56px;height: 56px;border-radius: 12px;background: #FFFFFF;box-shadow: 0 4px 12px rgba(127, 84, 179, 0.12);color: #7F54B3;display: flex;justify-content: center;align-items: center;font-size: 22px;} .woo_b2b_ul li h3{font-size: 19px;color: #111827;font-weight: 700;margin-top: 20px;} .woo_b2b_ul li p{font-size: 14px;color: #4B5563;line-height: 1.6;margin-top: 12px;} /* 选型双卡（紫） */ .woo_pick_box{background: #F9FAFB;} .woo_pick_box .wpt_pick_item{background: #FFFFFF;} .woo_pick_box .wpt_pick_item.good{background: rgba(127, 84, 179, 0.05);border-color: #7F54B3;} .woo_pick_box .wpt_pick_head i{background: #EEF0F2;color: #6B7280;} .woo_pick_box .wpt_pick_item.good .wpt_pick_head i{background: #7F54B3;color: #FFFFFF;} .woo_pick_box .wpt_pick_item li i{background: rgba(127, 84, 179, 0.12);color: #7F54B3;} .woo_pick_box .wpt_pick_link{color: #7F54B3;} @media (max-width: 990px) { .woo_value_ul li{width: 49%;} .woo_value_ul li:nth-of-type(3n+1), .woo_value_ul li:nth-of-type(4n+1){margin-left: 2%;} .woo_value_ul li:nth-of-type(2n+1){margin-left: 0;} .woo_loop_ul{flex-wrap: wrap;justify-content: center;} .woo_loop_ul:before{display: none;} .woo_loop_ul li{width: 46%;margin-bottom: 30px;} .woo_ops_ul li{width: 49%;} .woo_ops_ul li:nth-of-type(3n+1){margin-left: 2%;} .woo_ops_ul li:nth-of-type(2n+1){margin-left: 0;} .woo_b2b_ul{flex-wrap: wrap;} .woo_b2b_ul li{width: 100%;margin-bottom: 20px;} } @media (max-width: 768px) { .woo_theme .ads_banner_box:before{width: 60vw;height: 60vw;right: -20vw;top: -22vw;} .woo_theme .ads_banner_left h3{font-size: 7vw;} .woo_flow_card{width: 45%;padding: 3.4vw;border-radius: 2.6vw;} .woo_flow_tag{font-size: 2.6vw;padding: 1vw 2.4vw;border-radius: 1vw;} .woo_flow_img{height: 18vw;border-radius: 1.8vw;margin-top: 2.6vw;font-size: 5vw;} .woo_flow_line{height: 1.8vw;margin-top: 2.2vw;} .woo_flow_seo{font-size: 2.4vw;padding: 1.6vw 2vw;border-radius: 1.4vw;margin-top: 2.6vw;} .woo_flow_price{font-size: 4.6vw;margin-top: 2.6vw;} .woo_flow_cart{height: 8.4vw;margin-top: 2.4vw;font-size: 2.8vw;border-radius: 1.8vw;} .woo_flow_arrow{width: 9vw;height: 9vw;font-size: 3.4vw;margin: 0 -2vw;} .woo_value_ul li{width: 100%;} .woo_value_ul li:nth-of-type(3n+1), .woo_value_ul li:nth-of-type(4n+1), .woo_value_ul li:nth-of-type(2n+1){margin-left: 0;} .woo_loop_box{padding: 8vw 0;} .woo_loop_ul{margin-top: 4vw;} .woo_loop_ul li{width: 100%;margin-bottom: 7vw;} .woo_loop_ul li:last-child{margin-bottom: 0;} .woo_loop_ul li em{font-size: 3.2vw;} .woo_loop_ico{width: 15vw;height: 15vw;font-size: 5.6vw;margin-top: 2.6vw;} .woo_loop_ul li h3{font-size: 4.2vw;margin-top: 3.4vw;} .woo_loop_ul li p{font-size: 3.2vw;margin-top: 2vw;} .woo_loop_tip{font-size: 3.4vw;margin-top: 6vw;} .woo_cost_box{padding: 8vw 0;} .woo_cost_scroll{margin-top: 6vw;} .woo_cost th, .woo_cost td{padding: 3.4vw 3.6vw;font-size: 3.2vw;} .woo_cost th b{font-size: 3.4vw;} .woo_cost th small{font-size: 2.8vw;} .woo_cost_note{margin-top: 4vw;padding: 3.6vw 4vw;border-left-width: 0.8vw;border-radius: 0 1.6vw 1.6vw 0;} .woo_cost_note i{font-size: 3.6vw;margin-right: 2.6vw;} .woo_cost_note p{font-size: 3.2vw;} .woo_ops_box{padding: 8vw 0;} .woo_ops_ul{margin-top: 1vw;} .woo_ops_ul li{width: 100%;margin-left: 0;margin-top: 3.8vw;padding: 5% 4%;border-radius: 2.6vw;} .woo_ops_ul li:nth-of-type(3n+1), .woo_ops_ul li:nth-of-type(2n+1){margin-left: 0;} .woo_ops_ico{flex: 0 0 11vw;width: 11vw;height: 11vw;border-radius: 2.4vw;font-size: 4.4vw;margin-right: 3.4vw;} .woo_ops_txt h3{font-size: 4vw;} .woo_ops_txt p{font-size: 3.2vw;margin-top: 1.8vw;} .woo_b2b_box{padding: 8vw 0;} .woo_b2b_ul{margin-top: 4vw;} .woo_b2b_ul li{width: 100%;padding: 6% 5%;border-radius: 3vw;margin-bottom: 3.8vw;} .woo_b2b_ico{width: 12vw;height: 12vw;border-radius: 2.6vw;font-size: 5vw;} .woo_b2b_ul li h3{font-size: 4.4vw;margin-top: 4vw;} .woo_b2b_ul li p{font-size: 3.4vw;margin-top: 2.4vw;} } /* ===== Shopify 独立站（shp_，电商绿·转化感） ===== */ .shp_theme{--adsAccent: #008060;--adsAccent2: #1A96B1;} .shp_theme .ads_banner_box{background: linear-gradient(158deg, #FFFFFF 0%, #E9F6F1 100%);position: relative;overflow: hidden;} .shp_theme .ads_banner_box:before{content: "";display: block;width: 460px;height: 460px;border-radius: 50%;background: rgba(0, 128, 96, 0.1);filter: blur(70px);position: absolute;right: -110px;top: -130px;pointer-events: none;} .shp_theme .ads_banner_box .contentWH1300{position: relative;z-index: 2;} .shp_theme .ads_banner_left_tag i{color: #008060;} .shp_theme .ads_banner_left_tag span{color: #008060;margin-left: 8px;} .shp_theme .ads_banner_left h2 span{color: #008060;} .shp_theme .ads_banner_left h3{background: linear-gradient(90deg, #008060 0%, #1A96B1 100%);-webkit-background-clip: text;background-clip: text;color: transparent;font-size: 40px;letter-spacing: -1px;} .shp_theme .ads_value_ul_ico{background: rgba(0, 128, 96, 0.1);color: #008060;} .shp_theme .ads_value_ul_ico.c2{background: rgba(26, 150, 177, 0.1);color: #1A96B1;} .shp_theme .ads_value_ul_ico.c3{background: rgba(245, 158, 11, 0.12);color: #F59E0B;} .shp_theme .ads_value_ul li:hover h3{color: #008060;} .shp_theme .dts_btn_main{background: #008060;box-shadow: 0 10px 20px -5px rgba(0, 128, 96, 0.4);} .shp_theme .dts_btn_ghost{color: #008060;border-color: rgba(0, 128, 96, 0.3);} .shp_theme .dts_btn_ghost:hover{background: rgba(0, 128, 96, 0.06);} .shp_store{width: 100%;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 12px;box-shadow: 0 25px 50px -12px rgba(17, 24, 39, 0.16);overflow: hidden;position: relative;z-index: 2;} .shp_store_bar{display: flex;justify-content: flex-start;align-items: center;padding: 11px 14px;background: #F9FAFB;border-bottom: 1px solid #EEF0F2;} .shp_store_bar span{width: 8px;height: 8px;border-radius: 50%;background: #E5E7EB;margin-right: 6px;} .shp_store_bar em{font-style: normal;font-size: 12px;color: #9CA3AF;margin-left: 12px;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 20px;padding: 3px 14px;} .shp_store_body{padding: 20px;} .shp_store_prod{display: flex;justify-content: flex-start;align-items: stretch;} .shp_store_img{width: 42%;flex: 0 0 42%;height: 150px;background: linear-gradient(135deg, #E9F6F1 0%, #D6EDE5 100%);border-radius: 10px;display: flex;justify-content: center;align-items: center;color: #9EC9BB;font-size: 34px;} .shp_store_info{flex: 1;padding-left: 18px;display: flex;flex-direction: column;justify-content: center;} .shp_store_name{display: block;height: 12px;width: 70%;border-radius: 4px;background: #E5E7EB;} .shp_store_price{font-size: 22px;color: #111827;font-weight: 700;margin-top: 12px;} .shp_store_stars{margin-top: 8px;color: #FBBF24;font-size: 12px;letter-spacing: 2px;} .shp_store_cart{display: flex;justify-content: center;align-items: center;height: 40px;margin-top: 16px;background: #008060;border-radius: 8px;font-size: 13px;color: #FFFFFF;font-weight: 700;} .shp_store_cart i{margin-right: 8px;} .shp_store_steps{display: flex;justify-content: space-between;align-items: center;margin-top: 20px;padding-top: 18px;border-top: 1px solid #F3F4F6;} .shp_store_steps span{display: flex;align-items: center;font-size: 12px;color: #9CA3AF;font-weight: 700;} .shp_store_steps span i{margin-right: 5px;} .shp_store_steps span.on{color: #008060;} .shp_store_steps b{flex: 1;height: 2px;background: #E5E7EB;margin: 0 8px;} .shp_chain_box{width: 100%;height: auto;padding: 80px 0;background: #F9FAFB;overflow: hidden;} .shp_chain_ul{width: 100%;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 16px;} .shp_chain_ul li{width: 32%;margin-left: 2%;margin-top: 24px;padding: 30px 28px;background: #FFFFFF;border: 1px solid #F3F4F6;border-radius: 12px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);transition: all 0.3s;} .shp_chain_ul li:nth-of-type(3n+1){margin-left: 0;} .shp_chain_ul li:hover{transform: translateY(-6px);box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);} .shp_chain_ico{width: 54px;height: 54px;border-radius: 12px;background: rgba(0, 128, 96, 0.1);color: #008060;display: flex;justify-content: center;align-items: center;font-size: 22px;transition: all 0.3s;} .shp_chain_ul li:hover .shp_chain_ico{background: #008060;color: #FFFFFF;} .shp_chain_ul li h3{font-size: 18px;color: #111827;font-weight: 700;margin-top: 20px;} .shp_chain_ul li p{font-size: 14px;color: #4B5563;line-height: 1.6;margin-top: 10px;} .shp_cro_box{width: 100%;height: auto;padding: 80px 0;background: #FFFFFF;overflow: hidden;} .shp_cro_ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 16px;} .shp_cro_ul li{width: 49%;margin-top: 24px;padding: 26px 28px;background: #F9FAFB;border: 1px solid #F3F4F6;border-radius: 12px;display: flex;justify-content: flex-start;align-items: flex-start;transition: all 0.3s;} .shp_cro_ul li:hover{background: rgba(0, 128, 96, 0.04);border-color: rgba(0, 128, 96, 0.2);} .shp_cro_ico{flex: 0 0 48px;width: 48px;height: 48px;border-radius: 10px;background: rgba(0, 128, 96, 0.1);color: #008060;display: flex;justify-content: center;align-items: center;font-size: 20px;margin-right: 18px;} .shp_cro_txt h3{font-size: 17px;color: #111827;font-weight: 700;} .shp_cro_txt p{font-size: 14px;color: #4B5563;line-height: 1.6;margin-top: 8px;} .shp_pick_box .wpt_pick_item.good{background: rgba(0, 128, 96, 0.05);border-color: #008060;} .shp_pick_box .wpt_pick_head i{background: #EEF0F2;color: #6B7280;} .shp_pick_box .wpt_pick_item.good .wpt_pick_head i{background: #008060;color: #FFFFFF;} .shp_pick_box .wpt_pick_item li i{background: rgba(0, 128, 96, 0.12);color: #008060;} .shp_pick_box .wpt_pick_link{color: #008060;} .shp_theme .dts_speed_ul li em{background: #008060;} .shp_theme .dts_speed_ico{color: #008060;} .shp_theme .dts_speed_tip strong, .shp_theme .ads_sec_desc strong{color: #008060;} .shp_cross_box{width: 100%;padding: 0 0 90px;overflow: hidden;} .shp_cross{width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 46px 54px;background: linear-gradient(90deg, #008060 0%, #1A96B1 100%);border-radius: 20px;} .shp_cross_txt h2{font-size: 24px;color: #FFFFFF;font-weight: 700;} .shp_cross_txt p{font-size: 15px;color: rgba(255, 255, 255, 0.9);margin-top: 12px;max-width: 640px;line-height: 1.7;} .shp_cross_btns{flex: 0 0 auto;display: flex;align-items: center;margin-left: 30px;} .shp_cross_btn1{height: 50px;display: flex;align-items: center;padding: 0 26px;font-size: 15px;color: #008060;font-weight: 700;background: #FFFFFF;border-radius: 8px;transition: all 0.3s;} .shp_cross_btn1:hover{transform: translateY(-3px);} .shp_cross_btn2{height: 50px;display: flex;align-items: center;padding: 0 26px;margin-left: 14px;font-size: 15px;color: #FFFFFF;font-weight: 700;background: rgba(255, 255, 255, 0.15);border: 1px solid rgba(255, 255, 255, 0.4);border-radius: 8px;transition: all 0.3s;} .shp_cross_btn2:hover{background: rgba(255, 255, 255, 0.25);} @media (max-width: 990px) { .shp_chain_ul li{width: 49%;} .shp_chain_ul li:nth-of-type(3n+1){margin-left: 2%;} .shp_chain_ul li:nth-of-type(2n+1){margin-left: 0;} .shp_cro_ul li{width: 100%;} } @media (max-width: 768px) { .shp_theme .ads_banner_box:before{width: 60vw;height: 60vw;right: -20vw;top: -22vw;} .shp_theme .ads_banner_left h3{font-size: 7vw;} .shp_store{border-radius: 2.6vw;} .shp_store_bar{padding: 2.8vw 3.6vw;} .shp_store_bar span{width: 2vw;height: 2vw;margin-right: 1.6vw;} .shp_store_bar em{font-size: 2.8vw;margin-left: 3vw;padding: 0.8vw 3.6vw;border-radius: 4vw;} .shp_store_body{padding: 5vw;} .shp_store_img{height: 36vw;border-radius: 2.4vw;font-size: 8vw;} .shp_store_info{padding-left: 4vw;} .shp_store_name{height: 3vw;} .shp_store_price{font-size: 5.4vw;margin-top: 3vw;} .shp_store_stars{margin-top: 2vw;font-size: 3vw;} .shp_store_cart{height: 10vw;margin-top: 4vw;font-size: 3.2vw;border-radius: 1.8vw;} .shp_store_steps{margin-top: 5vw;padding-top: 4.6vw;} .shp_store_steps span{font-size: 3vw;} .shp_store_steps b{margin: 0 2vw;} .shp_chain_box{padding: 8vw 0;} .shp_chain_ul{margin-top: 1vw;} .shp_chain_ul li{width: 100%;margin-left: 0;margin-top: 3.8vw;padding: 6% 5%;border-radius: 2.6vw;} .shp_chain_ul li:nth-of-type(3n+1), .shp_chain_ul li:nth-of-type(2n+1){margin-left: 0;} .shp_chain_ico{width: 12vw;height: 12vw;border-radius: 2.6vw;font-size: 5vw;} .shp_chain_ul li h3{font-size: 4.2vw;margin-top: 4vw;} .shp_chain_ul li p{font-size: 3.4vw;margin-top: 2vw;} .shp_cro_box{padding: 8vw 0;} .shp_cro_ul{margin-top: 1vw;} .shp_cro_ul li{width: 100%;margin-top: 3.8vw;padding: 5% 4%;border-radius: 2.6vw;} .shp_cro_ico{flex: 0 0 11vw;width: 11vw;height: 11vw;border-radius: 2.4vw;font-size: 4.6vw;margin-right: 3.6vw;} .shp_cro_txt h3{font-size: 4.2vw;} .shp_cro_txt p{font-size: 3.4vw;margin-top: 1.8vw;} .shp_cross_box{padding: 0 0 12vw;} .shp_cross{flex-wrap: wrap;padding: 8vw 6%;border-radius: 3vw;} .shp_cross_txt h2{font-size: 5vw;} .shp_cross_txt p{font-size: 3.4vw;margin-top: 2.6vw;} .shp_cross_btns{width: 100%;flex-wrap: wrap;margin-left: 0;margin-top: 5vw;} .shp_cross_btn1{width: 100%;height: 12vw;justify-content: center;font-size: 3.8vw;border-radius: 1.8vw;} .shp_cross_btn2{width: 100%;height: 12vw;justify-content: center;margin-left: 0;margin-top: 3vw;font-size: 3.8vw;border-radius: 1.8vw;} } /* ===== Wordpress 模板站（wpt_，浅蓝生态·积木感） ===== */ .wpt_theme{--adsAccent: #21759B;--adsAccent2: #1A96B1;} .wpt_theme .ads_banner_box{background: linear-gradient(158deg, #FFFFFF 0%, #EDF3F7 100%);position: relative;overflow: hidden;} .wpt_theme .ads_banner_box:before{content: "";display: block;width: 460px;height: 460px;border-radius: 50%;background: rgba(33, 117, 155, 0.1);filter: blur(70px);position: absolute;right: -110px;top: -130px;pointer-events: none;} .wpt_theme .ads_banner_box .contentWH1300{position: relative;z-index: 2;} .wpt_theme .ads_banner_left_tag i{color: #21759B;} .wpt_theme .ads_banner_left_tag span{color: #21759B;margin-left: 8px;} .wpt_theme .ads_banner_left h2 span{color: #21759B;} .wpt_theme .ads_banner_left h3{background: linear-gradient(90deg, #21759B 0%, #1A96B1 100%);-webkit-background-clip: text;background-clip: text;color: transparent;font-size: 40px;letter-spacing: -1px;} .wpt_build{width: 100%;height: 400px;position: relative;display: flex;justify-content: center;align-items: center;} .wpt_build_base{width: 74%;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 12px;box-shadow: 0 25px 50px -12px rgba(17, 24, 39, 0.16);overflow: hidden;position: relative;z-index: 2;} .wpt_build_bar{display: flex;justify-content: flex-start;align-items: center;padding: 10px 14px;background: #F9FAFB;border-bottom: 1px solid #EEF0F2;} .wpt_build_bar span{width: 8px;height: 8px;border-radius: 50%;background: #E5E7EB;margin-right: 6px;} .wpt_build_bar b{font-size: 12px;color: #21759B;font-weight: 700;margin-left: auto;} .wpt_build_hero{width: 100%;height: 96px;background: linear-gradient(135deg, #21759B 0%, #1A96B1 100%);} .wpt_build_rows{padding: 16px;} .wpt_build_rows i{display: block;height: 12px;border-radius: 4px;background: #EEF0F2;margin-bottom: 10px;} .wpt_build_rows i:nth-of-type(1){width: 80%;} .wpt_build_rows i:nth-of-type(2){width: 55%;} .wpt_build_rows i:nth-of-type(3){width: 68%;margin-bottom: 0;} .wpt_build_plug{position: absolute;display: flex;align-items: center;font-size: 12px;color: #111827;font-weight: 700;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 8px;box-shadow: 0 10px 20px -6px rgba(17, 24, 39, 0.15);padding: 8px 12px;z-index: 3;} .wpt_build_plug i{color: #21759B;margin-right: 7px;font-size: 13px;} .wpt_build_plug.p1{left: -14px;top: 40px;animation: wptFloat 3.4s ease-in-out infinite;} .wpt_build_plug.p2{right: -20px;top: 96px;animation: wptFloat 3.4s ease-in-out infinite 0.5s;} .wpt_build_plug.p3{left: -8px;bottom: 78px;animation: wptFloat 3.4s ease-in-out infinite 1s;} .wpt_build_plug.p4{right: -6px;bottom: 44px;animation: wptFloat 3.4s ease-in-out infinite 1.5s;} @keyframes wptFloat{0%,100%{transform: translateY(0);}50%{transform: translateY(-9px);}} .wpt_plug_box{width: 100%;height: auto;padding: 80px 0;background: #F9FAFB;overflow: hidden;} .wpt_plug_ul{width: 100%;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 16px;} .wpt_plug_ul li{width: 23.5%;margin-left: 2%;margin-top: 24px;padding: 28px 24px;background: #FFFFFF;border: 1px solid #F3F4F6;border-radius: 12px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);transition: all 0.3s;position: relative;} .wpt_plug_ul li:nth-of-type(4n+1){margin-left: 0;} .wpt_plug_ul li:before{content: "";position: absolute;left: 0;top: 24px;width: 4px;height: 0;background: #21759B;border-radius: 0 4px 4px 0;transition: all 0.3s;} .wpt_plug_ul li:hover{transform: translateY(-6px);box-shadow: 0 14px 30px rgba(0, 0, 0, 0.08);} .wpt_plug_ul li:hover:before{height: 40px;} .wpt_plug_ico{width: 48px;height: 48px;border-radius: 10px;background: rgba(33, 117, 155, 0.1);color: #21759B;display: flex;justify-content: center;align-items: center;font-size: 20px;transition: all 0.3s;} .wpt_plug_ul li:hover .wpt_plug_ico{background: #21759B;color: #FFFFFF;} .wpt_plug_ul li h3{font-size: 16px;color: #111827;font-weight: 700;margin-top: 18px;} .wpt_plug_ul li p{font-size: 13px;color: #6B7280;line-height: 1.6;margin-top: 10px;} .theme_plug_ul{margin-top: 8px;} .theme_plug_ul li p{min-height: auto;} .tpl_dt_rel_box + .wpt_plug_box, .wpt_plug_box + .tpl_dt_pages_box{border-top: none;} .wpt_pick_box{width: 100%;height: auto;padding: 80px 0;background: #FFFFFF;overflow: hidden;} .wpt_pick{width: 100%;display: flex;justify-content: space-between;margin-top: 40px;} .wpt_pick_item{width: 48.5%;padding: 36px 34px;background: #F9FAFB;border: 1px solid #F3F4F6;border-radius: 16px;} .wpt_pick_item.good{background: rgba(33, 117, 155, 0.05);border: 2px solid #21759B;} .wpt_pick_head{display: flex;justify-content: flex-start;align-items: center;padding-bottom: 20px;border-bottom: 1px solid #EEF0F2;} .wpt_pick_head i{width: 44px;height: 44px;border-radius: 10px;background: rgba(33, 117, 155, 0.1);color: #21759B;display: flex;justify-content: center;align-items: center;font-size: 20px;margin-right: 14px;flex: 0 0 44px;} .wpt_pick_item .wpt_pick_head i{background: #EEF0F2;color: #6B7280;} .wpt_pick_item.good .wpt_pick_head i{background: #21759B;color: #FFFFFF;} .wpt_pick_head h3{font-size: 18px;color: #111827;font-weight: 700;} .wpt_pick_item ul{margin-top: 20px;} .wpt_pick_item li{display: flex;justify-content: flex-start;align-items: flex-start;font-size: 15px;color: #4B5563;line-height: 1.6;margin-top: 15px;} .wpt_pick_item li i{flex: 0 0 20px;width: 20px;height: 20px;border-radius: 50%;background: rgba(33, 117, 155, 0.12);color: #21759B;display: flex;justify-content: center;align-items: center;font-size: 10px;margin-right: 12px;margin-top: 2px;} .wpt_pick_link{display: inline-flex;align-items: center;font-size: 14px;color: #21759B;font-weight: 700;margin-top: 22px;} .wpt_pick_link i{font-size: 12px;margin-left: 8px;transition: all 0.3s;} .wpt_pick_link:hover i{transform: translateX(5px);} @media (max-width: 990px) { .wpt_plug_ul li{width: 49%;} .wpt_plug_ul li:nth-of-type(4n+1){margin-left: 2%;} .wpt_plug_ul li:nth-of-type(2n+1){margin-left: 0;} .wpt_pick{flex-wrap: wrap;} .wpt_pick_item{width: 100%;margin-bottom: 20px;} } @media (max-width: 768px) { .wpt_theme .ads_banner_box:before{width: 60vw;height: 60vw;right: -20vw;top: -22vw;} .wpt_theme .ads_banner_left h3{font-size: 7vw;} .wpt_build{height: 84vw;} .wpt_build_base{width: 70%;border-radius: 2.6vw;} .wpt_build_bar{padding: 2.6vw 3.6vw;} .wpt_build_bar span{width: 2vw;height: 2vw;margin-right: 1.6vw;} .wpt_build_bar b{font-size: 2.8vw;} .wpt_build_hero{height: 24vw;} .wpt_build_rows{padding: 4vw;} .wpt_build_rows i{height: 2.8vw;margin-bottom: 2.4vw;} .wpt_build_plug{font-size: 2.8vw;padding: 1.8vw 2.8vw;border-radius: 1.8vw;} .wpt_build_plug i{font-size: 3vw;margin-right: 1.6vw;} .wpt_build_plug.p1{left: -3vw;top: 10vw;} .wpt_build_plug.p2{right: -4vw;top: 24vw;} .wpt_build_plug.p3{left: -2vw;bottom: 18vw;} .wpt_build_plug.p4{right: -1vw;bottom: 10vw;} .wpt_plug_box{padding: 8vw 0;} .wpt_plug_ul{margin-top: 1vw;} .wpt_plug_ul li{width: 100%;margin-left: 0;margin-top: 3.8vw;padding: 5% 4%;border-radius: 2.6vw;} .wpt_plug_ul li:nth-of-type(4n+1), .wpt_plug_ul li:nth-of-type(2n+1){margin-left: 0;} .wpt_plug_ul li:before{top: 5%;} .wpt_plug_ul li:hover:before{height: 9vw;} .wpt_plug_ico{width: 11vw;height: 11vw;border-radius: 2.4vw;font-size: 4.6vw;} .wpt_plug_ul li h3{font-size: 4.2vw;margin-top: 3.6vw;} .wpt_plug_ul li p{font-size: 3.2vw;margin-top: 2vw;} .wpt_pick_box{padding: 8vw 0;} .wpt_pick{flex-wrap: wrap;margin-top: 4vw;} .wpt_pick_item{width: 100%;padding: 6% 5%;border-radius: 3vw;margin-bottom: 3.8vw;} .wpt_pick_head{padding-bottom: 4vw;} .wpt_pick_head i{width: 10vw;height: 10vw;border-radius: 2.2vw;font-size: 4.4vw;margin-right: 3vw;flex: 0 0 10vw;} .wpt_pick_head h3{font-size: 4.2vw;} .wpt_pick_item ul{margin-top: 4vw;} .wpt_pick_item li{font-size: 3.6vw;margin-top: 3vw;} .wpt_pick_item li i{flex: 0 0 4.6vw;width: 4.6vw;height: 4.6vw;font-size: 2.6vw;margin-right: 2.8vw;} .wpt_pick_link{font-size: 3.6vw;margin-top: 4vw;} } /* ===== 模板列表页 / 详情页（tpl_） ===== */ .tpl_banner{width: 100%;padding: 130px 0 50px;background: linear-gradient(158deg, #FFFFFF 0%, #EAF6F8 100%);position: relative;overflow: hidden;} .tpl_banner:before{content: "";display: block;width: 440px;height: 440px;border-radius: 50%;background: rgba(34, 211, 238, 0.12);filter: blur(70px);position: absolute;right: -100px;top: -160px;pointer-events: none;} .tpl_banner .contentWH1300{position: relative;z-index: 2;} .tpl_banner.slim{padding: 120px 0 30px;background: #F9FAFB;} .tpl_banner.slim:before{display: none;} .tpl_crumb{font-size: 14px;color: #9CA3AF;} .tpl_crumb a{color: #6B7280;transition: all 0.3s;} .tpl_crumb a:hover{color: #1A96B1;} .tpl_crumb i{font-style: normal;margin: 0 8px;color: #D1D5DB;} .tpl_crumb span{color: #1A96B1;} .banner .tpl_crumb, .b2b_hero .tpl_crumb, .dtc_hero .tpl_crumb{margin-bottom: 20px;position: relative;z-index: 3;} .tpl_crumb_light{color: rgba(255, 255, 255, 0.55);} .tpl_crumb_light a{color: rgba(255, 255, 255, 0.75);} .tpl_crumb_light a:hover{color: #FFFFFF;} .tpl_crumb_light i{color: rgba(255, 255, 255, 0.35);} .tpl_crumb_light span{color: #FFFFFF;} .banner{position: relative;} .tpl_crumb_abs{position: absolute;left: 0;top: 28px;width: 100%;z-index: 5;} .tpl_banner_txt{margin-top: 24px;} .tpl_banner_txt h1{font-size: 40px;color: #111827;font-weight: 700;letter-spacing: -1px;} .tpl_banner_txt p{font-size: 16px;color: #6B7280;margin-top: 14px;} .tpl_list_box{width: 100%;padding: 50px 0 80px;overflow: hidden;} .tpl_list_filter{justify-content: center;margin-top: 0;} .tpl_list_grid{margin-top: 10px;} .tpl_empty{display: none;width: 100%;text-align: center;padding: 60px 0;font-size: 16px;color: #6B7280;} .tpl_empty a{color: #1A96B1;font-weight: 700;text-decoration: underline;} .tpl_pager{width: 100%;display: flex;justify-content: center;align-items: center;margin-top: 50px;} .tpl_pager a{min-width: 42px;height: 42px;padding: 0 6px;display: flex;justify-content: center;align-items: center;margin: 0 5px;font-size: 14px;color: #4B5563;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 8px;transition: all 0.3s;} .tpl_pager a:hover{border-color: #1A96B1;color: #1A96B1;} .tpl_pager a.on{background: #1A96B1;border-color: #1A96B1;color: #FFFFFF;} .tpl_pager a.disabled{color: #D1D5DB;pointer-events: none;} .tpl_cta_box{width: 100%;padding: 0 0 90px;overflow: hidden;} .tpl_cta{width: 100%;display: flex;justify-content: space-between;align-items: center;padding: 48px 56px;background: linear-gradient(90deg, #1A96B1 0%, #21759B 100%);border-radius: 20px;} .tpl_cta_txt h2{font-size: 26px;color: #FFFFFF;font-weight: 700;} .tpl_cta_txt p{font-size: 15px;color: rgba(255, 255, 255, 0.9);margin-top: 12px;max-width: 640px;line-height: 1.7;} .tpl_cta_btns{flex: 0 0 auto;display: flex;align-items: center;margin-left: 30px;} .tpl_cta_btn1{height: 52px;display: flex;align-items: center;padding: 0 28px;font-size: 15px;color: #1A96B1;font-weight: 700;background: #FFFFFF;border-radius: 8px;transition: all 0.3s;} .tpl_cta_btn1:hover{transform: translateY(-3px);} .tpl_cta_btn2{height: 52px;display: flex;align-items: center;padding: 0 28px;margin-left: 14px;font-size: 15px;color: #FFFFFF;font-weight: 700;background: rgba(255, 255, 255, 0.15);border: 1px solid rgba(255, 255, 255, 0.4);border-radius: 8px;transition: all 0.3s;} .tpl_cta_btn2:hover{background: rgba(255, 255, 255, 0.25);} /* 详情页 */ .tpl_dt_box{width: 100%;padding: 50px 0 70px;overflow: hidden;} .tpl_dt_main{width: 100%;display: flex;justify-content: space-between;align-items: flex-start;} .tpl_dt_preview{width: 62%;display: flex;justify-content: flex-start;align-items: flex-end;} .tpl_dt_desktop{flex: 1;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 12px;box-shadow: 0 20px 40px -12px rgba(17, 24, 39, 0.15);overflow: hidden;} .tpl_dt_bar{display: flex;justify-content: flex-start;align-items: center;padding: 10px 14px;background: #F9FAFB;border-bottom: 1px solid #EEF0F2;} .tpl_dt_bar span{width: 9px;height: 9px;border-radius: 50%;background: #E5E7EB;margin-right: 6px;} .tpl_dt_bar em{font-style: normal;font-size: 12px;color: #9CA3AF;margin-left: 12px;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 20px;padding: 3px 16px;} .tpl_dt_scroll{width: 100%;height: 440px;overflow-y: auto;} .tpl_dt_scroll img{width: 100%;display: block;} .tpl_dt_scroll::-webkit-scrollbar{width: 6px;} .tpl_dt_scroll::-webkit-scrollbar-thumb{background: #D1D5DB;border-radius: 3px;} .tpl_dt_mobile{width: 150px;flex: 0 0 150px;margin-left: -40px;margin-bottom: 24px;background: #1F2937;border: 6px solid #1F2937;border-radius: 22px;box-shadow: 0 20px 40px -12px rgba(17, 24, 39, 0.28);overflow: hidden;position: relative;z-index: 2;} .tpl_dt_mobile_scroll{width: 100%;height: 300px;overflow-y: auto;border-radius: 16px;background: #FFFFFF;} .tpl_dt_mobile_scroll img{width: 100%;display: block;} .tpl_dt_mobile_scroll::-webkit-scrollbar{display: none;} .tpl_dt_info{width: 34%;flex: 0 0 34%;} .tpl_dt_tag{display: inline-block;font-size: 12px;color: #1A96B1;font-weight: 700;background: rgba(26, 150, 177, 0.1);border-radius: 4px;padding: 5px 14px;} .tpl_dt_info h1{font-size: 32px;color: #111827;font-weight: 700;margin-top: 16px;letter-spacing: -0.5px;} .tpl_dt_desc{font-size: 15px;color: #4B5563;line-height: 1.7;margin-top: 16px;} .tpl_dt_specs{margin-top: 24px;padding: 20px 24px;background: #F9FAFB;border-radius: 12px;} .tpl_dt_specs div{display: flex;justify-content: flex-start;align-items: baseline;padding: 7px 0;} .tpl_dt_specs b{flex: 0 0 88px;font-size: 13px;color: #9CA3AF;font-weight: 400;} .tpl_dt_specs span{font-size: 14px;color: #374151;font-weight: 700;} .tpl_dt_tags{display: flex;flex-wrap: wrap;margin-top: 20px;} .tpl_dt_tags li{display: flex;align-items: center;font-size: 13px;color: #4B5563;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 20px;padding: 6px 14px;margin: 0 10px 10px 0;} .tpl_dt_tags li i{color: #1A96B1;font-size: 11px;margin-right: 6px;} .tpl_dt_btns{display: flex;justify-content: space-between;margin-top: 24px;} .tpl_dt_btn1{width: 55%;height: 54px;display: flex;justify-content: center;align-items: center;font-size: 16px;color: #FFFFFF;font-weight: 700;background: #FF9600;border-radius: 8px;box-shadow: 0 10px 20px -5px rgba(255, 150, 0, 0.4);transition: all 0.3s;} .tpl_dt_btn1:hover{transform: translateY(-3px);} .tpl_dt_btn2{width: 42%;height: 54px;display: flex;justify-content: center;align-items: center;font-size: 15px;color: #1A96B1;font-weight: 700;background: #FFFFFF;border: 1px solid #1A96B1;border-radius: 8px;transition: all 0.3s;} .tpl_dt_btn2 i{font-size: 13px;margin-right: 8px;} .tpl_dt_btn2:hover{background: rgba(26, 150, 177, 0.06);} .tpl_dt_consult{width: 100%;height: 48px;display: flex;justify-content: center;align-items: center;margin-top: 14px;font-size: 15px;color: #4B5563;font-weight: 700;background: #F3F4F6;border-radius: 8px;transition: all 0.3s;} .tpl_dt_consult i{color: #1A96B1;margin-right: 8px;} .tpl_dt_consult:hover{background: #E5E7EB;} .tpl_dt_note{font-size: 13px;color: #9CA3AF;line-height: 1.6;margin-top: 16px;text-align: center;} .tpl_dt_feat_box{width: 100%;padding: 80px 0;background: #F9FAFB;overflow: hidden;} .tpl_dt_feat_ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 16px;} .tpl_dt_feat_ul li{width: 32%;margin-left: 2%;margin-top: 24px;padding: 28px 26px;background: #FFFFFF;border: 1px solid #F3F4F6;border-radius: 12px;display: flex;justify-content: flex-start;align-items: flex-start;transition: all 0.3s;} .tpl_dt_feat_ul li:nth-of-type(3n+1){margin-left: 0;} .tpl_dt_feat_ul li:hover{transform: translateY(-6px);box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);} .tpl_dt_feat_ico{flex: 0 0 48px;width: 48px;height: 48px;border-radius: 10px;background: rgba(26, 150, 177, 0.1);color: #1A96B1;display: flex;justify-content: center;align-items: center;font-size: 20px;margin-right: 18px;} .tpl_dt_feat_txt h3{font-size: 17px;color: #111827;font-weight: 700;} .tpl_dt_feat_txt p{font-size: 13px;color: #6B7280;line-height: 1.6;margin-top: 8px;} .tpl_dt_pages_box{width: 100%;padding: 80px 0;background: #FFFFFF;overflow: hidden;} .tpl_dt_pages_ul{width: 100%;display: flex;justify-content: space-between;margin-top: 40px;} .tpl_dt_pages_ul li{width: 18.5%;text-align: center;} .tpl_dt_page_shot{width: 100%;height: 130px;border: 1px solid #E5E7EB;border-radius: 8px;overflow: hidden;transition: all 0.3s;} .tpl_dt_page_shot img{width: 100%;height: 100%;object-fit: cover;object-position: top;display: block;} .tpl_dt_pages_ul li:hover .tpl_dt_page_shot{box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);transform: translateY(-4px);} .tpl_dt_pages_ul li span{display: block;font-size: 14px;color: #374151;font-weight: 700;margin-top: 14px;} .tpl_dt_rel_box{width: 100%;padding: 80px 0;background: #F9FAFB;overflow: hidden;} .tpl_dt_rel_grid{margin-top: 16px;} @media (max-width: 990px) { .tpl_banner_txt h1{font-size: 32px;} .tpl_dt_main{flex-wrap: wrap;} .tpl_dt_preview{width: 100%;} .tpl_dt_info{width: 100%;flex: 0 0 100%;margin-top: 30px;} .tpl_dt_feat_ul li{width: 49%;} .tpl_dt_feat_ul li:nth-of-type(3n+1){margin-left: 2%;} .tpl_dt_feat_ul li:nth-of-type(2n+1){margin-left: 0;} .tpl_dt_pages_ul{flex-wrap: wrap;} .tpl_dt_pages_ul li{width: 31%;margin-bottom: 24px;} } @media (max-width: 768px) { .tpl_banner{padding: 22vw 0 8vw;} .tpl_banner.slim{padding: 21vw 0 5vw;} .tpl_crumb{font-size: 3.2vw;} .tpl_crumb i{margin: 0 1.6vw;} .tpl_banner_txt{margin-top: 4vw;} .tpl_banner_txt h1{font-size: 7vw;} .tpl_banner_txt p{font-size: 3.6vw;margin-top: 2.6vw;} .tpl_list_box{padding: 8vw 0;} .tpl_pager{margin-top: 8vw;} .tpl_pager a{min-width: 10vw;height: 10vw;font-size: 3.4vw;margin: 0 1.2vw;border-radius: 1.8vw;} .tpl_cta_box{padding: 0 0 12vw;} .tpl_cta{flex-wrap: wrap;padding: 8vw 6%;border-radius: 3vw;} .tpl_cta_txt h2{font-size: 5vw;} .tpl_cta_txt p{font-size: 3.4vw;margin-top: 2.6vw;} .tpl_cta_btns{width: 100%;flex-wrap: wrap;margin-left: 0;margin-top: 5vw;} .tpl_cta_btn1{width: 100%;height: 12vw;justify-content: center;font-size: 3.8vw;border-radius: 1.8vw;} .tpl_cta_btn2{width: 100%;height: 12vw;justify-content: center;margin-left: 0;margin-top: 3vw;font-size: 3.8vw;border-radius: 1.8vw;} .tpl_dt_box{padding: 8vw 0;} .tpl_dt_preview{flex-wrap: wrap;justify-content: center;} .tpl_dt_desktop{width: 100%;flex: none;border-radius: 2.6vw;} .tpl_dt_bar{padding: 2.6vw 3.6vw;} .tpl_dt_bar span{width: 2.4vw;height: 2.4vw;margin-right: 1.6vw;} .tpl_dt_bar em{font-size: 2.8vw;margin-left: 3vw;padding: 0.8vw 4vw;border-radius: 4vw;} .tpl_dt_scroll{height: 90vw;} .tpl_dt_mobile{width: 34vw;flex: 0 0 34vw;margin-left: 0;margin-top: -18vw;margin-bottom: 0;border-width: 1.4vw;border-radius: 5vw;} .tpl_dt_mobile_scroll{height: 62vw;border-radius: 3.6vw;} .tpl_dt_info{margin-top: 7vw;} .tpl_dt_info h1{font-size: 6.4vw;margin-top: 3.6vw;} .tpl_dt_desc{font-size: 3.6vw;margin-top: 3.6vw;} .tpl_dt_specs{margin-top: 5vw;padding: 4.6vw 5%;border-radius: 2.6vw;} .tpl_dt_specs b{flex: 0 0 20vw;font-size: 3.2vw;} .tpl_dt_specs span{font-size: 3.4vw;} .tpl_dt_tags{margin-top: 4vw;} .tpl_dt_tags li{font-size: 3.2vw;padding: 1.6vw 3.4vw;margin: 0 2vw 2vw 0;border-radius: 4vw;} .tpl_dt_tags li i{font-size: 2.6vw;margin-right: 1.4vw;} .tpl_dt_btns{flex-wrap: wrap;margin-top: 5vw;} .tpl_dt_btn1{width: 100%;height: 12vw;font-size: 3.8vw;border-radius: 1.8vw;} .tpl_dt_btn2{width: 100%;height: 12vw;margin-top: 3vw;font-size: 3.6vw;border-radius: 1.8vw;} .tpl_dt_consult{height: 11vw;margin-top: 3vw;font-size: 3.6vw;border-radius: 1.8vw;} .tpl_dt_note{font-size: 3.2vw;margin-top: 4vw;} .tpl_dt_feat_box, .tpl_dt_pages_box, .tpl_dt_rel_box{padding: 8vw 0;} .tpl_dt_feat_ul{margin-top: 1vw;} .tpl_dt_feat_ul li{width: 100%;margin-left: 0;margin-top: 3.8vw;padding: 5% 4%;border-radius: 2.6vw;} .tpl_dt_feat_ul li:nth-of-type(3n+1), .tpl_dt_feat_ul li:nth-of-type(2n+1){margin-left: 0;} .tpl_dt_feat_ico{flex: 0 0 11vw;width: 11vw;height: 11vw;border-radius: 2.4vw;font-size: 4.6vw;margin-right: 3.6vw;} .tpl_dt_feat_txt h3{font-size: 4.2vw;} .tpl_dt_feat_txt p{font-size: 3.2vw;margin-top: 1.8vw;} .tpl_dt_pages_ul{flex-wrap: wrap;margin-top: 4vw;} .tpl_dt_pages_ul li{width: 48%;margin-bottom: 4vw;} .tpl_dt_page_shot{height: 32vw;border-radius: 1.8vw;} .tpl_dt_pages_ul li span{font-size: 3.4vw;margin-top: 2.6vw;} } /* ===== 海豚系统模板站（dts_，亮色精选购物感） ===== */ .dts_theme{--adsAccent: #1A96B1;--adsAccent2: #22D3EE;} .dts_theme .ads_banner_box{background: linear-gradient(158deg, #FFFFFF 0%, #EAF6F8 100%);position: relative;overflow: hidden;} .dts_theme .ads_banner_box:before{content: "";display: block;width: 460px;height: 460px;border-radius: 50%;background: rgba(34, 211, 238, 0.14);filter: blur(70px);position: absolute;right: -100px;top: -120px;pointer-events: none;} .dts_theme .ads_banner_box .contentWH1300{position: relative;z-index: 2;} .dts_theme .ads_banner_left_tag i{color: #1A96B1;} .dts_theme .ads_banner_left_tag span{color: #1A96B1;margin-left: 8px;} .dts_theme .ads_banner_left h2 span{color: #1A96B1;} .dts_theme .ads_banner_left h3{background: linear-gradient(90deg, #1A96B1 0%, #22D3EE 100%);-webkit-background-clip: text;background-clip: text;color: transparent;font-size: 40px;letter-spacing: -1px;} .dts_banner_btns{display: flex;justify-content: flex-start;align-items: center;margin-top: 36px;} .dts_btn_main{width: 200px;height: 56px;display: flex;justify-content: center;align-items: center;font-size: 16px;color: #FFFFFF;font-weight: 700;background: #FF9600;border-radius: 6px;box-shadow: 0 10px 20px -5px rgba(255, 150, 0, 0.4);transition: all 0.3s;} .dts_btn_main i{font-size: 14px;margin-left: 10px;transition: all 0.3s;} .dts_btn_main:hover{transform: translateY(-3px);} .dts_btn_main:hover i{transform: translateX(4px);} .dts_btn_ghost{height: 56px;display: flex;align-items: center;padding: 0 26px;margin-left: 16px;font-size: 16px;color: #1A96B1;font-weight: 700;background: #FFFFFF;border: 1px solid rgba(26, 150, 177, 0.3);border-radius: 6px;transition: all 0.3s;} .dts_btn_ghost:hover{background: rgba(26, 150, 177, 0.06);} .dts_wall{width: 100%;height: 400px;position: relative;} .dts_wall_card{position: absolute;width: 62%;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 10px;box-shadow: 0 20px 40px -12px rgba(17, 24, 39, 0.18);overflow: hidden;} .dts_wall_card.t1{left: 0;top: 20px;z-index: 3;transform: rotate(-4deg);} .dts_wall_card.t2{right: 0;top: 0;z-index: 2;transform: rotate(3deg);} .dts_wall_card.t3{left: 18%;bottom: 0;z-index: 4;transform: rotate(1deg);} .dts_wall_bar{display: flex;justify-content: flex-start;align-items: center;padding: 8px 12px;background: #F9FAFB;border-bottom: 1px solid #EEF0F2;} .dts_wall_bar span{width: 7px;height: 7px;border-radius: 50%;background: #E5E7EB;margin-right: 5px;} .dts_wall_body{padding: 12px;} .dts_wall_hero{width: 100%;height: 56px;border-radius: 6px;} .dts_wall_hero.blue{background: linear-gradient(135deg, #1A96B1 0%, #22D3EE 100%);} .dts_wall_hero.dark{background: linear-gradient(135deg, #1F2937 0%, #374151 100%);} .dts_wall_hero.green{background: linear-gradient(135deg, #059669 0%, #34D399 100%);} .dts_wall_grid{display: flex;justify-content: space-between;margin-top: 10px;} .dts_wall_grid i{flex: 1;height: 26px;border-radius: 4px;background: #F3F4F6;margin-right: 8px;} .dts_wall_grid i:last-child{margin-right: 0;} .dts_wall_card em{display: block;font-style: normal;font-size: 11px;color: #6B7280;font-weight: 700;padding: 0 12px 12px;} .dts_flip_box{width: 100%;height: auto;padding: 80px 0;overflow: hidden;} .dts_flip_ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 16px;} .dts_flip_ul li{width: 24%;margin-top: 24px;padding: 30px 24px;background: #F9FAFB;border: 1px solid #F3F4F6;border-radius: 12px;transition: all 0.3s;} .dts_flip_ul li:hover{transform: translateY(-6px);box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);background: #FFFFFF;} .dts_flip_ico{width: 52px;height: 52px;border-radius: 12px;background: rgba(26, 150, 177, 0.1);color: #1A96B1;display: flex;justify-content: center;align-items: center;font-size: 22px;} .dts_flip_ul li h3{font-size: 17px;color: #111827;font-weight: 700;margin-top: 20px;} .dts_flip_ul li p{font-size: 14px;color: #4B5563;line-height: 1.6;margin-top: 10px;} .dts_gallery_box{width: 100%;height: auto;padding: 80px 0;background: #F9FAFB;overflow: hidden;} .dts_filter{width: 100%;display: flex;justify-content: center;flex-wrap: wrap;margin-top: 30px;} .dts_filter span, .dts_filter a{display: inline-block;font-size: 14px;color: #4B5563;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 20px;padding: 8px 20px;margin: 6px;cursor: pointer;transition: all 0.3s;} .dts_filter span.on, .dts_filter span:hover, .dts_filter a.on, .dts_filter a:hover{background: #1A96B1;border-color: #1A96B1;color: #FFFFFF;} .dts_tpl_grid{width: 100%;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 24px;} .dts_tpl_card{display: block;width: 32%;margin-left: 2%;margin-top: 24px;background: #FFFFFF;border: 1px solid #F3F4F6;border-radius: 12px;overflow: hidden;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);transition: all 0.3s;} .dts_tpl_card:nth-of-type(3n+1){margin-left: 0;} .dts_tpl_card:hover{transform: translateY(-6px);box-shadow: 0 16px 36px rgba(0, 0, 0, 0.1);} .dts_tpl_shot{width: 100%;height: 220px;position: relative;background: #F3F4F6;overflow: hidden;} .dts_tpl_shot img{width: 100%;height: 100%;object-fit: cover;object-position: top;display: block;transition: all 0.4s;} .dts_tpl_card:hover .dts_tpl_shot img{transform: scale(1.04);} .dts_tpl_preview{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;background: rgba(26, 150, 177, 0.85);color: #FFFFFF;font-size: 15px;font-weight: 700;opacity: 0;transition: all 0.3s;} .dts_tpl_preview i{margin-right: 8px;} .dts_tpl_card:hover .dts_tpl_preview{opacity: 1;} .dts_tpl_meta{display: flex;justify-content: space-between;align-items: center;padding: 16px 20px;} .dts_tpl_meta h3{font-size: 16px;color: #111827;font-weight: 700;flex: 1;min-width: 0;} .dts_tpl_meta span{font-size: 12px;color: #1A96B1;background: rgba(26, 150, 177, 0.1);border-radius: 4px;padding: 3px 10px;white-space: nowrap;flex-shrink: 0;margin-left: 10px;} .dts_gallery_more{width: 100%;text-align: center;margin-top: 40px;} .dts_gallery_more a{display: inline-flex;align-items: center;font-size: 15px;color: #1A96B1;font-weight: 700;padding: 12px 30px;border: 1px solid rgba(26, 150, 177, 0.3);border-radius: 30px;transition: all 0.3s;} .dts_gallery_more a i{font-size: 13px;margin-left: 10px;transition: all 0.3s;} .dts_gallery_more a:hover{background: #1A96B1;color: #FFFFFF;border-color: #1A96B1;} .dts_gallery_more a:hover i{transform: translateX(4px);} .dts_price_box{width: 100%;height: auto;padding: 80px 0;background: #FFFFFF;overflow: hidden;} .dts_price_ul{width: 100%;display: flex;justify-content: space-between;align-items: stretch;margin-top: 40px;} .dts_price_ul li{width: 31.5%;padding: 36px 32px;background: #F9FAFB;border: 1px solid #F3F4F6;border-radius: 16px;transition: all 0.3s;position: relative;} .dts_price_ul li:hover{transform: translateY(-6px);box-shadow: 0 16px 36px rgba(0, 0, 0, 0.08);} .dts_price_ul li.hot{background: #FFFFFF;border: 2px solid #1A96B1;box-shadow: 0 20px 40px -12px rgba(26, 150, 177, 0.25);} .dts_price_flag{position: absolute;right: 24px;top: 24px;font-size: 12px;color: #FFFFFF;font-weight: 700;background: #1A96B1;border-radius: 20px;padding: 4px 14px;} .dts_price_ul li h3{font-size: 22px;color: #111827;font-weight: 700;} .dts_price_num{display: flex;align-items: baseline;margin-top: 14px;} .dts_price_num b{font-size: 36px;color: #1A96B1;font-weight: 700;} .dts_price_num span{font-size: 14px;color: #9CA3AF;margin-left: 8px;} .dts_price_for{font-size: 14px;color: #6B7280;margin-top: 6px;padding-bottom: 24px;border-bottom: 1px solid #EEF0F2;} .dts_price_feat{margin-top: 24px;} .dts_price_feat li{width: 100%;padding: 0;margin: 0 0 14px;background: none;border: none;display: flex;justify-content: flex-start;align-items: center;font-size: 14px;color: #4B5563;transition: none;} .dts_price_feat li:hover{transform: none;box-shadow: none;} .dts_price_feat li i{width: 18px;height: 18px;border-radius: 50%;background: rgba(26, 150, 177, 0.12);color: #1A96B1;display: flex;justify-content: center;align-items: center;font-size: 9px;margin-right: 12px;flex: 0 0 18px;} .dts_price_btn{display: flex;justify-content: center;align-items: center;height: 48px;margin-top: 28px;font-size: 15px;color: #1A96B1;font-weight: 700;background: #FFFFFF;border: 1px solid #1A96B1;border-radius: 8px;transition: all 0.3s;} .dts_price_ul li.hot .dts_price_btn{background: #1A96B1;color: #FFFFFF;} .dts_price_btn:hover{background: #1A96B1;color: #FFFFFF;} .dts_price_ul li.hot .dts_price_btn:hover{background: #157F96;} .dts_price_tip{text-align: center;font-size: 15px;color: #6B7280;margin-top: 30px;} .dts_price_tip strong{color: #1A96B1;} .dts_speed_box{width: 100%;height: auto;padding: 80px 0;background: #F9FAFB;overflow: hidden;} .dts_speed_ul{width: 100%;display: flex;justify-content: space-between;margin-top: 50px;position: relative;} .dts_speed_ul:before{content: "";display: block;position: absolute;left: 11%;right: 11%;top: 20px;height: 2px;border-top: 2px dashed #C7DCE3;} .dts_speed_ul li{width: 22%;text-align: center;position: relative;} .dts_speed_ul li em{display: inline-block;font-style: normal;font-size: 13px;color: #FFFFFF;font-weight: 700;background: #1A96B1;border-radius: 20px;padding: 4px 16px;position: relative;z-index: 2;} .dts_speed_ico{width: 60px;height: 60px;border-radius: 50%;background: #FFFFFF;border: 1px solid #E5E7EB;box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);color: #1A96B1;font-size: 24px;display: flex;justify-content: center;align-items: center;margin: 20px auto 0;} .dts_speed_ul li h3{font-size: 17px;color: #111827;font-weight: 700;margin-top: 18px;} .dts_speed_ul li p{font-size: 13px;color: #6B7280;line-height: 1.6;margin-top: 8px;} .dts_speed_tip{text-align: center;font-size: 15px;color: #6B7280;margin-top: 44px;} .dts_speed_tip strong{color: #1A96B1;} .dts_incl_box{width: 100%;height: auto;padding: 80px 0;background: #FFFFFF;overflow: hidden;} .dts_incl_ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 16px;} .dts_incl_ul li{width: 24%;margin-top: 24px;padding: 22px 24px;background: #F9FAFB;border: 1px solid #F3F4F6;border-radius: 10px;display: flex;justify-content: flex-start;align-items: center;font-size: 15px;color: #374151;font-weight: 700;transition: all 0.3s;} .dts_incl_ul li:hover{background: rgba(26, 150, 177, 0.05);border-color: rgba(26, 150, 177, 0.2);} .dts_incl_ul li i{width: 40px;height: 40px;border-radius: 8px;background: rgba(26, 150, 177, 0.1);color: #1A96B1;display: flex;justify-content: center;align-items: center;font-size: 16px;margin-right: 14px;flex: 0 0 40px;} @media (max-width: 990px) { .dts_flip_ul li{width: 49%;} .dts_tpl_card{width: 49%;margin-left: 2%;} .dts_tpl_card:nth-of-type(3n+1){margin-left: 2%;} .dts_tpl_card:nth-of-type(2n+1){margin-left: 0;} .dts_price_ul{flex-wrap: wrap;} .dts_price_ul li{width: 100%;margin-bottom: 20px;} .dts_speed_ul{flex-wrap: wrap;justify-content: center;} .dts_speed_ul:before{display: none;} .dts_speed_ul li{width: 46%;margin-bottom: 30px;} .dts_incl_ul li{width: 49%;} } @media (max-width: 768px) { .dts_theme .ads_banner_box:before{width: 60vw;height: 60vw;right: -18vw;top: -20vw;} .dts_theme .ads_banner_left h3{font-size: 7vw;} .dts_banner_btns{flex-wrap: wrap;margin-top: 6vw;} .dts_btn_main{width: 100%;height: 12vw;font-size: 3.8vw;border-radius: 1.4vw;} .dts_btn_ghost{width: 100%;height: 12vw;justify-content: center;margin-left: 0;margin-top: 3vw;font-size: 3.8vw;border-radius: 1.4vw;} .dts_wall{height: 92vw;margin-top: 6vw;} .dts_wall_card{width: 60%;border-radius: 2vw;} .dts_wall_bar{padding: 2vw 3vw;} .dts_wall_bar span{width: 1.6vw;height: 1.6vw;margin-right: 1.2vw;} .dts_wall_body{padding: 3vw;} .dts_wall_hero{height: 13vw;border-radius: 1.4vw;} .dts_wall_grid{margin-top: 2.4vw;} .dts_wall_grid i{height: 6vw;border-radius: 1vw;margin-right: 2vw;} .dts_wall_card em{font-size: 2.6vw;padding: 0 3vw 3vw;} .dts_flip_box{padding: 8vw 0;} .dts_flip_ul{margin-top: 1vw;} .dts_flip_ul li{width: 100%;margin-top: 3.8vw;padding: 6% 5%;border-radius: 2.6vw;} .dts_flip_ico{width: 12vw;height: 12vw;border-radius: 2.6vw;font-size: 5vw;} .dts_flip_ul li h3{font-size: 4.2vw;margin-top: 4vw;} .dts_flip_ul li p{font-size: 3.4vw;margin-top: 2vw;} .dts_gallery_box{padding: 8vw 0;} .dts_filter{margin-top: 5vw;} .dts_filter span{font-size: 3.2vw;padding: 1.8vw 4vw;margin: 1.2vw;border-radius: 5vw;} .dts_tpl_grid{margin-top: 2vw;} .dts_tpl_card{width: 100%;margin-left: 0;margin-top: 3.8vw;border-radius: 2.6vw;} .dts_tpl_card:nth-of-type(3n+1), .dts_tpl_card:nth-of-type(2n+1){margin-left: 0;} .dts_tpl_shot{height: 46vw;} .dts_tpl_bar{padding: 2.4vw 3vw;} .dts_tpl_bar span{width: 2vw;height: 2vw;margin-right: 1.4vw;} .dts_tpl_pic{padding: 3.4vw;} .dts_tpl_hero{height: 18vw;border-radius: 1.4vw;} .dts_tpl_rows{margin-top: 3vw;} .dts_tpl_rows i{height: 9vw;border-radius: 1vw;margin-right: 2.4vw;} .dts_tpl_preview{font-size: 3.6vw;} .dts_tpl_meta{padding: 4vw 5%;} .dts_tpl_meta h3{font-size: 3.8vw;} .dts_tpl_meta span{font-size: 2.8vw;padding: 0.8vw 2.4vw;border-radius: 1vw;} .dts_gallery_more{margin-top: 6vw;} .dts_gallery_more a{font-size: 3.4vw;padding: 2.8vw 6vw;border-radius: 6vw;} .dts_price_box{padding: 8vw 0;} .dts_price_ul{margin-top: 4vw;} .dts_price_ul li{width: 100%;padding: 7% 6%;border-radius: 3vw;margin-bottom: 3.8vw;} .dts_price_flag{right: 5vw;top: 5vw;font-size: 3vw;padding: 1vw 3.4vw;border-radius: 4vw;} .dts_price_ul li h3{font-size: 4.8vw;} .dts_price_num b{font-size: 8vw;} .dts_price_num span{font-size: 3.2vw;} .dts_price_for{font-size: 3.4vw;padding-bottom: 5vw;} .dts_price_feat{margin-top: 5vw;} .dts_price_feat li{font-size: 3.4vw;margin-bottom: 3.4vw;} .dts_price_feat li i{width: 4.4vw;height: 4.4vw;font-size: 2.4vw;margin-right: 3vw;flex: 0 0 4.4vw;} .dts_price_btn{height: 11vw;margin-top: 6vw;font-size: 3.6vw;border-radius: 1.8vw;} .dts_price_tip{font-size: 3.4vw;margin-top: 5vw;} .dts_speed_box{padding: 8vw 0;} .dts_speed_ul{margin-top: 4vw;} .dts_speed_ul li{width: 100%;margin-bottom: 7vw;} .dts_speed_ul li:last-child{margin-bottom: 0;} .dts_speed_ico{width: 14vw;height: 14vw;font-size: 5.6vw;margin-top: 4vw;} .dts_speed_ul li em{font-size: 3.2vw;padding: 1vw 4vw;border-radius: 4vw;} .dts_speed_ul li h3{font-size: 4.2vw;margin-top: 4vw;} .dts_speed_ul li p{font-size: 3.2vw;margin-top: 2vw;} .dts_speed_tip{font-size: 3.4vw;margin-top: 6vw;} .dts_incl_box{padding: 8vw 0;} .dts_incl_ul{margin-top: 1vw;} .dts_incl_ul li{width: 100%;margin-top: 3vw;padding: 4.6vw 5%;border-radius: 2vw;font-size: 3.8vw;} .dts_incl_ul li i{width: 10vw;height: 10vw;border-radius: 2vw;font-size: 4vw;margin-right: 3.4vw;flex: 0 0 10vw;} } /* ===== Wordpress 定制站（wpc_，浅色品牌感） ===== */ .wpc_theme{--adsAccent: #1A96B1;--adsAccent2: #21759B;} .wpc_theme .ads_banner_box{background: linear-gradient(158deg, #FFFFFF 0%, #F0F7F9 100%);position: relative;overflow: hidden;} .wpc_theme .ads_banner_box:before{content: "";display: block;width: 500px;height: 500px;border-radius: 50%;background: rgba(33, 117, 155, 0.08);filter: blur(70px);position: absolute;right: -120px;top: -140px;pointer-events: none;} .wpc_theme .ads_banner_box .contentWH1300{position: relative;z-index: 2;} .wpc_theme .ads_banner_left_tag i{color: #21759B;} .wpc_theme .ads_banner_left_tag span{color: #21759B;margin-left: 8px;} .wpc_theme .ads_banner_left h2 span{color: #21759B;} .wpc_theme .ads_banner_left h3{background: linear-gradient(90deg, #1A96B1 0%, #21759B 100%);-webkit-background-clip: text;background-clip: text;color: transparent;font-size: 40px;letter-spacing: -1px;} .wpc_site{width: 100%;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 12px;box-shadow: 0 25px 50px -12px rgba(17, 24, 39, 0.15);overflow: hidden;position: relative;z-index: 2;} .wpc_site_top{display: flex;justify-content: flex-start;align-items: center;padding: 12px 16px;background: #F9FAFB;border-bottom: 1px solid #EEF0F2;} .wpc_site_top span{display: block;width: 10px;height: 10px;border-radius: 50%;margin-right: 8px;} .wpc_site_top span.r{background: #EF4444;} .wpc_site_top span.y{background: #EAB308;} .wpc_site_top span.g{background: #22C55E;} .wpc_site_top em{font-style: normal;font-size: 12px;color: #9CA3AF;margin-left: 12px;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 20px;padding: 3px 14px;} .wpc_site_nav{display: flex;justify-content: flex-start;align-items: center;padding: 14px 20px;border-bottom: 1px solid #F3F4F6;} .wpc_site_nav b{width: 26px;height: 26px;border-radius: 6px;background: #21759B;color: #FFFFFF;font-size: 14px;font-weight: 700;display: flex;justify-content: center;align-items: center;} .wpc_site_nav i{display: block;width: 40px;height: 8px;border-radius: 4px;background: #E5E7EB;margin-left: 14px;} .wpc_site_nav i:nth-of-type(1){margin-left: auto;} .wpc_site_hero{margin: 16px;padding: 26px 22px;background: linear-gradient(135deg, #E4F4F7 0%, #EAF2F6 100%);border-radius: 10px;} .wpc_site_hero span{display: block;height: 12px;border-radius: 6px;background: #C7DCE3;} .wpc_site_hero span:nth-of-type(1){width: 70%;} .wpc_site_hero span:nth-of-type(2){width: 45%;margin-top: 10px;} .wpc_site_hero em{display: inline-block;font-style: normal;font-size: 11px;color: #FFFFFF;font-weight: 700;background: #1A96B1;border-radius: 4px;padding: 7px 14px;margin-top: 16px;} .wpc_site_posts{display: flex;justify-content: space-between;margin: 0 16px 16px;} .wpc_site_posts div{width: 48%;border: 1px solid #F3F4F6;border-radius: 8px;padding: 12px;} .wpc_site_posts div i{display: block;width: 100%;height: 46px;border-radius: 6px;background: #F3F4F6;} .wpc_site_posts div span{display: block;height: 8px;border-radius: 4px;background: #E5E7EB;margin-top: 10px;} .wpc_site_posts div span:nth-of-type(2){width: 60%;margin-top: 7px;} .wpc_vs_box{width: 100%;height: auto;padding: 80px 0;overflow: hidden;} .wpc_vs{width: 100%;display: flex;justify-content: space-between;margin-top: 40px;} .wpc_vs_item{width: 48.5%;padding: 34px 32px;background: #F9FAFB;border: 1px solid #F3F4F6;border-radius: 16px;} .wpc_vs_item.good{background: rgba(26, 150, 177, 0.05);border: 1px solid rgba(26, 150, 177, 0.25);} .wpc_vs_tag{display: inline-block;font-size: 12px;font-weight: 700;color: #9CA3AF;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 20px;padding: 5px 14px;} .wpc_vs_item.good .wpc_vs_tag{color: #1A96B1;border-color: rgba(26, 150, 177, 0.3);} .wpc_vs_item h3{font-size: 20px;color: #111827;font-weight: 700;margin-top: 18px;} .wpc_vs_item ul{margin-top: 20px;} .wpc_vs_item li{display: flex;justify-content: flex-start;align-items: flex-start;font-size: 15px;color: #4B5563;line-height: 1.6;margin-top: 16px;} .wpc_vs_item li i{flex: 0 0 20px;width: 20px;height: 20px;border-radius: 50%;display: flex;justify-content: center;align-items: center;font-size: 10px;margin-right: 12px;margin-top: 2px;background: #FEE2E2;color: #DC2626;} .wpc_vs_item.good li i{background: rgba(26, 150, 177, 0.12);color: #1A96B1;} .wpc_scene_box{width: 100%;height: auto;padding: 80px 0;background: #F9FAFB;overflow: hidden;} .wpc_scene_ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 16px;} .wpc_scene_ul li{width: 49%;margin-top: 24px;padding: 30px 28px;background: #FFFFFF;border: 1px solid #F3F4F6;border-radius: 12px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);display: flex;justify-content: flex-start;align-items: flex-start;transition: all 0.3s;} .wpc_scene_ul li:hover{transform: translateY(-6px);box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);} .wpc_scene_ico{flex: 0 0 52px;width: 52px;height: 52px;border-radius: 10px;background: rgba(33, 117, 155, 0.1);color: #21759B;display: flex;justify-content: center;align-items: center;font-size: 22px;margin-right: 20px;} .wpc_scene_txt h3{font-size: 18px;color: #111827;font-weight: 700;} .wpc_scene_txt p{font-size: 14px;color: #4B5563;line-height: 1.6;margin-top: 10px;} .wpc_stats_box{width: 100%;padding: 60px 0;background: linear-gradient(90deg, #1A96B1 0%, #21759B 100%);} .wpc_stats{width: 100%;display: flex;justify-content: space-between;} .wpc_stats li{width: 25%;text-align: center;position: relative;} .wpc_stats li:not(:last-child):after{content: "";display: block;width: 1px;height: 48px;background: rgba(255, 255, 255, 0.2);position: absolute;right: 0;top: 50%;transform: translateY(-50%);} .wpc_stats li h3{font-size: 40px;color: #FFFFFF;font-weight: 700;} .wpc_stats li p{font-size: 14px;color: rgba(255, 255, 255, 0.85);margin-top: 8px;} .wpc_choose_box{width: 100%;height: auto;padding: 80px 0;background: #FFFFFF;overflow: hidden;} .wpc_choose{width: 100%;display: flex;justify-content: space-between;margin-top: 40px;} .wpc_choose_item{width: 32%;padding: 32px 28px;background: #F9FAFB;border: 1px solid #F3F4F6;border-radius: 16px;transition: all 0.3s;display: block;} .wpc_choose_item.hl{background: rgba(26, 150, 177, 0.05);border: 2px solid #1A96B1;} .wpc_choose_item:hover{transform: translateY(-6px);box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);} .wpc_choose_item em{display: inline-block;font-style: normal;font-size: 12px;font-weight: 700;color: #9CA3AF;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 20px;padding: 4px 12px;} .wpc_choose_item.hl em{color: #1A96B1;border-color: rgba(26, 150, 177, 0.3);} .wpc_choose_item h3{font-size: 20px;color: #111827;font-weight: 700;margin-top: 18px;} .wpc_choose_item > p{font-size: 14px;color: #4B5563;line-height: 1.6;margin-top: 12px;} .wpc_choose_item > span{display: inline-flex;align-items: center;font-size: 14px;color: #1A96B1;font-weight: 700;margin-top: 20px;} .wpc_choose_item > span i{font-size: 12px;margin-left: 8px;transition: all 0.3s;} .wpc_choose_item:hover > span i{transform: translateX(5px);} .wpc_ops{width: 100%;display: flex;justify-content: center;flex-wrap: wrap;margin-top: 40px;padding-top: 36px;border-top: 1px solid #EEF0F2;} .wpc_ops li{display: flex;align-items: center;font-size: 14px;color: #4B5563;margin: 0 24px;} .wpc_ops li i{color: #1A96B1;font-size: 16px;margin-right: 10px;} @media (max-width: 990px) { .wpc_scene_ul li{width: 100%;} .wpc_choose{flex-wrap: wrap;} .wpc_choose_item{width: 100%;margin-bottom: 20px;} } @media (max-width: 768px) { .wpc_theme .ads_banner_box:before{width: 60vw;height: 60vw;right: -20vw;top: -24vw;} .wpc_theme .ads_banner_left h3{font-size: 7vw;} .wpc_site{border-radius: 2.6vw;} .wpc_site_top{padding: 2.6vw 3.2vw;} .wpc_site_top span{width: 2.2vw;height: 2.2vw;margin-right: 1.6vw;} .wpc_site_top em{font-size: 2.8vw;margin-left: 2.6vw;padding: 0.6vw 3vw;border-radius: 4vw;} .wpc_site_nav{padding: 3vw 4vw;} .wpc_site_nav b{width: 6vw;height: 6vw;border-radius: 1.4vw;font-size: 3.2vw;} .wpc_site_nav i{width: 9vw;height: 1.8vw;margin-left: 3vw;} .wpc_site_hero{margin: 3.4vw;padding: 5.6vw 4.8vw;border-radius: 2vw;} .wpc_site_hero span{height: 2.6vw;} .wpc_site_hero em{font-size: 2.6vw;padding: 1.6vw 3vw;margin-top: 3.4vw;border-radius: 1vw;} .wpc_site_posts{margin: 0 3.4vw 3.4vw;} .wpc_site_posts div{padding: 2.6vw;border-radius: 1.6vw;} .wpc_site_posts div i{height: 10vw;} .wpc_vs_box{padding: 8vw 0;} .wpc_vs{flex-wrap: wrap;margin-top: 4vw;} .wpc_vs_item{width: 100%;padding: 6% 5%;border-radius: 3vw;margin-bottom: 3.8vw;} .wpc_vs_tag{font-size: 3vw;padding: 1.2vw 3vw;border-radius: 4vw;} .wpc_vs_item h3{font-size: 4.4vw;margin-top: 3.2vw;} .wpc_vs_item ul{margin-top: 3.6vw;} .wpc_vs_item li{font-size: 3.6vw;margin-top: 3vw;} .wpc_vs_item li i{flex: 0 0 4.6vw;width: 4.6vw;height: 4.6vw;font-size: 2.6vw;margin-right: 2.8vw;} .wpc_scene_box{padding: 8vw 0;} .wpc_scene_ul{margin-top: 1vw;} .wpc_scene_ul li{width: 100%;margin-top: 3.8vw;padding: 5% 4%;border-radius: 2.6vw;} .wpc_scene_ico{flex: 0 0 11vw;width: 11vw;height: 11vw;border-radius: 2vw;font-size: 4.6vw;margin-right: 4vw;} .wpc_scene_txt h3{font-size: 4.2vw;} .wpc_scene_txt p{font-size: 3.4vw;margin-top: 2vw;} .wpc_stats_box{padding: 9vw 0;} .wpc_stats{flex-wrap: wrap;} .wpc_stats li{width: 50%;margin-bottom: 6vw;} .wpc_stats li:nth-of-type(2):after{display: none;} .wpc_stats li:nth-of-type(3), .wpc_stats li:nth-of-type(4){margin-bottom: 0;} .wpc_stats li h3{font-size: 8vw;} .wpc_stats li p{font-size: 3.2vw;margin-top: 1.6vw;} .wpc_choose_box{padding: 8vw 0;} .wpc_choose{margin-top: 4vw;} .wpc_choose_item{width: 100%;padding: 6% 5%;border-radius: 3vw;margin-bottom: 3.8vw;} .wpc_choose_item em{font-size: 3vw;padding: 1vw 3vw;border-radius: 4vw;} .wpc_choose_item h3{font-size: 4.4vw;margin-top: 3.2vw;} .wpc_choose_item > p{font-size: 3.4vw;margin-top: 2.4vw;} .wpc_choose_item > span{font-size: 3.4vw;margin-top: 4vw;} .wpc_ops{margin-top: 6vw;padding-top: 6vw;} .wpc_ops li{font-size: 3.4vw;margin: 2vw 3vw;} .wpc_ops li i{font-size: 3.8vw;margin-right: 2vw;} } /* ===== 海豚系统定制站（dcs_） ===== */ .dcs_theme{--adsAccent: #1A96B1;--adsAccent2: #22D3EE;} .dcs_theme .ads_banner_box.dark{background: radial-gradient(ellipse 26% 56% at 68% 50%, rgba(26, 150, 177, 0.18) 0%, transparent 100%), linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px), linear-gradient(158deg, #101820 0%, #0B1220 100%);background-size: auto, 24px 22px, 24px 22px, auto;} .dcs_theme .ads_banner_left h3{font-size: 42px;letter-spacing: -1px;} .dcs_theme .ads_banner_left_tag i{color: #22D3EE;} .dcs_theme .ads_banner_left_tag span{color: #1A96B1;margin-left: 8px;} .dcs_admin{width: 100%;background: #0D1420;border: 1px solid rgba(255, 255, 255, 0.1);border-radius: 12px;box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6);overflow: hidden;position: relative;z-index: 2;} .dcs_admin_top{display: flex;justify-content: flex-start;align-items: center;padding: 12px 16px;border-bottom: 1px solid rgba(255, 255, 255, 0.08);} .dcs_admin_top span{display: block;width: 10px;height: 10px;border-radius: 50%;margin-right: 8px;} .dcs_admin_top span.r{background: #EF4444;} .dcs_admin_top span.y{background: #EAB308;} .dcs_admin_top span.g{background: #22C55E;} .dcs_admin_top em{font-style: normal;font-size: 12px;color: #9CA3AF;margin-left: 10px;} .dcs_admin_body{display: flex;justify-content: flex-start;align-items: stretch;} .dcs_admin_side{width: 31%;flex: 0 0 31%;border-right: 1px solid rgba(255, 255, 255, 0.08);padding: 14px 0;} .dcs_admin_side i{display: block;font-style: normal;font-size: 12px;color: #9CA3AF;padding: 9px 16px;border-left: 3px solid transparent;} .dcs_admin_side i.on{color: #FFFFFF;background: rgba(26, 150, 177, 0.15);border-left-color: #1A96B1;} .dcs_admin_main{flex: 1;padding: 14px 16px;min-width: 0;} .dcs_admin_bar{display: flex;justify-content: flex-start;align-items: center;margin-bottom: 6px;} .dcs_admin_bar b{font-size: 13px;color: #FFFFFF;} .dcs_admin_bar span{padding: 2px 8px;border: 1px solid rgba(255, 255, 255, 0.15);border-radius: 4px;font-size: 10px;color: #9CA3AF;margin-left: 8px;} .dcs_admin_bar span:nth-of-type(1){margin-left: auto;} .dcs_admin_bar span.on{background: #1A96B1;border-color: #1A96B1;color: #FFFFFF;} .dcs_admin_row{display: flex;justify-content: flex-start;align-items: center;padding: 10px 12px;background: rgba(255, 255, 255, 0.04);border: 1px solid rgba(255, 255, 255, 0.06);border-radius: 6px;margin-top: 8px;} .dcs_admin_row > i{display: block;width: 8px;height: 8px;border-radius: 50%;background: #22D3EE;flex: 0 0 8px;} .dcs_admin_row p{flex: 1;font-size: 12px;color: #D1D5DB;margin: 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .dcs_admin_row em{font-style: normal;font-size: 10px;color: #22C55E;background: rgba(34, 197, 94, 0.15);border-radius: 10px;padding: 2px 8px;} .dcs_admin_row em.done{color: #9CA3AF;background: rgba(255, 255, 255, 0.08);} .dcs_cap_box{width: 100%;height: auto;padding: 80px 0;background: #F9FAFB;overflow: hidden;} .dcs_cap_ul{width: 100%;display: flex;justify-content: flex-start;flex-wrap: wrap;margin-top: 16px;} .dcs_cap_ul li{width: 32%;margin-left: 2%;margin-top: 24px;padding: 30px 28px;background: #FFFFFF;border: 1px solid #F3F4F6;border-radius: 12px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);transition: all 0.3s;} .dcs_cap_ul li:nth-of-type(3n+1){margin-left: 0;} .dcs_cap_ul li:hover{transform: translateY(-6px);box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);} .dcs_cap_ico{width: 52px;height: 52px;border-radius: 10px;background: rgba(26, 150, 177, 0.1);color: #1A96B1;display: flex;justify-content: center;align-items: center;font-size: 22px;transition: all 0.3s;} .dcs_cap_ul li:hover .dcs_cap_ico{background: #1A96B1;color: #FFFFFF;} .dcs_cap_ul li h3{font-size: 18px;color: #111827;font-weight: 700;margin-top: 20px;} .dcs_cap_ul li p{font-size: 14px;color: #4B5563;line-height: 1.6;margin-top: 10px;} .dcs_compare_box{width: 100%;height: auto;padding: 80px 0;background: #FFFFFF;overflow: hidden;} .dcs_compare_scroll{width: 100%;overflow-x: auto;margin-top: 40px;} .dcs_compare{width: 100%;min-width: 760px;border-collapse: separate;border-spacing: 0;border: 1px solid #F3F4F6;border-radius: 12px;overflow: hidden;} .dcs_compare th, .dcs_compare td{padding: 16px 20px;font-size: 14px;color: #4B5563;text-align: center;border-bottom: 1px solid #F3F4F6;} .dcs_compare th{font-size: 16px;color: #111827;font-weight: 700;background: #F9FAFB;} .dcs_compare th:first-child, .dcs_compare td:first-child{text-align: left;font-weight: 700;color: #111827;} .dcs_compare td.hl{background: rgba(26, 150, 177, 0.06);color: #111827;font-weight: 700;border-left: 1px solid rgba(26, 150, 177, 0.3);border-right: 1px solid rgba(26, 150, 177, 0.3);} .dcs_compare th.hl{background: #1A96B1;color: #FFFFFF;} .dcs_compare th b{display: block;font-size: 16px;} .dcs_compare th small{display: block;font-size: 12px;font-weight: 400;margin-top: 3px;color: #6B7280;} .dcs_compare th.hl small{color: rgba(255, 255, 255, 0.85);} .dcs_compare tbody tr:last-child th, .dcs_compare tbody tr:last-child td{border-bottom: none;} .dcs_compare_rate td:first-child{color: #1A96B1;} .dcs_star{display: block;} .dcs_star i{font-size: 15px;color: #1A96B1;margin: 0 2px;} .dcs_star.gray i{color: #9CA3AF;} .dcs_star i.dim{color: #E5E7EB;} .dcs_compare_rate em{display: block;font-style: normal;font-size: 13px;font-weight: 700;color: #6B7280;margin-top: 8px;} .dcs_compare_rate td.hl em{color: #1A96B1;} .dcs_compare_tip{margin-top: 24px;padding: 16px 24px;background: rgba(26, 150, 177, 0.08);border-left: 4px solid #1A96B1;border-radius: 0 8px 8px 0;font-size: 15px;color: #374151;line-height: 1.7;} .dcs_compare_tip strong{color: #1A96B1;} .dcs_compare_tip a{color: #1A96B1;font-weight: 700;text-decoration: underline;} .dcs_flow_box{width: 100%;height: auto;padding: 80px 0;background: #F9FAFB;overflow: hidden;} .dcs_flow_ul{width: 100%;display: flex;justify-content: space-between;margin-top: 56px;position: relative;} .dcs_flow_ul:before{content: "";display: block;position: absolute;left: 9%;right: 9%;top: 24px;height: 2px;background: #E5E7EB;} .dcs_flow_ul li{width: 18%;position: relative;text-align: center;} .dcs_flow_num{width: 48px;height: 48px;border-radius: 50%;background: #FFFFFF;border: 3px solid #1A96B1;color: #1A96B1;font-size: 18px;font-weight: 700;display: flex;justify-content: center;align-items: center;margin: 0 auto;position: relative;z-index: 2;box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);} .dcs_flow_ul li h3{font-size: 17px;color: #111827;font-weight: 700;margin-top: 18px;} .dcs_flow_ul li em{display: inline-block;font-style: normal;font-size: 12px;color: #1A96B1;font-weight: 700;background: rgba(26, 150, 177, 0.1);border-radius: 4px;padding: 3px 10px;margin-top: 8px;} .dcs_flow_ul li p{font-size: 13px;color: #6B7280;line-height: 1.6;margin-top: 10px;} @media (max-width: 1200px) { .dcs_admin_side{width: 27%;flex: 0 0 27%;} } @media (max-width: 990px) { .dcs_cap_ul li{width: 49%;} .dcs_cap_ul li:nth-of-type(3n+1){margin-left: 2%;} .dcs_cap_ul li:nth-of-type(2n+1){margin-left: 0;} .dcs_flow_ul{flex-wrap: wrap;justify-content: center;} .dcs_flow_ul:before{display: none;} .dcs_flow_ul li{width: 30%;margin: 0 1.5% 30px;} } @media (max-width: 768px) { .dcs_admin{border-radius: 2.6vw;} .dcs_admin_top{padding: 2.6vw 3.2vw;} .dcs_admin_top span{width: 2.2vw;height: 2.2vw;margin-right: 1.6vw;} .dcs_admin_top em{font-size: 2.8vw;margin-left: 2vw;} .dcs_admin_side{padding: 2.6vw 0;} .dcs_admin_side i{font-size: 2.8vw;padding: 2vw 3.2vw;border-left-width: 0.6vw;} .dcs_admin_main{padding: 2.6vw 3.2vw;} .dcs_admin_bar b{font-size: 3.2vw;} .dcs_admin_bar span{padding: 0.5vw 1.8vw;border-radius: 1vw;font-size: 2.4vw;margin-left: 1.6vw;} .dcs_admin_row{padding: 2.2vw 2.6vw;border-radius: 1.4vw;margin-top: 1.8vw;} .dcs_admin_row > i{width: 1.8vw;height: 1.8vw;flex: 0 0 1.8vw;} .dcs_admin_row p{font-size: 2.8vw;margin: 0 2vw;} .dcs_admin_row em{font-size: 2.4vw;padding: 0.5vw 1.8vw;border-radius: 2.2vw;} .dcs_cap_box{padding: 8vw 0;} .dcs_cap_ul{margin-top: 1vw;} .dcs_cap_ul li{width: 100%;margin-left: 0;margin-top: 3.8vw;padding: 5% 4%;border-radius: 2.6vw;} .dcs_cap_ul li:nth-of-type(3n+1){margin-left: 0;} .dcs_cap_ico{width: 11vw;height: 11vw;border-radius: 2vw;font-size: 4.6vw;} .dcs_cap_ul li h3{font-size: 4.2vw;margin-top: 3.2vw;} .dcs_cap_ul li p{font-size: 3.4vw;margin-top: 1.8vw;} .dcs_compare_box{padding: 8vw 0;} .dcs_compare_scroll{margin-top: 6vw;} .dcs_compare th, .dcs_compare td{padding: 3vw 3.6vw;font-size: 3.2vw;} .dcs_compare th{font-size: 3.4vw;} .dcs_compare th b{font-size: 3.4vw;} .dcs_compare th small{font-size: 2.8vw;margin-top: 0.8vw;} .dcs_star i{font-size: 3.2vw;margin: 0 0.5vw;} .dcs_compare_rate em{font-size: 3vw;margin-top: 1.6vw;} .dcs_compare_tip{margin-top: 4vw;padding: 3.2vw 4vw;border-left-width: 0.8vw;border-radius: 0 1.6vw 1.6vw 0;font-size: 3.4vw;} .dcs_flow_box{padding: 8vw 0;} .dcs_flow_ul{margin-top: 4vw;} .dcs_flow_ul li{width: 100%;margin: 6vw 0 0;} .dcs_flow_num{width: 10.6vw;height: 10.6vw;border-width: 0.7vw;font-size: 4.2vw;} .dcs_flow_ul li h3{font-size: 4.2vw;margin-top: 2.6vw;} .dcs_flow_ul li em{font-size: 3vw;padding: 0.8vw 2.4vw;border-radius: 1vw;margin-top: 1.6vw;} .dcs_flow_ul li p{font-size: 3.2vw;margin-top: 1.8vw;} } /* ===== YouTube Ads 1:1（暗色 banner + 视频广告矩阵） ===== */ .ads_theme_youtube .ads_banner_box.dark{background: radial-gradient(ellipse 22% 54% at 31% 50%, rgba(26, 150, 177, 0.2) 0%, transparent 100%), radial-gradient(ellipse 22% 54% at 69% 50%, rgba(255, 0, 0, 0.2) 0%, transparent 100%), linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px), radial-gradient(circle at 50% 50%, #1F1F1F 0%, #0F0F0F 100%);background-size: auto, auto, 24px 22px, 24px 22px, auto;} .ads_theme_youtube .ads_banner_box.dark .ads_banner_left_tag{box-shadow: 0 0 20px rgba(26, 150, 177, 0.3);} .ads_theme_youtube .ads_banner_left_tag i{color: #FFFFFF;} .ads_theme_youtube .ads_banner_left_tag span{color: #1A96B1;margin-left: 8px;} .ads_theme_youtube .ads_banner_left h3{background: linear-gradient(90deg, #1A96B1 0%, #22D3EE 100%);-webkit-background-clip: text;background-clip: text;} .ads_theme_youtube .ads_banner_box.dark .ads_banner_left > p{border-left: 4px solid #FF0000;padding-left: 24px;} .ads_theme_youtube .ads_mock_player{background: #000000;border: 1px solid #1F2937;} .ads_theme_youtube .ads_mock_player_stage{background: #111827;} .ads_theme_youtube .ads_mock_player_stage > .fa-play{width: 64px;height: 64px;position: relative;z-index: 2;} .ads_mock_player_stage > i.ytads_stage_bg{width: auto;height: auto;background: none;border-radius: 0;padding-left: 0;color: #374151;font-size: 60px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} .ads_theme_youtube .ads_mock_player_banner{background: rgba(0, 0, 0, 0.8);backdrop-filter: blur(4px);border-left: 4px solid #1A96B1;} .ads_theme_youtube .ads_mock_player_banner span{background: #FFFFFF;color: #111827;} .ads_theme_youtube .ads_mock_player_banner div h4{color: #FFFFFF;} .ads_theme_youtube .ads_mock_player_banner div p{color: #D1D5DB;} .ytads_progress{width: 100%;height: 4px;background: #374151;position: relative;} .ytads_progress span{display: block;width: 33.33%;height: 100%;background: #FF0000;position: relative;} .ytads_progress span:after{content: "";display: block;width: 12px;height: 12px;border-radius: 50%;background: #FF0000;position: absolute;right: -6px;top: -4px;} .ads_theme_youtube .ads_mock_player_ctrl{border-top: none;} .ads_theme_youtube .ads_product_box{background: #F2F8F9;} .ytads_grid{width: 100%;display: flex;justify-content: space-between;align-items: stretch;margin-top: 40px;} .ytads_main{width: 32.03%;background: #FFFFFF;border-top: 4px solid #1A96B1;border-radius: 12px;box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);overflow: hidden;transition: all 0.3s;} .ytads_main:hover{transform: translateY(-6px);} .ytads_main_mock{width: 100%;height: 192px;background: #111827;position: relative;} .ytads_main_mock > i{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 36px;color: #FFFFFF;} .ytads_main_mock a{position: absolute;right: 16px;bottom: 16px;padding: 8px 16px;background: #1A96B1;border-radius: 4px;font-size: 14px;color: #FFFFFF;font-weight: 700;box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);} .ytads_main_txt{padding: 26px 24px 24px;} .ytads_main_row{display: flex;justify-content: flex-start;align-items: center;} .ytads_main_row em{flex: 0 0 auto;padding: 4px 8px;background: #DBEAFE;border-radius: 4px;font-style: normal;font-size: 12px;color: #1D4ED8;font-weight: 700;margin-right: 8px;} .ytads_main_row h3{font-size: 20px;color: #111827;font-weight: 700;} .ytads_main_txt > p{font-size: 14px;color: #4B5563;line-height: 20px;margin-top: 14px;} .ytads_cards{width: 66.01%;display: flex;justify-content: space-between;align-content: space-between;flex-wrap: wrap;} .ytads_cards li{width: 48.51%;background: #FFFFFF;border: 1px solid #F3F4F6;border-radius: 12px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);overflow: hidden;transition: all 0.3s;} .ytads_cards li:hover{transform: translateY(-6px);box-shadow: 0 12px 24px rgba(0, 0, 0, 0.08);} .ytads_cards li:nth-of-type(-n+2){margin-bottom: 32px;} .ytads_cards_mock{width: 100%;height: 128px;background: #E5E7EB;position: relative;} .ytads_cards_mock > .fa-play{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-size: 30px;color: #9CA3AF;} .ytads_skip{position: absolute;right: 8px;bottom: 8px;padding: 4px 8px;background: rgba(0, 0, 0, 0.7);border-radius: 4px;font-size: 10px;color: #FFFFFF;} .ytads_feed_bar{position: absolute;left: 2%;right: 26%;top: 8px;height: 16px;background: #FFFFFF;border-radius: 2px;} .ytads_feed_thumb{position: absolute;left: 2%;top: 32px;width: 31.3%;height: 64px;background: #D1D5DB;border-radius: 2px;display: flex;justify-content: center;align-items: center;} .ytads_feed_thumb em{padding: 1px 4px;background: #FACC15;font-style: normal;font-size: 8px;color: #000000;} .ytads_feed_line1{position: absolute;left: 35.4%;right: 2%;top: 32px;height: 12px;background: #D1D5DB;border-radius: 2px;} .ytads_feed_line2{position: absolute;left: 35.4%;right: 23%;top: 48px;height: 12px;background: #D1D5DB;border-radius: 2px;} .ytads_cards li.dark .ytads_cards_mock{background: #111827;} .ytads_shorts_col{position: absolute;left: 50%;top: 0;bottom: 0;width: 64px;margin-left: -32px;background: #1F2937;border-left: 1px solid #374151;border-right: 1px solid #374151;} .ytads_shorts_col i{position: absolute;left: 50px;font-size: 8px;color: #FFFFFF;} .ytads_shorts_col i:nth-of-type(1){top: 100px;} .ytads_shorts_col i:nth-of-type(2){top: 112px;} .ytads_shorts_tag{position: absolute;right: 8px;top: 8px;padding: 2px 4px;background: #FF0000;border-radius: 4px;font-size: 10px;color: #FFFFFF;font-weight: 700;} .ytads_bumper{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;font-size: 36px;color: #D1D5DB;font-weight: 900;} .ytads_cards_txt{padding: 18px 20px 20px;} .ytads_cards_txt h3{font-size: 16px;color: #111827;font-weight: 700;} .ytads_cards_txt p{font-size: 12px;color: #6B7280;line-height: 16px;margin-top: 8px;} /*.ads_theme_youtube .ads_whyus_box.brown{background: #0F0F0F;background-image: linear-gradient(194deg, rgba(255, 0, 0, 0.1) 0%, rgba(255, 0, 0, 0) 60%);}*/ .ads_theme_youtube .ads_whyus_box:before{display: none;} .ads_theme_youtube .ads_whyus_ul_ico, .ads_theme_youtube .ads_whyus_ul_ico.c2, .ads_theme_youtube .ads_whyus_ul_ico.c3, .ads_theme_youtube .ads_whyus_ul_ico.c4{color: #FFFFFF;font-size: 36px;} @media (max-width: 990px) { .ytads_grid{flex-wrap: wrap;} .ytads_main{width: 100%;} .ytads_cards{width: 100%;margin-top: 24px;} .ytads_cards li:nth-of-type(-n+2){margin-bottom: 24px;} } @media (max-width: 768px) { .ads_theme_youtube .ads_banner_box.dark .ads_banner_left > p{border-left-width: 0.8vw;padding-left: 4vw;} .ytads_progress{height: 1vw;} .ytads_progress span:after{width: 2.6vw;height: 2.6vw;top: -0.8vw;right: -1.3vw;} .ytads_grid{margin-top: 3.2vw;} .ytads_main{width: 100%;border-radius: 2.6vw;border-top-width: 0.8vw;} .ytads_main_mock{height: 42vw;} .ytads_main_mock > i{font-size: 8vw;} .ytads_main_mock a{right: 3.2vw;bottom: 3.2vw;padding: 1.8vw 3.2vw;border-radius: 1vw;font-size: 3.2vw;} .ytads_main_txt{padding: 5% 4% 4%;} .ytads_main_row em{padding: 1vw 2vw;border-radius: 1vw;font-size: 3vw;margin-right: 2vw;} .ytads_main_row h3{font-size: 4.2vw;} .ytads_main_txt > p{font-size: 3.4vw;line-height: 1.5;margin-top: 2.4vw;} .ytads_cards{margin-top: 3.8vw;} .ytads_cards li{width: 100%;border-radius: 2.6vw;margin-bottom: 3.8vw;} .ytads_cards li:nth-of-type(-n+2){margin-bottom: 3.8vw;} .ytads_cards_mock{height: 30vw;} .ytads_cards_mock > .fa-play{font-size: 6.4vw;} .ytads_skip{right: 2vw;bottom: 2vw;padding: 1vw 2vw;border-radius: 1vw;font-size: 2.6vw;} .ytads_feed_bar{top: 2vw;height: 3.6vw;} .ytads_feed_thumb{top: 7.6vw;height: 15vw;} .ytads_feed_thumb em{font-size: 2.2vw;} .ytads_feed_line1{top: 7.6vw;height: 2.8vw;} .ytads_feed_line2{top: 12vw;height: 2.8vw;} .ytads_shorts_col{width: 15vw;margin-left: -7.5vw;} .ytads_shorts_col i{left: 11.4vw;font-size: 2vw;} .ytads_shorts_col i:nth-of-type(1){top: 22.6vw;} .ytads_shorts_col i:nth-of-type(2){top: 25.8vw;} .ytads_shorts_tag{right: 2vw;top: 2vw;padding: 0.5vw 1vw;border-radius: 1vw;font-size: 2.6vw;} .ytads_bumper{font-size: 8vw;} .ytads_cards_txt{padding: 4%;} .ytads_cards_txt h3{font-size: 4vw;} .ytads_cards_txt p{font-size: 3.2vw;line-height: 1.5;margin-top: 1.8vw;} .ads_theme_youtube .ads_whyus_ul_ico, .ads_theme_youtube .ads_whyus_ul_ico.c2, .ads_theme_youtube .ads_whyus_ul_ico.c3, .ads_theme_youtube .ads_whyus_ul_ico.c4{font-size: 7.6vw;} } /* ===== Meta Ads 1:1 广告形式区（3+2 网格） ===== */ .ads_theme_meta .ads_product_box{background: #F0F8FA;background-image: radial-gradient(rgba(207, 216, 220, 0.6) 1.5px, transparent 1.5px);background-size: 24px 24px;} .mads_pill{display: table;margin: 0 auto;background: #FFFFFF;border: 1px solid rgba(26, 150, 177, 0.1);border-radius: 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);padding: 4px 12px;font-size: 12px;font-weight: 700;color: #1A96B1;letter-spacing: 1.2px;text-transform: uppercase;} .ads_theme_meta .google_seo_title{margin-top: 18px;} .mads_format_ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;} .mads_format_ul li{width: 32.46%;background: #FFFFFF;border: 1px solid #F3F4F6;border-radius: 12px;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);padding: 24px;margin-bottom: 24px;transition: all 0.3s;} .mads_format_ul li:hover{transform: translateY(-6px);box-shadow: 0 12px 24px rgba(0, 0, 0, 0.1);} .mads_format_ul li.hl{border-top: 4px solid #1A96B1;padding-top: 21px;} .mads_format_ul li.wide{width: 66.23%;} .mads_format_top{display: flex;justify-content: flex-start;align-items: center;} .mads_format_ico{width: 32px;height: 40px;flex: 0 0 32px;display: flex;justify-content: center;align-items: center;background: #DBEAFE;border-radius: 4px;font-size: 16px;color: #2563EB;margin-right: 12px;} .mads_format_ul li.c2 .mads_format_ico{background: #E4F4F7;color: #1A96B1;} .mads_format_ul li.c3 .mads_format_ico{background: #FCE7F3;color: #E1306C;} .mads_format_ul li.c4 .mads_format_ico{background: #FEF9C3;color: #CA8A04;} .mads_format_ul li.c5 .mads_format_ico{background: #E0E7FF;color: #4F46E5;} .mads_format_top h3{font-size: 16px;color: #111827;font-weight: 700;} .mads_format_tag{display: inline-block;padding: 4px 8px;background: #F3F4F6;border-radius: 4px;font-size: 12px;font-weight: 700;color: #4B5563;margin-top: 18px;} .mads_format_tag.green{background: #DCFCE7;color: #16A34A;} .mads_format_ul li p{font-size: 14px;color: #4B5563;line-height: 20px;margin-top: 13px;} @media (max-width: 990px) { .mads_format_ul li{width: 48.7%;} .mads_format_ul li.wide{width: 100%;} } @media (max-width: 768px) { .mads_pill{border-radius: 1vw;padding: 1vw 3vw;font-size: 3vw;} .ads_theme_meta .google_seo_title{margin-top: 3vw;} .mads_format_ul{margin-top: 3.2vw;} .mads_format_ul li{width: 100%;border-radius: 2.6vw;padding: 4%;margin-bottom: 3.8vw;} .mads_format_ul li.hl{border-top-width: 0.8vw;} .mads_format_ico{width: 7vw;height: 8.6vw;flex: 0 0 7vw;border-radius: 1vw;font-size: 3.6vw;margin-right: 2.6vw;} .mads_format_top h3{font-size: 4vw;} .mads_format_tag{padding: 1vw 2vw;border-radius: 1vw;font-size: 3vw;margin-top: 3vw;} .mads_format_ul li p{font-size: 3.4vw;line-height: 1.5;margin-top: 2.4vw;} } /* ===== TikTok Ads 1:1 原生视频广告区（双竖卡 + 右列） ===== */ .ads_theme_tiktok .ads_product_box.ads_dark{background: #000000;background-image: linear-gradient(rgba(51, 51, 51, 0.2) 1px, transparent 1px), linear-gradient(90deg, rgba(51, 51, 51, 0.2) 1px, transparent 1px);background-size: 40px 40px;} .tka_native{width: 100%;display: flex;justify-content: center;align-items: stretch;margin-top: 40px;} .tka_card{width: 26.2%;background: #111827;border: 1px solid #1F2937;border-radius: 24px;overflow: hidden;margin-right: 2.6%;display: flex;flex-direction: column;transition: all 0.3s;} .tka_card:hover{border-color: rgba(37, 244, 238, 0.4);transform: translateY(-6px);} .tka_card_screen{width: 100%;height: 384px;background: #1F2937;position: relative;flex: 0 0 384px; background: url(/uploadfile/202608/565bb796dde4e91.webp) no-repeat center center; background-size: cover; } .tka_card_screen > i{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -60%);font-size: 60px;color: rgba(255, 255, 255, 0.2);} .tka_card_screen_info{position: absolute;left: 16px;bottom: 16px;right: 16px;} .tka_card_screen_info h4{font-size: 12px;color: #FFFFFF;font-weight: 700;} .tka_card_screen_info p{font-size: 10px;color: #9CA3AF;margin-top: 5px;} .tka_card_search{height: 32px;display: flex;justify-content: flex-start;align-items: center;background: #374151;border-radius: 16px;margin: 16px 16px 0;padding: 0 12px;font-size: 12px;color: #9CA3AF;} .tka_card_search i{font-size: 12px;margin-right: 8px;} .tka_card_grid{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 16px 16px 0;} .tka_card_grid span{display: block;width: calc(50% - 4px);height: 128px;background: #374151;border-radius: 4px;position: relative;} .tka_card_grid span.full{width: 100%;margin-top: 8px;} .tka_card_grid span em{position: absolute;left: 4px;top: 4px;padding: 1px 4px;background: rgba(17, 24, 39, 0.8);border-radius: 4px;font-style: normal;font-size: 8px;color: #FFFFFF;} .tka_card_txt{padding: 24px;} .tka_card_txt h3{display: flex;align-items: center;font-size: 20px;color: #FFFFFF;font-weight: 700;} .tka_card_txt h3 i{display: block;width: 8px;height: 8px;border-radius: 50%;background: #25F4EE;margin-right: 16px;} .tka_card_txt h3 i.cyan2{background: #1A96B1;} .tka_card_txt p{font-size: 14px;color: #9CA3AF;line-height: 20px;margin-top: 9px;} .tka_side{width: 26.8%;display: flex;flex-direction: column;justify-content: space-between;} .tka_side li{background: #111827;border: 1px solid #1F2937;border-radius: 24px;padding: 24px;height: calc(50% - 12px);transition: all 0.3s;} .tka_side li:hover{border-color: rgba(254, 44, 85, 0.4);transform: translateY(-6px);} .tka_side li:nth-of-type(2):hover{border-color: rgba(250, 204, 21, 0.4);} .tka_side li h3{font-size: 18px;color: #FE2C55;font-weight: 700;} .tka_side li h3 i{margin-right: 8px;} .tka_side li:nth-of-type(2) h3{color: #FACC15;} .tka_side li p{font-size: 14px;color: #9CA3AF;line-height: 20px;margin-top: 14px;} @media (max-width: 990px) { .tka_native{flex-wrap: wrap;} .tka_card{width: 48.7%;margin-right: 2.6%;} .tka_card:nth-of-type(2){margin-right: 0;} .tka_side{width: 100%;flex-direction: row;justify-content: space-between;margin-top: 24px;} .tka_side li{width: 48.7%;height: auto;} } @media (max-width: 768px) { .ads_theme_tiktok .ads_product_box.ads_dark{background-size: 8vw 8vw;} .tka_native{margin-top: 3.2vw;} .tka_card{width: 100%;margin-right: 0;border-radius: 5vw;margin-bottom: 3.8vw;} .tka_card_screen{height: 76vw;flex: 0 0 76vw;} .tka_card_screen > i{font-size: 13vw;} .tka_card_screen_info{left: 3.2vw;right: 3.2vw;bottom: 3.2vw;} .tka_card_screen_info h4{font-size: 3vw;} .tka_card_screen_info p{font-size: 2.4vw;margin-top: 1vw;} .tka_card_search{height: 8vw;border-radius: 4vw;margin: 3.2vw 3.2vw 0;font-size: 2.8vw;padding: 0 2.8vw;} .tka_card_grid{margin: 3.2vw 3.2vw 0;} .tka_card_grid span{height: 26vw;width: calc(50% - 1vw);} .tka_card_grid span.full{margin-top: 2vw;} .tka_card_txt{padding: 4%;} .tka_card_txt h3{font-size: 4.2vw;} .tka_card_txt h3 i{width: 1.8vw;height: 1.8vw;margin-right: 2.8vw;} .tka_card_txt p{font-size: 3.4vw;line-height: 1.5;margin-top: 1.8vw;} .tka_side{flex-direction: column;margin-top: 0;} .tka_side li{width: 100%;border-radius: 5vw;padding: 5% 4%;margin-bottom: 3.8vw;} .tka_side li h3{font-size: 4vw;} .tka_side li p{font-size: 3.4vw;line-height: 1.5;margin-top: 2.4vw;} } /* ===== LinkedIn Ads 1:1 广告形式区（左大卡 + 右 2×2） ===== */ .ads_theme_linkedin .ads_product_box{background: #F3F6F8;} .lads_solution{width: 100%;display: flex;justify-content: space-between;align-items: stretch;margin-top: 40px;} .lads_lead{width: 32.46%;background: #FFFFFF;border: 1px solid rgba(0, 119, 181, 0.1);border-radius: 8px;box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.1), 0px 2px 4px -2px rgba(0, 0, 0, 0.1);position: relative;overflow: hidden;padding: 24px;} .lads_lead:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 4px;background: linear-gradient(90deg, #0077B5 0%, #1A96B1 100%);} .lads_lead_ico{width: 46px;height: 52px;border-radius: 50%;background: rgba(0, 119, 181, 0.1);color: #0077B5;font-size: 20px;display: flex;justify-content: center;align-items: center;} .lads_lead > em{position: absolute;right: 24px;top: 24px;height: 24px;line-height: 24px;padding: 0 8px;background: #DCFCE7;border-radius: 4px;font-style: normal;font-size: 12px;color: #15803D;font-weight: 700;} .lads_lead > h3{font-size: 18px;color: #111827;font-weight: 700;margin-top: 18px;} .lads_lead > p{font-size: 14px;color: #4B5563;line-height: 20px;margin-top: 10px;} .lads_lead_form{background: #F9FAFB;border: 1px solid #E5E7EB;border-radius: 4px;padding: 16px;margin-top: 16px;} .lads_lead_form_user{display: flex;justify-content: flex-start;align-items: center;} .lads_lead_form_user i{display: block;width: 32px;height: 32px;flex: 0 0 32px;border-radius: 50%;background: #D1D5DB;} .lads_lead_form_user div{flex: 1;margin-left: 8px;} .lads_lead_form_user span{display: block;height: 8px;border-radius: 4px;background: #D1D5DB;width: 80px;} .lads_lead_form_user span + span{background: #E5E7EB;width: 48px;margin-top: 4px;} .lads_lead_form_input{height: 32px;display: flex;align-items: center;background: #FFFFFF;border: 1px solid #D1D5DB;border-radius: 4px;padding: 0 8px;font-size: 12px;color: #9CA3AF;margin-top: 8px;} .lads_lead_form_input:nth-of-type(2){margin-top: 12px;} .lads_lead_form_btn{height: 32px;display: flex;justify-content: center;align-items: center;background: #0077B5;border-radius: 4px;font-size: 12px;color: #FFFFFF;font-weight: 700;margin-top: 8px;} .lads_cards{width: 66.23%;display: flex;justify-content: space-between;flex-wrap: wrap;} .lads_cards li{width: calc(50% - 8px);background: #FFFFFF;border: 1px solid #F3F4F6;border-radius: 8px;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);padding: 24px;margin-bottom: 24px;transition: all 0.3s;} .lads_cards li:nth-of-type(3), .lads_cards li:nth-of-type(4){margin-bottom: 0;} .lads_cards li:hover{transform: translateY(-4px);box-shadow: 0px 10px 24px rgba(0, 0, 0, 0.08);} .lads_cards_top{display: flex;justify-content: flex-start;align-items: center;} .lads_cards_top i{width: 32px;height: 40px;flex: 0 0 32px;border-radius: 4px;background: #F3F4F6;color: #4B5563;font-size: 16px;display: flex;justify-content: center;align-items: center;} .lads_cards_top h3{flex: 1;margin-left: 12px;font-size: 16px;color: #111827;font-weight: 700;} .lads_cards li p{font-size: 14px;color: #4B5563;line-height: 20px;margin-top: 14px;} @media (max-width: 990px) { .lads_solution{flex-wrap: wrap;} .lads_lead{width: 100%;} .lads_cards{width: 100%;margin-top: 24px;} .lads_cards li{width: 100%;margin-bottom: 20px;} .lads_cards li:nth-of-type(3){margin-bottom: 20px;} } @media (max-width: 768px) { .lads_solution{margin-top: 3.2vw;} .lads_lead{padding: 5% 4%;border-radius: 1.6vw;} .lads_lead:before{height: 0.8vw;} .lads_lead_ico{width: 9.6vw;height: 10.8vw;font-size: 4.4vw;} .lads_lead > em{right: 4%;top: 5%;height: 5.4vw;line-height: 5.4vw;font-size: 2.8vw;padding: 0 1.8vw;} .lads_lead > h3{font-size: 4vw;margin-top: 3.2vw;} .lads_lead > p{font-size: 3.4vw;line-height: 1.5;margin-top: 2vw;} .lads_lead_form{padding: 3.2vw;margin-top: 3.2vw;} .lads_lead_form_user i{width: 7vw;height: 7vw;flex: 0 0 7vw;} .lads_lead_form_user span{height: 1.8vw;width: 18vw;} .lads_lead_form_user span + span{width: 11vw;margin-top: 1vw;} .lads_lead_form_input{height: 7.8vw;font-size: 2.8vw;padding: 0 2vw;margin-top: 2vw;} .lads_lead_form_btn{height: 7.8vw;font-size: 3vw;margin-top: 2vw;} .lads_cards{margin-top: 3.8vw;} .lads_cards li{padding: 5% 4%;border-radius: 1.6vw;margin-bottom: 3.8vw;} .lads_cards li:nth-of-type(3){margin-bottom: 3.8vw;} .lads_cards_top i{width: 7.4vw;height: 9vw;flex: 0 0 7.4vw;font-size: 3.6vw;} .lads_cards_top h3{font-size: 4vw;margin-left: 2.4vw;} .lads_cards li p{font-size: 3.4vw;line-height: 1.5;margin-top: 2.4vw;} } /* ===== Bing Ads 1:1 设计还原（微软四色体系） ===== */ .ads_pill{display: table;margin: 0px auto;padding: 5px 12px;background: #F3F9FA;border: 1px solid rgba(26, 150, 177, 0.1);border-radius: 4px;font-size: 12px;color: var(--mainColor);font-weight: 700;letter-spacing: 1.2px;text-transform: uppercase;margin-bottom: 16px;} .ads_theme_bing .ads_banner_box{background: linear-gradient(135deg, #FFFFFF 0%, #F3F3F3 100%);} .ads_theme_bing .ads_banner_box:before{background: rgba(0, 120, 212, 0.06);} .ads_theme_bing .ads_banner_box:after{background: rgba(26, 150, 177, 0.05);} .ads_theme_bing .ads_banner_left h2{letter-spacing: -1px;} .ads_theme_bing .ads_banner_left h3{background: none;-webkit-text-fill-color: #1A96B1;color: #1A96B1;letter-spacing: -1px;} .ads_theme_bing .ads_banner_right{align-items: center;padding: 40px 0;} /* banner 搜索模拟卡 */ .bing_mock_wrap{position: relative;width: 100%;max-width: 500px;margin: 0px auto;} .bing_mock{width: 100%;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 8px;box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);overflow: hidden;position: relative;z-index: 2;} .bing_mock_bar{height: 32px;background: #F3F4F6;border-bottom: 1px solid #E5E7EB;display: flex;justify-content: flex-start;align-items: center;padding: 0 12px;} .bing_mock_bar .d{width: 10px;height: 10px;border-radius: 50%;} .bing_mock_bar .d + .d{margin-left: 6px;} .bing_mock_bar .d.r{background: #F87171;} .bing_mock_bar .d.y{background: #FACC15;} .bing_mock_bar .d.g{background: #4ADE80;} .bing_mock_search{flex: 1;height: 20px;margin-left: 16px;background: #FFFFFF;border: 1px solid #E5E7EB;border-radius: 2px;display: flex;justify-content: flex-start;align-items: center;padding: 0 8px;font-size: 12px;color: #9CA3AF;} .bing_mock_search i{font-size: 12px;margin-right: 8px;} .bing_mock_body{display: flex;justify-content: flex-start;align-items: stretch;background: #F9FAFB;min-height: 236px;} .bing_mock_main{flex: 1;padding: 16px;} .bing_mock_ad{background: #FFFFFF;border-left: 4px solid #1A96B1;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);padding: 12px;} .bing_mock_ad h4{font-size: 12px;color: #1F2937;font-weight: 700;} .bing_mock_ad p{font-size: 12px;color: #6B7280;margin-top: 8px;line-height: 1.35;} .bing_mock_sk{display: block;height: 8px;background: #E5E7EB;border-radius: 2px;} .bing_mock_sk.s1{width: 100%;margin-top: 12px;} .bing_mock_sk.s2{width: 73%;margin-top: 4px;} .bing_mock_copilot{width: 166px;flex: 0 0 166px;background: #FFFFFF;border-left: 1px solid #E5E7EB;padding: 12px;} .bing_mock_copilot_top{display: flex;justify-content: flex-start;align-items: center;font-size: 12px;color: #1F2937;font-weight: 700;} .bing_mock_copilot_top .dot{width: 16px;height: 16px;border-radius: 50%;background: linear-gradient(90deg, #3B82F6 0%, #A855F7 100%);margin-right: 8px;} .bing_mock_copilot_note{background: #EFF6FF;border-radius: 4px;padding: 8px;font-size: 10px;color: #4B5563;line-height: 1.5;margin-top: 12px;} .bing_badge{position: absolute;background: #FFFFFF;border-radius: 8px;box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -4px rgba(0, 0, 0, 0.1);display: flex;justify-content: center;align-items: center;z-index: 1;} .bing_badge.b1{width: 64px;height: 64px;font-size: 36px;color: #0077B5;left: -8px;top: -34px;} .bing_badge.b2{width: 64px;height: 64px;font-size: 36px;color: #0078D4;right: -8px;bottom: -18px;} .bing_badge.b3{width: 48px;height: 48px;font-size: 24px;color: #7FBA00;right: 34px;top: -18px;} /* value 三卡：微软四色淡底图标 + 领英高亮卡 + 对比条 */ .ads_theme_bing .ads_value_box.tint{background: #F3F9FA;} .ads_theme_bing .ads_value_ul_ico{width: 48px;height: 48px;aspect-ratio: auto;border-radius: 2px;box-shadow: none;font-size: 24px;background: rgba(0, 120, 212, 0.1);color: #0078D4;} .ads_theme_bing .ads_value_ul li:nth-of-type(2) .ads_value_ul_ico{background: rgba(0, 119, 181, 0.1);color: #0077B5;} .ads_theme_bing .ads_value_ul li:nth-of-type(3) .ads_value_ul_ico{background: rgba(127, 186, 0, 0.1);color: #7FBA00;} .ads_theme_bing .ads_value_ul li:hover h3{color: #111827;} .ads_theme_bing .ads_value_ul li.hl{border: 1px solid #F3F4F6;border-top: 4px solid #0077B5;} .ads_theme_bing .ads_value_ul li.hl:after{color: rgba(0, 119, 181, 0.1);font-size: 36px;} .ads_theme_bing .ads_value_compare{height: 64px;border-left: 1px solid #E5E7EB;border-bottom: 1px solid #E5E7EB;align-items: flex-end;margin-top: 20px;padding-left: 8px;} .ads_theme_bing .ads_value_compare span{margin: 0;} .ads_theme_bing .ads_value_compare span + span{margin-left: 24px;} .ads_theme_bing .ads_value_compare span i{width: 32px;margin: 0;border-radius: 0;} .ads_theme_bing .ads_value_compare span:nth-of-type(1) i{height: 47px;background: #D1D5DB;} .ads_theme_bing .ads_value_compare span:nth-of-type(2){color: #7FBA00;font-weight: 700;} .ads_theme_bing .ads_value_compare span:nth-of-type(2) i{height: 23px;background: #7FBA00;} /* ad products 2×2 微软生态卡 */ .ads_product_box.white{background: #FFFFFF;} .ads_product_ul.msft{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;} .ads_product_ul.msft li{width: calc(50% - 7px);padding: 24px;background: #FFFFFF;border: 1px solid #EAEAEA;border-radius: 2px;display: flex;justify-content: flex-start;align-items: flex-start;margin: 0 0 14px 0;transition: all 0.3s;} .ads_product_ul.msft li:hover{border-color: #D5D5D5;box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.06);transform: translateY(-4px);} .ads_product_msft_ico{width: 46px;height: 52px;flex: 0 0 46px;border-radius: 2px;display: flex;justify-content: center;align-items: center;font-size: 20px;margin-right: 16px;} .ads_product_msft_ico.c1{background: rgba(0, 120, 212, 0.1);color: #0078D4;} .ads_product_msft_ico.c2{background: rgba(255, 185, 0, 0.1);color: #FFB900;} .ads_product_msft_ico.c3{background: rgba(242, 80, 34, 0.1);color: #F25022;} .ads_product_msft_ico.c4{background: rgba(127, 186, 0, 0.1);color: #7FBA00;} .ads_product_msft_txt{flex: 1;} .ads_product_msft_txt h3{font-size: 18px;color: #111827;font-weight: 700;} .ads_product_msft_txt em{display: inline-block;font-style: normal;height: 20px;line-height: 20px;padding: 0 8px;border-radius: 2px;font-size: 12px;color: #FFFFFF;font-weight: 700;margin-top: 8px;} .ads_product_msft_txt em.c1{background: #0078D4;} .ads_product_msft_txt em.c2{background: #FFB900;} .ads_product_msft_txt em.c3{background: #F25022;} .ads_product_msft_txt em.c4{background: #7FBA00;} .ads_product_msft_txt p{font-size: 14px;color: #4B5563;line-height: 1.45;margin-top: 12px;} .ads_product_msft_txt p b{color: #0077B5;font-weight: 700;} /* phase 三步走：蓝/青/绿左边线 + 结构化清单 */ .ads_theme_bing .ads_phase_ul.cards li{background: #F9FAFB;border-left: 4px solid #0078D4;} .ads_theme_bing .ads_phase_ul.cards li:nth-of-type(2){border-left-color: #1A96B1;} .ads_theme_bing .ads_phase_ul.cards li:nth-of-type(3){border-left-color: #7FBA00;} .ads_theme_bing .ads_phase_ul.cards li h3{color: #0078D4;} .ads_theme_bing .ads_phase_ul.cards li:nth-of-type(2) h3{color: #1A96B1;} .ads_theme_bing .ads_phase_ul.cards li:nth-of-type(3) h3{color: #7FBA00;} .ads_theme_bing .ads_phase_ul.cards li:after{color: #E5E7EB;} .bing_phase_list{margin-top: 16px;} .bing_phase_list dd{position: relative;padding-left: 22px;font-size: 14px;color: #4B5563;line-height: 1.45;} .bing_phase_list dd + dd{margin-top: 12px;} .bing_phase_list dd i{position: absolute;left: 0;top: 4px;font-size: 13px;color: #9CA3AF;} .bing_phase_list dd b{color: #4B5563;font-weight: 600;} /* ===== Google Ads 1:1 广告形式区（Google 四色顶边卡） ===== */ .ads_pill.white{background: #FFFFFF;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);} .ads_theme_google .ads_product_box{background: #F0F7F9;} .gads_format_ul{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 40px;} .gads_format_ul li{width: 32.46%;height: auto;padding: 24px;background: #FFFFFF;border-top: 4px solid #4285F4;border-radius: 12px;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);position: relative;margin-bottom: 24px;transition: all 0.3s;} .gads_format_ul li:hover{transform: translateY(-6px);box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.08);} .gads_format_ul li.c2{border-top-color: #FBBC05;} .gads_format_ul li.c3{border-top-color: #EA4335;} .gads_format_ul li.c4{border-top-color: #34A853;} .gads_format_ul li.c5{border-top-color: #A855F7;} .gads_format_ul li.wide{width: 66.23%;} .gads_format_ico{width: 44px;height: 52px;border-radius: 8px;background: #EFF6FF;color: #4285F4;font-size: 20px;display: flex;justify-content: center;align-items: center;} .gads_format_ul li.c2 .gads_format_ico{background: #FEFCE8;color: #FBBC05;} .gads_format_ul li.c3 .gads_format_ico{background: #FEF2F2;color: #EA4335;} .gads_format_ul li.c4 .gads_format_ico{background: #F0FDF4;color: #34A853;} .gads_format_ul li.c5 .gads_format_ico{background: #FAF5FF;color: #9333EA;} .gads_format_ul li em{position: absolute;right: 24px;top: 24px;height: 24px;line-height: 24px;padding: 0 8px;background: #F3F4F6;border-radius: 4px;font-style: normal;font-size: 12px;color: #4B5563;font-weight: 700;} .gads_format_ul li h3{font-size: 18px;color: #3D3D3D;font-weight: 700;margin-top: 16px;} .gads_format_ul li p{font-size: 14px;color: #4B5563;line-height: 20px;margin-top: 10px;} @media (max-width: 990px) { .gads_format_ul li{width: 100%;} .gads_format_ul li.wide{width: 100%;} } @media (max-width: 768px) { .ads_pill{font-size: 3vw;padding: 1.2vw 3.2vw;margin-bottom: 3.2vw;} .gads_format_ul{margin-top: 3.2vw;} .gads_format_ul li{padding: 5% 4%;border-top-width: 0.8vw;border-radius: 2.4vw;margin-bottom: 3.8vw;} .gads_format_ico{width: 9.6vw;height: 11.4vw;font-size: 4.4vw;border-radius: 1.6vw;} .gads_format_ul li em{right: 4%;top: 5%;height: 5.4vw;line-height: 5.4vw;font-size: 2.8vw;padding: 0 1.8vw;border-radius: 0.8vw;} .gads_format_ul li h3{font-size: 4vw;margin-top: 3.2vw;} .gads_format_ul li p{font-size: 3.4vw;line-height: 1.5;margin-top: 2vw;} .bing_mock_bar{height: 8vw;padding: 0 3.2vw;} .bing_mock_bar .d{width: 2.6vw;height: 2.6vw;} .bing_mock_search{height: 5.4vw;margin-left: 3.2vw;font-size: 2.8vw;padding: 0 2vw;} .bing_mock_main{padding: 3.2vw;} .bing_mock_ad{padding: 3.2vw;} .bing_mock_ad h4{font-size: 3vw;} .bing_mock_ad p{font-size: 2.8vw;margin-top: 1.8vw;} .bing_mock_sk{height: 2vw;} .bing_mock_copilot{width: 34vw;flex: 0 0 34vw;padding: 3.2vw;} .bing_mock_copilot_top{font-size: 2.8vw;} .bing_mock_copilot_top .dot{width: 3.6vw;height: 3.6vw;} .bing_mock_copilot_note{font-size: 2.4vw;padding: 2vw;margin-top: 2.8vw;} .bing_badge.b1{width: 13vw;height: 13vw;font-size: 7vw;left: -1.5vw;top: -6vw;} .bing_badge.b2{width: 13vw;height: 13vw;font-size: 7vw;right: -1.5vw;bottom: -3.5vw;} .bing_badge.b3{width: 10vw;height: 10vw;font-size: 5vw;right: 8vw;top: -3.5vw;} .bing_mock_body{min-height: 42vw;} .ads_theme_bing .ads_value_ul_ico{width: 12vw;height: 12vw;font-size: 6vw;} .ads_product_ul.msft li{width: 100%;padding: 5% 4%;margin-bottom: 3.8vw;} .ads_product_msft_ico{width: 11vw;height: 12.4vw;flex: 0 0 11vw;font-size: 5vw;margin-right: 3.2vw;} .ads_product_msft_txt h3{font-size: 4vw;} .ads_product_msft_txt em{height: 5vw;line-height: 5vw;font-size: 2.8vw;padding: 0 2vw;margin-top: 1.8vw;} .ads_product_msft_txt p{font-size: 3.4vw;margin-top: 2.8vw;} .bing_phase_list{margin-top: 3.2vw;} .bing_phase_list dd{font-size: 3.4vw;padding-left: 5.4vw;} .bing_phase_list dd + dd{margin-top: 2.8vw;} .bing_phase_list dd i{font-size: 3.2vw;top: 1vw;} } /*Ads end*/ /*content end*/ /*footer start*/ .footer{width: 100%;height: auto;background: #0F8FAB;} .footer_top_box{width: 100%;height: auto;padding: 80px 0px;display: flex;justify-content: space-between;padding-bottom: 60px;} .footer_nav_box{width: 10%;} .footer_top_nav_title h2{font-size: 18px;color: #FFFFFF;} .footer_top_nav_title span{display: block;width: 30px;height: 2px;background: linear-gradient(260deg,rgba(255, 195, 78, 1) 0%, rgba(255, 150, 0, 1) 100%);border-radius: 6px;margin-top: 10px;} .footer_top_nav_content{display: flex;justify-content: flex-start;flex-wrap: wrap;justify-content: space-between;margin-top: 8px;} .footer_top_nav_content a{display: block;font-size: 14px;color: #FFFFFF;margin-top: 6px;line-height: 1.6;} .footer_top_nav_content a:hover{color: #FF9600;text-decoration: underline;} .footer_nav_box.two{width: 19%;} .footer_nav_box.two .footer_top_nav_content a{width: 44%;} .footer_top_right_chat{display: flex;justify-content: flex-start;} .footer_top_right_chat li{width: 89px;height: auto;background: #FFFFFF;border-radius: 8px;display: flex;justify-content: center;align-items: center;} .footer_top_right_chat li img{max-width: 100%;height: auto;display: block;} .footer_top_right_chat li + li{margin-left: 38px;} .footer_top_right_bottom{margin-top: 15px;} .footer_top_right_bottom p{font-size: 16px;color: #FFFFFF;margin-top: 5px;} .footer_top_right_bottom a:hover{text-decoration: underline;} .footer_center_box{width: 100%;height: auto;display: flex;justify-content: space-between;} .footer_center_box li{width: 21%;height: auto;display: flex;justify-content: flex-start;} .footer_center_ico{flex: 0 0 43px;margin-top: 10px;} .footer_center_ico img{width: 100%;height: auto;display: block;} .footer_center_right{flex: 1;margin-left: 10px;} .footer_center_right h3{font-size: 16px;color: #FFFFFF;} .footer_center_right p{font-size: 14px;color: rgba(255,255,255,0.5);margin-top: 8px;line-height: 1.4;} .footer_bottom_box{width: 100%;height: auto;margin-top: 80px;display: flex;justify-content: space-between;padding-bottom: 48px;} .footer_bottom_left{display: flex;justify-content: flex-start;} .footer_bottom_left a{display: block;font-size: 16px;color: #FFFFFF;font-weight: 500;} .footer_bottom_left a + a{margin-left: 18px;} .footer_bottom_left a:hover{text-decoration: underline;} .footer_bottom_right{display: flex;justify-content: flex-end;align-items: center;} .footer_bottom_right a{display: block;font-size: 16px;color: #FFFFFF;font-weight: 500;} .footer_bottom_right a + a{margin-left: 18px;} .footer_bottom_right a:hover{text-decoration: underline;} .footer_bottom_right img{display: block;width: 20px;height: auto;display: block;margin-left: 22px;margin-right: 8px;} .right_online_box li.wechat .right_online_btn{display: flex;justify-content: center;align-items: center;} .right_online_box li.wechat .right_online_content{padding: 8px;height: auto;background: var(--mainColor);width: 120px;border-radius: 4px;right: calc(100% + 5px);} .right_online_box li.wechat .right_online_content img{width: 100%;height: auto;display: block;} .back_top:hover{background: #FF9600;} /*footer end*/ @media (max-width: 1768px) { .linkedin_banner_left_top h2{font-size: 48px;} .linkedin_banner_left_top h3{font-size: 44px;} .meta_banner_left_top h2, .meta_banner_left_top h3{font-size: 48px;} .tiktok_banner_left h2, .tiktok_banner_left h3{font-size: 60px;} .youtube_banner_left h2, .youtube_banner_left h3{font-size: 56px;} .ads_banner_left h2, .ads_banner_left h3{font-size: 52px;} } @media (max-width: 1366px) { .nav_list_content_list_item_bottom_right{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;text-align: left;} .contentWH1300{width: 92%;} .index_solution_content{aspect-ratio: 1920 / 960;} .index_about_box{margin-top: 0px;} .index_about_top_content{padding-top: 120px;} .index_about_top{padding-bottom: 260px;aspect-ratio: initial;position: relative;} .index_about_top_bg{background-size: cover;top: 0;} .index_about_top_content_left_logo img{filter: grayscale(900%);opacity: 0.2;} .index_gobal_bottom_left{width: 43.4%;} .index_gobal_bottom_left:after{font-size: 80px;} .shopify_seo_banner_left_top h1{font-size: 50px;} .bing_seo_banner_content h1{font-size: 48px;} .bing_seo_banner_content{padding-bottom: 70px;} .yandex_seo_banner_content_left h1{padding-right: 0;} .woocommerce_seo_banner_left_tag{width: 320px;} .woocommerce_seo_banner_left h1{font-size: 58px;} .linkedin_banner_left_top h2{font-size: 44px;} .linkedin_banner_left_top h3{font-size: 40px;} .meta_banner_left_top h2, .meta_banner_left_top h3{font-size: 42px;} .tiktok_banner_left h2, .tiktok_banner_left h3{font-size: 50px;letter-spacing: -2px;} .tiktok_banner_right_circle{width: 440px;height: 440px;margin: -220px 0 0 -220px;} .youtube_banner_left h2, .youtube_banner_left h3{font-size: 48px;letter-spacing: -2px;} .youtube_banner_search{left: -10px;} .ads_banner_left h2, .ads_banner_left h3{font-size: 44px;letter-spacing: -1px;} .ads_mock_chip1{right: 0;} .ads_mock_chip2{left: 0;} } @media(max-width: 1200px){ .nav_frist_link{font-size: 14px;} .header_bottom_right_search_box{margin-left: 24px;} .nav_box li + li{margin-left: 20px;} .nav_list_content_list_item_bottom_right{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-align: left;font-size: 14px;} .index_banner_swiper_content_box{padding-top: 50px;} .index_banner_swiper_content h2{font-size: 38px;} .index_banner_swiper_content p{font-size: 16px;padding-right: 0;} .index_banner_swiper_page_item_number{font-size: 18px;} .index_banner_swiper_page_item{width: 70px;margin-left: 30px !important;} .index_banner_swiper_page{bottom: 90px !important;} .index_service_title_left h2{font-size: 30px;} .index_service_title_left p{font-size: 16px;} .index_service_title_right{font-size: 72px;} .index_service_ul{justify-content: space-between;} .index_service_ul li{width: 48.5%;margin-left: 0;} .index_solution_button_box{position: relative;bottom: 0;margin-top: 50px;} .index_solution_button_ul li h3{color: #3D3D3D;} .index_solution_button_ul li.on h3{color: var(--mainColor);} .index_about_top_content_left_content h3{font-size: 32px;} .index_gobal_bottom_box{margin-top: 58px;} .index_gobal_bottom_box .contentWH1300{flex-wrap: wrap;} .index_gobal_bottom_left{width: 100%;padding-bottom: 50px;} .index_gobal_bottom_left:after{top: 24px;right: 0;font-size: 52px;} .index_gobal_bottom_right{width: 100%;} .footer_top_box{flex-wrap: wrap;} .footer_nav_box{width: 15%;} .footer_nav_box.two{width: 26%;} .footer_top_right{margin-top: 50px;} .footer_center_box{flex-wrap: wrap;} .footer_center_box li{width: 48.5%;margin-bottom: 20px;} .footer_bottom_box{margin-top: 60px;} .google_seo_banner_left h3, .google_seo_banner_left h2{font-size: 36px;} .google_seo_banner_left_ul_txt h3{font-size: 16px;} .google_seo_title h2{font-size: 36px;} .google_se_service_content_left_ico h3{font-size: 16px;} .google_seo_why_hudoo_ul li h3{font-size: 20px;} .shopify_seo_banner_left_top h1{font-size: 42px;} .shopify_seo_banner_left_tag{width: 68.3%;} .shopify_seo_banner_left_bottom li + li{margin-left: 18px;} .bing_seo_banner_content h1{font-size: 38px;margin-top: 10px;} .bing_seo_banner_content p{font-size: 16px;} .yandex_seo_banner_content_left h1{font-size: 48px;} .yandex_seo_banner_content_left h2{font-size: 18px;margin-top: 10px;} .yandex_seo_banner_content_left_btn{margin-top: 20px;} .yandex_seo_banner_content_left{padding-bottom: 0;} .yandex_seo_market_title h2{font-size: 42px;} .yandex_seo_service_title h2{font-size: 42px;} .yandex_seo_why_title h2{font-size: 42px;} .woocommerce_seo_banner_left h1{font-size: 42px;} .linedin_smart_ul li:nth-of-type(1){width: 56.231%;} .linkedin_banner_left_top h2{font-size: 38px;} .linkedin_banner_left_top h3{font-size: 34px;} .linkedin_banner_left_top p{font-size: 16px;} .linkedin_banner_left_top a{width: 240px;height: 52px;font-size: 16px;margin-top: 32px;} .linkedin_banner_left_bottom{margin-top: 32px;} .linkedin_why_ul li{padding: 24px;} .linkedin_service_ul_right{margin-left: 30px;} .linkedin_service_ul_right_ul dd + dd{margin-left: 30px;} .linedin_smart_title_box h2{font-size: 36px;} .linkedin_why_hudoo_ul li{padding: 28px 24px;} .meta_banner_left_top h2, .meta_banner_left_top h3{font-size: 36px;} .meta_banner_left_top p{font-size: 16px;} .meta_banner_left_top a{width: 250px;height: 52px;font-size: 16px;margin-top: 32px;} .meta_banner_right_circle1{width: 360px;height: 360px;margin: -180px 0 0 -180px;} .meta_banner_right_circle2{width: 240px;height: 240px;margin: -120px 0 0 -120px;} .meta_why_ul li{padding: 24px;} .meta_service_ul_top{padding: 0 24px;} .meta_why_hudoo_ul li{padding: 28px 24px;} .tiktok_banner_left h2, .tiktok_banner_left h3{font-size: 40px;letter-spacing: -1px;} .tiktok_banner_left > p{font-size: 16px;} .tiktok_banner_left > a{width: 240px;height: 52px;font-size: 16px;margin-top: 32px;} .tiktok_banner_left_data{margin-top: 36px;} .tiktok_banner_left_data li h4{font-size: 20px;} .tiktok_banner_right_circle{width: 380px;height: 380px;margin: -190px 0 0 -190px;} .tiktok_banner_phone{width: 250px;height: 452px;} .tiktok_title_box h2{font-size: 36px;} .tiktok_why_ul li{padding: 24px;} .tiktok_why_hudoo_ul li{padding: 28px 24px;} .youtube_banner_left h2, .youtube_banner_left h3{font-size: 38px;letter-spacing: -1px;} .youtube_banner_left > p{font-size: 16px;} .youtube_banner_left > a{width: 256px;height: 52px;font-size: 16px;margin-top: 32px;} .youtube_banner_shorts{width: 130px;height: 234px;} .youtube_why_ul li{padding: 24px;} .youtube_service_ul_right dl dd{width: 100%;} .youtube_why_hudoo_ul li{padding: 28px 24px;} .ads_banner_left h2, .ads_banner_left h3{font-size: 36px;} .ads_banner_left > p{font-size: 16px;} .ads_banner_left > a{width: 250px;height: 52px;font-size: 16px;margin-top: 28px;} .ads_banner_left_data li h4{font-size: 20px;} .ads_value_ul li{padding: 24px;} .ads_product_ul li{padding: 22px;} .ads_product_ul_top h3{font-size: 16px;} .ads_whyus_ul li{width: 49%;margin-left: 2%;} .ads_whyus_ul li:nth-of-type(4n+1){margin-left: 2%;} .ads_whyus_ul li:nth-of-type(2n+1){margin-left: 0;} } @media (max-width: 990px) { .header_top_box h1{display: none;} .hd_btn{display: block;} .nav_box{width: 100%;height: calc(100vh - 142px);position: fixed;top: 142px;left: 0;z-index: 999;background: #FFFFFF;display: block;overflow: hidden;overflow-y: auto;display: none;} .nav_box li{height: auto;display: block;} .nav_box li + li{margin-left: 0;} .nav_frist_link{display: inline-block;line-height: 48px;font-size: 18px;padding-left: 50px;} .nav_box li:nth-of-type(2){position: relative;} .nav_list_box{position: relative;} .nav_list_dl dd a{font-size: 12px;} .nav_other_list_box{width: 100%;position: relative;} .nav_two_link{text-align: left;padding-left: 50px;display: inline-block;line-height: 48px;} .nav_other_list_item:hover .nav_other_list_item_second_box{position: relative;left: 0;} .nav_three_link{text-align: left;padding-left: 50px;} .index_banner_bottom_box{margin-top: 58px;} .index_banner_swiper_content{width: 70.1%;} .index_banner_swiper_page{bottom: 15px !important;} .index_banner_bottom_content{flex-wrap: wrap;padding-bottom: 0;} .index_banner_bottom_content li{width: 50%;margin-bottom: 30px;} .index_banner_bottom_content li:nth-of-type(2){border: none;} .index_service_title_right{display: none;} .index_service_title_left{width: 100%;} .index_service_title_left h2{text-align: center;} .index_service_title_left p{text-align: center;} .index_solution_content_item{padding-top: 57px;} .index_about_top_content_left{width: 61%;} .index_about_bottom_ul li h3{font-size: 38px;} .index_gobal_bg{aspect-ratio: 1920 / 921;} .index_gobal_top_content_txt{width: 56%;} .index_gobal_bottom_left:after{display: none;} .footer_nav_box{width: 19%;} .footer_nav_box.two{width: 30%;} .google_seo_banner_box .contentWH1300{flex-wrap: wrap;} .google_seo_banner_left{width: 100%;} .google_seo_banner_right{width: 100%;margin-top: 30px;} .google_se_service_content{flex-wrap: wrap;} .google_se_service_content_left{width: 100%;} .google_seo_service_content_right{width: 100%;margin-top: 40px;} .google_seo_why_hudoo_ul{flex-wrap: wrap;} .google_seo_why_hudoo_ul li{width: 100%;} .shopify_seo_banner_box .contentWH1300{flex-wrap: wrap;} .shopify_seo_banner_left{width: 100%;} .shopify_seo_banner_right{margin: 0px auto;margin-top: 50px;width: 80%;} .shopify_seo_why_title h2{font-size: 36px;} .google_seo_service_title h2{font-size: 36px;} .bing_seo_banner_bg{height: 503px;} .bing_seo_banner_bg img{height: 100%;object-fit: cover;} .bing_seo_why_title h2{font-size: 38px;} .bing_seo_why_ul{flex-wrap: wrap;margin-top: 30px;} .bing_seo_why_ul li{width: 100%;margin-top: 28px;} .bing_seo_service_title h2{font-size: 38px;} .bing_seo_why_hudoo_title_left h2{font-size: 38px;} .bing_seo_why_hudoo_ul li{padding: 5% 4%;} .yandex_seo_banner_content_left h1{font-size: 32px;} .yandex_seo_banner_content_left{width: 51.5%;} .yandex_seo_banner_content_right{width: 42.1%;} .yandex_seo_market_title h2{font-size: 32px;} .yandex_seo_market_ul{margin-top: 30px;flex-wrap: wrap;} .yandex_seo_market_ul li{width: 100%;margin-top: 30px;} .yandex_seo_service_title h2{font-size: 32px;} .yandex_seo_why_box{padding: 80px 0;} .yandex_seo_why_title h2{font-size: 32px;} .yandex_seo_why_ul{flex-wrap: wrap;margin-top: 30px;} .yandex_seo_why_ul li{width: 100%;margin-top: 30px;} .woocommerce_seo_banner_left h1{font-size: 32px;} .woocommerce_seo_banner_left_ul li p{font-size: 13px;} .google_seo_why_ul{flex-wrap: wrap;padding-top: 30px;} .google_seo_why_ul li{margin-top: 30px;width: 100%;} .woocomerce_seo_system_right_list_rest_ul li h3{font-size: 18px;} .linedin_smart_ul li:nth-of-type(1){width: 72%;} .linedin_smart_ul li:nth-of-type(2){width: 85.54%;} .linkedin_banner_box .contentWH1300{flex-wrap: wrap;} .linkedin_banner_left{width: 100%;} .linkedin_banner_right{width: 80%;margin: 0px auto;margin-top: 50px;} .linkedin_banner_right svg{width: 100%;height: auto;} .linkedin_why_ul{margin-top: 30px;} .linkedin_why_ul li{width: 100%;margin-left: 0;margin-top: 28px;} .linkedin_service_ul_right_ul{flex-wrap: wrap;} .linkedin_service_ul_right_ul dd{width: 50%;} .linkedin_service_ul_right_ul dd + dd{margin-left: 0;} .linedin_smart_title_box h2{font-size: 32px;} .linedin_smart_title_box p{font-size: 14px;} .linkedin_why_hudoo_ul li{width: 100%;margin-left: 0;} .meta_banner_box .contentWH1300{flex-wrap: wrap;} .meta_banner_left{width: 100%;} .meta_banner_right{width: 100%;margin-top: 50px;} .meta_why_ul{margin-top: 30px;} .meta_why_ul li{width: 100%;margin-left: 0;margin-top: 28px;} .meta_service_ul_top_txt h3{font-size: 18px;} .meta_why_hudoo_ul li{width: 100%;margin-left: 0;} .tiktok_banner_box .contentWH1300{flex-wrap: wrap;} .tiktok_banner_left{width: 100%;} .tiktok_banner_right{width: 100%;margin-top: 60px;} .tiktok_why_ul{margin-top: 30px;} .tiktok_why_ul li{width: 100%;margin-left: 0;margin-top: 28px;} .tiktok_service_ul li{width: 100%;margin-left: 0;} .tiktok_service_ul li.wide{width: 100%;margin-left: 0;} .tiktok_title_box h2{font-size: 32px;} .tiktok_why_hudoo_ul li{width: 100%;margin-left: 0;} .youtube_banner_box .contentWH1300{flex-wrap: wrap;} .youtube_banner_left{width: 100%;} .youtube_banner_right{width: 100%;margin-top: 60px;padding: 0 0 60px;} .youtube_banner_search{left: 0;top: -30px;} .youtube_why_ul{margin-top: 30px;} .youtube_why_ul li{width: 100%;margin-left: 0;margin-top: 28px;} .youtube_why_hudoo_ul li{width: 100%;margin-left: 0;} .ads_banner_box .contentWH1300{flex-wrap: wrap;} .ads_banner_left{width: 100%;} .ads_banner_right{width: 100%;margin-top: 50px;} .ads_whyus_split{flex-wrap: wrap;} .ads_whyus_split_left{width: 100%;} .ads_whyus_split_right{width: 100%;margin-top: 40px;} .ads_phase_ul.cards{flex-wrap: wrap;} .ads_phase_ul.cards li{width: 100%;margin-left: 0;} .ads_phase_ul.cards li + li{margin-top: 24px;} .ads_mock_tilt.t1{right: 0;top: -46px;} .ads_value_ul{margin-top: 30px;} .ads_value_ul li{width: 100%;margin-left: 0;margin-top: 28px;} .ads_product_ul li{width: 100%;margin-left: 0;} .ads_product_ul.two li{width: 100%;margin-left: 0;} .ads_product_ul.two li:nth-of-type(3n+1){margin-left: 0;} .ads_phase_ul:before{left: 8px;margin-left: 0;} .ads_phase_ul li{width: 100%;padding-right: 0;padding-left: 40px;text-align: left;} .ads_phase_ul li:nth-of-type(even){margin-left: 0;padding-left: 40px;} .ads_phase_ul li:after{right: auto;left: 1px;} .ads_phase_ul li:nth-of-type(even):after{left: 1px;} .ads_phase_ul li dl{justify-content: flex-start;} .ads_phase_ul li dl dd{margin-left: 0;margin-right: 8px;} } @media (max-width: 768px) { .header_bottom_box.fixed.on{top: -13.8vw;} .header_top_box{display: none;} .header_bottom_box{height: 13.8vw;background: #FFFFFF;} .logo{width: 26vw;} .header_bottom_right_search_box{width: 32.8vw;height: 7.8vw;margin-left: 5.2vw;} .header_bottom_right_search_txt{font-size: 3.2vw;padding: 0 1.8vw;} .header_bottom_right_search_btn{width: 3.2vw;right: 1.8vw;background-size: 3.2vw auto;} .index_banner_swiper_content h2{font-size: 4.2vw;} .index_banner_swiper_content_box{padding-top: 5.8vw;} .index_banner_swiper_content p{font-size: 3.2vw;margin-top: 2.8vw;} .index_banner_swiper_bg{height: 68vw;} .index_banner_swiper_bg img{height: 100%;object-fit: cover;} .index_banner_swiper_content{width: 72.1%;} .index_banner_swiper_content a{width: 38vw;height: 8.8vw;font-size: 3.6vw;margin-top: 3.8vw;} .index_banner_swiper_content a img{width: 3.8vw;margin-left: 1.8vw;} .index_banner_swiper_page_item_number{font-size: 3.6vw;} .index_banner_swiper_page_item i{margin-top: 1.8vw;} .index_banner_swiper_page_item{width: 12vw;margin-left: 3.2vw !important;} .index_banner_bottom_box{margin-top: 8vw;} .index_banner_bottom_content{padding: 4%;border-radius: 0.8vw;} .index_banner_bottom_content_ico{width: 19vw;} .index_banner_bottom_content li h2{font-size: 3.6vw;margin-top: 3.2vw;} .index_banner_bottom_content li{margin-bottom: 4%;padding: 0 2%;} .index_banner_bottom_content{padding-bottom: 0;} .index_service_title_box{margin-top: 8vw;} .index_service_title_left h2{font-size: 4.8vw;} .index_service_title_left p{font-size: 3.6vw;margin-top: 3.2vw;} .index_service_ul{margin-top: 3.2vw;} .index_service_ul li{width: 100%;margin-top: 3.8vw;} .index_service_ul_front, .index_service_ul_back{padding: 5% 4%;border-radius: 1.2vw;} .index_service_ul_ico{width: 27vw;} .index_service_ul_txt_top h3{font-size: 4.2vw;} .index_service_ul_txt_top p{font-size: 3.6vw;margin-top: 2.8vw;} .index_service_ul_txt_top{padding-bottom: 1.8vw;} .index_service_ul_txt_bottom{margin-top: 2.8vw;} .index_service_ul_txt_bottom p{font-size: 3.6vw;} .index_service_ul_txt_bottom span{width: 36vw;height: 8.8vw;font-size: 3.6vw;margin-top: 3.6vw;} .index_service_ul_txt_bottom img{width: 3.2vw;margin-left: 1.8vw;} .index_service_box{padding-bottom: 8vw;} .index_solution_content_box{margin-top: 5.8vw;display: flex;flex-direction: column-reverse;} .index_solution_content_item_content h3{font-size: 4.2vw;} .index_solution_content_item_content p{font-size: 3.2vw;margin-top: 1.8vw;} .index_solution_content_item_content{width: 80%;} .index_solution_content{aspect-ratio: initial;height: 63vw;} .index_solution_content_item_content a{width: 36vw;height: 8.8vw;border-radius: 4.4vw;font-size: 3.6vw;margin-top: 3.8vw;} .index_solution_content_item{padding-top: 5.8vw;} .index_solution_button_box{margin-top: 0;} .index_solution_button_ul_ico{width: 14.5vw;margin: 0px auto;} .index_solution_button_ul_ico img{width: 48%;} .index_solution_button_ul li h3{font-size: 3.2vw;text-align: center;margin-top: 3.2vw;} .index_about_top_content{padding-top: 12vw;flex-wrap: wrap;} .index_about_top_content_left{width: 100%;} .index_about_top_content_left_content h2{font-size: 4.8vw;} .index_about_top_content_left_content h3{font-size: 4.2vw;} .index_about_top_content_left_logo{width: 62vw;top: -5vw;} .index_about_top_content_left_content p{font-size: 3.6vw;margin-top: 3.2vw;} .index_about_more{width: 36vw;height: 8.8vw;font-size: 3.6vw;border-radius: 4.4vw;margin-top: 5.8vw;} .index_about_top{padding-bottom: 8vw;} .index_about_bottom{margin-top: 8vw;} .index_about_bottom_ul{padding: 8vw 0;flex-wrap: wrap;padding-bottom: 4.2vw;} .index_about_bottom_ul li h3{font-size: 4.2vw;} .index_about_bottom_ul li h3 sup{font-size: 3.2vw;} .index_about_bottom_ul li p{font-size: 3.2vw;margin-top: 1.8vw;} .index_about_bottom_ul li{width: 50%;padding-bottom: 3.8vw;} .index_strength_box{padding: 8vw 0;} .index_strength_top_sw{margin-top: 5.8vw;} .index_strength_top_sw .swiper-slide{flex-wrap: wrap;} .index_strength_top_sw_left{width: 100%;margin: 0px auto;} .index_strength_top_sw_left_img{width: 20vw;margin: 0px auto;} .index_strength_top_sw_left p{font-size: 3.2vw;text-align: center;margin-top: 3.2vw;} .index_strength_top_sw_right{width: 100%;padding-top: 5.8vw;} .index_strength_top_sw_right_title span{width: 11vw;} .index_strength_top_sw_right h3{font-size: 4.2vw;} .index_strength_top_sw_right_content{margin-top: 3.2vw;} .index_strength_top_sw_right_content p{font-size: 3.6vw;} .index_strength_top_box{padding-bottom: 8vw;padding-bottom: 0;} .index_strength_top_sw_page{padding-left: 0;justify-content: center;bottom: 1.8vw !important;} .index_strength_bottom_box{margin-top: 3.2vw;} .index_strength_bottom_ul{justify-content: space-between;} .index_strength_bottom_ul li{width: 48.5%;margin-left: 0;margin-top: 3.8vw;} .index_gobal_top_content_txt{width: 73%;} .index_gobal_top_content_txt h2{font-size: 4.2vw;} .index_gobal_top_content_txt p{font-size: 3.6vw;margin-top: 3.2vw;} .index_gobal_bg{aspect-ratio: initial;height: 68vw;} .index_gobal_bg video{height: 100%;object-fit: cover;} .index_gobal_top_content_txt a{width: 36vw;height: 8.8vw;font-size: 3.6vw;border-radius: 4.4vw;margin-top: 3.8vw;} .index_gobal_bottom_box{margin-top: 8vw;} .index_gobal_bottom_left_title h2{font-size: 4.8vw;} .index_gobal_bottom_left_title img{width: 11vw;margin-left: 1.8vw;} .index_gobal_bottom_left p{font-size: 3.6vw;margin-top: 3.2vw;} .index_gobal_bottom_left_ul{margin-top: 3.2vw;flex-wrap: wrap;} .index_gobal_bottom_left_ul li{width: 100%;margin-top: 3.8vw;height: 10.8vw;font-size: 3.6vw;} .index_gobal_bottom_left_ul li img{width: 3.2vw;margin-right: 1.8vw;} .index_gobal_bottom_left{padding-bottom: 5.8vw;} .index_gobal_bottom_right{padding: 5% 4%;} .index_gobal_bottom_right_title{font-size: 4.2vw;} .index_gobal_bottom_right_form{margin-top: 3.8vw;} .index_gobal_bottom_right_form li{width: 100%;margin-top: 3.2vw;} .index_gobal_bottom_right_form li input{height: 10.8vw;padding-left: 3.2vw;font-size: 3.6vw;} .index_gobal_bottom_right_form li textarea{height: 38vw;padding: 3.2vw;font-size: 3.6vw;} .index_gobal_bottom_right_form_btn{height: 10.8vw;border-radius: 5.4vw;font-size: 3.6vw;margin-top: 5.8vw;} .index_gobal_bottom_box{padding-bottom: 8vw;} .footer_top_box{padding: 8vw 0;} .footer_nav_box{width:37.5%;margin-bottom: 5.8vw;} .footer_top_nav_title h2{font-size: 4.2vw;} .footer_top_nav_content a{font-size: 3.6vw;} .footer_nav_box.two{width: 54%;} .footer_top_right{margin-top: 0;} .footer_top_right_bottom p{font-size: 3.6vw;} .footer_center_box li{flex-direction: column;} .footer_center_ico{margin: 0px auto;flex: initial;width: 12vw;} .footer_center_right{flex: initial;width: 100%;margin-top: 3.6vw;} .footer_center_right h3{font-size: 3.6vw;text-align: center;} .footer_center_right p{font-size: 3.2vw;text-align: center;} .footer_bottom_box{margin-top: 5.8vw;flex-wrap: wrap;} .footer_bottom_left{width: 100%;justify-content: center; font-size: 3.2vw;} .footer_bottom_left a{font-size: 3.2vw;} .footer_bottom_left a + a{margin-left: 1.8vw;} .footer_bottom_right{margin-top: 3.2vw;flex-wrap: wrap;justify-content: center;} .footer_bottom_right a{font-size: 3.2vw;} .footer_bottom_right a:nth-of-type(1){display: block;text-align: center;width: 100%;margin-bottom: 1.8vw;} .footer_bottom_box{padding-bottom: 3.2vw;} .right_online_box li:nth-last-of-type(1){display: none;} .right_online_box li{width: calc(50%);} .google_seo_banner_box{padding: 8vw 0;} .google_seo_banner_left_tag{width: 42vw;height: 8.8vw;font-size: 3.2vw;border-radius: 4.4vw;} .google_seo_banner_left_tag img{width: 3.6vw;} .google_seo_banner_left h3, .google_seo_banner_left h2{font-size: 4.8vw;} .google_seo_banner_left h2 span{font-size: 5.6vw;} .google_seo_banner_left h3{margin-top: 3.6vw;} .google_seo_banner_left h2{margin-top: 1.8vw;} .google_seo_banner_left_ul li{margin-top: 5.8vw;} .google_seo_banner_left_ul_txt h3{font-size: 3.6vw;margin-top: 0;} .google_seo_banner_left_ul_txt p{font-size: 3.2vw;margin-top: 1.8vw;} .google_seo_banner_left_input{width: 100%;margin-top: 5.8vw;height: 10.8vw;} .google_seo_banner_left_input input{padding-left: 2.4vw;font-size: 3.6vw;} .google_seo_banner_left_input a{width: 32vw;height: 8vw;font-size: 3.6vw;} .google_seo_banner_right{margin-top: 5.8vw;} .google_seo_why_box{padding: 8vw 0;} .google_seo_title h2{font-size: 4.8vw;} .google_seo_title span{width: 12vw;height: 1.2vw;margin-top: 3.2vw;} .google_seo_why_ul{flex-wrap: wrap;padding-top: 3.2vw;} .google_seo_why_ul li{width: 100%;margin-top: 3.8vw;padding: 5% 4%;} .google_seo_why_ul_ico{width: 14vw;} .google_seo_why_ul li h3{font-size: 4.2vw;margin-top: 3.2vw;} .google_seo_why_ul li p{font-size: 3.2vw;} .google_seo_service_box{padding: 8vw 0;} .google_seo_service_title_tag{width: 44vw;height: 8vw;font-size: 3.2vw;} .google_seo_service_title h2{font-size: 4.8vw;margin-top: 3.2vw;} .google_se_service_content{margin-top: 5.8vw;} .google_se_service_content_left li{height: 10.8vw;padding: 0 3.2vw;} .google_se_service_content_left_ico h3{font-size: 3.6vw;} .google_se_service_content_left_ico_img{width: 3.8vw;} .google_se_service_content_left li.on:before{width: 2px;} .google_se_service_content_left li + li{margin-top: 1.8vw;} .google_seo_service_content_right{margin-top: 5.8vw;padding: 5% 4%;} .google_seo_technology_title{padding-bottom: 1.8vw;} .google_seo_technology_title h3{font-size: 4.2vw;} .google_seo_technology_title p{font-size: 3.6vw;margin-top: 3.2vw;} .google_seo_technology_ul li{width: 100%;padding: 5% 4%;margin-top: 3.8vw;} .google_seo_technology_ul li h3{font-size: 3.8vw;} .google_seo_technology_ul li h3 img{width: 3.8vw;margin-right: 1.2vw;} .google_seo_why_hudoo_box{padding: 8vw 0;} .google_seo_why_hudoo_title h2{font-size: 4.8vw;} .google_seo_why_hudoo_ul{margin-top: 3.2vw;} .google_seo_why_hudoo_ul li{margin-top: 3.8vw;padding: 5% 4%;} .google_seo_why_hudoo_ul_ico{width: 14vw;} .google_seo_why_hudoo_ul li h3{font-size: 4.2vw;margin-top: 3.2vw;} .google_seo_why_hudoo_ul li p{font-size: 3.6vw;margin-top: 3.2vw;} .google_seo_why_hudoo_btn{width: 38vw;height: 8.8vw;font-size: 3.6vw;margin-top: 5.8vw;} .google_seo_why_hudoo_btn i{margin-left: 1.8vw;font-size: 3.2vw;} .google_seo_faq_box{padding: 8vw 0;} .google_seo_faq_ul{padding-top: 3.2vw;} .google_seo_faq_ul li{margin-top: 3.8vw;} .google_seo_faq_ul_top{height: 12.8vw;padding: 0 4%;} .google_seo_faq_ul_top h3{font-size: 3.6vw;} .google_seo_faq_ul_top i{font-size: 3.2vw;} .google_seo_faq_ul_bottom{padding: 5% 4%;} .google_seo_faq_ul_bottom p{font-size: 3.6vw;} .google_seo_one_page{padding-top: 3.2vw;} .google_seo_one_page li{font-size: 3.6vw;padding: 3%;margin-top: 3.8vw;} .google_seo_one_page li:before{font-size: 3.6vw;margin-right: 1.8vw;} .google_seo_service_strategy li{margin-top: 3.8vw;padding: 3%;} .google_seo_service_strategy{padding-top: 3.2vw;} .google_seo_service_strategy_ico{flex: 0 0 10vw;margin-right: 1.8vw;} .google_seo_service_strategy_right h3{font-size: 3.6vw;} .google_seo_service_strategy_right p{font-size: 3.2vw;} .google_seo_service_off_page{padding-top: 3.2vw;} .google_seo_service_off_page li{margin-top: 3.8vw;padding: 3% 4%;} .google_seo_service_off_page li h3{font-size: 3.6vw;} .google_seo_service_off_page li p{font-size: 3.2vw;} .google_seo_service_monitor_content{padding: 4%;margin-top: 7vw;} .google_seo_service_monitor_content_title{font-size: 3.8vw;} .google_seo_service_monitor_content_ul li{padding: 2%;margin-top: 3.6vw;} .google_seo_service_monitor_content_ul li h3{font-size: 3.6vw;} .google_seo_service_monitor_content_ul li p{font-size: 3.2vw;} .google_seo_service_monitor_txt{margin-top: 3.8vw;font-size: 3.6vw;padding: 2%;} .google_seo_service_monitor_txt:before{font-size: 3.6vw;} .shopify_seo_banner_box{padding: 8vw 0;} .shopify_seo_banner_left_tag{height: 8.8vw;font-size: 3.2vw;} .shopify_seo_banner_left_tag i{margin-right: 1.8vw;font-size: 3.8vw;} .shopify_seo_banner_left_top h1{font-size: 4.8vw;margin-top: 3.2vw;} .shopify_seo_banner_left_top p{font-size: 3.6vw;margin-top: 3.2vw;} .shopify_seo_banner_left_top_buttom{width: 58vw;font-size: 3.6vw;height: 10.8vw;margin-top: 5.8vw;} .shopify_seo_banner_left_bottom{padding-top: 5.8vw;margin-top: 5.8vw;} .shopify_seo_banner_left_bottom li h2{font-size: 4.2vw;} .shopify_seo_banner_left_bottom li p{font-size: 3.2vw;} .shopify_seo_banner_right{width: 100%;margin-top: 5.8vw;} .shopify_seo_why_box{padding: 8vw 0;} .shopify_seo_why_title h2{font-size: 4.8vw;} .shopify_seo_why_title span{width: 12vw;height: 0.6vw;} .shopify_seo_technology_top{margin-top: 5.8vw;} .shopify_seo_technology_top li{padding: 2%;} .shopify_seo_technology_top li h3{font-size: 3.8vw;} .shopify_seo_technology_top li h3:before{font-size: 3.8vw;} .shopify_seo_technology_top li p{font-size: 3.6vw;} .shopify_seo_technology_bottom{padding-top: 3.2vw;} .shopify_seo_technology_bottom li{margin-top: 3.8vw;} .shopify_seo_technology_bottom li h3{font-size: 3.6vw;} .shopify_seo_technology_bottom li h3:before{font-size: 3.6vw;} .shopify_seo_technology_bottom li p{font-size: 3.2vw;} .shopify_seo_in_ul{padding-top: 3.2vw;} .shopify_seo_in_ul li{padding: 2%;margin-top: 3.8vw;width: 100%;} .shopify_seo_in_ul li h3{font-size: 3.8vw;} .shopify_seo_in_ul li h3:before{font-size: 3.6vw;} .shopify_seo_in_ul li p{font-size: 3.6vw;margin-top: 3.2vw;} .shopify_seo_service_market{padding-top: 3.2vw;} .shopify_seo_service_market li{margin-top: 3.8vw;} .shopify_seo_service_market_right h3{font-size: 3.8vw;} .shopify_seo_service_market_right p{font-size: 3.6vw;} .shopify_seo_service_market li i{flex: 0 0 8vw;margin-right: 1.8vw;} .shopify_seo_service_market li i:before{font-size: 3.6vw;} .shopify_seo_why_hudoo_box{padding: 8vw 0;} .shopify_seo_why_hudoo_ul{padding-top: 3.2vw;} .shopify_seo_why_hudoo_ul li{width: 100%;margin-top: 3.8vw;padding: 5% 4%;} .shopify_seo_why_hudoo_ul li i:before{font-size: 5.8vw;} .shopify_seo_why_hudoo_ul li h3{font-size: 4.2vw;margin-top: 3.2vw;} .shopify_seo_why_hudoo_ul li p{font-size: 3.6vw;margin-top: 2.8vw;} .bing_seo_banner_content{width: 100%;padding-bottom: 0;} .bing_seo_banner_content h1{font-size: 4.8vw;} .bing_seo_banner_tag{padding: 1.8vw 3.8vw;font-size: 3.6vw;} .bing_seo_banner_tag i{font-size: 3.6vw;margin-right: 1.2vw;} .bing_seo_banner_content p{padding: 0;font-size: 3.6vw;margin-top: 3.2vw;} .bing_seo_banner_content_btn{margin-top: 5.8vw;} .bing_seo_banner_content_btn_left{width: 48vw;height: 8.8vw;font-size: 3.6vw;} .bing_seo_banner_content_btn_left i{font-size: 3.6vw;margin-left: 1.2vw;} .bing_seo_banner_content_btn_right{width: 36vw;height: 8.8vw;font-size: 3.6vw;margin-left: 3.8vw;} .bing_seo_banner_btn{width: 6.8vw;bottom: 5.8vw;} .bing_seo_banner_bg{height: 98vw;} .bing_seo_why_box{padding: 8vw 0;} .bing_seo_why_title span{width: 48vw;height: 8.8vw;font-size: 3.2vw;padding: 0;} .bing_seo_why_title h2{font-size: 4.8vw;} .bing_seo_why_ul{margin-top: 3.2vw;} .bing_seo_why_ul li{padding: 5% 4%;margin-top: 3.8vw;} .bing_seo_why_ul_ico {width: 13vw;} .bing_seo_why_ul_ico img{width: 48%;} .bing_seo_why_ul li h3{font-size: 4.2vw;margin-top: 3.6vw;} .bing_seo_why_ul li p{font-size: 3.6vw;margin-top: 3.2vw;} .bing_seo_service_box{padding: 8vw 0;} .bing_seo_service_tag{width: 42vw;height: 8.8vw;padding: 0;font-size: 3.2vw;} .bing_seo_service_title h2{font-size: 4.8vw;} .bing_seo_service_ul{padding-top: 3.8vw;} .bing_seo_service_ul li{margin-top: 3.8vw;} .bing_seo_service_ul_top_left_txt h3{font-size: 3.6vw;} .bing_seo_service_ul_top_left_txt p{font-size: 2.8vw;margin-top: 1.8vw;} .bing_seo_service_ul_top_right{display: none;} .bing_seo_service_ul_top_left_txt span{display: none;} .bing_seo_service_ul_top_left_number{width: 10vw;font-size: 3.8vw;border-radius: 1.2vw;margin-right: 3.2vw;} .bing_seo_service_ul_top{padding: 5% 4%;} .bing_seo_service_ul_bottom_dl{padding: 5% 4%;padding-top: 0;} .bing_seo_service_ul_bottom_dl dd{width: 100%;margin-top: 3.8vw;} .bing_seo_service_ul_bottom_dl dd h3{font-size: 4.2vw;} .bing_seo_service_ul_bottom_dl dd h3:before{font-size: 3.8vw;} .bing_seo_service_ul_bottom_dl dd p{font-size: 3.6vw;} .bing_seo_service_ul_bottom_dl_optimization dd{padding: 5% 4%;} .bing_seo_service_ai_dl{padding: 5% 4%;padding-top: 0;flex-wrap: wrap;} .bing_seo_service_ai_dl dd{width: 100%;margin-top: 3.8vw;} .bing_seo_service_ai_dl dd h3{font-size: 4.2vw;} .bing_seo_service_ai_dl dd p{font-size: 3.6vw;} .bing_seo_service_social_dl dd i{width: 11vw;} .bing_seo_service_social_dl dd i img{height: 48%;width: auto;} .bing_seo_service_social_dl dd h3{font-size: 3.8vw;} .bing_seo_service_monitoring_dl{padding: 5% 4%;padding-top: 0;flex-wrap: wrap;} .bing_seo_service_monitoring_dl dd{width: 48.5%;height: auto;padding: 5% 4%;margin-top: 3.2vw;} .bing_seo_service_monitoring_dl dd h3{font-size: 4.2vw;height: auto;} .bing_seo_service_monitoring_dl dd p{font-size: 3.2vw;} .bing_seo_why_hudoo_box{padding: 8vw 0;} .bing_seo_why_hudoo_title{flex-wrap: wrap;} .bing_seo_why_hudoo_title_left{width: 100%;} .bing_seo_why_hudoo_title_left h2{font-size: 4.8vw;} .bing_seo_why_hudoo_title_left p{font-size: 3.6vw;margin-top: 3.2vw;} .bing_seo_why_hudoo_title_more{width: 38vw;height: 10.8vw;font-size: 3.6vw;margin-top: 3.8vw;} .bing_seo_why_hudoo_ul{margin-top: 3.2vw;width: 100%;height: auto;flex-wrap: wrap;} .bing_seo_why_hudoo_ul li{width: 100%;padding: 5% 4%;margin-top: 3.8vw;} .bing_seo_why_hudoo_ul_ico{width: 12vw;} .bing_seo_why_hudoo_ul li h3{font-size: 4.2vw;margin-top: 1.8vw;} .bing_seo_why_hudoo_ul li p{font-size: 3.6vw;margin-top: 3.2vw;} .yandex_seo_banner_content .contentWH1300{flex-wrap: wrap;} .yandex_seo_banner_bg{height: 148vw;} .yandex_seo_banner_bg img{height: 100%;object-fit: cover;} .yandex_seo_banner_content_left{width: 100%;} .yandex_seo_banner_content_left h1{font-size: 4.8vw;} .yandex_seo_banner_content_left h2{font-size: 3.8vw;margin-top: 1.8vw;color: #FFFFFF;} .yandex_seo_banner_content_left p{font-size: 3.6vw;margin-top: 3.2vw;color: #FFFFFF;} .yandex_seo_banner_content_left_btn1{width: 42vw;height: 8.8vw;font-size: 3.6vw;} .yandex_seo_banner_content_left_btn2{width: 38vw;height: 8.8vw;font-size: 3.6vw;margin-left: 3.2vw;} .yandex_seo_banner_content_left_btn{margin-top: 3.8vw;} .yandex_seo_banner_content_right{width: 100%;margin-top: 3.8vw;} .yandex_seo_banner_content_left_tag{font-size: 2.8vw;} .yandex_seo_banner_content_left_tag{width: 58vw;height: 6.8vw;} .yandex_seo_market_box{padding: 8vw 0;} .yandex_seo_market_tag{width: 42vw;height: 6.8vw;font-size: 3.2vw;} .yandex_seo_market_title h2{font-size: 4.8vw;margin-top: 3.2vw;} .yandex_seo_market_ul{margin-top: 3.2vw;} .yandex_seo_market_ul li{margin-top: 3.8vw;padding: 5% 4%;} .yandex_seo_market_ul li h4{font-size: 4.8vw;} .yandex_seo_market_ul li h3{font-size: 4.2vw;} .yandex_seo_market_ul li p{font-size: 3.6vw;margin-top: 3.2vw;} .yandex_seo_service_box{padding: 8vw 0;} .yandex_seo_service_title h2{font-size: 4.8vw;} .yandex_seo_factors_box{padding: 5% 4%;padding-top: 0;flex-wrap: wrap;} .yandex_seo_factors_box dd{width: 100%;height: auto;margin-top: 3.8vw;padding: 5% 4%;} .yandex_seo_factors_box dd i{font-size: 5.8vw;} .yandex_seo_factors_box dd h3{font-size: 4.2vw;margin-top: 3.2vw;} .yandex_seo_factors_box dd p{font-size: 3.6vw;margin-top: 3.2vw;} .yandex_seo_service_content{padding: 5% 4%;} .yandex_seo_service_content_title{font-size: 3.8vw;padding-left: 5.8vw;border-left-width: 0.4vw;} .yandex_seo_service_content_ul{margin-top: 0;flex-wrap: wrap;} .yandex_seo_service_content_ul dd{width: 100%;margin-top: 3.8vw;} .yandex_seo_service_content_ul dd h3{font-size: 4.2vw;} .yandex_seo_service_content_ul dd p{font-size: 3.6vw;margin-top: 2.8vw;} .yandex_seo_service_beh_box{padding: 5% 4%;padding-top: 0;} .yandex_seo_service_beh_box dd h3{font-size: 4.2vw;} .yandex_seo_service_beh_box dd p{font-size: 3.6vw;margin-top: 2.8vw;} .yandex_seo_service_beh_box dd + dd{margin-top: 3.8vw;} .yandex_seo_service_metrica_title{font-size: 3.6vw;} .yandex_seo_service_metrica_title img{width: 5.8vw;margin-right: 1.8vw;} .yandex_seo_service_metrica_dl{flex-wrap: wrap;margin-top: 0;} .yandex_seo_service_metrica_dl dd{width: 100%;margin-top: 3.8vw;padding: 5% 4%;} .yandex_seo_service_metrica_dl dd h3{font-size: 4.2vw;} .yandex_seo_service_metrica_dl dd p{font-size: 3.6vw;margin-top: 1.8vw;} .yandex_seo_why_box{padding: 8vw 0;} .yandex_seo_why_title h2{font-size: 4.8vw;} .yandex_seo_why_ul{margin-top: 3.2vw;} .yandex_seo_why_ul li{margin-top: 3.8vw;padding: 5% 4%;} .yandex_seo_why_ul li i{font-size: 5.8vw;} .yandex_seo_why_ul li h3{font-size: 4.2vw;margin-top: 1.8vw;} .yandex_seo_why_ul li p{font-size: 3.6vw;margin-top: 1.8vw;} .woocommerce_seo_banner_box{padding: 8vw 0;} .woocommerce_seo_banner_box .contentWH1300{flex-wrap: wrap;} .woocommerce_seo_banner_left{width: 100%;} .woocommerce_seo_banner_left_tag{width: 100%;height: 8.8vw;font-size: 3.2vw;} .woocommerce_seo_banner_left h1{font-size: 4.8vw;margin-top: 3.2vw;text-align: center;} .woocommerce_seo_banner_left p{font-size: 3.6vw;text-align: center;margin-top: 3.2vw;} .woocommerce_seo_banner_left_btn{width: 53vw;font-size: 3.6vw;margin: 0px auto;margin-top: 3.8vw;height: 10.8vw;} .woocommerce_seo_banner_left_ul{margin-top: 5.8vw;padding-top: 5.8vw;justify-content: center;} .woocommerce_seo_banner_left_ul li h3{font-size: 4.2vw;text-align: center;} .woocommerce_seo_banner_left_ul li p{font-size: 3.2vw;text-align: center;} .woocommerce_seo_banner_left_right{width: 100%;margin-top: 5.8vw;} .woocommerce_seo_why_box{padding: 8vw 0;} .woocommerce_seo_why_ul li i{width: 12vw;} .woocommerce_seo_why_ul li i:before{font-size: 5.8vw;} .woocommerce_seo_system_box{padding: 8vw 0;} .woocommerce_seo_system_title h2{font-size: 4.8vw;margin-top: 3.2vw;} .woocommerce_seo_system_content{margin-top: 5.8vw;flex-wrap: wrap;} .woocommerce_seo_system_content_ul{width: 100%;} .woocommerce_seo_system_content_ul li{height: 10.8vw;font-size: 3.8vw;} .woocomerce_seo_system_right{width: 100%;margin-top: 5.8vw;padding: 5% 4%;} .woocomerce_seo_system_right_list_title h3{font-size: 4.8vw;} .woocomerce_seo_system_right_list_title p{font-size: 3.6vw;} .woocomerce_seo_system_right_list_pagespeed li{width: 100%;padding: 5% 4%;margin-top: 3.8vw;} .woocomerce_seo_system_right_list_pagespeed li h3{font-size: 4.2vw;} .woocomerce_seo_system_right_list_pagespeed li p{font-size: 3.6vw;} .woocomerce_seo_system_right_list_pagespeed_last{margin-top: 3.8vw;padding: 5% 4%;} .woocomerce_seo_system_right_list_pagespeed_last_right h3{font-size: 4.2vw;} .woocomerce_seo_system_right_list_pagespeed_last_right p{font-size: 3.6vw;} .woocommerce_seo_why_hudoo_box{padding: 8vw 0;} .linkedin_banner_box{padding: 8vw 0;} .linkedin_banner_left_tag{width: 62vw;height: 8.8vw;border-radius: 4.4vw;font-size: 3.2vw;} .linkedin_banner_left_tag img{width: 3.6vw;margin-right: 1.2vw;} .linkedin_banner_left_top h2{font-size: 5.8vw;margin-top: 3.2vw;} .linkedin_banner_left_top h3{font-size: 4.8vw;} .linkedin_banner_left_top p{font-size: 3.6vw;margin-top: 3.2vw;padding-left: 3.8vw;} .linkedin_banner_left_top p:before{width: 2px;} .linkedin_banner_left_top a{width: 58vw;height: 10.8vw;font-size: 3.6vw;margin-top: 5.8vw;border-radius: 1.2vw;} .linkedin_banner_left_top a img{width: 3.8vw;margin-left: 1.8vw;} .linkedin_banner_left_bottom{margin-top: 5.8vw;} .linkedin_banner_left_bottom li{font-size: 3.2vw;} .linkedin_banner_left_bottom li img{width: 3.8vw;margin-right: 1.2vw;} .linkedin_banner_left_bottom li + li{margin-left: 5.8vw;} .linkedin_banner_right{width: 100%;margin-top: 5.8vw;} .linkedin_why_box{padding: 8vw 0;} .linkedin_why_ul{margin-top: 3.2vw;} .linkedin_why_ul li{margin-top: 3.8vw;padding: 5% 4%;border-radius: 2.4vw;} .linkedin_why_ul_ico{width: 12vw;border-radius: 1.6vw;} .linkedin_why_ul_ico img{width: 48%;} .linkedin_why_ul li h3{font-size: 4.2vw;margin-top: 3.2vw;} .linkedin_why_ul li p{font-size: 3.6vw;margin-top: 2.8vw;} .linkedin_service_box{padding: 8vw 0;} .linkedin_service_tag{width: 46vw;height: 6.8vw;font-size: 3vw;border-radius: 1.2vw;} .linkedin_service_ul{margin-top: 5.8vw;} .linkedin_service_ul_ico{flex: 0 0 14vw;padding: 1.2vw;} .linkedin_service_ul:before{left: 7vw;} .linkedin_service_ul_right{margin-left: 3.8vw;padding: 5% 4%;border-radius: 2.4vw;} .linkedin_service_ul_right_title h3{font-size: 4.2vw;} .linkedin_service_ul_right_title p{font-size: 3.2vw;margin-top: 1.8vw;} .linkedin_service_ul_right_ul dd{width: 100%;padding-left: 5.8vw;margin-top: 3.2vw;font-size: 3.2vw;} .linkedin_service_ul_right_ul dd:before{width: 3.2vw;} .linkedin_service_ul li + li{margin-top: 8vw;} .linedin_smart_box{padding: 8vw 0;} .linedin_smart_title_box h2{font-size: 4.8vw;} .linedin_smart_title_box p{font-size: 3.6vw;margin-top: 1.8vw;} .linedin_smart_ul{padding-top: 3.2vw;} .linedin_smart_ul li{padding: 5.8vw 3.2vw;margin-top: 3.2vw;} .linedin_smart_ul li:nth-of-type(1){width: 100%;border-radius: 2.4vw 2.4vw 0 0;} .linedin_smart_ul li:nth-of-type(2){width: 100%;} .linedin_smart_ul li:nth-of-type(3){border-radius: 0 0 2.4vw 2.4vw;} .linedin_smart_ul li h3{font-size: 4.2vw;} .linedin_smart_ul li p{font-size: 3.2vw;margin-top: 1.8vw;} .linedin_smart_ul li dl{flex-wrap: wrap;margin-top: 1.8vw;} .linedin_smart_ul li dl dd{font-size: 3.2vw;padding: 1.2vw 2.4vw;border-radius: 1.2vw;margin-top: 1.8vw;} .linedin_smart_ul li dl dd + dd{margin-left: 1.8vw;} .linkedin_smart_ico{width: 6.8vw;right: 3.2vw;top: 3.2vw;} .linkedin_why_hudoo_box{padding: 8vw 0;} .linkedin_why_hudoo_light_box{width: 50vw;height: 50vw;filter: blur(60px);} .linkedin_why_hudoo_ul{padding-top: 1.8vw;} .linkedin_why_hudoo_ul li{padding: 5% 4%;margin-top: 3.8vw;border-radius: 1.6vw;} .linkedin_why_hudoo_ul_ico{width: 8vw;} .linkedin_why_hudoo_ul li h3{font-size: 4.2vw;margin-top: 3.2vw;} .linkedin_why_hudoo_ul li p{font-size: 3.6vw;margin-top: 2.8vw;} .meta_banner_box{padding: 8vw 0;} .meta_banner_box:before{width: 60vw;height: 60vw;} .meta_banner_box:after{width: 50vw;height: 50vw;} .meta_banner_left_tag{width: 52vw;height: 8.8vw;border-radius: 4.4vw;font-size: 3vw;} .meta_banner_left_tag i{font-size: 3.8vw;margin-right: 1.2vw;} .meta_banner_left_top h2{font-size: 5.8vw;margin-top: 3.2vw;} .meta_banner_left_top h3{font-size: 4.8vw;} .meta_banner_left_top p{font-size: 3.6vw;margin-top: 3.2vw;} .meta_banner_left_top a{width: 58vw;height: 10.8vw;font-size: 3.6vw;margin-top: 5.8vw;border-radius: 1.2vw;} .meta_banner_left_top a i{font-size: 3.2vw;margin-left: 1.8vw;} .meta_banner_right{margin-top: 5.8vw;padding: 8vw 0;} .meta_banner_right_circle1{width: 88vw;height: 88vw;margin: -44vw 0 0 -44vw;} .meta_banner_right_circle2{width: 58vw;height: 58vw;margin: -29vw 0 0 -29vw;} .meta_banner_card{width: 76vw;border-radius: 2.4vw;} .meta_banner_card_top{padding: 3.2vw;} .meta_banner_card_top_avatar{width: 8.8vw;height: 8.8vw;font-size: 3.6vw;} .meta_banner_card_top_txt{margin-left: 2.4vw;} .meta_banner_card_top_txt h3{font-size: 3.4vw;} .meta_banner_card_top_txt p{font-size: 2.8vw;} .meta_banner_card_video{height: 42vw;} .meta_banner_card_video i{font-size: 10vw;} .meta_banner_card_video span{font-size: 2.6vw;padding: 0.6vw 1.8vw;} .meta_banner_card_content{padding: 3.2vw;} .meta_banner_card_content span{font-size: 2.8vw;} .meta_banner_card_content h4{font-size: 3.4vw;margin-top: 1.2vw;} .meta_banner_card_content a{height: 7.8vw;font-size: 2.8vw;margin-top: 2.4vw;} .meta_banner_card_bottom{padding: 1.8vw 3.2vw;} .meta_banner_card_bottom p{font-size: 2.8vw;} .meta_banner_chip{height: 12vw;padding: 0 3.2vw 0 2.4vw;border-radius: 1.6vw;} .meta_banner_chip1{left: 0;top: 4vw;} .meta_banner_chip2{right: 0;bottom: 4vw;} .meta_banner_chip_ico{width: 7vw;height: 7vw;font-size: 3.4vw;} .meta_banner_chip_txt{margin-left: 2vw;} .meta_banner_chip_txt h3{font-size: 2.8vw;} .meta_banner_chip_txt p{font-size: 2.4vw;} .meta_why_box{padding: 8vw 0;} .meta_why_box .google_seo_title span{width: 16vw;} .meta_why_ul{margin-top: 3.2vw;} .meta_why_ul li{margin-top: 3.8vw;padding: 5% 4%;border-radius: 2.4vw;} .meta_why_ul_ico{width: 12vw;font-size: 5.4vw;border-radius: 1.6vw;} .meta_why_ul li h3{font-size: 4.2vw;margin-top: 3.2vw;} .meta_why_ul li p{font-size: 3.6vw;margin-top: 2.8vw;} .meta_service_box{padding: 8vw 0;} .meta_service_tag{width: 38vw;height: 6.8vw;font-size: 3vw;border-radius: 1.2vw;} .meta_service_ul{margin-top: 5.8vw;} .meta_service_ul li{border-radius: 2.4vw;} .meta_service_ul li + li{margin-top: 3.2vw;} .meta_service_ul_top{height: auto;padding: 3.8vw 4%;} .meta_service_ul_top_number{width: 10vw;height: 10vw;flex: 0 0 10vw;font-size: 3.8vw;} .meta_service_ul_top_txt{margin-left: 3.2vw;} .meta_service_ul_top_txt h3{font-size: 4vw;} .meta_service_ul_top_txt p{font-size: 3vw;margin-top: 1vw;} .meta_service_ul_top > i{font-size: 3.6vw;} .meta_service_ul_bottom dl{margin: 0 4%;padding: 3.2vw 0;padding-left: 3.8vw;} .meta_service_ul_bottom dl dd i{flex: 0 0 4.8vw;font-size: 3.6vw;margin-top: 0.6vw;} .meta_service_ul_bottom dl dd p{font-size: 3.2vw;margin-left: 1.2vw;} .meta_service_ul_bottom dl dd + dd{margin-top: 2.4vw;} .meta_why_hudoo_box{padding: 8vw 0;} .meta_why_hudoo_light_box{width: 50vw;height: 50vw;} .meta_why_hudoo_ul{padding-top: 1.8vw;} .meta_why_hudoo_ul li{padding: 5% 4%;margin-top: 3.8vw;border-radius: 2.4vw;} .meta_why_hudoo_ul_ico{font-size: 7.8vw;} .meta_why_hudoo_ul li h3{font-size: 4.2vw;margin-top: 3.2vw;} .meta_why_hudoo_ul li p{font-size: 3.6vw;margin-top: 2.8vw;} .tiktok_banner_box{padding: 8vw 0;} .tiktok_banner_box:before{width: 60vw;height: 60vw;} .tiktok_banner_box:after{width: 50vw;height: 50vw;} .tiktok_banner_left_tag{width: 62vw;height: 8.8vw;border-radius: 4.4vw;font-size: 3vw;} .tiktok_banner_left_tag i{font-size: 3.8vw;} .tiktok_banner_left_tag em{font-size: 3.8vw;margin: 0 1.8vw;} .tiktok_banner_left h2{font-size: 7vw;letter-spacing: -0.2vw;margin-top: 5vw;} .tiktok_banner_left h3{font-size: 7vw;letter-spacing: -0.2vw;text-shadow: 1px 0px 0px #25F4EE, -1px 0px 0px #FE2C55;} .tiktok_banner_left > p{font-size: 3.6vw;margin-top: 4vw;padding-left: 3.8vw;} .tiktok_banner_left > p:before{width: 2px;} .tiktok_banner_left > a{width: 58vw;height: 10.8vw;font-size: 3.6vw;margin-top: 5.8vw;border-radius: 1.2vw;} .tiktok_banner_left > a i{font-size: 3.2vw;margin-left: 1.8vw;} .tiktok_banner_left_data{margin-top: 6.8vw;} .tiktok_banner_left_data li + li{margin-left: 6.8vw;padding-left: 6.8vw;} .tiktok_banner_left_data li h4{font-size: 4.8vw;} .tiktok_banner_left_data li p{font-size: 2.8vw;margin-top: 1.2vw;} .tiktok_banner_right{margin-top: 12vw;padding: 8vw 0;} .tiktok_banner_right_circle{width: 88vw;height: 88vw;margin: -44vw 0 0 -44vw;} .tiktok_banner_right_chip{width: 13vw;height: 13vw;font-size: 2.6vw;} .tiktok_banner_right_chip.uk{top: -6.5vw;margin-left: -6.5vw;} .tiktok_banner_right_chip.us{bottom: -6.5vw;margin-left: -6.5vw;} .tiktok_banner_right_chip.de{left: -6.5vw;margin-top: -6.5vw;} .tiktok_banner_phone{width: 56vw;height: 101vw;border-width: 2vw;border-radius: 6vw;} .tiktok_banner_phone_notch{width: 20vw;height: 3.8vw;margin-left: -10vw;border-radius: 0 0 2.4vw 2.4vw;} .tiktok_banner_phone_video i{font-size: 12vw;} .tiktok_banner_phone_side{right: 2.4vw;bottom: 20vw;} .tiktok_banner_phone_side li + li{margin-top: 3.8vw;} .tiktok_banner_phone_side li i{font-size: 4.8vw;} .tiktok_banner_phone_side li span{font-size: 2.6vw;margin-top: 1.2vw;} .tiktok_banner_phone_info{left: 3.2vw;bottom: 3.8vw;} .tiktok_banner_phone_info h3{font-size: 3.2vw;} .tiktok_banner_phone_info p{font-size: 2.8vw;margin-top: 1.4vw;} .tiktok_banner_phone_info span{font-size: 2.8vw;margin-top: 1.8vw;} .tiktok_why_box{padding: 8vw 0;} .tiktok_title_box h2{font-size: 4.8vw;} .tiktok_title_box em{width: 16vw;height: 1.2vw;margin-top: 3.2vw;} .tiktok_why_ul{margin-top: 3.2vw;} .tiktok_why_ul li{margin-top: 3.8vw;padding: 5% 4%;border-radius: 2.4vw;} .tiktok_why_ul_ico{width: 12vw;font-size: 5.4vw;border-radius: 1.6vw;} .tiktok_why_ul li h3{font-size: 4.2vw;margin-top: 3.2vw;} .tiktok_why_ul li p{font-size: 3.6vw;margin-top: 2.8vw;} .tiktok_service_box{padding: 8vw 0;} .tiktok_service_tag{width: 46vw;height: 6.8vw;font-size: 3vw;border-radius: 1.2vw;} .tiktok_service_title{margin-top: 3.2vw;} .tiktok_service_title h2{font-size: 4.8vw;} .tiktok_service_ul{margin-top: 3.2vw;} .tiktok_service_ul li{padding: 5% 4%;margin-top: 3.8vw;border-radius: 2.4vw;} .tiktok_service_ul_ico{font-size: 6.4vw;} .tiktok_service_ul li h3{font-size: 4.2vw;margin-top: 3.2vw;} .tiktok_service_ul li > span{font-size: 2.8vw;margin-top: 1.4vw;} .tiktok_service_ul li dl{margin-top: 3.8vw;} .tiktok_service_ul li dl dd{font-size: 3.2vw;} .tiktok_service_ul li dl dd + dd{margin-top: 2.4vw;} .tiktok_service_ul li dl dd i{font-size: 3vw;margin-right: 1.8vw;} .tiktok_service_ul_tags{margin-top: 3.8vw;} .tiktok_service_ul_tags span{padding: 1.2vw 2.4vw;font-size: 3vw;border-radius: 3.6vw;margin-right: 2.4vw;margin-bottom: 2vw;} .tiktok_service_ul_tags span i{margin-right: 1.4vw;} .tiktok_why_hudoo_box{padding: 8vw 0;} .tiktok_why_hudoo_ul{padding-top: 1.8vw;} .tiktok_why_hudoo_ul li{padding: 5% 4%;margin-top: 3.8vw;border-radius: 2.4vw;} .tiktok_why_hudoo_ul_ico{font-size: 7.8vw;} .tiktok_why_hudoo_ul li h3{font-size: 4.2vw;margin-top: 3.2vw;} .tiktok_why_hudoo_ul li p{font-size: 3.6vw;margin-top: 2.8vw;} .youtube_banner_box{padding: 8vw 0;} .youtube_banner_box:before{width: 60vw;height: 60vw;} .youtube_banner_box:after{width: 50vw;height: 50vw;} .youtube_banner_left_tag{width: 64vw;height: 9.6vw;border-radius: 4.8vw;font-size: 3vw;} .youtube_banner_left_tag i{font-size: 4.2vw;margin-right: 2.4vw;} .youtube_banner_left h2{font-size: 6.4vw;letter-spacing: -0.2vw;margin-top: 5vw;} .youtube_banner_left h3{font-size: 6.4vw;letter-spacing: -0.2vw;} .youtube_banner_left > p{font-size: 3.6vw;margin-top: 4vw;padding-left: 3.8vw;} .youtube_banner_left > p:before{width: 2px;} .youtube_banner_left > a{width: 62vw;height: 10.8vw;font-size: 3.6vw;margin-top: 5.8vw;border-radius: 1.2vw;} .youtube_banner_left > a i{font-size: 4vw;margin-left: 1.8vw;} .youtube_banner_right{margin-top: 16vw;padding: 0 0 12vw;} .youtube_banner_player{border-radius: 2.4vw;} .youtube_banner_player_top{height: 10vw;padding: 0 3.2vw;} .youtube_banner_player_top p{font-size: 2.8vw;} .youtube_banner_player_top span{width: 2.4vw;height: 2.4vw;margin-left: 1.8vw;} .youtube_banner_player_video > i{font-size: 18vw;} .youtube_banner_player_video_play{width: 15vw;height: 15vw;margin: -7.5vw 0 0 -7.5vw;border-width: 0.8vw;} .youtube_banner_player_video_play i{font-size: 4.8vw;margin-left: 0.8vw;} .youtube_banner_player_video_tags{left: 3.2vw;top: 3.2vw;} .youtube_banner_player_video_tags span{padding: 1vw 1.6vw;font-size: 2.2vw;border-radius: 0.8vw;} .youtube_banner_player_video_tags span + span{margin-left: 1.6vw;} .youtube_banner_player_video_progress{height: 1.2vw;} .youtube_banner_player_bottom{padding: 3.2vw;} .youtube_banner_player_bottom span.line1{height: 3.2vw;} .youtube_banner_player_bottom span.line2{height: 2.4vw;margin-top: 1.6vw;} .youtube_banner_search{width: 42vw;padding: 3.2vw;border-radius: 1.6vw;top: -10vw;} .youtube_banner_search_top{font-size: 2.8vw;padding-bottom: 1.2vw;} .youtube_banner_search_top i{font-size: 3.6vw;margin-right: 1.8vw;} .youtube_banner_search_bottom{margin-top: 2vw;} .youtube_banner_search_bottom em{font-size: 4.8vw;} .youtube_banner_search_bottom_lines{margin-left: 2.4vw;} .youtube_banner_search_bottom_lines .line1{height: 2.4vw;} .youtube_banner_search_bottom_lines .line2{height: 1.6vw;margin-top: 0.8vw;} .youtube_banner_shorts{width: 30vw;height: 54vw;border-width: 0.8vw;border-radius: 3.2vw;right: 0;bottom: -6vw;} .youtube_banner_shorts > i{font-size: 7.8vw;} .youtube_banner_shorts_tag{right: 1.6vw;top: 1.6vw;padding: 0.4vw 1vw;font-size: 2vw;border-radius: 0.8vw;} .youtube_banner_shorts ul{right: 1.6vw;bottom: 3.8vw;} .youtube_banner_shorts ul li{width: 6.4vw;height: 6.4vw;} .youtube_banner_shorts ul li + li{margin-top: 2.4vw;} .youtube_banner_shorts ul li i{font-size: 2.6vw;} .youtube_why_box{padding: 8vw 0;} .youtube_why_ul{margin-top: 3.2vw;} .youtube_why_ul li{margin-top: 3.8vw;padding: 5% 4%;border-radius: 2.4vw;} .youtube_why_ul_ico{width: 12vw;font-size: 5.4vw;border-radius: 1.6vw;} .youtube_why_ul li h3{font-size: 4.2vw;margin-top: 3.2vw;} .youtube_why_ul li p{font-size: 3.6vw;margin-top: 2.8vw;} .youtube_service_box{padding: 8vw 0;} .youtube_service_tag{width: 46vw;height: 6.8vw;font-size: 3vw;border-radius: 1.2vw;} .youtube_service_ul{margin-top: 5.8vw;} .youtube_service_ul li{padding: 4%;border-radius: 2.4vw;flex-wrap: wrap;} .youtube_service_ul li + li{margin-top: 3.8vw;} .youtube_service_ul_ico{width: 12.8vw;height: 12.8vw;flex: 0 0 12.8vw;font-size: 5.4vw;border-radius: 1.6vw;} .youtube_service_ul_right{flex: initial;width: 100%;margin-left: 0;margin-top: 3.2vw;} .youtube_service_ul_right h3{font-size: 4.2vw;} .youtube_service_ul_right > p{font-size: 3.2vw;margin-top: 1.8vw;} .youtube_service_ul_right dl{margin-top: 1.2vw;} .youtube_service_ul_right dl dd{font-size: 3.2vw;margin-top: 2vw;padding-right: 0;} .youtube_service_ul_right dl dd i{font-size: 3.2vw;margin-right: 1.8vw;} .youtube_why_hudoo_box{padding: 8vw 0;} .youtube_why_hudoo_ul{padding-top: 1.8vw;} .youtube_why_hudoo_ul li{padding: 5% 4%;margin-top: 3.8vw;border-radius: 2.4vw;} .youtube_why_hudoo_ul_ico{font-size: 7.8vw;} .youtube_why_hudoo_ul li h3{font-size: 4.2vw;margin-top: 3.2vw;} .youtube_why_hudoo_ul li p{font-size: 3.6vw;margin-top: 2.8vw;} .ads_banner_box{padding: 8vw 0;} .ads_banner_box:before{width: 60vw;height: 60vw;} .ads_banner_box:after{width: 50vw;height: 50vw;} .ads_banner_left_tag{padding: 0 4vw;height: 8.8vw;border-radius: 4.4vw;font-size: 3vw;} .ads_banner_left_tag i{font-size: 3.8vw;margin-right: 1.8vw;} .ads_banner_left h2{font-size: 6vw;letter-spacing: -0.2vw;margin-top: 4vw;} .ads_banner_left h3{font-size: 6vw;letter-spacing: -0.2vw;} .ads_banner_left > p{font-size: 3.6vw;margin-top: 3.6vw;padding-left: 3.8vw;} .ads_banner_left > p:before{width: 2px;} .ads_banner_left > a{width: 62vw;height: 10.8vw;font-size: 3.6vw;margin-top: 5.8vw;border-radius: 1.2vw;} .ads_banner_left > a i{font-size: 3.2vw;margin-left: 1.8vw;} .ads_banner_left_data{margin-top: 6vw;} .ads_banner_left_data li + li{margin-left: 6vw;padding-left: 6vw;} .ads_banner_left_data li h4{font-size: 4.8vw;} .ads_banner_left_data li p{font-size: 2.8vw;margin-top: 1vw;} .ads_banner_right{margin-top: 8vw;padding: 3.2vw 0;} .ads_mock{border-radius: 2.4vw;} .ads_mock_top{height: 9.6vw;padding: 0 3.2vw;} .ads_mock_top > i.fab, .ads_mock_top > i.fas{font-size: 4vw;margin-right: 2vw;} .ads_mock_top p{font-size: 2.8vw;} .ads_mock_top span{width: 2.2vw;height: 2.2vw;margin-left: 1.2vw;} .ads_mock_body{padding: 4vw;} .ads_mock_line{height: 2.4vw;border-radius: 0.8vw;} .ads_mock_line + .ads_mock_line{margin-top: 2vw;} .ads_mock_line.thin{height: 1.6vw;} .ads_mock_title i{width: 7.4vw;height: 7.4vw;font-size: 3.4vw;border-radius: 1.6vw;margin-right: 2vw;} .ads_mock_title h3{font-size: 3.2vw;} .ads_mock_title p{font-size: 2.4vw;} .ads_mock_chart{height: 24vw;margin-top: 3.6vw;} .ads_mock_chart i{margin-left: 1.8vw;border-radius: 0.8vw 0.8vw 0 0;} .ads_mock_btn{height: 8.8vw;font-size: 3vw;margin-top: 3.2vw;border-radius: 1.2vw;} .ads_mock_result{padding: 3vw 3.2vw;border-radius: 1.6vw;margin-top: 2.4vw;} .ads_mock_result_tag{padding: 0.4vw 1.6vw;font-size: 2.2vw;border-radius: 0.8vw;margin-bottom: 1.6vw;} .ads_mock_result h3{font-size: 3.2vw;} .ads_mock_result p{font-size: 2.8vw;margin-top: 1.2vw;} .ads_mock_chip{height: 11vw;padding: 0 3.2vw 0 2.4vw;border-radius: 1.6vw;} .ads_mock_chip_ico{width: 6.4vw;height: 6.4vw;font-size: 3vw;} .ads_mock_chip_txt{margin-left: 2vw;} .ads_mock_chip_txt h3{font-size: 2.8vw;} .ads_mock_chip_txt p{font-size: 2.2vw;} .ads_value_box{padding: 8vw 0;} .ads_value_ul{margin-top: 3.2vw;} .ads_value_ul li{margin-top: 3.8vw;padding: 5% 4%;border-radius: 2.4vw;} .ads_value_ul_ico{width: 12vw;font-size: 5.4vw;border-radius: 1.6vw;} .ads_value_ul li h3{font-size: 4.2vw;margin-top: 3.2vw;} .ads_value_ul li p{font-size: 3.6vw;margin-top: 2.8vw;} .ads_product_box{padding: 8vw 0;} .ads_product_ul{margin-top: 3.2vw;} .ads_product_ul li{margin-top: 3.8vw;padding: 5% 4%;border-radius: 2.4vw;} .ads_product_ul_top i{width: 9.6vw;height: 9.6vw;flex: 0 0 9.6vw;font-size: 4vw;border-radius: 1.6vw;} .ads_product_ul_top h3{font-size: 4vw;margin-left: 2.4vw;} .ads_product_ul em{padding: 0.8vw 2.4vw;font-size: 2.8vw;border-radius: 0.8vw;margin-top: 3.2vw;} .ads_product_ul li p{font-size: 3.4vw;margin-top: 2.4vw;} .ads_phase_box{padding: 8vw 0;} .ads_phase_ul{margin-top: 5.8vw;} .ads_phase_ul:before{left: 1.6vw;} .ads_phase_ul li{padding-left: 8vw;} .ads_phase_ul li:nth-of-type(even){padding-left: 8vw;} .ads_phase_ul li + li{margin-top: 8vw;} .ads_phase_ul li:after{width: 3.2vw;height: 3.2vw;border-width: 0.6vw;left: 0.2vw;} .ads_phase_ul li:nth-of-type(even):after{left: 0.2vw;} .ads_phase_ul li em{padding: 1vw 2.8vw;font-size: 3vw;border-radius: 3.2vw;} .ads_phase_ul li h3{font-size: 4.2vw;margin-top: 2.4vw;} .ads_phase_ul li > p{font-size: 3.4vw;margin-top: 1.8vw;} .ads_phase_ul li dl{margin-top: 2vw;} .ads_phase_ul li dl dd{padding: 1vw 2vw;font-size: 2.8vw;border-radius: 0.8vw;margin-right: 1.8vw;margin-top: 1.6vw;} .ads_whyus_box{padding: 8vw 0;} .ads_whyus_ul{padding-top: 1.8vw;} .ads_whyus_ul li{width: 100%;margin-left: 0;margin-top: 3.8vw;padding: 5% 4%;border-radius: 2.4vw;} .ads_whyus_ul li:nth-of-type(4n+1){margin-left: 0;} .ads_whyus_ul li:nth-of-type(2n+1){margin-left: 0;} .ads_whyus_ul_ico{font-size: 6.4vw;} .ads_whyus_ul li h3{font-size: 4.2vw;margin-top: 3.2vw;} .ads_whyus_ul li p{font-size: 3.6vw;margin-top: 2.8vw;} .ads_sec_desc, .ads_phase_desc{font-size: 3.4vw;margin-top: 3.2vw;} .ads_phase_ul li:after{width: 7.4vw;height: 7.4vw;font-size: 3.2vw;right: -3.7vw;} .ads_phase_ul li:nth-of-type(even):after{left: -3.7vw;} .ads_phase_ul li h3{font-size: 4.4vw;} .ads_phase_ul li em{padding: 0.8vw 2.4vw;font-size: 2.8vw;margin-top: 1.8vw;} .ads_phase_acts{font-size: 3vw;margin-top: 1.6vw;} .ads_phase_ul.cards li{padding: 5% 4%;} .ads_phase_ul.cards li:after{font-size: 9vw;right: 4vw;top: 2.4vw;} .ads_whyus_split{padding-top: 3.2vw;} .ads_whyus_split_left li + li{margin-top: 5.8vw;} .ads_whyus_split_left_ico{width: 10.8vw;height: 10.8vw;flex: 0 0 10.8vw;font-size: 4.4vw;border-radius: 2vw;} .ads_whyus_split_left_txt{margin-left: 3.2vw;} .ads_whyus_split_left_txt h3{font-size: 4.2vw;} .ads_whyus_split_left_txt p{font-size: 3.4vw;margin-top: 1.8vw;} .ads_whyus_split_right{padding: 5% 4%;margin-top: 6vw;border-radius: 2.4vw;} .ads_whyus_split_right > h3{font-size: 4.2vw;} .ads_whyus_split_right dl dd{padding: 2.8vw 3.2vw;border-radius: 1.6vw;margin-top: 2.8vw;} .ads_whyus_split_right dl dd > i{width: 7vw;height: 7vw;flex: 0 0 7vw;font-size: 3vw;border-radius: 1.2vw;} .ads_whyus_split_right_txt{margin-left: 2.4vw;} .ads_whyus_split_right_txt h4{font-size: 3.2vw;} .ads_whyus_split_right_txt p{font-size: 2.8vw;} .ads_whyus_split_right dl dd > span{font-size: 2.8vw;} .ads_banner_ring{width: 88vw;height: 88vw;margin: -44vw 0 0 -44vw;} .ads_banner_dot{width: 10vw;height: 10vw;font-size: 3.6vw;} .ads_banner_float{font-size: 6.4vw;} .ads_mock_search{height: 8.8vw;padding: 0 2.4vw;font-size: 2.8vw;margin-bottom: 2.8vw;} .ads_mock_search b{padding: 1vw 2.4vw;font-size: 2.6vw;} .ads_mock_metrics li{padding: 2.4vw 2vw;border-radius: 1.6vw;} .ads_mock_metrics li p{font-size: 2vw;} .ads_mock_metrics li h4{font-size: 3.6vw;margin-top: 1vw;} .ads_mock_metrics li span{font-size: 2.2vw;} .ads_mock_target{padding: 2.4vw 2.8vw;border-radius: 1.6vw;margin-top: 2.4vw;} .ads_mock_target > i{width: 6.8vw;height: 6.8vw;flex: 0 0 6.8vw;font-size: 2.8vw;} .ads_mock_target div h4{font-size: 2.8vw;} .ads_mock_target div p{font-size: 2.2vw;} .ads_mock_foot div h4{font-size: 3.4vw;} .ads_mock_foot div p{font-size: 2.4vw;} .ads_mock_foot a{padding: 1.8vw 3.6vw;font-size: 2.8vw;} .ads_mock_phone{width: 66vw;border-width: 2vw;border-radius: 5vw;} .ads_mock_phone_bar h3{font-size: 3.8vw;} .ads_mock_imgph{height: 26vw;} .ads_mock_player_stage > i{width: 12vw;height: 12vw;font-size: 4.2vw;} .ads_mock_player_banner{left: 3.2vw;bottom: 2.8vw;padding: 2vw 2.4vw;} .ads_mock_player_banner span{width: 7.4vw;height: 7.4vw;flex: 0 0 7.4vw;font-size: 1.8vw;} .ads_mock_player_banner div h4{font-size: 2.6vw;} .ads_mock_player_banner div p{font-size: 2.2vw;} .ads_mock_player_banner a{padding: 1.4vw 2vw;font-size: 2.2vw;} .ads_mock_tilt.t1{width: 48vw;padding: 2.4vw 2.8vw;top: -8vw;} .ads_mock_tilt.t1 h4{font-size: 2.4vw;} .ads_mock_tilt.t1 p{font-size: 2.6vw;padding: 1.4vw 2vw;margin-top: 1.6vw;} .ads_mock_tphone{width: 56vw;height: 100vw;border-width: 1.8vw;border-radius: 5vw;} .ads_mock_tphone_play{width: 12vw;height: 12vw;margin-left: -6vw;font-size: 4vw;} .ads_mock_tphone_side li i{font-size: 4.4vw;} .ads_mock_tphone_side li span{font-size: 2.2vw;} .ads_mock_tphone_info h4{font-size: 3vw;} .ads_mock_tphone_info p{font-size: 2.2vw;} .ads_mock_tphone_btn{height: 7.8vw;font-size: 2.8vw;} .ads_value_compare span i{width: 10vw;} .ads_value_compare span:nth-of-type(1) i{height: 12vw;} .ads_value_compare span:nth-of-type(2) i{height: 5vw;} } /* 协议/单页正文排版 */ .tpl_article_box{padding:50px 0 80px;} .tpl_article{max-width:960px;margin:0 auto;color:#333;line-height:1.9;font-size:15px;} .tpl_article h2{font-size:22px;color:#111;margin:34px 0 14px;font-weight:600;} .tpl_article h3{font-size:17px;color:#222;margin:22px 0 10px;font-weight:600;} .tpl_article p{margin:0 0 14px;color:#444;} .tpl_article ul{margin:0 0 14px;padding-left:22px;} .tpl_article li{list-style:disc;margin:0 0 8px;color:#444;} .tpl_article .tpl_article_update{color:#888;font-size:13px;margin-bottom:24px;} /* 2026-08-14 模板卡片网格改用gap布局:左右间距恒定一致、tab筛选隐藏卡片后仍严格一行3列(仅作用于画廊页与模板库列表) */ .dts_gallery_box .dts_tpl_grid,.tpl_list_grid{column-gap: 2%;row-gap: 24px;} .dts_gallery_box .dts_tpl_grid .dts_tpl_card,.tpl_list_grid .dts_tpl_card{width: 32%;margin-left: 0;margin-top: 0;} @media (max-width: 990px) { .dts_gallery_box .dts_tpl_grid .dts_tpl_card,.tpl_list_grid .dts_tpl_card{width: 49%;} } @media (max-width: 768px) { .dts_gallery_box .dts_tpl_grid,.tpl_list_grid{row-gap: 3.8vw;} .dts_gallery_box .dts_tpl_grid .dts_tpl_card,.tpl_list_grid .dts_tpl_card{width: 100%;} }