@charset "UTF-8"; /* 全局文字最小尺寸兜底 */ .header-PC { width: 100%; font-size: 0; /* 清除行内块间隙 */ } .header-PC * { min-font-size: 16px !important; /* 强制最小16px */ box-sizing: border-box; } .header-PC #header { margin: 0 auto; height: 60px; /* 0.6rem*100=60px */ max-width: var(--max-width); position: fixed; top: 0; display: flex; flex-direction: row; align-items: center; z-index: 999; background: white; color: black; width: 100%; font-size: 16px; /* 基础字号16px */ } .header-PC #header .nav1 { position: relative; width: 20%; } .header-PC #header .nav1 img { width: 45%; margin-left: 40%; } .header-PC #header .nav2 { position: relative; width: 60%; } .header-PC #header .nav2 .navItem { font-size: 16px; /* 强制16px */ position: relative; display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; justify-content: center; width: 12.5%; height: 60px; /* 0.6rem*100=60px */ text-align: center; float: left; text-decoration: none; transition: all 0.3s ease; -webkit-transition: all 0.5s ease; } .header-PC #header .nav2 .navItem a { padding-right: 5px; /* 0.05rem*100=5px */ padding-left: 20px; /* 0.2rem*100=20px */ text-decoration: none; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; text-wrap: nowrap; font-size: 16px; /* 确保16px */ } .header-PC #header .nav2 .navItem .downimg { height: 12px; /* 0.12rem*100=12px */ } .header-PC #header .nav2 .navItem .navItemConten { width: 100%; z-index: 999; background-color: #f2f2f2; max-height: 660px; /* 6.6rem*100=660px */ box-shadow: 3px 5px 60px -20px #88909a; /* 0.03/0.05/0.6/-0.2rem 转px */ position: fixed; border: 1px solid lightgray; top: 60px; /* 0.6rem*100=60px */ transition: max-height 0.5s ease-out, opacity 0.5s ease-out; left: 0; display: none; font-size: 16px; /* 基础字号16px */ } .header-PC #header .nav2 .navItem .navItemConten .navItem_cyleft { float: left; text-align: center; width: 20%; max-height: 660px; /* 6.6rem*100=660px */ font-size: 16px; /* 强制16px */ } .header-PC #header .nav2 .navItem .navItemConten .navItem_cyleft li { cursor: pointer; zoom: 1; clear: both; border: 1px solid transparent; } .header-PC #header .nav2 .navItem .navItemConten .navItem_cyleft li a { line-height: 44px; /* 0.44rem*100=44px */ color: #656a6d; font-size: 16px; /* 确保16px */ } .header-PC #header .nav2 .navItem .navItemConten .navItem_cyleft li a:hover { color: #004bfa; } .header-PC #header .nav2 .navItem .navItemConten .navItem_cyleft li.it_active { border-color: #dddddd; background-color: #ffffff; } .header-PC #header .nav2 .navItem .navItemConten .navItem_cyright { max-height: 660px; /* 6.6rem*100=660px */ min-height: 460px; /* 4.6rem*100=460px */ overflow-y: auto; border-left: 1px solid #dddddd; font-weight: normal; background-color: #fff; margin: 0 auto; box-shadow: -3px 0 0px #f3f3f3; /* -0.03rem*100=-3px */ text-align: left; } .header-PC #header .nav2 .navItem .navItemConten .navItem_cyright .nav_cyrightit dt { font-size: 16px; /* 原0.14rem=14px → 提升至16px */ line-height: 16px; /* 0.16rem*100=16px */ margin-inline-start: 20px; /* 0.2rem*100=20px */ font-weight: 600; border-bottom: 1px solid rgba(225, 225, 225, 0.5); padding-bottom: 13px; /* 0.13rem*100=13px */ padding-top: 16px; /* 0.16rem*100=16px */ } .header-PC #header .nav2 .navItem .navItemConten .navItem_cyright .nav_cyrightit dt img { height: 16px; /* 0.16rem*100=16px */ max-width: 100%; } .header-PC #header .nav2 .navItem .navItemConten .navItem_cyright .nav_cyrightit dt a { color: #333; text-decoration: none; word-break: keep-all; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; text-wrap: nowrap; font-size: 16px; /* 确保16px */ } .header-PC #header .nav2 .navItem .navItemConten .navItem_cyright .nav_cyrightit dd { font-size: 16px; /* 原0.14rem=14px → 提升至16px */ line-height: 40px; /* 0.4rem*100=40px */ padding-top: 0vw; font-weight: 100; display: inline-block; margin-right: 3%; margin-inline-start: 40px; /* 0.4rem*100=40px */ } .header-PC #header .nav2 .navItem .navItemConten .navItem_cyright .nav_cyrightit dd a { font-size: 16px; /* 确保16px */ } .header-PC #header .nav2 .navItem .navItemConten .navItem_cyright .nav_cyrightit dd a:hover { color: #004bf9; font-weight: 600; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-transition: all 0.2s linear; } .header-PC #header .nav2 .navItem .navItemConten.active { max-height: 660px; /* 6.6rem*100=660px */ opacity: 1; } .header-PC #header .nav2 .navItem .navItemConten1 { background-color: #fff; color: black; position: absolute; top: 60px; /* 0.6rem*100=60px */ left: 20px; /* 0.2rem*100=20px */ width: auto; height: auto; z-index: 9999; border-radius: 5px; /* 0.05rem*100=5px */ box-shadow: 0 0 1px 0 #88909a; /* 0.01rem*100=1px */ display: none; flex-direction: column; align-items: center; justify-content: center; padding: 8px 0; /* 0.08rem*100=8px */ font-size: 16px; /* 基础字号16px */ } .header-PC #header .nav2 .navItem .navItemConten1 li { color: #fff; float: left; text-align: center; line-height: 24px; /* 0.24rem*100=24px */ padding: 8px 32px; /* 0.08/0.32rem*100=8/32px */ display: list-item; } .header-PC #header .nav2 .navItem .navItemConten1 li a { cursor: pointer; padding-left: 0; white-space: nowrap; font-size: 16px; /* 确保16px */ } .header-PC #header .nav2 .navItem > a.active, .header-PC #header .nav2 .navItem .navItemConten1 li a:hover { color: #004bfa; } .header-PC #header .nav3 { position: relative; width: 20%; background-color: transparent; display: flex; align-items: center; cursor: pointer; font-size: 16px; /* 基础字号16px */ } .header-PC #header .nav3 .searchimg { margin-left: 10%; } .header-PC #header .nav3 .storetopbt { background: #004cfa; color: #fff; padding: 0 15px; /* 0.15rem*100=15px */ border-radius: 20px; /* 0.2rem*100=20px */ height: 38px; /* 0.38rem*100=38px */ line-height: 40px; /* 0.4rem*100=40px */ margin-left: 15%; display: flex; flex-direction: row; align-items: center; justify-content: center; font-size: 16px; /* 强制16px */ } .header-PC #header .nav3 .storetopbt .storeImgico { width: 20px; /* 0.2rem*100=20px */ margin-right: 8px; /* 0.08rem*100=8px */ } .header-PC #header .nav3 .choesCountry { position: relative; margin-left: 15%; display: flex; } .header-PC #header .nav3 .choesCountry .topCountry { display: none; width: 340px; /* 3.4rem*100=340px */ background-color: white; position: fixed; right: 5%; top: 80px; /* 0.8rem*100=80px */ border-radius: 15px; /* 0.15rem*100=15px */ box-shadow: 2px 2px 10px 1px #88909a; /* 0.02/0.02/0.1/0.01rem 转px */ font-size: 16px; /* 基础字号16px */ } .header-PC #header .nav3 .choesCountry .topCountry li { width: 100%; height: 50px; /* 0.5rem*100=50px */ line-height: 50px; /* 0.5rem*100=50px */ text-align: center; display: flex; } .header-PC #header .nav3 .choesCountry .topCountry li .countryName { width: 70%; text-align: left; margin-left: 10px; /* 0.1rem*100=10px */ font-size: 16px; /* 强制16px */ } .header-PC #header .nav3 .choesCountry .topCountry li .cico { width: 18%; margin-left: 0; } .header-PC #header .nav3 .choesCountry .topCountry li .cico .countryimg { margin-left: 0; margin-left: 20px; /* 0.2rem*100=20px */ margin-top: 15px; /* 0.15rem*100=15px */ vertical-align: top; } .header-PC #header .nav3 .choesCountry .topCountry li.closec { display: flex; flex-direction: row; justify-content: end; height: 30px; /* 0.3rem*100=30px */ } .header-PC #header .nav3 .choesCountry .topCountry .closecountrybt { color: #aaa; margin-top: -5px; /* 0.05rem*100=5px */ cursor: pointer; height: 20px; /* 0.2rem*100=20px */ width: 20px; /* 0.2rem*100=20px */ margin-right: 10px; /* 0.1rem*100=10px */ font-size: 16px; /* 确保关闭按钮文字16px */ } .header-PC .searchmodalMian { position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 998; display: none; } .header-PC .searchmodalMian .searchmodalct { background-color: #fff; padding: 20px; /* 0.2rem*100=20px */ border-radius: 20px; /* 0.2rem*100=20px */ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 0.04/0.08rem 转px */ border: 1px solid rgba(0, 0, 0, 0.2); position: fixed; right: 2%; width: 33%; top: 80px; /* 0.8rem*100=80px */ height: 80%; overflow-y: auto; z-index: 998; font-size: 16px; /* 基础字号16px */ } .header-PC .searchmodalMian .searchmodalct .close-btn { color: #aaa; float: right; font-size: 24px; /* 0.24rem*100=24px */ cursor: pointer; } .header-PC .searchmodalMian .searchmodalct #serrchinput { margin-left: 10%; margin-top: 5%; width: 80%; height: 44px; /* 0.44rem*100=44px */ border: 1px solid grey; border-radius: 22px; /* 0.22rem*100=22px */ background-position: 95% 50%; padding-left: 5%; font-size: 16px; /* 输入框文字16px */ } .header-PC .searchmodalMian .searchmodalct .searchhistory, .header-PC .searchmodalMian .searchmodalct .popProduct { margin-top: 5%; margin-left: 10%; width: 80%; display: flex; position: relative; } .header-PC .searchmodalMian .searchmodalct .searchhistory .h_title, .header-PC .searchmodalMian .searchmodalct .popProduct .h_title { position: absolute; left: 0; top: 1%; font-size: 16px; /* 保持16px */ color: #989898; } .header-PC .searchmodalMian .searchmodalct .searchhistory ul, .header-PC .searchmodalMian .searchmodalct .popProduct ul { margin-top: 10%; margin-left: 1%; } .header-PC .searchmodalMian .searchmodalct .popProduct .popmain{ width: 100%; } .header-PC .searchmodalMian .searchmodalct .searchhistory .popmain, .header-PC .searchmodalMian .searchmodalct .popProduct .popmain { display: flex; flex-direction: row; flex-wrap: wrap; } .header-PC .searchmodalMian .searchmodalct .searchhistory .popmain .popitem, .header-PC .searchmodalMian .searchmodalct .popProduct .popmain .popitem { text-align: center; margin-top: 7%; margin-left: 1%; display: flex; flex-direction: column; justify-content: center; width: 30%; align-items: center; overflow: hidden; } .header-PC .searchmodalMian .searchmodalct .searchhistory .popmain .popitem .popimg, .header-PC .searchmodalMian .searchmodalct .popProduct .popmain .popitem .popimg { width: 115px; /* 1.15rem*100=115px */ height: 115px; /* 1.15rem*100=115px */ margin: 0 auto; } .header-PC .searchmodalMian .searchmodalct .searchhistory .popmain .popitem .productName, .header-PC .searchmodalMian .searchmodalct .popProduct .popmain .popitem .productName { font-weight: 600; display: -webkit-box; -webkit-line-clamp: 1; text-overflow: ellipsis; font-size: 16px; /* 原0.128rem=12.8px → 提升至16px */ margin-top: 10%; } .header-PC .searchmodalMian .searchmodalct .popProduct .popmain .popitem .productName { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; font-size: 16px; /* 原14px → 提升至16px */ } .header-PC .searchmodalMian .searchmodalct .popProduct .popmain .popitem .produc-dec{ font-size: 16px; /* 原10px → 提升至16px */ color: #000000; margin-top: 1%; }