@charset "UTF-8"; :root{--ThemesBoxTitleColor: #212121;--ThemesBoxSubTitleColor: #808080;--ThemesTextContentColor: #212121;--ThemesBodyColor: #F3F3F3;--ThemesProductsTitleColor: #000000;--ThemesBoxTitleFont: FiraSans-Bold;--ThemesBoxSubTitleFont: FiraSans-Regular;--ThemesTextContentFont: FiraSans-Regular;--ThemesProductsTitleFont: FiraSans-Bold;--ThemesNavFont: FiraSans-Regular;--FloatMessageTitleColor: #FFFFFF;--FloatMessageTitleBgColor: #32A45A;--FloatMessageArrowColor: #FFFFFF;--FloatMessageButtonTextColor: #FFFFFF;--FloatMessageButtonHoverTextColor: #333333;--FloatMessageButtonBgColor: #32A45A;--FloatMessageButtonBgHoverColor: #00000000;--FloatMessageButtonBorderColor: #00000000;--FloatMessageButtonBorderHoverColor: #32A45A;--FloatButtonTextColor: #FFFFFF;--FloatButtonBgColor: #1a73e8;--FloatButtonBgGradientColor: #0d47a1;--FloatButtonHoverBgColor: #1557b0;--FloatButtonHoverBgGradientColor: #0a3a8a;--ProductsPriceFont: Roboto-Bold;--ThemesButtonFont: Roboto-Bold;--ButtonRadiusSizePc: 24px;--ButtonRadiusSizeMobile: 24px;--ButtonFontStyle1: Roboto-Bold;--ButtonTextColorStyle1: #ffffff;--ButtonBgColorStyle1: #00b95e;--ButtonBorderColorStyle1: #00000000;--ButtonHoverTextColorStyle1: #00b95e;--ButtonBgHoverColorStyle1: #00000000;--ButtonBorderHoverColorStyle1: #00b95e;--ButtonTextSizePcStyle1: 20px;--ButtonRadiusSizePcStyle1: 30px;--ButtonTextSizeMobileStyle1: 14px;--ButtonRadiusSizeMobileStyle1: 30px;--ButtonFontStyle2: Roboto-Bold;--ButtonTextColorStyle2: #00b95e;--ButtonBgColorStyle2: #00000000;--ButtonBorderColorStyle2: #00B95E;--ButtonHoverTextColorStyle2: #ffffff;--ButtonBgHoverColorStyle2: #00b95e;--ButtonBorderHoverColorStyle2: #00000000;--ButtonTextSizePcStyle2: 20px;--ButtonRadiusSizePcStyle2: 30px;--ButtonTextSizeMobileStyle2: 14px;--ButtonRadiusSizeMobileStyle2: 30px;--ButtonFontInquiry: Roboto-Bold;--ButtonTextColorInquiry: #ffffff;--ButtonBgColorInquiry: #00b95e;--ButtonBorderColorInquiry: #00000000;--ButtonHoverTextColorInquiry: #00b95e;--ButtonBgHoverColorInquiry: #00000000;--ButtonBorderHoverColorInquiry: #00b95e;--ButtonTextSizePcInquiry: 18px;--ButtonRadiusSizePcInquiry: 23px;--ButtonTextSizeMobileInquiry: 18px;--ButtonRadiusSizeMobileInquiry: 23px;--ButtonFontBatchInquiryList: Roboto-Bold;--ButtonTextColorBatchInquiryList: #00b95e;--ButtonBgColorBatchInquiryList: #00000000;--ButtonBorderColorBatchInquiryList: #00b95e;--ButtonHoverTextColorBatchInquiryList: #FFFFFF;--ButtonBgHoverColorBatchInquiryList: #00b95e;--ButtonBorderHoverColorBatchInquiryList: #00000000;--ButtonTextSizePcBatchInquiryList: 14px;--ButtonRadiusSizePcBatchInquiryList: 30px;--ButtonTextSizeMobileBatchInquiryList: 14px;--ButtonRadiusSizeMobileBatchInquiryList: 30px;--ButtonFontBatchInquiryDetail: Roboto-Bold;--ButtonTextColorBatchInquiryDetail: #00B95E;--ButtonBgColorBatchInquiryDetail: #00000000;--ButtonBorderColorBatchInquiryDetail: #32A45A;--ButtonHoverTextColorBatchInquiryDetail: #FFFFFF;--ButtonBgHoverColorBatchInquiryDetail: #32A45A;--ButtonBorderHoverColorBatchInquiryDetail: #00000000;--ButtonTextSizePcBatchInquiryDetail: 16px;--ButtonRadiusSizePcBatchInquiryDetail: 30px;--ButtonTextSizeMobileBatchInquiryDetail: 16px;--ButtonRadiusSizeMobileBatchInquiryDetail: 5px;--PreBackgroundColor: #F1F1F1;--ThemesMobileButtomNavBgColor: #ffffff;--ThemesMobileButtomIconColor: #4a4a4a;--ThemesMobileButtomIconSelectedColor: #ec6608;--ThemesMobileButtomNavNameColor: #333333;--ThemesMobileButtomNavNameSelectedColor: #ec6608;--ThemesMobileButtomNavNameSize: 12px;} #mobile_header .btn_menu .iconfont{ color: var(--ThemesHeaderIconColor); } #mobile_header .btn_menu .ajax_inquiry .list_numner{background-color:; color:} .ly_header_v2 .header_v2_container{width: 100%;display: flex;justify-content: center;align-items: center} .ly_header_v2 .header_v2_inner{background: rgba(255, 255, 255, 0.25);backdrop-filter: blur(0.78vw);-webkit-backdrop-filter: blur(0.78vw);display: flex;align-items: center;box-sizing: border-box} .ly_header_v2 .header_v2_logo{flex-shrink: 0;display: flex;align-items: center}.ly_header_v2 .header_v2_logo a{display: flex;align-items: center}.ly_header_v2 .header_v2_logo .logo_pc{display: block}.ly_header_v2 .header_v2_logo .logo_mobile{display: none}.ly_header_v2 .header_v2_logo .logo_sticky_mobile{display: none} .ly_header_v2 .header_v2_nav{display: flex;align-items: center}.ly_header_v2 .header_v2_nav a{font-family: 'Fira Sans', var(--ThemesNavFont, var(--ThemesTextContentFont));font-style: normal;font-weight: 600;line-height: 17px;text-transform: uppercase;color: #1E1E1E;text-decoration: none;transition: color 0.2s}.ly_header_v2 .header_v2_nav a:hover{color: #3709AA} .ly_header_v2 .header_v2_right{display: flex;justify-content: center;align-items: center}.ly_header_v2 .header_v2_right .nav_link{font-family: var(--ThemesNavFont, var(--ThemesTextContentFont));font-style: normal;font-weight: 500;line-height: 17px;text-transform: uppercase;color: #1E1E1E;text-decoration: none;transition: color 0.2s}.ly_header_v2 .header_v2_right .nav_link:hover{color: #3709AA} .ly_header_v2 .header_v2_language{display: flex;align-items: center;justify-content: center;cursor: pointer;position: relative}.ly_header_v2 .header_v2_language img{width: 100%;height: 100%}.ly_header_v2 .header_v2_language .lang_icon_pc{display: block}.ly_header_v2 .header_v2_language .lang_icon_mobile{display: none} .ly_header_v2 .header_v2_lang_dropdown{display: none;flex-direction: column;align-items: center;position: absolute;background: rgba(255, 255, 255, 0.5);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);z-index: 99;box-sizing: border-box}.ly_header_v2 .header_v2_lang_dropdown.active{display: flex}.ly_header_v2 .header_v2_lang_dropdown .lang_item{font-family: var(--ThemesNavFont, var(--ThemesTextContentFont));font-style: normal;font-weight: 500;line-height: 1.2;text-transform: uppercase;cursor: pointer;text-decoration: none;display: block}.ly_header_v2 .header_v2_lang_dropdown .lang_item:hover{text-decoration: none;opacity: 0.8}.ly_header_v2 .header_v2_lang_dropdown .lang_item.inactive{color: #333333}.ly_header_v2 .header_v2_lang_dropdown .lang_item.active{color: #3709AA} .ly_header_v2 .header_v2_cat_nav{display: flex;flex-direction: row;align-items: center;justify-content: center;position: absolute;left: 50%;transform: translateX(-50%)}.ly_header_v2 .header_v2_cat_nav .cat_item{position: relative;font-family: var(--ThemesNavFont, var(--ThemesTextContentFont));font-style: normal;font-weight: 500;line-height: 1.2;text-transform: uppercase;color: #FFFFFF;text-decoration: none;transition: color 0.2s;padding-bottom: 0.3em}.ly_header_v2 .header_v2_cat_nav .cat_item:hover{text-decoration: none} .ly_header_v2 .header_v2_cat_nav .cat_item::after{content: '';position: absolute;left: 0;right: 0;bottom: 0;height: 2px;background: #FFBD04;opacity: 0;transition: opacity 0.2s}.ly_header_v2 .header_v2_cat_nav .cat_item:hover::after, .ly_header_v2 .header_v2_cat_nav .cat_item.active::after{opacity: 1} .ly_header_v2 .header_v2_cat_sub{display: none;flex-direction: column;align-items: flex-start;position: absolute;left: 50%;transform: translateX(-50%);background: rgba(255, 255, 255, 0.4);backdrop-filter: blur(0.39vw);-webkit-backdrop-filter: blur(0.39vw);border-radius: 6px;box-sizing: border-box;z-index: 100}.ly_header_v2 .header_v2_cat_sub.active{display: flex} .ly_header_v2 .header_v2_cat_sub .cat_sub_inner{display: flex;flex-wrap: wrap;align-items: flex-start;box-sizing: border-box}.ly_header_v2 .header_v2_cat_sub a{font-family: var(--ThemesNavFont, var(--ThemesTextContentFont));font-style: normal;font-weight: 400;color: #FFFFFF;font-size: 12px;letter-spacing: 0;line-height: normal;white-space: nowrap;text-decoration: none;width: fit-content;flex: none}.ly_header_v2 .header_v2_cat_sub a:hover{font-family: var(--ThemesBoxTitleFont);text-decoration: none} .ly_header_v2 .header_v2_signin{font-family: var(--ThemesNavFont, var(--ThemesTextContentFont));font-style: normal;font-weight: 500;line-height: 17px;text-transform: uppercase;color: #FFFFFF;text-decoration: none;transition: opacity 0.2s}.ly_header_v2 .header_v2_signin:hover{opacity: 0.8} .ly_header_v2 .header_v2_join_btn{background: #FFBD04;display: flex;align-items: center;justify-content: center;font-family: var(--ThemesBoxTitleFont);font-style: normal;font-weight: 500;line-height: 14px;text-transform: uppercase;color: #3709AA;text-decoration: none;transition: all 0.2s;flex-shrink: 0}.ly_header_v2 .header_v2_join_btn:hover{background: #e5aa00} .ly_header_v2 .header_v2_search, .ly_header_v2 .header_v2_user, .ly_header_v2 .header_v2_menu, .ly_header_v2 .header_v2_mobile_dropdown{display: none;align-items: center;justify-content: center;cursor: pointer}.ly_header_v2 .header_v2_search img, .ly_header_v2 .header_v2_user img, .ly_header_v2 .header_v2_menu img{width: 100%;height: 100%} /* PC端绝对定位（随页面滚动） */ .ly_header_v2[data-visual-id="21364"] .headerFixed { position: absolute; top: 1.953vw; left: 0; right: 0; z-index: 1000; } /* 外层容器 - 1200px居中 */ .ly_header_v2[data-visual-id="21364"] .header_v2_inner { width: 93.75vw; height: 3.125vw; border-radius: 1.563vw; padding: 0 0.938vw; } /* Logo */ .ly_header_v2[data-visual-id="21364"] .header_v2_logo { width: 16.719vw; } .ly_header_v2[data-visual-id="21364"] .header_v2_logo a { width: 100%; } .ly_header_v2[data-visual-id="21364"] .header_v2_logo .logo_style_a { display: block; width: 100%; } .ly_header_v2[data-visual-id="21364"] .header_v2_logo .logo_style_b { display: none; width: 100%; } .ly_header_v2[data-visual-id="21364"] .header_v2_logo a img, .ly_header_v2[data-visual-id="21364"] .header_v2_logo a .img img { width: 100% !important; height: auto !important; max-width: none !important; max-height: none !important; } /* 左侧导航区域 - Logo + Categories */ .ly_header_v2[data-visual-id="21364"] .header_v2_nav { margin-left: 2.344vw; margin-right: 0; gap: 1.563vw; } .ly_header_v2[data-visual-id="21364"] .header_v2_nav a { font-size: 1.094vw; } /* 右侧区域 - 整体靠右对齐 */ .ly_header_v2[data-visual-id="21364"] .header_v2_right { margin-left: auto; gap: 1.875vw; } .ly_header_v2[data-visual-id="21364"] .header_v2_right .nav_link { font-size: 1.094vw; font-weight: 600; color: #1E1E1E; text-decoration: none; text-transform: uppercase; white-space: nowrap; transition: color 0.2s ease; } .ly_header_v2[data-visual-id="21364"] .header_v2_right .nav_link:hover { color: #3709AA; } .ly_header_v2[data-visual-id="21364"] .header_v2_language { width: 1.719vw; height: 1.719vw; } /* 语言下拉框 */ .ly_header_v2[data-visual-id="21364"] .header_v2_lang_dropdown { width: 6.25vw; padding: 0.781vw; gap: 0.313vw; border-radius: 0.313vw; top: calc(3.125vw / 2 + 1.719vw / 2); left: 50%; transform: translateX(-50%); } .ly_header_v2[data-visual-id="21364"] .header_v2_lang_dropdown .lang_item { font-size: 1.094vw; } .ly_header_v2[data-visual-id="21364"] .header_v2_signin { font-size: 1.094vw; } /* ========== Mega Menu 分类导航 ========== */ /* Categories 入口按钮 */ .ly_header_v2[data-visual-id="21364"] .header_v2_categories { position: relative; } .ly_header_v2[data-visual-id="21364"] .categories_trigger { display: flex; align-items: center; gap: 0.469vw; cursor: pointer; font-family: 'Fira Sans', var(--ThemesNavFont, var(--ThemesTextContentFont)); font-size: 1.094vw; font-weight: 600; color: #1E1E1E; text-transform: uppercase; transition: color 0.2s ease; padding: 0.625vw 0; } .ly_header_v2[data-visual-id="21364"] .categories_trigger:hover { color: #3709AA; } .ly_header_v2[data-visual-id="21364"] .categories_icon { width: 1.25vw; height: 1.25vw; } .ly_header_v2[data-visual-id="21364"] .categories_arrow { width: 0.938vw; height: 0.938vw; transition: transform 0.2s ease; flex-shrink: 0; } .ly_header_v2[data-visual-id="21364"] .header_v2_categories.active .categories_arrow { transform: rotate(180deg); } .ly_header_v2[data-visual-id="21364"] .header_v2_categories.active .categories_trigger { color: #3709AA; } /* Mega Menu 弹窗 */ .ly_header_v2[data-visual-id="21364"] .header_v2_mega_menu { position: absolute; top: 100%; left: 0; min-width: 54.688vw; background: #FFFFFF; border-radius: 0.625vw; box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.08); border: 1px solid rgba(0, 0, 0, 0.08); opacity: 0; visibility: hidden; transform: translateY(-10px); transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s; z-index: 1000; margin-top: 0.781vw; } .ly_header_v2[data-visual-id="21364"] .header_v2_categories.active .header_v2_mega_menu { opacity: 1; visibility: visible; transform: translateY(0); } /* Mega Menu 内部布局 */ .ly_header_v2[data-visual-id="21364"] .mega_menu_inner { display: flex; min-height: 21.875vw; } /* 左侧一级分类 */ .ly_header_v2[data-visual-id="21364"] .mega_menu_left { width: 15.625vw; background: rgba(255, 189, 4, 0.08); border-radius: 0.625vw 0 0 0.625vw; padding: 0.938vw 0; flex-shrink: 0; } .ly_header_v2[data-visual-id="21364"] .mega_cat_item { display: flex; align-items: center; justify-content: space-between; gap: 0.625vw; padding: 0.781vw 1.25vw; font-family: 'Fira Sans', var(--ThemesNavFont, var(--ThemesTextContentFont)); font-size: 1.016vw; font-weight: 500; line-height: 1.4; color: #1E1E1E; text-decoration: none; transition: all 0.15s ease; cursor: pointer; } .ly_header_v2[data-visual-id="21364"] .mega_cat_item span { flex: 1; word-break: break-word; } .ly_header_v2[data-visual-id="21364"] .mega_cat_item:hover, .ly_header_v2[data-visual-id="21364"] .mega_cat_item.active { background: #FFBD04; color: #1E1E1E; } .ly_header_v2[data-visual-id="21364"] .mega_cat_arrow { opacity: 0.4; transition: opacity 0.15s ease; flex-shrink: 0; width: 0.469vw; height: 0.469vw; } .ly_header_v2[data-visual-id="21364"] .mega_cat_item:hover .mega_cat_arrow, .ly_header_v2[data-visual-id="21364"] .mega_cat_item.active .mega_cat_arrow { opacity: 1; } /* 右侧二级分类 */ .ly_header_v2[data-visual-id="21364"] .mega_menu_right { flex: 1; padding: 1.563vw; position: relative; } .ly_header_v2[data-visual-id="21364"] .mega_sub_panel { display: none; } .ly_header_v2[data-visual-id="21364"] .mega_sub_panel.active { display: block; animation: fadeIn 0.15s ease; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .ly_header_v2[data-visual-id="21364"] .mega_sub_grid { display: flex; flex-wrap: wrap; gap: 0.938vw 1.875vw; } .ly_header_v2[data-visual-id="21364"] .mega_sub_item { font-family: 'Fira Sans', var(--ThemesNavFont, var(--ThemesTextContentFont)); font-size: 1.016vw; font-weight: 400; color: #333333; text-decoration: none; padding: 0.469vw 0.938vw; border-radius: 0.313vw; transition: all 0.15s ease; white-space: nowrap; } .ly_header_v2[data-visual-id="21364"] .mega_sub_item:hover { background: rgba(55, 9, 170, 0.08); color: #3709AA; font-weight: 500; } /* 旧版分类导航（保留兼容，已隐藏） */ .ly_header_v2[data-visual-id="21364"] .header_v2_cat_nav, .ly_header_v2[data-visual-id="21364"] .header_v2_cat_sub { display: none !important; } /* Apply to Join 按钮 */ .ly_header_v2[data-visual-id="21364"] .header_v2_join_btn { width: 10.625vw; height: 2.344vw; border-radius: 1.563vw; font-size: 0.938vw; } /* 移动端样式 - 基于 360px 设计稿 */ @media screen and (max-width: 1000px) { .ly_header_v2[data-visual-id="21364"] .headerFixed { position: absolute; top: 0; } .ly_header_v2[data-visual-id="21364"] .header_v2_container { position: relative; width: 100vw; height: 12.8vw; /* 48px @375 */ padding: 0; } /* 菜单展开时 container 高度自适应 */ .ly_header_v2[data-visual-id="21364"].menu_open .header_v2_container { height: auto; padding-top: 12.8vw; /* 48px - 给header_v2_inner留出空间 */ } /* 菜单展开时 dropdown 改为相对定位撑开高度 + Rectangle20白色背景 */ .ly_header_v2[data-visual-id="21364"].menu_open .header_v2_mobile_dropdown { position: relative; top: -6.133vw; /* -23px 向上延伸 */ display: block; background: #FFFFFF; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); padding-top: 6.133vw; /* 23px - 补偿向上延伸的距离 */ padding-bottom: 2.667vw; /* 10px */ border-radius: 2.133vw; /* 圆角 8px */ z-index: 1; } /* 菜单展开时 黄色矩形改为相对定位 */ .ly_header_v2[data-visual-id="21364"].menu_open .header_v2_mobile_dropdown .dropdown_yellow_box { position: relative; top: auto; left: auto; margin: 0 auto; } /* 菜单展开时 底部导航改为相对定位 */ .ly_header_v2[data-visual-id="21364"].menu_open .header_v2_mobile_dropdown .dropdown_nav { position: relative; top: auto; left: auto; justify-content: center; margin-top: 4.267vw; /* 16px */ gap: 2.667vw; /* 10px */ } .ly_header_v2[data-visual-id="21364"].menu_open .header_v2_mobile_dropdown .dropdown_nav a { font-weight: 600; } /* header_v2_inner 层级高于 dropdown，增加上padding */ .ly_header_v2[data-visual-id="21364"].menu_open .header_v2_inner { z-index: 2; padding-top: 4vw; /* 15px */ } /* Rectangle 19 - 375基准，内层宽360(=96vw)，左右各2vw边距 */ .ly_header_v2[data-visual-id="21364"] .header_v2_inner { position: absolute; width: 96vw; /* 360px */ height: 9.6vw; /* 36px */ left: 2vw; /* 7.5px */ top: 2.4vw; /* 9px */ padding: 0; background: rgba(255, 255, 255, 0.25); backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); border-radius: 8vw; /* 30px */ box-sizing: border-box; } /* 移动端去掉点击高亮效果 */ .ly_header_v2[data-visual-id="21364"] a, .ly_header_v2[data-visual-id="21364"] button, .ly_header_v2[data-visual-id="21364"] .header_v2_menu, .ly_header_v2[data-visual-id="21364"] .header_v2_language, .ly_header_v2[data-visual-id="21364"] .header_v2_search, .ly_header_v2[data-visual-id="21364"] .header_v2_user { -webkit-tap-highlight-color: transparent; } .ly_header_v2[data-visual-id="21364"] .header_v2_logo { position: absolute; width: 7.467vw; /* 28px */ height: 8.533vw; /* 32px */ left: 4.267vw; /* 16px */ top: 50%; transform: translateY(-50%); z-index: 3; /* 确保logo可点击 */ } .ly_header_v2[data-visual-id="21364"] .header_v2_logo .logo_pc { display: none; } .ly_header_v2[data-visual-id="21364"] .header_v2_logo .logo_mobile { display: block; width: 100%; height: 100%; object-fit: contain; } .ly_header_v2[data-visual-id="21364"] .header_v2_nav { display: none; } /* 右侧区域：覆盖整条内层，元素从左向右排，按钮与第一个图标间距14px */ .ly_header_v2[data-visual-id="21364"] .header_v2_right { position: absolute; display: flex; align-items: center; justify-content: flex-start; height: 100%; left: 0; right: 2.133vw; /* 8px */ top: 0; gap: 3.733vw; /* 14px */ width: 100%; } .ly_header_v2[data-visual-id="21364"] .header_v2_right .nav_link { display: none; } .ly_header_v2[data-visual-id="21364"] .header_v2_language { width: 6.4vw; /* 24px */ height: 6.4vw; /* 24px */ order: 1; /* 图标在按钮之后 */ } .ly_header_v2[data-visual-id="21364"] .header_v2_language .lang_icon_pc { display: none; } .ly_header_v2[data-visual-id="21364"] .header_v2_language .lang_icon_mobile { display: block; } .ly_header_v2[data-visual-id="21364"] .header_v2_search { display: flex; width: 6.4vw; /* 24px */ height: 6.4vw; /* 24px */ order: 1; /* 图标在按钮之后 */ } .ly_header_v2[data-visual-id="21364"] .header_v2_user { display: flex; width: 6.4vw; /* 24px */ height: 6.4vw; /* 24px */ order: 1; /* 图标在按钮之后 */ } .ly_header_v2[data-visual-id="21364"] .header_v2_signin { display: none; } /* 按钮：375基准vw，去掉固定top；相对整条左侧偏移72px=19.2vw */ .ly_header_v2[data-visual-id="21364"] .header_v2_join_btn { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 36.267vw; /* 136px */ height: 6.933vw; /* 26px */ margin-left: 17.2vw; /* 72px(全局) - 7.5px(容器左边距)=64.5px */ padding: 0; border-radius: 5.333vw; /* 20px */ font-size: 3.2vw; /* 12px */ z-index: 2; order: 0; /* 按钮在最前 */ } .ly_header_v2[data-visual-id="21364"] .header_v2_menu { display: flex; position: absolute; width: 8vw; /* 30px */ height: 8vw; /* 30px */ right: 2.133vw; /* 8px */ top: 0.8vw; /* 3px */ } .ly_header_v2[data-visual-id="21364"] .header_v2_cat_nav, .ly_header_v2[data-visual-id="21364"] .header_v2_cat_sub, .ly_header_v2[data-visual-id="21364"] .header_v2_lang_dropdown, .ly_header_v2[data-visual-id="21364"] .header_v2_categories { display: none !important; } /* ========== 移动端吸顶样式 ========== */ .ly_header_v2[data-visual-id="21364"].mobile_sticky .headerFixed { position: fixed !important; top: 0 !important; } .ly_header_v2[data-visual-id="21364"].mobile_sticky .header_v2_inner { background: linear-gradient(180deg, #FFBD04 0%, #F5A623 100%) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; top: 1.6vw !important; transition: background 0.3s ease; } .ly_header_v2[data-visual-id="21364"].mobile_sticky .header_v2_join_btn { background: #3709AA !important; color: #FFBD04 !important; } /* 吸顶时切换logo */ .ly_header_v2[data-visual-id="21364"] .header_v2_logo .logo_sticky_mobile { display: none; } .ly_header_v2[data-visual-id="21364"].mobile_sticky .header_v2_logo .logo_mobile { display: none !important; } .ly_header_v2[data-visual-id="21364"].mobile_sticky .header_v2_logo .logo_sticky_mobile { display: block !important; width: 100%; height: 100%; object-fit: contain; } /* 吸顶时展开菜单边框变成黄色 */ .ly_header_v2[data-visual-id="21364"].mobile_sticky .header_v2_mobile_dropdown { border-color: rgba(245, 166, 35, 0.3); } /* ========== 移动端展开菜单 ========== */ /* 展开菜单外层容器 */ .ly_header_v2[data-visual-id="21364"] .header_v2_mobile_dropdown { display: none; width: 96vw; /* 360px */ border: 1px solid rgba(55, 9, 170, 0.3); border-radius: 2.133vw; /* 8px */ background: rgba(255, 255, 255, 0.95); box-sizing: border-box; } /* 展开菜单激活时显示 */ .ly_header_v2[data-visual-id="21364"].menu_open .header_v2_mobile_dropdown { display: block; } /* 白色背景层 - 移除，不需要了 */ .ly_header_v2[data-visual-id="21364"] .header_v2_mobile_dropdown .dropdown_bg { display: none; } /* 黄色圆角矩形 - Frame131: 350x95px */ .ly_header_v2[data-visual-id="21364"] .header_v2_mobile_dropdown .dropdown_yellow_box { position: absolute; width: 93.333vw; /* 350px */ left: 1.333vw; /* 5px */ top: 0; background: #FFBD04; border-radius: 2.133vw; /* 8px */ box-sizing: border-box; padding: 4vw 2.667vw; /* 15px 10px */ display: flex; justify-content: center; align-items: center; } /* 黄色矩形内一级分类列表 - Frame1 */ .ly_header_v2[data-visual-id="21364"] .header_v2_mobile_dropdown .dropdown_cat_list { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start; align-content: center; gap: 5.333vw 8vw; /* 20px 30px */ width: 85.6vw; /* 321px */ } /* 分类项 - Group79 */ .ly_header_v2[data-visual-id="21364"] .header_v2_mobile_dropdown .dropdown_cat_item { display: flex; flex-direction: column; align-items: flex-start; text-decoration: none; } .ly_header_v2[data-visual-id="21364"] .header_v2_mobile_dropdown .dropdown_cat_item .cat_name { font-family: 'Fira Sans', var(--ThemesNavFont, var(--ThemesTextContentFont)); font-style: normal; font-weight: 500; font-size: 3.733vw; /* 14px */ line-height: 4.267vw; /* 16px */ text-transform: uppercase; color: #1E1E1E; } /* 底部导航链接区域 - Frame43: top:97px, left:29px */ .ly_header_v2[data-visual-id="21364"] .header_v2_mobile_dropdown .dropdown_nav { position: absolute; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; left: 7.733vw; /* 29px */ top: 25.867vw; /* 97px */ gap: 2.667vw; /* 10px */ } .ly_header_v2[data-visual-id="21364"] .header_v2_mobile_dropdown .dropdown_nav a { font-family: 'Fira Sans', var(--ThemesNavFont, var(--ThemesTextContentFont)); font-style: normal; font-weight: 500; font-size: 3.2vw; /* 12px */ line-height: 3.733vw; /* 14px */ letter-spacing: 0.4px; text-transform: uppercase; color: #3709AA; text-decoration: none; white-space: nowrap; } } /* ========== 固定导航栏（样式B） ========== */ .ly_header_v2[data-visual-id="21364"] .header_v2_sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 1001; display: flex; justify-content: center; transform: translateY(-100%); opacity: 0; transition: transform 0.3s ease, opacity 0.3s ease; pointer-events: none; } .ly_header_v2[data-visual-id="21364"] .header_v2_sticky.active { transform: translateY(0); opacity: 1; pointer-events: auto; } .ly_header_v2[data-visual-id="21364"] .sticky_inner { width: 93.75vw; height: 3.125vw; display: flex; align-items: center; padding: 0 0.938vw; box-sizing: border-box; gap: 1.563vw; background: linear-gradient(180deg, #FFBD04 0%, #F5A623 100%); border-radius: 1.563vw; } /* Logo */ .ly_header_v2[data-visual-id="21364"] .sticky_logo { flex-shrink: 0; width: 16.719vw; } .ly_header_v2[data-visual-id="21364"] .sticky_logo a { display: flex; align-items: center; width: 100%; } .ly_header_v2[data-visual-id="21364"] .sticky_logo a img, .ly_header_v2[data-visual-id="21364"] .sticky_logo a .img img { width: 100% !important; height: auto !important; max-width: none !important; max-height: none !important; } /* 搜索框 */ .ly_header_v2[data-visual-id="21364"] .sticky_search { width: 29.063vw; flex-shrink: 0; } .ly_header_v2[data-visual-id="21364"] .sticky_search_form { display: flex; align-items: center; background: #FFFFFF; border-radius: 1.563vw; height: 2.5vw; padding: 0 0.313vw 0 1.563vw; box-sizing: border-box; } .ly_header_v2[data-visual-id="21364"] .sticky_search_input { flex: 1; border: none; outline: none; font-family: 'Fira Sans', var(--ThemesTextContentFont); font-size: 1.094vw; font-weight: 400; color: #1E1E1E; background: transparent; min-width: 4.688vw; text-transform: lowercase; } .ly_header_v2[data-visual-id="21364"] .sticky_search_input::placeholder { color: #BEBEBE; } .ly_header_v2[data-visual-id="21364"] .sticky_search_icons { display: flex; align-items: center; gap: 0.781vw; margin-right: 0.781vw; } .ly_header_v2[data-visual-id="21364"] .sticky_search_icons svg { width: 1.719vw; height: 1.719vw; } .ly_header_v2[data-visual-id="21364"] .sticky_search_btn { background: #FFBD04; color: #FFFFFF; border: none; border-radius: 1.563vw; width: 6.25vw; height: 2.188vw; font-family: 'Fira Sans', var(--ThemesBoxTitleFont); font-size: 1.094vw; font-weight: 500; text-transform: uppercase; cursor: pointer; flex-shrink: 0; } .ly_header_v2[data-visual-id="21364"] .sticky_search_btn:hover { background: #e5aa00; } /* 右侧导航 */ .ly_header_v2[data-visual-id="21364"] .sticky_nav { display: flex; align-items: center; gap: 1.875vw; margin-left: auto; } .ly_header_v2[data-visual-id="21364"] .sticky_nav_link { font-family: 'Fira Sans', var(--ThemesNavFont, var(--ThemesTextContentFont)); font-size: 1.094vw; font-weight: 600; color: #1E1E1E; text-decoration: none; text-transform: uppercase; white-space: nowrap; } .ly_header_v2[data-visual-id="21364"] .sticky_nav_link:hover { opacity: 0.7; } .ly_header_v2[data-visual-id="21364"] .sticky_language { width: 1.719vw; height: 1.719vw; cursor: pointer; display: flex; align-items: center; justify-content: center; position: relative; } .ly_header_v2[data-visual-id="21364"] .sticky_language svg { width: 1.719vw; height: 1.719vw; } .ly_header_v2[data-visual-id="21364"] .sticky_language:hover svg path, .ly_header_v2[data-visual-id="21364"] .sticky_language:hover svg circle { stroke: rgba(255,255,255,0.7); } .ly_header_v2[data-visual-id="21364"] .sticky_signin { font-family: 'Fira Sans', var(--ThemesNavFont, var(--ThemesTextContentFont)); font-size: 1.094vw; font-weight: 500; color: #FFFFFF; text-decoration: none; text-transform: uppercase; white-space: nowrap; } .ly_header_v2[data-visual-id="21364"] .sticky_signin:hover { opacity: 0.8; } .ly_header_v2[data-visual-id="21364"] .sticky_join_btn { background: #3709AA; color: #FFFFFF; width: 10.625vw; height: 2.344vw; border-radius: 1.563vw; font-family: 'Fira Sans', var(--ThemesBoxTitleFont); font-size: 0.938vw; font-weight: 500; text-transform: uppercase; text-decoration: none; display: flex; align-items: center; justify-content: center; white-space: nowrap; } .ly_header_v2[data-visual-id="21364"] .sticky_join_btn:hover { background: #2a0785; } @media screen and (max-width: 1000px) { .ly_header_v2[data-visual-id="21364"] .header_v2_sticky { display: none !important; } } /* ========== 非首页样式 ========== */ /* 首页: 隐藏样式B内容和logo */ .ly_header_v2[data-visual-id="21364"] .style_b_content { display: none; } .ly_header_v2[data-visual-id="21364"] .logo_style_b { display: none; } /* 非首页: 显示样式B的logo，隐藏样式A的logo */ .ly_header_v2[data-visual-id="21364"].not_homepage .logo_style_a { display: none !important; } .ly_header_v2[data-visual-id="21364"].not_homepage .logo_style_b { display: block; } /* 非首页: 隐藏样式A内容，显示样式B内容 */ .ly_header_v2[data-visual-id="21364"].not_homepage .style_a_content { display: none !important; } .ly_header_v2[data-visual-id="21364"].not_homepage .style_b_content { display: flex; flex: 1; align-items: center; gap: 1.563vw; } /* 非首页: inner容器改成样式B的外观（黄色渐变背景） */ .ly_header_v2[data-visual-id="21364"].not_homepage .header_v2_inner { background: linear-gradient(180deg, #FFBD04 0%, #F5A623 100%) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } /* 非首页: 语言下拉框默认隐藏，active时显示 */ .ly_header_v2[data-visual-id="21364"].not_homepage .header_v2_lang_dropdown { display: none; } .ly_header_v2[data-visual-id="21364"].not_homepage .header_v2_lang_dropdown.active { display: flex !important; } /* 非首页: 搜索框样式（完全复用sticky_search的样式） */ .ly_header_v2[data-visual-id="21364"].not_homepage .inner_search { width: 29.063vw; flex-shrink: 0; } .ly_header_v2[data-visual-id="21364"].not_homepage .inner_search_form { display: flex; align-items: center; background: #FFFFFF; border-radius: 1.563vw; height: 2.5vw; padding: 0 0.313vw 0 1.563vw; box-sizing: border-box; } .ly_header_v2[data-visual-id="21364"].not_homepage .inner_search_input { flex: 1; border: none; outline: none; font-family: 'Fira Sans', var(--ThemesTextContentFont); font-size: 1.094vw; font-weight: 400; color: #1E1E1E; background: transparent; min-width: 4.688vw; text-transform: lowercase; } .ly_header_v2[data-visual-id="21364"].not_homepage .inner_search_input::placeholder { color: #BEBEBE; } .ly_header_v2[data-visual-id="21364"].not_homepage .inner_search_icons { display: flex; align-items: center; gap: 0.781vw; margin-right: 0.781vw; } .ly_header_v2[data-visual-id="21364"].not_homepage .inner_search_icons svg { width: 1.719vw; height: 1.719vw; } .ly_header_v2[data-visual-id="21364"].not_homepage .inner_search_btn { background: #FFBD04; color: #FFFFFF; border: none; border-radius: 1.563vw; width: 6.25vw; height: 2.188vw; font-family: 'Fira Sans', var(--ThemesBoxTitleFont); font-size: 1.094vw; font-weight: 500; text-transform: uppercase; cursor: pointer; flex-shrink: 0; } .ly_header_v2[data-visual-id="21364"].not_homepage .inner_search_btn:hover { background: #e5aa00; } /* 非首页: 右侧导航样式（完全复用sticky_nav的样式） */ .ly_header_v2[data-visual-id="21364"].not_homepage .inner_nav { display: flex; align-items: center; gap: 1.875vw; margin-left: auto; } .ly_header_v2[data-visual-id="21364"].not_homepage .inner_nav_link { font-family: 'Fira Sans', var(--ThemesNavFont, var(--ThemesTextContentFont)); font-size: 1.094vw; font-weight: 600; color: #1E1E1E; text-decoration: none; text-transform: uppercase; white-space: nowrap; } .ly_header_v2[data-visual-id="21364"].not_homepage .inner_nav_link:hover { opacity: 0.7; } .ly_header_v2[data-visual-id="21364"].not_homepage .inner_language { width: 1.719vw; height: 1.719vw; cursor: pointer; display: flex; align-items: center; justify-content: center; position: relative; } .ly_header_v2[data-visual-id="21364"].not_homepage .inner_language svg { width: 1.719vw; height: 1.719vw; } .ly_header_v2[data-visual-id="21364"].not_homepage .inner_language:hover svg path, .ly_header_v2[data-visual-id="21364"].not_homepage .inner_language:hover svg circle { stroke: rgba(255,255,255,0.7); } .ly_header_v2[data-visual-id="21364"].not_homepage .inner_signin { font-family: 'Fira Sans', var(--ThemesNavFont, var(--ThemesTextContentFont)); font-size: 1.094vw; font-weight: 500; color: #FFFFFF; text-decoration: none; text-transform: uppercase; white-space: nowrap; } .ly_header_v2[data-visual-id="21364"].not_homepage .inner_signin:hover { opacity: 0.8; } .ly_header_v2[data-visual-id="21364"].not_homepage .inner_join_btn { background: #3709AA; color: #FFFFFF; width: 10.625vw; height: 2.344vw; border-radius: 1.563vw; font-family: 'Fira Sans', var(--ThemesBoxTitleFont); font-size: 0.938vw; font-weight: 500; text-transform: uppercase; text-decoration: none; display: flex; align-items: center; justify-content: center; white-space: nowrap; } .ly_header_v2[data-visual-id="21364"].not_homepage .inner_join_btn:hover { background: #2a0785; } /* 非首页滚动后: 隐藏分类导航 */ .ly_header_v2[data-visual-id="21364"].not_homepage.scrolled .header_v2_cat_nav, .ly_header_v2[data-visual-id="21364"].not_homepage.scrolled .header_v2_cat_sub { display: none !important; } /* ========== 移动端：非首页与首页完全一致 ========== */ @media screen and (max-width: 1000px) { /* 移动端: 重置非首页样式，让首页和非首页完全一样 */ /* 隐藏PC端的logo_style_a和logo_style_b，移动端用logo_mobile */ .ly_header_v2[data-visual-id="21364"].not_homepage .logo_style_a, .ly_header_v2[data-visual-id="21364"].not_homepage .logo_style_b { display: none !important; } /* 隐藏样式B内容（搜索框、导航等） */ .ly_header_v2[data-visual-id="21364"].not_homepage .style_b_content { display: none !important; } /* 恢夏header_v2_right显示（里面有移动端图标），因为PC端非首页把它隐藏了 */ .ly_header_v2[data-visual-id="21364"].not_homepage .header_v2_right { display: flex !important; } /* 恢复inner容器透明背景 */ .ly_header_v2[data-visual-id="21364"].not_homepage .header_v2_inner { background: rgba(255, 255, 255, 0.25) !important; backdrop-filter: blur(5px) !important; -webkit-backdrop-filter: blur(5px) !important; } /* 非首页吸顶时也要使用黄色渐变背景，与首页一致 */ .ly_header_v2[data-visual-id="21364"].not_homepage.mobile_sticky .header_v2_inner { background: linear-gradient(180deg, #FFBD04 0%, #F5A623 100%) !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important; } } .ly_poster_107[data-visual-id="21365"] { width: 100%; background-color: transparent; } .ly_poster_107[data-visual-id="21365"] .hero_container { width: 100%; max-width: 100%; margin: 0 auto; position: relative; overflow: hidden; } .ly_poster_107[data-visual-id="21365"] .hero_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } /* 内容区块定位 */ .ly_poster_107[data-visual-id="21365"] .hero_content { position: absolute; top: 12.891vw; left: 5.859vw; z-index: 2; max-width: 60%; } .ly_poster_107[data-visual-id="21365"] .hero_subtitle { font-size: 1.406vw; color: #ffffff; margin-bottom: 2.344vw; /* 30px */ line-height: 1.4; /* 动效: 延迟800ms, 从上方滑入, 800ms, 弹性缓动 */ animation: subtitleSlideIn 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.8s both; } @keyframes subtitleSlideIn { from { transform: translateY(-120%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .ly_poster_107[data-visual-id="21365"] .hero_title { font-size: 3.125vw; color: #ffffff; font-weight: bold; line-height: 1.2; margin-bottom: 1.172vw; /* 15px */ /* 动效: 延迟1200ms, 从上方滑入, 500ms, 弹性缓动 */ animation: titleSlideIn 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 1.2s both; } @keyframes titleSlideIn { from { transform: translateY(-140%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } /* 搜索框 */ .ly_poster_107[data-visual-id="21365"] .hero_search { display: flex; justify-content: flex-end; align-items: center; width: 35.938vw; /* 460px */ height: 2.188vw; /* 28px */ padding: 0.156vw 0 0.156vw 0.156vw; /* 2px, 右侧无间距 */ background: #fff; border: 0.156vw solid #D6CEEB; /* 2px淡紫色边框 */ border-radius: 1.563vw; /* 20px */ margin-bottom: 2.344vw; /* 30px */ box-sizing: border-box; /* 动效: 延迟1500ms, 从上方滑入, 1000ms, 柔和缓动 */ animation: searchSlideIn 1s cubic-bezier(0.25, 0.1, 0.25, 1) 1.5s both; } .ly_poster_107[data-visual-id="21365"] .hero_search input { flex: 1; height: 100%; border: none; background: transparent; padding: 0 1.094vw; /* 0 14px */ font-size: 1.094vw; /* 14px */ outline: none; min-width: 0; color: #333; } .ly_poster_107[data-visual-id="21365"] .hero_search input::placeholder { color: #A1A1A1; } .ly_poster_107[data-visual-id="21365"] .hero_search button { width: 6.25vw; /* 80px */ height: 1.875vw; /* 24px */ background: #f5a623; color: #fff; border: none; border-radius: 1.563vw; /* 20px */ font-size: 0.938vw; /* 12px */ font-weight: 500; text-transform: uppercase; letter-spacing: 0.04em; cursor: pointer; white-space: nowrap; flex-shrink: 0; } .ly_poster_107[data-visual-id="21365"] .hero_search button:hover { opacity: 0.9; } /* 热门标签 */ .ly_poster_107[data-visual-id="21365"] .hero_tags { display: flex; flex-wrap: wrap; align-items: center; gap: 1.094vw; /* 14px */ /* 动效: 延迟1500ms, 从上方滑入, 1000ms, 柔和缓动 */ animation: searchSlideIn 1s cubic-bezier(0.25, 0.1, 0.25, 1) 1.5s both; } @keyframes searchSlideIn { from { transform: translateY(-125%); opacity: 0; } to { transform: translateY(0); opacity: 1; } } .ly_poster_107[data-visual-id="21365"] .hero_tags a { display: flex; justify-content: center; align-items: center; height: 1.719vw; /* 22px */ padding: 0.156vw 1.25vw; /* 2px 16px */ border: 1px solid #FFBD04; color: #FFBD04; border-radius: 1.563vw; /* 20px */ font-size: 1.094vw; /* 14px */ text-transform: lowercase; text-decoration: none; box-sizing: border-box; transition: all 0.3s; } .ly_poster_107[data-visual-id="21365"] .hero_tags a:hover { background: #FFBD04; color: #333; } /* 右下角图片 */ .ly_poster_107[data-visual-id="21365"] .hero_corner_img { position: absolute; right: 0; bottom: 0; width: 48.672vw; /* 623px */ height: 34.063vw; /* 436px */ object-fit: contain; z-index: 1; /* 动效: 延迟1s后从右侧滑入, 800ms, 轻微弹性 */ animation: cornerSlideIn 0.8s cubic-bezier(0.34, 1.25, 0.64, 1) 1s both; } @keyframes cornerSlideIn { from { transform: translateX(50vw); /* 从屏幕右侧完全外面滑入 */ opacity: 0; } to { transform: translateX(0); opacity: 1; } } /* ========== 移动端样式 (375px设计稿) ========== */ @media (max-width: 768px) { /* 容器高度 189px @375 => 50.4vw */ .ly_poster_107[data-visual-id="21365"] .hero_container { height: 50.4vw !important; padding-top: 0 !important; } /* 内容区块定位 */ .ly_poster_107[data-visual-id="21365"] .hero_content { top: 17.333vw; left: 6.667vw; /* 25px */ max-width: 70%; } /* 小标题 */ .ly_poster_107[data-visual-id="21365"] .hero_subtitle { font-size: 2.667vw; margin-bottom: 2.133vw; /* 8px */ line-height: 1.2; } /* 大标题 */ .ly_poster_107[data-visual-id="21365"] .hero_title { font-size: 4.8vw; line-height: 1.22; margin-bottom: 0; } /* 隐藏搜索框和热词 */ .ly_poster_107[data-visual-id="21365"] .hero_search, .ly_poster_107[data-visual-id="21365"] .hero_tags { display: none; } /* 右下角图片 - 改为top定位 */ .ly_poster_107[data-visual-id="21365"] .hero_corner_img { width: 47.2vw; /* 177px */ height: 33.067vw; /* 124px */ top: 17.333vw; /* 65px */ right: 1.067vw; /* 4px */ bottom: auto; } } .ly_poster_108[data-visual-id="21366"]{width:1440px; margin:0 auto; padding:0;}.ly_poster_108[data-visual-id="21366"]{padding-top:30px;padding-bottom:0px;}.ly_poster_108[data-visual-id="21366"]{box-sizing: border-box;padding-left:0%;padding-right:0%;}@media screen and (max-width: 1480px) {.ly_poster_108[data-visual-id="21366"]{ width: 96%;box-sizing: border-box;}}@media screen and (max-width: 1000px) {.ly_poster_108[data-visual-id="21366"]{padding-top:30px;padding-bottom:0px;}.ly_poster_108[data-visual-id="21366"]{width:98%; min-width:inherit;}.ly_poster_108[data-visual-id="21366"]{padding-left:0%;padding-right:0%;}} /* PC端样式 */ .ly_poster_108[data-visual-id="21366"] { width: 100%; box-sizing: border-box; } .ly_poster_108[data-visual-id="21366"] .mode108-container { width: 92.188vw; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 2.344vw; } .ly_poster_108[data-visual-id="21366"] .stat_title { font-family: 'Fira Sans', sans-serif; font-style: normal; font-weight: 700; font-size: 2.344vw; line-height: 1.2; color: #1E1E1E; text-align: center; margin: 0; } .ly_poster_108[data-visual-id="21366"] .stat_cards { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; gap: 2.344vw; width: 100%; } .ly_poster_108[data-visual-id="21366"] .stat_card { display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 0.781vw 1.563vw; width: 19.531vw; height: 11.406vw; background: linear-gradient(180deg, #024C7B 0%, rgba(55, 9, 170, 0.4) 100%); border-radius: 0.781vw; box-sizing: border-box; } .ly_poster_108[data-visual-id="21366"] .stat_number { font-family: 'Fira Sans', sans-serif; font-style: normal; font-weight: 600; font-size: 3.594vw; line-height: 1.2; text-transform: uppercase; color: #FFBD04; margin: 0; } .ly_poster_108[data-visual-id="21366"] .stat_desc { font-family: 'Fira Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 1.719vw; line-height: 1.2; text-transform: lowercase; color: #FFFFFF; margin: 0; } /* 移动端样式 - 基于 375px 设计稿，使用 vw 自适应 */ @media (max-width: 768px) { .ly_poster_108[data-visual-id="21366"] .mode108-container { width: 92vw; gap: 1.333vw; } .ly_poster_108[data-visual-id="21366"] .stat_title { font-size: 4.8vw; line-height: 5.867vw; padding: 0 5.333vw; text-align: center; } .ly_poster_108[data-visual-id="21366"] .stat_cards { width: 100%; gap: 0.533vw; padding: 0; margin-top: 2.667vw; } .ly_poster_108[data-visual-id="21366"] .stat_card { width: 42.667vw; height: 18.667vw; padding: 1.067vw 2.667vw; border-radius: 2.667vw; } .ly_poster_108[data-visual-id="21366"] .stat_number { font-size: 8.533vw; line-height: 8.533vw; } .ly_poster_108[data-visual-id="21366"] .stat_desc { font-size: 3.733vw; line-height: 3.733vw; } } /* PC端样式 */ .ly_products_mode_8[data-visual-id="21367"] { background-color: #F5F5F5; padding-top: 2.344vw; padding-bottom: 0vw; } .ly_products_mode_8[data-visual-id="21367"] .category_grid_container { position: relative; width: 77.813vw; max-width: 90%; margin: 0 auto; } .ly_products_mode_8[data-visual-id="21367"] .category_grid_wrapper { position: relative; overflow: hidden; } /* 使用CSS Grid按列排布 */ .ly_products_mode_8[data-visual-id="21367"] .category_grid { display: grid; grid-template-rows: repeat(2, auto); grid-auto-flow: column; grid-auto-columns: 7.813vw; gap: 3.906vw 2.188vw; transition: transform 0.2s ease-out; } .ly_products_mode_8[data-visual-id="21367"] .category_item { display: flex; flex-direction: column; align-items: center; gap: 0.625vw; text-decoration: none; width: 7.813vw; } .ly_products_mode_8[data-visual-id="21367"] .category_icon_box { width: 5.469vw; height: 5.469vw; border-radius: 0.781vw; display: flex; align-items: center; justify-content: center; overflow: hidden; transition: box-shadow 0.3s ease; } .ly_products_mode_8[data-visual-id="21367"] .category_item:hover .category_icon_box { box-shadow: 0 0.156vw 0.313vw rgba(190, 190, 190, 1); } .ly_products_mode_8[data-visual-id="21367"] .category_icon_box img { width: 100%; height: 100%; object-fit: cover; } .ly_products_mode_8[data-visual-id="21367"] .category_name { font-family: 'Fira Sans', sans-serif; font-weight: 500; font-size: 1.094vw; line-height: 1.3; text-align: center; color: #1E1E1E; width: 100%; word-break: break-word; height: calc(1.094vw * 1.3 * 2); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* 箭头按钮 */ .ly_products_mode_8[data-visual-id="21367"] .carousel_arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 3.906vw; height: 3.906vw; cursor: pointer; display: none; align-items: center; justify-content: center; z-index: 10; } .ly_products_mode_8[data-visual-id="21367"] .carousel_arrow.show { display: flex; } .ly_products_mode_8[data-visual-id="21367"] .carousel_arrow_left { left: -5.469vw; } .ly_products_mode_8[data-visual-id="21367"] .carousel_arrow_right { right: -5.469vw; } .ly_products_mode_8[data-visual-id="21367"] .carousel_arrow img { width: 100%; height: 100%; object-fit: contain; } .ly_products_mode_8[data-visual-id="21367"] .mobile_more_btn { display: none; } /* 移动端样式 */ @media (max-width: 768px) { .ly_products_mode_8[data-visual-id="21367"] { padding-top: 8vw; padding-bottom: 0vw; } .ly_products_mode_8[data-visual-id="21367"] .category_grid_container { width: 92vw; max-width: 92vw; } .ly_products_mode_8[data-visual-id="21367"] .category_grid { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4.267vw 0; } .ly_products_mode_8[data-visual-id="21367"] .category_item { width: 25%; max-width: 25%; box-sizing: border-box; } .ly_products_mode_8[data-visual-id="21367"] .category_icon_box { width: 14.933vw; height: 14.933vw; border-radius: 1.6vw; } .ly_products_mode_8[data-visual-id="21367"] .category_name { display: none; } .ly_products_mode_8[data-visual-id="21367"].mobile_expanded .category_item { width: 25%; max-width: 25%; height: auto; gap: 1.067vw; box-sizing: border-box; } .ly_products_mode_8[data-visual-id="21367"].mobile_expanded .category_name { display: -webkit-box; font-family: 'Fira Sans', sans-serif; font-style: normal; font-weight: 500; font-size: 3.733vw; line-height: 4.533vw; text-align: center; color: #A1A1A1; height: 9.067vw; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: break-word; overflow-wrap: break-word; width: 100%; animation: fadeIn 0.3s ease; } .ly_products_mode_8[data-visual-id="21367"] .carousel_arrow { display: none !important; } .ly_products_mode_8[data-visual-id="21367"] .category_item.mobile_hidden { display: none; } .ly_products_mode_8[data-visual-id="21367"] .category_item.mobile_hidden.animating { display: flex; opacity: 0; transform: translateY(-10px); } .ly_products_mode_8[data-visual-id="21367"].mobile_expanded .category_item.mobile_hidden { display: flex; opacity: 1; transform: translateY(0); transition: opacity 0.3s ease, transform 0.3s ease; } .ly_products_mode_8[data-visual-id="21367"].collapsing .category_item.mobile_hidden { opacity: 0; transform: translateY(-10px); } .ly_products_mode_8[data-visual-id="21367"].collapsing .category_name { opacity: 0; transition: opacity 0.3s ease; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .ly_products_mode_8[data-visual-id="21367"] .mobile_more_btn { display: flex; justify-content: center; margin-top: 2.667vw; } .ly_products_mode_8[data-visual-id="21367"] .mobile_more_btn.hide { display: none; } .ly_products_mode_8[data-visual-id="21367"] .more_button { width: 18.667vw; height: 6.4vw; border: 1px solid #FFBD04; border-radius: 5.333vw; background: transparent; font-family: 'Fira Sans', sans-serif; font-weight: 500; font-size: 3.2vw; text-transform: uppercase; color: #FFBD04; cursor: pointer; } } .ly_products_110[data-visual-id="21368"] .products_110_container{width:1440px; margin:0 auto; padding:0;}.ly_products_110[data-visual-id="21368"]{padding-top:30px;padding-bottom:0px;}.ly_products_110[data-visual-id="21368"] .products_110_container{box-sizing: border-box;padding-left:0%;padding-right:0%;}@media screen and (max-width: 1480px) {.ly_products_110[data-visual-id="21368"] .products_110_container{ width: 96%;box-sizing: border-box;}}@media screen and (max-width: 1000px) {.ly_products_110[data-visual-id="21368"]{padding-top:30px;padding-bottom:0px;}.ly_products_110[data-visual-id="21368"] .products_110_container{width:98%; min-width:inherit;}.ly_products_110[data-visual-id="21368"] .products_110_container{padding-left:0%;padding-right:0%;}} /* ========== PC端样式 ========== */ .ly_products_110[data-visual-id="21368"] { background-color: #F2F2F2; } .ly_products_110[data-visual-id="21368"] .products_110_container { width: 92.813vw; /* 1188/1280 */ margin: 0 auto; display: flex; flex-direction: column; align-items: flex-start; } .ly_products_110[data-visual-id="21368"] .section_title { font-family: var(--ThemesBoxTitleFont); font-size: 1.563vw; font-weight: 600; color: #BEBEBE; text-transform: uppercase; margin-bottom: 0.781vw; /* 10px */ } .ly_products_110[data-visual-id="21368"] .products_grid { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 0.781vw; /* 10px */ width: 100%; } /* 产品卡片 */ .ly_products_110[data-visual-id="21368"] .product_card { position: relative; width: 22.344vw; /* 286/1280 */ flex: none; background: linear-gradient(360deg, #FFFFFF 0%, #F6F6F6 100%); border-radius: 1.094vw; /* 14px */ overflow: hidden; transition: box-shadow 0.3s ease; text-decoration: none; display: block; } .ly_products_110[data-visual-id="21368"] .product_card:hover { box-shadow: 0 0.156vw 0.313vw #BEBEBE; /* 0 2px 4px */ } /* 卡片内部容器 */ .ly_products_110[data-visual-id="21368"] .card_inner { padding: 0.547vw; /* 7px */ } /* 图片区域 */ .ly_products_110[data-visual-id="21368"] .card_image { position: relative; width: 100%; padding-bottom: 73.26%; /* 200/273 保持图片比例 */ border-radius: 0.469vw; /* 6px */ overflow: hidden; } .ly_products_110[data-visual-id="21368"] .card_image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } /* 信息区域 */ .ly_products_110[data-visual-id="21368"] .card_info { padding: 1.25vw; /* 16px */ padding-top: 0.781vw; /* 10px */ } /* 产品名称 */ .ly_products_110[data-visual-id="21368"] .product_name { font-family: var(--ThemesTextContentFont); font-size: 1.563vw; /* 20px */ font-weight: 500; color: #1E1E1E; line-height: 1.2; margin-bottom: 0.625vw; /* 8px */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* 价格 */ .ly_products_110[data-visual-id="21368"] .product_price { font-family: var(--ThemesBoxTitleFont); font-size: 1.875vw; /* 24px */ font-weight: 700; color: #024C7B; line-height: 1.2; margin-bottom: 0.625vw; /* 8px */ } /* 底部行：供应商 + 按钮 */ .ly_products_110[data-visual-id="21368"] .card_bottom { display: flex; justify-content: space-between; align-items: center; } /* 供应商 */ .ly_products_110[data-visual-id="21368"] .product_vendor { font-family: var(--ThemesTextContentFont); font-size: 1.094vw; /* 14px */ font-weight: 400; color: #1E1E1E; line-height: 1.2; } /* ========== 移动端样式 ========== */ @media (max-width: 768px) { .ly_products_110[data-visual-id="21368"] .products_110_container { width: 92vw; max-width: 92vw; padding: 0; } .ly_products_110[data-visual-id="21368"] .section_title { font-size: 3.733vw; margin-bottom: 4vw; text-align: center; width: 100%; } .ly_products_110[data-visual-id="21368"] .products_grid { flex-direction: column; gap: 4vw; } .ly_products_110[data-visual-id="21368"] .product_card { width: 100%; border-radius: 3.733vw; /* 14px based on 375 */ } .ly_products_110[data-visual-id="21368"] .card_inner { padding: 1.867vw; /* 7px */ } .ly_products_110[data-visual-id="21368"] .card_image { border-radius: 1.6vw; /* 6px */ } .ly_products_110[data-visual-id="21368"] .card_info { padding: 4.267vw; /* 16px */ padding-top: 2.667vw; /* 10px */ } .ly_products_110[data-visual-id="21368"] .product_name { font-size: 5.333vw; /* 20px */ } .ly_products_110[data-visual-id="21368"] .product_price { font-size: 6.4vw; /* 24px */ } .ly_products_110[data-visual-id="21368"] .product_vendor { font-size: 3.733vw; /* 14px */ } } .ly_products_111[data-visual-id="21369"] .products_111_container{width:1440px; margin:0 auto; padding:0;}.ly_products_111[data-visual-id="21369"]{padding-top:30px;padding-bottom:0px;}.ly_products_111[data-visual-id="21369"] .products_111_container{box-sizing: border-box;padding-left:0%;padding-right:0%;}@media screen and (max-width: 1480px) {.ly_products_111[data-visual-id="21369"] .products_111_container{ width: 96%;box-sizing: border-box;}}@media screen and (max-width: 1000px) {.ly_products_111[data-visual-id="21369"]{padding-top:30px;padding-bottom:0px;}.ly_products_111[data-visual-id="21369"] .products_111_container{width:98%; min-width:inherit;}.ly_products_111[data-visual-id="21369"] .products_111_container{padding-left:0%;padding-right:0%;}} /* ========== PC端样式 ========== */ .ly_products_111[data-visual-id="21369"] { background-color: #F2F2F2; } .ly_products_111[data-visual-id="21369"] .products_111_container { width: 92.813vw; /* 1188/1280 */ margin: 0 auto; } .ly_products_111[data-visual-id="21369"] .section_title { font-family: var(--ThemesBoxTitleFont); font-size: 1.563vw; font-weight: 600; color: #BEBEBE; text-transform: uppercase; margin-bottom: 0.781vw; /* 10px */ } /* 主布局：左右两栏 */ .ly_products_111[data-visual-id="21369"] .main_layout { display: flex; flex-direction: row; gap: 0.781vw; /* 10px */ } /* ========== Featured 卡片 ========== */ .ly_products_111[data-visual-id="21369"] .featured_card { width: 31.25vw; /* 400px */ height: 32.5vw; /* 416px */ background: linear-gradient(360deg, #FFFFFF 0%, #F6F6F6 100%); border-radius: 1.094vw; /* 14px */ position: relative; flex: none; text-decoration: none; display: block; transition: box-shadow 0.3s ease; } .ly_products_111[data-visual-id="21369"] .featured_card:hover { box-shadow: 0 0.156vw 0.313vw #BEBEBE; } /* Featured 图片区域 */ .ly_products_111[data-visual-id="21369"] .featured_images { position: absolute; left: 0.781vw; /* 10px */ top: 0.859vw; /* 11px */ display: flex; flex-direction: row; gap: 0.391vw; /* 5px */ } .ly_products_111[data-visual-id="21369"] .featured_main_img { width: 22.188vw; /* 284px */ height: 22.188vw; /* 284px */ border-radius: 0.781vw; /* 10px */ object-fit: cover; flex: none; } .ly_products_111[data-visual-id="21369"] .featured_sub_imgs { display: flex; flex-direction: column; justify-content: space-between; height: 22.188vw; /* 和主图等高 284px */ } .ly_products_111[data-visual-id="21369"] .featured_sub_img { width: 7.031vw; /* 90px */ height: calc((22.188vw - 0.625vw) / 3); /* (284 - 8px间距) / 3 ≈ 92px */ border-radius: 0.469vw; /* 6px */ object-fit: cover; } /* Featured 信息区域 */ .ly_products_111[data-visual-id="21369"] .featured_info { position: absolute; left: 1.641vw; /* 21px */ bottom: 0.781vw; /* 10px */ right: 0.781vw; } .ly_products_111[data-visual-id="21369"] .featured_name { font-family: var(--ThemesBoxTitleFont); font-size: 2.031vw; /* 26px */ font-weight: 600; color: #1E1E1E; line-height: 1.2; margin-bottom: 0.469vw; /* 6px */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ly_products_111[data-visual-id="21369"] .featured_price { font-family: var(--ThemesBoxTitleFont); font-size: 1.563vw; /* 20px */ font-weight: 700; color: #024C7B; line-height: 1.2; margin-bottom: 0.469vw; /* 6px */ } .ly_products_111[data-visual-id="21369"] .featured_bottom { display: flex; justify-content: space-between; align-items: center; } .ly_products_111[data-visual-id="21369"] .featured_vendor { font-family: var(--ThemesTextContentFont); font-size: 1.25vw; /* 16px */ font-weight: 400; color: #1E1E1E; } .ly_products_111[data-visual-id="21369"] .featured_btn { width: 8.828vw; /* 113px */ height: 2.188vw; /* 28px */ border: 1px solid #FFBD04; border-radius: 1.563vw; /* 20px */ background: transparent; font-family: var(--ThemesTextContentFont); font-size: 1.094vw; /* 14px */ font-weight: 500; color: #FFBD04; text-transform: uppercase; display: flex; align-items: center; justify-content: center; text-decoration: none; } /* ========== 右侧产品网格 ========== */ .ly_products_111[data-visual-id="21369"] .products_grid_wrap { width: 60.781vw; /* 778px */ height: 32.5vw; /* 416px */ background: linear-gradient(360deg, #FFFFFF 0%, #F6F6F6 100%); border-radius: 1.094vw; /* 14px */ display: flex; align-items: center; justify-content: center; flex: none; } .ly_products_111[data-visual-id="21369"] .products_grid { display: flex; flex-wrap: wrap; justify-content: center; align-content: center; gap: 2.344vw 0.938vw; /* 30px 12px */ width: 59.219vw; /* 758px */ } .ly_products_111[data-visual-id="21369"] .grid_card { width: 14.063vw; /* 180px */ height: 14.063vw; /* 180px */ border-radius: 0.469vw; /* 6px */ overflow: hidden; display: block; transition: box-shadow 0.3s ease; } .ly_products_111[data-visual-id="21369"] .grid_card:hover { box-shadow: 0 0.156vw 0.313vw #BEBEBE; } .ly_products_111[data-visual-id="21369"] .grid_card img { width: 100%; height: 100%; object-fit: cover; } /* ========== 移动端样式 ========== */ @media (max-width: 768px) { .ly_products_111[data-visual-id="21369"] .products_111_container { width: 92vw; padding: 0; } .ly_products_111[data-visual-id="21369"] .section_title { font-size: 3.733vw; text-align: center; margin-bottom: 4vw; } /* 移动端纵向布局 */ .ly_products_111[data-visual-id="21369"] .main_layout { flex-direction: column; gap: 1.6vw; /* 6px */ } /* Featured 卡片移动端 */ .ly_products_111[data-visual-id="21369"] .featured_card { width: 100%; height: 92vw; border-radius: 3.733vw; /* 14px */ } .ly_products_111[data-visual-id="21369"] .featured_images { left: 2.667vw; /* 10px */ top: 2.933vw; /* 11px */ width: 84vw; height: 60vw; } .ly_products_111[data-visual-id="21369"] .featured_main_img { width: 60vw; height: 60vw; border-radius: 2.667vw; /* 10px */ } .ly_products_111[data-visual-id="21369"] .featured_sub_imgs { height: 60vw; justify-content: space-between; } .ly_products_111[data-visual-id="21369"] .featured_sub_img { width: 21vw; height: calc((60vw - 1.6vw) / 3); border-radius: 1.6vw; /* 6px */ } .ly_products_111[data-visual-id="21369"] .featured_info { left: 5.6vw; /* 21px */ bottom: 4vw; right: 2.667vw; } .ly_products_111[data-visual-id="21369"] .featured_name { font-size: 6.933vw; /* 26px */ } .ly_products_111[data-visual-id="21369"] .featured_price { font-size: 5.333vw; /* 20px */ } .ly_products_111[data-visual-id="21369"] .featured_vendor { font-size: 4.267vw; /* 16px */ } .ly_products_111[data-visual-id="21369"] .featured_btn { width: 30.133vw; /* 113px */ height: 7.467vw; /* 28px */ border-radius: 5.333vw; /* 20px */ font-size: 3.733vw; /* 14px */ } /* 右侧产品网格移动端 */ .ly_products_111[data-visual-id="21369"] .products_grid_wrap { width: 100%; height: auto; padding: 4vw 0; border-radius: 3.733vw; /* 14px */ } .ly_products_111[data-visual-id="21369"] .products_grid { width: 88vw; gap: 4vw 3.2vw; } .ly_products_111[data-visual-id="21369"] .grid_card { width: 42vw; height: 42vw; border-radius: 1.6vw; /* 6px */ } } .ly_special_128[data-visual-id="21412"] .mode128_container{width:1440px; margin:0 auto; padding:0;}.ly_special_128[data-visual-id="21412"]{padding-top:30px;padding-bottom:0px;}.ly_special_128[data-visual-id="21412"] .mode128_container{box-sizing: border-box;padding-left:0%;padding-right:0%;}@media screen and (max-width: 1480px) {.ly_special_128[data-visual-id="21412"] .mode128_container{ width: 96%;box-sizing: border-box;}}@media screen and (max-width: 1000px) {.ly_special_128[data-visual-id="21412"]{padding-top:30px;padding-bottom:0px;}.ly_special_128[data-visual-id="21412"] .mode128_container{width:98%; min-width:inherit;}.ly_special_128[data-visual-id="21412"] .mode128_container{padding-left:0%;padding-right:0%;}} /* ========== PC端样式 ========== */ .ly_special_128[data-visual-id="21412"] { background-color: #F2F2F2; } .ly_special_128[data-visual-id="21412"] .mode128_container { width: 92.813vw; /* 1188/1280 */ margin: 0 auto; } .ly_special_128[data-visual-id="21412"] .section_title { font-family: var(--ThemesBoxTitleFont); font-size: 1.25vw; font-weight: 600; color: #BEBEBE; text-transform: uppercase; margin-bottom: 0.781vw; /* 10px */ } /* Swiper容器 */ .ly_special_128[data-visual-id="21412"] .mode128_swiper { width: 100%; overflow: hidden; } .ly_special_128[data-visual-id="21412"] .swiper-wrapper { display: flex; align-items: stretch; } .ly_special_128[data-visual-id="21412"] .swiper-slide { flex-shrink: 0; box-sizing: border-box; } /* 供应商卡片 */ .ly_special_128[data-visual-id="21412"] .swiper-slide { height: auto; } .ly_special_128[data-visual-id="21412"] .supplier_card { position: relative; width: 100%; height: 100%; background: #FFFFFF; border-radius: 0.469vw; /* 6/1280 */ padding: 1.172vw; /* 15/1280 */ text-decoration: none; display: flex; flex-direction: column; box-sizing: border-box; cursor: pointer; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); transition: transform 0.3s ease, box-shadow 0.3s ease; overflow: hidden; } .ly_special_128[data-visual-id="21412"] .supplier_card:hover { transform: translateY(-5px); box-shadow: 0 12px 24px rgba(0, 0, 0, 0.12); } /* 认证标识 */ .ly_special_128[data-visual-id="21412"] .certified_badge { position: absolute; width: 9.375vw; /* 120/1280 */ height: 1.151vw; /* 14.73/1280 */ right: 1.016vw; /* 13/1280 */ top: 0.313vw; /* 4/1280 */ opacity: 0.8; } .ly_special_128[data-visual-id="21412"] .certified_badge img { width: 100%; height: 100%; object-fit: contain; } /* 头部容器：Logo + 标题社媒 垂直居中 */ .ly_special_128[data-visual-id="21412"] .card_header { display: flex; align-items: center; gap: 1.25vw; /* 16/1280 */ margin-bottom: 1.172vw; /* 15/1280 */ } /* Logo 60x60 */ .ly_special_128[data-visual-id="21412"] .card_logo { width: 4.688vw; /* 60/1280 */ height: 4.688vw; /* 60/1280 */ border-radius: 0.469vw; /* 6/1280 */ overflow: hidden; flex-shrink: 0; } .ly_special_128[data-visual-id="21412"] .card_logo img { width: 100%; height: 100%; object-fit: contain; } /* 标题+社媒容器 */ .ly_special_128[data-visual-id="21412"] .card_info { display: flex; flex-direction: column; flex: 1; min-width: 0; } /* 供应商名称 */ .ly_special_128[data-visual-id="21412"] .supplier_name { font-family: 'Fira Sans', sans-serif; font-style: normal; font-weight: 500; font-size: 1.25vw; /* 16/1280 */ line-height: 1.484vw; /* 19/1280 */ text-transform: uppercase; color: #1E1E1E; margin: 0 0 0.469vw 0; /* 6/1280 */ max-width: 28vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* 社交媒体图标区域 */ .ly_special_128[data-visual-id="21412"] .card_social { display: none; align-items: center; gap: 0.469vw; /* 6/1280 */ } .ly_special_128[data-visual-id="21412"] .social_icon { width: 1.875vw; /* 24/1280 */ height: 1.875vw; /* 24/1280 */ display: flex; align-items: center; justify-content: center; text-decoration: none; } .ly_special_128[data-visual-id="21412"] .social_icon img { width: 100%; height: 100%; object-fit: contain; } .ly_special_128[data-visual-id="21412"] .social_icon.active { cursor: pointer; transition: transform 0.2s ease; } .ly_special_128[data-visual-id="21412"] .social_icon.active:hover { transform: scale(1.15); } /* 联系方式弹窗样式 */ .contact_modal_overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(15, 23, 42, 0.6); backdrop-filter: blur(4px); display: flex; align-items: center; justify-content: center; z-index: 99999; opacity: 0; visibility: hidden; transition: opacity 0.25s ease-out, visibility 0.25s ease-out; } .contact_modal_overlay.active { opacity: 1; visibility: visible; } .contact_modal_box { background: #FFFFFF; border-radius: 16px; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); padding: 32px; max-width: 420px; width: 90%; transform: translateY(20px) scale(0.95); transition: transform 0.25s ease-out; position: relative; } .contact_modal_overlay.active .contact_modal_box { transform: translateY(0) scale(1); } .contact_modal_close { position: absolute; top: 16px; right: 16px; width: 32px; height: 32px; border: none; background: #F1F5F9; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.2s ease; } .contact_modal_close:hover { background: #E2E8F0; } .contact_modal_close svg { width: 16px; height: 16px; color: #64748B; } .contact_modal_icon { width: 56px; height: 56px; margin: 0 auto 16px; background: linear-gradient(135deg, #3709AA 0%, #5B21B6 100%); border-radius: 14px; display: flex; align-items: center; justify-content: center; } .contact_modal_icon img { width: 32px; height: 32px; filter: brightness(0) invert(1); } .contact_modal_title { font-family: 'Fira Sans', sans-serif; font-weight: 600; font-size: 20px; color: #1E293B; text-align: center; margin-bottom: 8px; } .contact_modal_subtitle { font-size: 14px; color: #64748B; text-align: center; margin-bottom: 24px; } .contact_modal_content { display: flex; align-items: center; gap: 12px; background: #F8FAFC; border: 1px solid #E2E8F0; border-radius: 12px; padding: 16px; } .contact_modal_value { flex: 1; font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 500; color: #1E293B; word-break: break-all; } .contact_modal_copy_btn { flex-shrink: 0; padding: 10px 20px; background: linear-gradient(135deg, #3709AA 0%, #5B21B6 100%); color: #FFFFFF; border: none; border-radius: 8px; font-family: 'Fira Sans', sans-serif; font-weight: 600; font-size: 14px; cursor: pointer; transition: all 0.2s ease; display: flex; align-items: center; gap: 6px; } .contact_modal_copy_btn:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(55, 9, 170, 0.35); } .contact_modal_copy_btn.copied { background: linear-gradient(135deg, #059669 0%, #10B981 100%); } .contact_modal_copy_btn svg { width: 16px; height: 16px; } @media (max-width: 768px) { .contact_modal_box { padding: 24px; margin: 16px; } .contact_modal_content { flex-direction: column; gap: 16px; } .contact_modal_copy_btn { width: 100%; justify-content: center; } } /* 主营产品描述（社媒隐藏时显示） */ .ly_special_128[data-visual-id="21412"] .card_main_product { display: block; font-family: 'Fira Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 0.938vw; line-height: 1.4; color: #1E1E1E; margin: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* 供应商资质参数 */ .ly_special_128[data-visual-id="21412"] .card_params { display: flex; flex-direction: column; gap: 0.781vw; /* 10/1280 */ } .ly_special_128[data-visual-id="21412"] .param_item { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #E5E5E5; padding-bottom: 0.625vw; /* 8/1280 */ } .ly_special_128[data-visual-id="21412"] .param_item:last-child { border-bottom: none; } .ly_special_128[data-visual-id="21412"] .param_name { font-family: 'Fira Sans', sans-serif; font-style: normal; font-weight: 500; font-size: 1.094vw; /* 14/1280 */ line-height: 1.328vw; /* 17/1280 */ color: #1E1E1E; } .ly_special_128[data-visual-id="21412"] .param_value { font-family: 'Fira Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 1.094vw; /* 14/1280 */ line-height: 1.328vw; /* 17/1280 */ color: #1E1E1E; } /* 产品图片区域 */ .ly_special_128[data-visual-id="21412"] .card_products { display: flex; flex-direction: row; align-items: center; gap: 3%; margin-top: auto; padding-top: 1.172vw; /* 15/1280 */ justify-content: flex-start; } .ly_special_128[data-visual-id="21412"] .product_thumb { flex: 0 0 22%; max-width: 22%; aspect-ratio: 1; border-radius: 0.781vw; /* 10/1280 */ overflow: hidden; box-shadow: 0px 2px 2px #BEBEBE; } .ly_special_128[data-visual-id="21412"] .product_thumb img { width: 100%; height: 100%; object-fit: cover; } /* 轮播指示点 */ .ly_special_128[data-visual-id="21412"] .swiper-pagination { position: static; display: flex; justify-content: center; align-items: center; gap: 0.625vw; /* 8/1280 */ margin-top: 1.563vw; /* 20/1280 */ width: 100%; } .ly_special_128[data-visual-id="21412"] .swiper-pagination-bullet { width: 0.781vw; /* 10/1280 */ height: 0.781vw; /* 10/1280 */ border-radius: 50%; background: #D9D9D9; opacity: 1; cursor: pointer; transition: background 0.3s; } .ly_special_128[data-visual-id="21412"] .swiper-pagination-bullet-active { background: #024C7B; } /* ========== 移动端样式 ========== */ @media (max-width: 768px) { .ly_special_128[data-visual-id="21412"] .mode128_container { width: 92vw; max-width: 92vw; padding: 0; } .ly_special_128[data-visual-id="21412"] .section_title { font-size: 3.733vw; margin-bottom: 4vw; text-align: center; } .ly_special_128[data-visual-id="21412"] .swiper-slide { width: 100%; } .ly_special_128[data-visual-id="21412"] .supplier_card { width: 100%; height: auto; padding: 4vw; /* 15/375 */ border-radius: 2.667vw; /* 10/375 */ overflow: hidden; } .ly_special_128[data-visual-id="21412"] .supplier_card:hover { transform: none; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06); } .ly_special_128[data-visual-id="21412"] .certified_badge { width: 32vw; /* 120/375 */ height: 3.925vw; /* 14.73/375 */ right: 2.667vw; /* 10/375 */ top: 1.067vw; /* 4/375 */ } .ly_special_128[data-visual-id="21412"] .card_header { gap: 3.2vw; /* 12/375 */ margin-bottom: 4vw; } .ly_special_128[data-visual-id="21412"] .card_logo { width: 13.333vw; /* 50/375 */ height: 13.333vw; border-radius: 1.6vw; } .ly_special_128[data-visual-id="21412"] .supplier_name { font-size: 3.733vw; /* 14/375 */ line-height: 4.533vw; /* 17/375 */ max-width: 100%; margin-bottom: 1.6vw; /* 6/375 */ } .ly_special_128[data-visual-id="21412"] .card_social { gap: 1.333vw; /* 5/375 */ flex-wrap: wrap; display: none; } .ly_special_128[data-visual-id="21412"] .social_icon { width: 5.333vw; /* 20/375 */ height: 5.333vw; /* 20/375 */ } .ly_special_128[data-visual-id="21412"] .card_main_product { display: block; font-size: 2.933vw; line-height: 1.5; -webkit-line-clamp: 3; } .ly_special_128[data-visual-id="21412"] .card_params { gap: 2.133vw; /* 8/375 */ } .ly_special_128[data-visual-id="21412"] .param_item { padding-bottom: 2.133vw; /* 8/375 */ } .ly_special_128[data-visual-id="21412"] .param_name { font-size: 3.467vw; /* 13/375 */ line-height: 4.267vw; color: #666; } .ly_special_128[data-visual-id="21412"] .param_value { font-size: 3.467vw; /* 13/375 */ line-height: 4.267vw; text-align: right; max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ly_special_128[data-visual-id="21412"] .card_products { gap: 2.667vw; /* 10/375 */ margin-top: 4vw; } .ly_special_128[data-visual-id="21412"] .product_thumb { flex: 0 0 22%; max-width: 22%; border-radius: 2.133vw; /* 8/375 */ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .ly_special_128[data-visual-id="21412"] .swiper-pagination { gap: 2.133vw; /* 8/375 */ margin-top: 4vw; } .ly_special_128[data-visual-id="21412"] .swiper-pagination-bullet { width: 2.133vw; /* 8/375 */ height: 2.133vw; } } .ly_poster_112[data-visual-id="21370"]{width:1440px; margin:0 auto; padding:0;}.ly_poster_112[data-visual-id="21370"]{padding-top:30px;padding-bottom:0px;}.ly_poster_112[data-visual-id="21370"]{box-sizing: border-box;padding-left:0%;padding-right:0%;}@media screen and (max-width: 1480px) {.ly_poster_112[data-visual-id="21370"]{ width: 96%;box-sizing: border-box;}}@media screen and (max-width: 1000px) {.ly_poster_112[data-visual-id="21370"]{padding-top:30px;padding-bottom:0px;}.ly_poster_112[data-visual-id="21370"]{width:98%; min-width:inherit;}.ly_poster_112[data-visual-id="21370"]{padding-left:0%;padding-right:0%;}} .ly_poster_112[data-visual-id="21370"] { width: 100%; background-color: #F2F2F2; } .ly_poster_112[data-visual-id="21370"] .mode112-container { width: 92.188vw; margin: 0 auto; display: flex; flex-direction: column; gap: 1.406vw; } .ly_poster_112[data-visual-id="21370"] .mode112-row { display: flex; gap: 1.406vw; } /* Card 1 - 左上大卡片 */ .ly_poster_112[data-visual-id="21370"] .mode112-card1 { width: 60.156vw; flex-shrink: 0; height: 27.734vw; border-radius: 0.781vw; overflow: hidden; position: relative; background-image: url('/thumb.php?src=%2Fcommon%2Fwidgets%2Fcusvis_mode%2Fposter%2Fmode_112%2Fimages%2Fcard1_bg.png&size=770x0&mode=lfit&webp=1&v=4'); background-size: cover; background-position: center; } /* 紫色遮罩层 - 覆盖整个卡片 */ .ly_poster_112[data-visual-id="21370"] .mode112-card1::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(55, 9, 170, 0.4); z-index: 1; } /* 底部渐变层 - 默认占底部50% */ .ly_poster_112[data-visual-id="21370"] .mode112-card1::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 50%; background: linear-gradient(360deg, #FFBD04 0%, rgba(255, 189, 4, 0.2) 100%); z-index: 2; transition: height 0.8s cubic-bezier(0.25, 0.1, 0.25, 1); } /* Hover状态 - 渐变扩展到69% */ .ly_poster_112[data-visual-id="21370"] .mode112-card1:hover::after { height: 68.73%; } .ly_poster_112[data-visual-id="21370"] .mode112-card1-content { position: absolute; bottom: 0; left: 0; right: 0; z-index: 3; height: 50%; display: flex; flex-direction: column; justify-content: flex-start; padding-top: 1.406vw; padding-left: 2.578vw; padding-right: 2.578vw; box-sizing: border-box; transition: height 0.8s cubic-bezier(0.25, 0.1, 0.25, 1); } /* Hover状态 - 内容区域扩展 */ .ly_poster_112[data-visual-id="21370"] .mode112-card1:hover .mode112-card1-content { height: 68.73%; } .ly_poster_112[data-visual-id="21370"] .mode112-card1-title { font-family: var(--ThemesBoxTitleFont); font-size: 2.344vw; font-weight: 600; color: #FFFFFF; margin-bottom: 1.25vw; line-height: 1.2; text-transform: uppercase; } .ly_poster_112[data-visual-id="21370"] .mode112-card1-desc { font-family: var(--ThemesTextContentFont); font-size: 1.875vw; font-weight: 400; color: #FFFFFF; line-height: 1.21; } /* Card 2 - 右上紫色卡片 */ .ly_poster_112[data-visual-id="21370"] .mode112-card2 { width: 30.469vw; flex-shrink: 0; height: 27.734vw; border-radius: 0.781vw; background-color: #3709AA; position: relative; box-sizing: border-box; } .ly_poster_112[data-visual-id="21370"] .mode112-card2-content { position: absolute; top: 15.77%; left: 8.46%; right: 10.51%; transition: top 0.8s cubic-bezier(0.25, 0.1, 0.25, 1); } .ly_poster_112[data-visual-id="21370"] .mode112-card2:hover .mode112-card2-content { top: 10.14%; } .ly_poster_112[data-visual-id="21370"] .mode112-card2-title { font-family: var(--ThemesBoxTitleFont); font-size: 1.875vw; font-weight: 600; color: #FFFFFF; margin-bottom: 1.25vw; line-height: 1.21; } .ly_poster_112[data-visual-id="21370"] .mode112-card2-desc { font-family: var(--ThemesTextContentFont); font-size: 1.406vw; font-weight: 400; color: #FFFFFF; line-height: 1.22; } .ly_poster_112[data-visual-id="21370"] .mode112-card2-icons { position: absolute; top: 72.68%; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; gap: 3.125vw; transition: top 0.8s cubic-bezier(0.25, 0.1, 0.25, 1); } .ly_poster_112[data-visual-id="21370"] .mode112-card2:hover .mode112-card2-icons { top: 67.04%; } .ly_poster_112[data-visual-id="21370"] .mode112-card2-icons img { height: 3.125vw; width: auto; object-fit: contain; } /* Card 3 - 左下黄色卡片（结构同Card 2） */ .ly_poster_112[data-visual-id="21370"] .mode112-card3 { width: 30.469vw; flex-shrink: 0; height: 27.734vw; border-radius: 0.781vw; background-color: #FFBD04; position: relative; box-sizing: border-box; } .ly_poster_112[data-visual-id="21370"] .mode112-card3-icon { position: absolute; top: 22.25%; left: 8.46%; width: 3.906vw; height: 3.906vw; object-fit: contain; transition: top 0.8s cubic-bezier(0.25, 0.1, 0.25, 1); } .ly_poster_112[data-visual-id="21370"] .mode112-card3:hover .mode112-card3-icon { top: 16.65%; } .ly_poster_112[data-visual-id="21370"] .mode112-card3-title { position: absolute; top: 42.8%; left: 8.46%; right: 10.51%; font-family: var(--ThemesBoxTitleFont); font-size: 1.875vw; font-weight: 600; color: #1E1E1E; line-height: 1.21; transition: top 0.8s cubic-bezier(0.25, 0.1, 0.25, 1); } .ly_poster_112[data-visual-id="21370"] .mode112-card3:hover .mode112-card3-title { top: 37.2%; } .ly_poster_112[data-visual-id="21370"] .mode112-card3-desc { position: absolute; top: 63.7%; left: 8.46%; right: 10.51%; font-family: var(--ThemesTextContentFont); font-size: 1.406vw; font-weight: 400; color: #1E1E1E; line-height: 1.22; transition: top 0.8s cubic-bezier(0.25, 0.1, 0.25, 1); } .ly_poster_112[data-visual-id="21370"] .mode112-card3:hover .mode112-card3-desc { top: 58.1%; } /* Card 4 - 右下大卡片（结构同Card 1） */ .ly_poster_112[data-visual-id="21370"] .mode112-card4 { width: 60.156vw; flex-shrink: 0; height: 27.734vw; border-radius: 0.781vw; overflow: hidden; position: relative; background-image: url('/thumb.php?src=%2Fcommon%2Fwidgets%2Fcusvis_mode%2Fposter%2Fmode_112%2Fimages%2Fcard4_bg.png&size=770x0&mode=lfit&webp=1&v=4'); background-size: cover; background-position: center; } /* 紫色遮罩层 */ .ly_poster_112[data-visual-id="21370"] .mode112-card4::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(55, 9, 170, 0.4); z-index: 1; } /* 左侧渐变层 */ .ly_poster_112[data-visual-id="21370"] .mode112-card4::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 51%; background: linear-gradient(90deg, rgba(55, 9, 170, 0.8) 0%, rgba(55, 9, 170, 0.16) 100%); z-index: 2; transition: height 0.8s cubic-bezier(0.25, 0.1, 0.25, 1); } .ly_poster_112[data-visual-id="21370"] .mode112-card4:hover::after { height: 68%; } .ly_poster_112[data-visual-id="21370"] .mode112-card4-content { position: absolute; bottom: 0; left: 0; z-index: 3; height: 51%; display: flex; flex-direction: column; justify-content: flex-start; padding-top: 1.406vw; padding-left: 2.578vw; padding-right: 2.578vw; box-sizing: border-box; transition: height 0.8s cubic-bezier(0.25, 0.1, 0.25, 1); } .ly_poster_112[data-visual-id="21370"] .mode112-card4:hover .mode112-card4-content { height: 68%; } .ly_poster_112[data-visual-id="21370"] .mode112-card4-title { font-family: var(--ThemesBoxTitleFont); font-size: 2.344vw; font-weight: 600; color: #FFFFFF; margin-bottom: 1.25vw; line-height: 1.2; text-transform: uppercase; } .ly_poster_112[data-visual-id="21370"] .mode112-card4-desc { font-family: var(--ThemesTextContentFont); font-size: 1.875vw; font-weight: 400; color: #FFFFFF; line-height: 1.21; } /* 移动端样式 */ @media (max-width: 768px) { .ly_poster_112[data-visual-id="21370"] .mode112-container { width: 92vw; display: flex; flex-direction: column; gap: 2.933vw; } .ly_poster_112[data-visual-id="21370"] .mode112-card1 { width: 100%; height: 44vw; border-radius: 1.6vw; } .ly_poster_112[data-visual-id="21370"] .mode112-card1::after { height: 21.333vw; } .ly_poster_112[data-visual-id="21370"] .mode112-card1-content { height: 21.333vw; padding-top: 2.667vw; padding-left: 4vw; padding-right: 4vw; } .ly_poster_112[data-visual-id="21370"] .mode112-card1-title { font-size: 4.267vw; margin-bottom: 1.6vw; } .ly_poster_112[data-visual-id="21370"] .mode112-card1-desc { font-size: 3.2vw; } .ly_poster_112[data-visual-id="21370"] .mode112-middle-row { display: flex; gap: 2.933vw; } .ly_poster_112[data-visual-id="21370"] .mode112-card2 { width: 48vw; height: 44vw; border-radius: 1.6vw; } .ly_poster_112[data-visual-id="21370"] .mode112-card2-content { top: 4vw; left: 3.2vw; right: 3.2vw; } .ly_poster_112[data-visual-id="21370"] .mode112-card2-title { font-size: 3.733vw; margin-bottom: 2.133vw; } .ly_poster_112[data-visual-id="21370"] .mode112-card2-desc { font-size: 2.667vw; } .ly_poster_112[data-visual-id="21370"] .mode112-card2-icons { bottom: 4vw; gap: 4vw; } .ly_poster_112[data-visual-id="21370"] .mode112-card2-icons img { height: 5.333vw; } .ly_poster_112[data-visual-id="21370"] .mode112-card3 { width: 43.467vw; height: 44vw; border-radius: 2.667vw; padding: 4vw; } .ly_poster_112[data-visual-id="21370"] .mode112-card3-icon { position: static; width: 8vw; height: 8vw; margin-bottom: 2.133vw; } .ly_poster_112[data-visual-id="21370"] .mode112-card3-title { position: static; font-size: 3.733vw; margin-bottom: 1.6vw; } .ly_poster_112[data-visual-id="21370"] .mode112-card3-desc { position: static; font-size: 2.667vw; } .ly_poster_112[data-visual-id="21370"] .mode112-card4 { width: 100%; height: 43.733vw; border-radius: 2.667vw; margin-left: 0; grid-column: auto; } .ly_poster_112[data-visual-id="21370"] .mode112-card4-content { padding: 4vw; } .ly_poster_112[data-visual-id="21370"] .mode112-card4-title { font-size: 4.267vw; margin-bottom: 1.6vw; } .ly_poster_112[data-visual-id="21370"] .mode112-card4-desc { font-size: 3.2vw; } /* 隐藏PC布局 */ .ly_poster_112[data-visual-id="21370"] .mode112-row { display: none; } /* 显示移动端布局 */ .ly_poster_112[data-visual-id="21370"] .mode112-mobile-layout { display: flex; flex-direction: column; gap: 2.933vw; } .ly_poster_112[data-visual-id="21370"] .mode112-middle-row { display: flex; gap: 2.933vw; } } /* PC端隐藏移动端布局 */ @media (min-width: 769px) { .ly_poster_112[data-visual-id="21370"] .mode112-mobile-layout { display: none; } } .ly_news_113[data-visual-id="21371"] .news_113_container{width:1440px; margin:0 auto; padding:0;}.ly_news_113[data-visual-id="21371"]{padding-top:30px;padding-bottom:0px;}.ly_news_113[data-visual-id="21371"] .news_113_container{box-sizing: border-box;padding-left:0%;padding-right:0%;}@media screen and (max-width: 1480px) {.ly_news_113[data-visual-id="21371"] .news_113_container{ width: 96%;box-sizing: border-box;}}@media screen and (max-width: 1000px) {.ly_news_113[data-visual-id="21371"]{padding-top:30px;padding-bottom:0px;}.ly_news_113[data-visual-id="21371"] .news_113_container{width:98%; min-width:inherit;}.ly_news_113[data-visual-id="21371"] .news_113_container{padding-left:0%;padding-right:0%;}} /* ========== PC端样式 (1280px设计稿) ========== */ .ly_news_113[data-visual-id="21371"] { box-sizing: border-box; } .ly_news_113[data-visual-id="21371"] .news_113_container { width: 92.813vw; /* 1188/1280 */ margin: 0 auto; display: flex; flex-direction: column; align-items: flex-start; } .ly_news_113[data-visual-id="21371"] .news_section_title { font-family: var(--ThemesBoxTitleFont); font-weight: 600; font-size: 1.563vw; text-transform: uppercase; color: #BEBEBE; text-align: left; margin-bottom: 0.781vw; /* 10px */ } .ly_news_113[data-visual-id="21371"] .news_container { display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; gap: 1.563vw; width: 100%; } /* 卡片通用样式 */ .ly_news_113[data-visual-id="21371"] .news_card { width: 29.688vw; height: 30.469vw; background: #fff; border-radius: 0.781vw; padding: 1.172vw; box-sizing: border-box; flex-shrink: 0; transition: transform 0.3s ease, box-shadow 0.3s ease; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); } .ly_news_113[data-visual-id="21371"] .news_card:hover { transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); } /* 图片卡片 */ .ly_news_113[data-visual-id="21371"] .news_card_image { padding: 0; overflow: hidden; } .ly_news_113[data-visual-id="21371"] .news_card_image img { width: 100%; height: 100%; object-fit: cover; border-radius: 0.781vw; transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .ly_news_113[data-visual-id="21371"] .news_card_image:hover img { transform: scale(1.05); } /* 新闻列表 */ .ly_news_113[data-visual-id="21371"] .news_list { display: flex; flex-direction: column; gap: 2.344vw; height: 100%; } /* 新闻项 */ .ly_news_113[data-visual-id="21371"] .news_item { display: flex; align-items: flex-start; transition: transform 0.3s ease; } .ly_news_113[data-visual-id="21371"] .news_item:hover { transform: translateX(6px); } .ly_news_113[data-visual-id="21371"] .news_item_icon { width: 1.563vw; height: 1.563vw; min-width: 1.563vw; background: linear-gradient(360deg, #FFBD04 0%, rgba(255, 189, 4, 0.2) 100%); border-radius: 0.469vw; margin-right: 1.172vw; margin-top: 0.156vw; /* 2px */ } .ly_news_113[data-visual-id="21371"] .news_item_title { font-family: 'Fira Sans', sans-serif; font-weight: 500; font-size: 1.563vw; line-height: 1.875vw; color: #1E1E1E; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; transition: color 0.3s ease; } .ly_news_113[data-visual-id="21371"] .news_item_title:hover { color: #FFBD04; } /* ========== 移动端样式 (375px设计稿) ========== */ @media (max-width: 768px) { .ly_news_113[data-visual-id="21371"] .news_113_container { width: 92vw; max-width: 92vw; padding: 0; } .ly_news_113[data-visual-id="21371"] .news_section_title { font-size: 4.267vw; margin-bottom: 4vw; text-align: center; width: 100%; } .ly_news_113[data-visual-id="21371"] .news_container { flex-direction: column; align-items: center; gap: 5.333vw; } .ly_news_113[data-visual-id="21371"] .news_card { width: 85.333vw; height: 69.333vw; border-radius: 2.667vw; padding: 4vw; } /* 图片卡片移动端高度 */ .ly_news_113[data-visual-id="21371"] .news_card_image { height: 56vw; } .ly_news_113[data-visual-id="21371"] .news_card_image img { border-radius: 2.667vw; } /* 右侧卡片移动端高度 */ .ly_news_113[data-visual-id="21371"] .news_card_right { height: 64vw; } .ly_news_113[data-visual-id="21371"] .news_list { gap: 2.667vw; } .ly_news_113[data-visual-id="21371"] .news_item_icon { width: 4.267vw; height: 4.267vw; min-width: 4.267vw; border-radius: 1.067vw; margin-right: 5.067vw; margin-top: 0.533vw; /* 2px */ } .ly_news_113[data-visual-id="21371"] .news_item_title { font-size: 4.267vw; line-height: 5.067vw; } } .ly_review_114[data-visual-id="21372"]{width:1440px; margin:0 auto; padding:0;}.ly_review_114[data-visual-id="21372"]{padding-top:30px;padding-bottom:0px;}.ly_review_114[data-visual-id="21372"]{box-sizing: border-box;padding-left:0%;padding-right:0%;}@media screen and (max-width: 1480px) {.ly_review_114[data-visual-id="21372"]{ width: 96%;box-sizing: border-box;}}@media screen and (max-width: 1000px) {.ly_review_114[data-visual-id="21372"]{padding-top:30px;padding-bottom:0px;}.ly_review_114[data-visual-id="21372"]{width:98%; min-width:inherit;}.ly_review_114[data-visual-id="21372"]{padding-left:0%;padding-right:0%;}} .ly_review_114[data-visual-id="21372"] { width: 100%; box-sizing: border-box; } .ly_review_114[data-visual-id="21372"] .mode114-container { width: 92.188vw; margin: 0 auto; } .ly_review_114[data-visual-id="21372"] .review_section_title { font-family: var(--ThemesBoxTitleFont); font-weight: 600; font-size: 1.563vw; text-transform: uppercase; color: #BEBEBE; text-align: left; margin-bottom: 0.781vw; /* 10px */ width: 100%; } .ly_review_114[data-visual-id="21372"] .review_container { position: relative; width: 100%; height: 26.406vw; border-radius: 0.781vw; overflow: hidden; } .ly_review_114[data-visual-id="21372"] .review_bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center; } .ly_review_114[data-visual-id="21372"] .review_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #3709AA 0%, #160444 100%); mix-blend-mode: soft-light; border-radius: 0.781vw; } .ly_review_114[data-visual-id="21372"] .review_left_wrapper { position: absolute; left: 1.172vw; top: 0; width: calc(49.141vw + 2vw); height: 100%; overflow: hidden; z-index: 2; padding-right: 2vw; box-sizing: border-box; } .ly_review_114[data-visual-id="21372"] .review_left { display: flex; flex-direction: column; gap: 0.938vw; will-change: transform; } .ly_review_114[data-visual-id="21372"] .review_card { background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(0.781vw); -webkit-backdrop-filter: blur(0.781vw); border-radius: 1.25vw; padding: 1.172vw; display: flex; flex-direction: row; align-items: flex-start; gap: 1.875vw; flex-shrink: 0; transform-origin: left center; transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.8s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0.6; transform: scale(0.92); height: 7vw; box-sizing: border-box; overflow: hidden; } .ly_review_114[data-visual-id="21372"] .review_card.active { transform: scale(1.05); opacity: 1; } .ly_review_114[data-visual-id="21372"] .review_avatar { width: 3.906vw; height: 3.906vw; min-width: 3.906vw; border-radius: 50%; } .ly_review_114[data-visual-id="21372"] .review_avatar img { width: 100%; height: 100%; object-fit: cover; } .ly_review_114[data-visual-id="21372"] .review_content { display: flex; flex-direction: column; gap: 0.469vw; flex: 1; } .ly_review_114[data-visual-id="21372"] .review_text { font-family: 'Fira Sans', sans-serif; font-weight: 400; font-size: 1.25vw; line-height: 1.484vw; color: #FFFFFF; } .ly_review_114[data-visual-id="21372"] .review_author { font-family: 'Fira Sans', sans-serif; font-weight: 500; font-size: 1.25vw; line-height: 1.484vw; color: #FFFFFF; } .ly_review_114[data-visual-id="21372"] .review_right { position: absolute; right: 0.781vw; top: 0.781vw; width: 39.297vw; height: 24.922vw; border-radius: 0.781vw; overflow: hidden; z-index: 2; } .ly_review_114[data-visual-id="21372"] .review_right img { width: 100%; height: 100%; object-fit: cover; } .ly_review_114[data-visual-id="21372"] .review_right_overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(55, 9, 170, 0.1) 0%, #000000 100%); border-radius: 0.781vw; } @media (max-width: 768px) { .ly_review_114[data-visual-id="21372"] .mode114-container { width: 92vw; } .ly_review_114[data-visual-id="21372"] .review_section_title { font-size: 3.733vw; margin-bottom: 4vw; text-align: center; } .ly_review_114[data-visual-id="21372"] .review_container { width: 100%; height: auto; border-radius: 2.667vw; display: flex; flex-direction: column; align-items: center; padding: 1.067vw 0; } .ly_review_114[data-visual-id="21372"] .review_bg { display: none; } .ly_review_114[data-visual-id="21372"] .review_overlay { mix-blend-mode: normal; } .ly_review_114[data-visual-id="21372"] .review_right { position: relative; right: auto; top: auto; width: 90.133vw; height: 26.667vw; border-radius: 2.667vw; margin-bottom: 1.067vw; order: 1; } .ly_review_114[data-visual-id="21372"] .review_right_overlay { border-radius: 2.667vw; } .ly_review_114[data-visual-id="21372"] .review_left_wrapper { position: relative; left: auto; top: auto; width: 100%; overflow: hidden; order: 2; padding: 2vw; box-sizing: border-box; z-index: 3; } .ly_review_114[data-visual-id="21372"] .review_left { gap: 1.067vw; align-items: center; } .ly_review_114[data-visual-id="21372"] .review_card.clone { display: flex; } .ly_review_114[data-visual-id="21372"] .review_card { width: 85.333vw; padding: 2.667vw; border-radius: 4.267vw; gap: 2.667vw; backdrop-filter: blur(2.667vw); height: 18vw; } .ly_review_114[data-visual-id="21372"] .review_avatar { width: 8vw; height: 8vw; min-width: 8vw; } .ly_review_114[data-visual-id="21372"] .review_content { gap: 0.533vw; } .ly_review_114[data-visual-id="21372"] .review_text { font-size: 2.667vw; line-height: 3.2vw; } .ly_review_114[data-visual-id="21372"] .review_author { font-size: 2.667vw; line-height: 3.2vw; } } .ly_poster_115[data-visual-id="21373"]{width:1440px; margin:0 auto; padding:0;}.ly_poster_115[data-visual-id="21373"]{padding-top:30px;padding-bottom:0px;}.ly_poster_115[data-visual-id="21373"]{box-sizing: border-box;padding-left:0%;padding-right:0%;}@media screen and (max-width: 1480px) {.ly_poster_115[data-visual-id="21373"]{ width: 96%;box-sizing: border-box;}}@media screen and (max-width: 1000px) {.ly_poster_115[data-visual-id="21373"]{padding-top:30px;padding-bottom:0px;}.ly_poster_115[data-visual-id="21373"]{width:98%; min-width:inherit;}.ly_poster_115[data-visual-id="21373"]{padding-left:0%;padding-right:0%;}} /* PC端样式 */ .ly_poster_115[data-visual-id="21373"] { width: 100%; box-sizing: border-box; } .ly_poster_115[data-visual-id="21373"] .mode115-container { width: 92.188vw; margin: 0 auto; display: flex; flex-direction: column; align-items: center; } .ly_poster_115[data-visual-id="21373"] .process_title { font-family: 'Fira Sans', sans-serif; font-style: normal; font-weight: 700; font-size: 2.344vw; line-height: 1.2; color: #1E1E1E; text-align: center; margin: 0 0 1.563vw 0; } .ly_poster_115[data-visual-id="21373"] .process_cards { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: flex-start; gap: 1.563vw; width: 100%; } .ly_poster_115[data-visual-id="21373"] .process_card { position: relative; width: 21.875vw; height: 17.344vw; background: linear-gradient(36.01deg, #FFBD04 25.97%, rgba(255, 189, 4, 0.2) 100%); border-radius: 0.781vw; box-sizing: border-box; padding: 1.563vw; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; } .ly_poster_115[data-visual-id="21373"] .process_card:hover { transform: scale(1.05); box-shadow: 0 0.781vw 2.344vw rgba(0, 0, 0, 0.15); } .ly_poster_115[data-visual-id="21373"] .step_number_wrap { position: relative; width: 4.453vw; height: 4.141vw; margin-bottom: 0.938vw; } .ly_poster_115[data-visual-id="21373"] .step_number_circle { position: absolute; right: 0; top: 0; width: 4.141vw; height: 4.141vw; background: #3709AA; border-radius: 50%; } .ly_poster_115[data-visual-id="21373"] .step_number { position: absolute; left: 0; top: 0; font-family: 'Fira Sans', sans-serif; font-style: normal; font-weight: 500; font-size: 2.344vw; line-height: 2.813vw; color: #FFFFFF; text-shadow: 0 0.313vw 0.313vw rgba(0, 0, 0, 0.25); z-index: 1; } .ly_poster_115[data-visual-id="21373"] .step_title { font-family: 'Fira Sans', sans-serif; font-style: normal; font-weight: 500; font-size: 1.719vw; line-height: 1.2; color: #1E1E1E; margin: 0 0 1.25vw 0; } .ly_poster_115[data-visual-id="21373"] .step_desc { font-family: 'Fira Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 1.563vw; line-height: 1.2; color: #1E1E1E; margin: 0; } .ly_poster_115[data-visual-id="21373"] .step_icon { position: absolute; right: 0; top: 0; object-fit: contain; } /* 每个图标单独尺寸 */ .ly_poster_115[data-visual-id="21373"] .process_card:nth-child(1) .step_icon { width: 9.297vw; height: 7.813vw; } .ly_poster_115[data-visual-id="21373"] .process_card:nth-child(2) .step_icon { width: 13.047vw; height: 7.656vw; } .ly_poster_115[data-visual-id="21373"] .process_card:nth-child(3) .step_icon { width: 10.547vw; height: 8.125vw; } .ly_poster_115[data-visual-id="21373"] .process_card:nth-child(4) .step_icon { width: 8.984vw; height: 8.125vw; } /* 移动端样式 - 基于 375px 设计稿 */ @media (max-width: 768px) { .ly_poster_115[data-visual-id="21373"] .mode115-container { width: 92vw; } .ly_poster_115[data-visual-id="21373"] .process_title { font-size: 5.333vw; margin-bottom: 4vw; } .ly_poster_115[data-visual-id="21373"] .process_cards { flex-wrap: wrap; gap: 1.6vw; } .ly_poster_115[data-visual-id="21373"] .process_card { width: 44.533vw; height: 37.333vw; padding: 3.733vw 3.2vw; border-radius: 2.667vw; } .ly_poster_115[data-visual-id="21373"] .step_number_wrap { width: 10.4vw; height: 10.133vw; margin-bottom: 1.067vw; } .ly_poster_115[data-visual-id="21373"] .step_number_circle { right: 0; top: 0; width: 10.133vw; height: 10.133vw; } .ly_poster_115[data-visual-id="21373"] .step_number { left: 0; top: 1.867vw; font-size: 5.6vw; line-height: 5.6vw; text-shadow: 0 1.067vw 1.067vw rgba(0, 0, 0, 0.25); } .ly_poster_115[data-visual-id="21373"] .step_title { font-size: 4vw; line-height: 1.2; margin-bottom: 1.6vw; white-space: nowrap; } .ly_poster_115[data-visual-id="21373"] .step_desc { font-size: 3.467vw; line-height: 1.15; } .ly_poster_115[data-visual-id="21373"] .step_icon { right: 0; top: 0; } .ly_poster_115[data-visual-id="21373"] .process_card:nth-child(1) .step_icon { width: 16vw; height: 13.333vw; } .ly_poster_115[data-visual-id="21373"] .process_card:nth-child(2) .step_icon { width: 22.667vw; height: 13.333vw; } .ly_poster_115[data-visual-id="21373"] .process_card:nth-child(3) .step_icon { width: 17.333vw; height: 13.333vw; } .ly_poster_115[data-visual-id="21373"] .process_card:nth-child(4) .step_icon { width: 18.4vw; height: 16.533vw; } } .ly_blog_3[data-visual-id="21374"]{width:1440px; margin:0 auto; padding:0;}.ly_blog_3[data-visual-id="21374"]{padding-top:30px;padding-bottom:0px;}.ly_blog_3[data-visual-id="21374"]{box-sizing: border-box;padding-left:0%;padding-right:0%;}@media screen and (max-width: 1480px) {.ly_blog_3[data-visual-id="21374"]{ width: 96%;box-sizing: border-box;}}@media screen and (max-width: 1000px) {.ly_blog_3[data-visual-id="21374"]{padding-top:30px;padding-bottom:0px;}.ly_blog_3[data-visual-id="21374"]{width:98%; min-width:inherit;}.ly_blog_3[data-visual-id="21374"]{padding-left:0%;padding-right:0%;}} /* ========== PC端样式 (1280px设计稿) ========== */ .ly_blog_3[data-visual-id="21374"] { box-sizing: border-box; display: flex; justify-content: center; } .ly_blog_3[data-visual-id="21374"] .blog_wrapper { position: relative; width: 92.734vw; box-sizing: border-box; } /* 顶部黄色背景 */ .ly_blog_3[data-visual-id="21374"] .blog_header { position: absolute; width: 100%; height: 9.609vw; left: 0; top: 0; background: #FFBD04; border-radius: 0.781vw; box-sizing: border-box; } .ly_blog_3[data-visual-id="21374"] .blog_section_title { position: absolute; left: 3.438vw; top: 1.016vw; font-family: 'Fira Sans', sans-serif; font-weight: 600; font-size: 1.563vw; line-height: 1.2; text-transform: uppercase; color: #FFFFFF; } /* 卡片网格容器 - 使用CSS Grid实现3列布局 */ .ly_blog_3[data-visual-id="21374"] .blog_grid { position: relative; display: grid; grid-template-columns: repeat(3, 29.688vw); gap: 1.094vw; padding: 1.563vw 1.172vw; margin-top: 3.672vw; justify-content: center; } /* 特色卡片（第一个） */ .ly_blog_3[data-visual-id="21374"] .blog_card_featured { position: relative; width: 29.688vw; height: 10.938vw; background: #3709AA; border-radius: 0.469vw; box-sizing: border-box; padding: 1.563vw 1.328vw; text-decoration: none; display: block; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; } .ly_blog_3[data-visual-id="21374"] .blog_card_featured:hover { transform: scale(1.05); box-shadow: 0 0.781vw 2.344vw rgba(0, 0, 0, 0.15); } .ly_blog_3[data-visual-id="21374"] .blog_card_featured .featured_title { font-family: 'Fira Sans', sans-serif; font-weight: 500; font-size: 2.031vw; line-height: 2.422vw; text-transform: uppercase; color: #FFFFFF; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } /* 普通卡片 */ .ly_blog_3[data-visual-id="21374"] .blog_card { position: relative; width: 29.688vw; height: 10.938vw; background: linear-gradient(360deg, #FFFFFF 0%, #F6F6F6 100%); box-shadow: 0 0.156vw 0.313vw #BEBEBE; border-radius: 0.469vw; box-sizing: border-box; padding: 0.781vw 1.328vw; text-decoration: none; display: flex; flex-direction: column; justify-content: center; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; } .ly_blog_3[data-visual-id="21374"] .blog_card:hover { transform: scale(1.05); box-shadow: 0 0.781vw 2.344vw rgba(0, 0, 0, 0.15); } /* 卡片内容区域 */ .ly_blog_3[data-visual-id="21374"] .blog_card .card_content { display: flex; flex-direction: column; align-items: flex-start; gap: 0.859vw; } /* 标题容器，包含黄色竖线和标题文字 */ .ly_blog_3[data-visual-id="21374"] .blog_card .card_title_wrap { display: flex; flex-direction: row; align-items: stretch; gap: 0.625vw; } /* 黄色竖线装饰 - 高度自适应标题 */ .ly_blog_3[data-visual-id="21374"] .blog_card .accent_line { width: 0.469vw; min-width: 0.469vw; background: #FFBD04; border-radius: 0.156vw; } .ly_blog_3[data-visual-id="21374"] .blog_card .card_title { font-family: 'Fira Sans', sans-serif; font-weight: 500; font-size: 1.563vw; line-height: 1.875vw; color: #1E1E1E; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .ly_blog_3[data-visual-id="21374"] .blog_card .card_desc { font-family: 'Fira Sans', sans-serif; font-weight: 500; font-size: 1.094vw; line-height: 1.328vw; color: #1E1E1E; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .ly_blog_3[data-visual-id="21374"] .blog_card .card_meta { display: flex; flex-direction: row; justify-content: flex-end; align-items: center; gap: 0.781vw; width: 100%; } .ly_blog_3[data-visual-id="21374"] .blog_card .card_meta span { font-family: 'Fira Sans', sans-serif; font-weight: 400; font-size: 0.938vw; line-height: 1.2; color: #A1A1A1; } /* ========== 移动端样式 (375px设计稿) ========== */ @media (max-width: 768px) { .ly_blog_3[data-visual-id="21374"] .blog_wrapper { width: 93.333vw; } .ly_blog_3[data-visual-id="21374"] .blog_header { height: 19.733vw; border-radius: 2.667vw; } .ly_blog_3[data-visual-id="21374"] .blog_section_title { left: 4vw; top: 2.933vw; font-size: 3.733vw; } .ly_blog_3[data-visual-id="21374"] .blog_grid { grid-template-columns: 1fr; padding: 1.6vw; gap: 1.067vw; margin-top: 8vw; justify-items: center; } /* 特色卡片移动端 */ .ly_blog_3[data-visual-id="21374"] .blog_card_featured { width: 90.133vw; height: 18.133vw; padding: 3.2vw 5.6vw; border-radius: 1.6vw; } .ly_blog_3[data-visual-id="21374"] .blog_card_featured .featured_title { font-size: 4.8vw; line-height: 5.867vw; -webkit-line-clamp: 2; } /* 普通卡片移动端 */ .ly_blog_3[data-visual-id="21374"] .blog_card { width: 90.133vw; height: 32.267vw; padding: 2.667vw 4.533vw; border-radius: 1.6vw; box-shadow: 0 0.533vw 1.067vw #BEBEBE; } .ly_blog_3[data-visual-id="21374"] .blog_card .card_title_wrap { gap: 2.133vw; } .ly_blog_3[data-visual-id="21374"] .blog_card .accent_line { width: 1.067vw; min-width: 1.067vw; border-radius: 0.533vw; } .ly_blog_3[data-visual-id="21374"] .blog_card .card_content { gap: 1.067vw; } .ly_blog_3[data-visual-id="21374"] .blog_card .card_title { font-size: 4.267vw; line-height: 5.067vw; } .ly_blog_3[data-visual-id="21374"] .blog_card .card_desc { font-size: 3.2vw; line-height: 3.733vw; } .ly_blog_3[data-visual-id="21374"] .blog_card .card_meta { gap: 2.667vw; } .ly_blog_3[data-visual-id="21374"] .blog_card .card_meta span { font-size: 3.2vw; } } .ly_footer_v3{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;max-width: 100vw;overflow-x: hidden;box-sizing: border-box} .ly_footer_v3 .footer_v3_main{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;max-width: 100%;padding: 0.781vw 7.031vw; box-sizing: border-box} .ly_footer_v3 .footer_v3_content{display: flex;flex-direction: row;justify-content: center;align-items: flex-start;width: 85.938vw; max-width: 100%;gap: 0.234vw; box-sizing: border-box} .ly_footer_v3 .footer_v3_logo_area{display: flex;flex-direction: column;align-items: flex-start;padding: 0.781vw; gap: 0.781vw; width: 25.703vw; flex: none} .ly_footer_v3 .footer_v3_logo{width: 18.672vw; height: 4.688vw; flex: none}.ly_footer_v3 .footer_v3_logo img{width: 100%;height: 100%;object-fit: contain} .ly_footer_v3 .footer_v3_contact{display: flex;flex-direction: column;align-items: flex-start;padding: 0;gap: 0.625vw; width: 22.813vw; flex: none} .ly_footer_v3 .footer_v3_contact_item{display: flex;flex-direction: column;align-items: flex-start;gap: 0.625vw; } .ly_footer_v3 .footer_v3_contact_row{display: flex;flex-direction: column;align-items: flex-start;gap: 0.625vw; } .ly_footer_v3 .footer_v3_contact_icon{flex: none;display: flex;align-items: center;justify-content: center} .ly_footer_v3 .footer_v3_contact_icon.icon_location{width: 1.719vw; height: 1.719vw; } .ly_footer_v3 .footer_v3_contact_icon.icon_email{width: 1.25vw; height: 1.25vw; } .ly_footer_v3 .footer_v3_contact_icon.icon_phone{width: 1.406vw; height: 1.406vw; } .ly_footer_v3 .footer_v3_contact_icon img{width: 100%;height: 100%;object-fit: contain} .ly_footer_v3 .footer_v3_contact_text{font-family: 'Fira Sans', var(--ThemesTextContentFont);font-style: normal;font-weight: 300;font-size: 0.938vw; line-height: 1.094vw; color: #FFFFFF;width: 22.813vw; flex: none} .ly_footer_v3 .footer_v3_nav_cols{display: flex;flex-direction: column;align-items: flex-start;gap: 0.781vw; } .ly_footer_v3 .footer_v3_nav_row{display: flex;flex-direction: row;align-items: flex-start;gap: 0} .ly_footer_v3 .footer_v3_nav_col{display: flex;flex-direction: column;align-items: flex-start;padding: 0.781vw; gap: 0.781vw; width: 15.625vw; } .ly_footer_v3 .footer_v3_nav_title{font-family: 'Fira Sans', var(--ThemesBoxTitleFont);font-style: normal;font-weight: 600;font-size: 1.563vw; line-height: 1.875vw; text-transform: uppercase}.ly_footer_v3 .footer_v3_nav_link{font-family: 'Fira Sans', var(--ThemesTextContentFont);font-style: normal;font-weight: 300;font-size: 1.094vw; line-height: 1.328vw; text-decoration: none;transition: opacity 0.2s}.ly_footer_v3 .footer_v3_nav_link:hover{opacity: 0.8;text-decoration: none} .ly_footer_v3 .footer_v3_subscribe_area{display: flex;flex-direction: column;align-items: flex-start} .ly_footer_v3 .footer_v3_subscribe{display: flex;justify-content: flex-end;align-items: center;width: 30vw; height: 2.188vw; padding: 0.156vw 0 0.156vw 0.156vw; background: #fff;border: 0.156vw solid #D6CEEB; border-radius: 1.563vw; box-sizing: border-box}.ly_footer_v3 .footer_v3_subscribe_input{flex: 1;height: 100%;border: none;background: transparent;padding: 0 1.094vw; font-family: 'Fira Sans', var(--ThemesTextContentFont);font-size: 1.094vw; outline: none;min-width: 0;color: #333}.ly_footer_v3 .footer_v3_subscribe_input::placeholder{color: #A1A1A1}.ly_footer_v3 .footer_v3_subscribe_btn{width: 7.656vw; height: 1.875vw; border: none;border-radius: 1.563vw; font-family: 'Fira Sans', var(--ThemesBoxTitleFont);font-style: normal;font-weight: 500;font-size: 0.938vw; letter-spacing: 0.04em;text-transform: uppercase;cursor: pointer;white-space: nowrap;flex-shrink: 0;transition: opacity 0.2s}.ly_footer_v3 .footer_v3_subscribe_btn:hover{opacity: 0.9} .ly_footer_v3 .footer_v3_social{display: flex;flex-direction: row;align-items: center;padding: 0.781vw 0.313vw; gap: 2.188vw; margin-top: 0.781vw; } .ly_footer_v3 .footer_v3_social_icon{width: 2.031vw; height: 2.031vw; border-radius: 0.469vw; display: flex;align-items: center;justify-content: center}.ly_footer_v3 .footer_v3_social_icon img{width: 100%;height: 100%}.ly_footer_v3 .footer_v3_social_icon:hover{opacity: 0.8} .ly_footer_v3 .footer_v3_copyright{width: 100%;padding: 0.781vw 0; text-align: center}.ly_footer_v3 .footer_v3_copyright_text{font-family: 'Fira Sans', var(--ThemesTextContentFont);font-style: normal;font-weight: 400;font-size: 1.25vw; line-height: 1.484vw; text-transform: lowercase} .ly_footer_v3 .footer_v3_mobile_only{display: none} /* 动态颜色配置 */ .ly_footer_v3[data-visual-id="21375"] .footer_v3_main { background: #3709AA; } .ly_footer_v3[data-visual-id="21375"] .footer_v3_nav_title { color: #FFFFFF; } .ly_footer_v3[data-visual-id="21375"] .footer_v3_nav_link { color: #BEBEBE; } .ly_footer_v3[data-visual-id="21375"] .footer_v3_contact_text { color: #FFFFFF; } .ly_footer_v3[data-visual-id="21375"] .footer_v3_subscribe_btn { background: #FFBD04; color: #FFFFFF; } .ly_footer_v3[data-visual-id="21375"] .footer_v3_copyright { background: #3709AA; } .ly_footer_v3[data-visual-id="21375"] .footer_v3_copyright_text { color: #17014F; } /* 移动端样式 - 基于 375px 设计稿 */ @media screen and (max-width: 768px) { .ly_footer_v3[data-visual-id="21375"] { width: 100%; max-width: 100vw; overflow-x: hidden; } .ly_footer_v3[data-visual-id="21375"] .footer_v3_main { padding: 0.8vw 5.333vw; /* 3px 20px */ width: 100%; box-sizing: border-box; } .ly_footer_v3[data-visual-id="21375"] .footer_v3_content { flex-direction: column; align-items: flex-start; width: 100%; max-width: 100%; gap: 0.8vw; /* 3px */ box-sizing: border-box; } /* Logo区域 */ .ly_footer_v3[data-visual-id="21375"] .footer_v3_logo_area { width: 100%; padding: 0 2.667vw; /* 0 10px */ align-items: flex-start; box-sizing: border-box; } .ly_footer_v3[data-visual-id="21375"] .footer_v3_logo { width: 44.8vw; /* 168px */ height: 11.2vw; /* 42px */ } /* 联系信息 - 地址独立一行，邮箱电话同行 */ .ly_footer_v3[data-visual-id="21375"] .footer_v3_contact { width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; gap: 2.133vw; /* 8px */ padding: 0; } .ly_footer_v3[data-visual-id="21375"] .footer_v3_contact_item { display: flex; flex-direction: row; align-items: center; gap: 2.133vw; /* 8px */ } .ly_footer_v3[data-visual-id="21375"] .footer_v3_contact_item.address { width: 100%; flex-direction: column; align-items: flex-start; } .ly_footer_v3[data-visual-id="21375"] .footer_v3_contact_row { display: flex; flex-direction: row; flex-wrap: wrap; gap: 5.333vw; /* 20px */ width: 100%; } .ly_footer_v3[data-visual-id="21375"] .footer_v3_contact_item.email, .ly_footer_v3[data-visual-id="21375"] .footer_v3_contact_item.phone { flex-direction: column; align-items: flex-start; } .ly_footer_v3[data-visual-id="21375"] .footer_v3_contact_icon.icon_location { width: 5.867vw; /* 22px */ height: 5.867vw; /* 22px */ } .ly_footer_v3[data-visual-id="21375"] .footer_v3_contact_icon.icon_email, .ly_footer_v3[data-visual-id="21375"] .footer_v3_contact_icon.icon_phone { width: 5.867vw; /* 22px */ height: 5.867vw; /* 22px */ } .ly_footer_v3[data-visual-id="21375"] .footer_v3_contact_text { font-size: 3.2vw; /* 12px */ line-height: 3.733vw; /* 14px */ text-align: left; width: auto; } /* 导航列 - 横向排列，标题和链接同行 */ .ly_footer_v3[data-visual-id="21375"] .footer_v3_nav_cols { flex-direction: column; width: 100%; max-width: 100%; gap: 0; box-sizing: border-box; } .ly_footer_v3[data-visual-id="21375"] .footer_v3_nav_row { flex-direction: column; width: 100%; gap: 0; } .ly_footer_v3[data-visual-id="21375"] .footer_v3_nav_col { width: 100%; flex-direction: row; flex-wrap: wrap; align-items: center; align-content: flex-start; padding: 2.667vw; /* 10px */ gap: 2.667vw; /* 10px */ } .ly_footer_v3[data-visual-id="21375"] .footer_v3_nav_title { font-size: 4.8vw; /* 18px */ line-height: 5.867vw; /* 22px */ margin-bottom: 0; font-weight: 600; } .ly_footer_v3[data-visual-id="21375"] .footer_v3_nav_link { font-size: 3.733vw; /* 14px */ line-height: 4.533vw; /* 17px */ } /* 订阅区域 */ .ly_footer_v3[data-visual-id="21375"] .footer_v3_subscribe_area { width: 100%; display: flex; flex-direction: column; align-items: flex-start; padding: 0 2.667vw; /* 0 10px */ box-sizing: border-box; } .ly_footer_v3[data-visual-id="21375"] .footer_v3_subscribe { width: 100%; max-width: 92.533vw; /* 347px */ height: 8.533vw; /* 32px */ border-radius: 5.333vw; /* 20px */ box-sizing: border-box; } .ly_footer_v3[data-visual-id="21375"] .footer_v3_subscribe_input { height: 7.467vw; /* 28px */ font-size: 3.733vw; /* 14px */ border-radius: 5.333vw; /* 20px */ } .ly_footer_v3[data-visual-id="21375"] .footer_v3_subscribe_btn { width: 26.133vw; /* 98px */ height: 7.467vw; /* 28px */ font-size: 3.733vw; /* 14px */ border-radius: 5.333vw; /* 20px */ } /* 社交图标 */ .ly_footer_v3[data-visual-id="21375"] .footer_v3_social { justify-content: flex-start; padding: 4.267vw 2.133vw; /* 16px 8px */ gap: 8vw; /* 30px */ margin-top: 0; } .ly_footer_v3[data-visual-id="21375"] .footer_v3_social_icon { width: 6.933vw; /* 26px */ height: 6.933vw; /* 26px */ } /* 版权 */ .ly_footer_v3[data-visual-id="21375"] .footer_v3_copyright { padding: 0; background: transparent !important; } .ly_footer_v3[data-visual-id="21375"] .footer_v3_copyright_text { font-size: 3.733vw; /* 14px */ line-height: 4.533vw; /* 17px */ } }