.orico_footer { background: #000; font-size: 16px; /* 1rem*16=16px */ } .orico_footer .fotter { margin: 0 auto; overflow: hidden; padding-bottom: 88px; /* 5.5rem*16=88px */ padding-top: 36px; /* 2.25rem*16=36px */ position: relative; } .orico_footer .fotter .footerico { position: absolute; height: 50px; /* 3.125rem*16=50px */ left: 8%; top: 5%; } .orico_footer .fotter .footerMain { min-width: 1024px; max-width: 1200px; /* 75rem*16=1200px */ margin: 0 auto; display: flex; flex-direction: column; } .orico_footer .fotter .footerMain .foottxttop { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .orico_footer .fotter .footerMain .foottxttop .foootCt { /* gap: 1.5rem; display: grid; */ display: flex; flex-direction: column; margin-bottom: 20px; /* 原px保留 */ } .orico_footer .fotter .footerMain .foottxttop .foootCt .ftitle { font-weight: 700; color: #fff; font-size: 20px; /* 1.25rem*16=20px */ margin-bottom: 30px; /* 原px保留 */ } .orico_footer .fotter .footerMain .foottxttop .foootCt ul { /* display: grid; gap: 0.75rem; */ display: flex; flex-direction: column; } .orico_footer .fotter .footerMain .foottxttop .foootCt ul li { margin-bottom: 15px; /* 原px保留 */ } .orico_footer .fotter .footerMain .foottxttop .foootCt ul .fline { color: #fff; opacity: 0.7; transition: opacity 0.2s ease-in-out; overflow-wrap: anywhere; font-size: 16px; /* 兜底确保16px */ } .orico_footer .fotter .footerMain .foottxtbottom { padding-left: 14%; display: grid; padding-top: 4%; } .orico_footer .fotter .footerMain .foottxtbottom .ftopicos { display: flex; justify-content: space-between; align-items: center; padding-bottom: 1%; gap: 32px; /* 2rem*16=32px */ } .orico_footer .fotter .footerMain .foottxtbottom .ftopicos ul { /* gap: 0.75rem 1.5rem; */ flex-wrap: wrap; display: flex; } .orico_footer .fotter .footerMain .foottxtbottom .ftopicos ul a { margin-right: 32px; /* 2rem*16=32px */ } .orico_footer .fotter .footerMain .foottxtbottom .ftopicos ul img { height: 30px; /* 原px保留 */ width: 30px; /* 原px保留 */ } .orico_footer .fotter .footerMain .foottxtbottom .ftcopyright { color: #b3b3b3; font-size: 16px; /* 原0.875rem=14px → 提升至16px */ } .orico_footer .fotter .footerMain .foottxtbottom .ftcopyright a { color: #b3b3b3; font-size: 16px; /* 兜底确保16px */ } .orico_footer .fotter .footerMain .foottxtbottom .batext { color: #fff; font-size: 16px; /* 原14px → 提升至16px */ margin-top: 5px; /* 原px保留 */ } .oricoCont { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 56px 0; /* 3.5rem*16=56px */ background: transparent; background: #f2f2f2; } .oricoCont .ctitem { width: 45%; display: flex; flex-direction: column; align-items: center; } .oricoCont .ctitem .ctimg { max-width: 100px; /* 6.25rem*16=100px */ width: 60px; /* 3.75rem*16=60px */ height: 60px; /* 3.75rem*16=60px */ margin-top: 2%; display: block; margin-left: auto; margin-right: auto; } .oricoCont .ctitem .cttitle { font-size: 20px; /* 1.25rem*16=20px */ text-align: center; font-weight: 600; line-height: 40px; /* 2.5rem*16=40px */ } .oricoCont .ctitem .ctdec { font-size: 16px; /* 原0.875rem=14px → 提升至16px */ text-align: center; line-height: 16px; /* 1rem*16=16px */ margin: auto; } .backtop { position: fixed; right: 20px; /* 1.25rem*16=20px */ padding: 10px 5px; /* 原px值保留 */ bottom: 10%; display: flex; justify-content: center; align-items: center; flex-direction: column; color: #666; font-size: 16px; /* 原0.75rem=12px → 提升至16px保障可读性 */ background: #fff; cursor: pointer; border: 1px solid rgb(241, 241, 241); } .backtop .ictop { height: 18px; /* 1.125rem*16=18px */ width: 15px; /* 0.9375rem*16=15px */ margin-bottom: 4px; /* 0.25rem*16=4px */ } @media screen and (max-width: 1777px) { .footerico { top: 65% !important; bottom: 24%; left: 50% !important; } }