.help-center-wrap{ max-width:1100px; margin:50px auto; padding:0 20px; font-family:sans-serif; color:#111; } .help-title{ text-align:center; font-size:34px; font-weight:600; margin-bottom:32px; } .search-box{ display:flex; justify-content:center; margin-bottom:45px; } .search-box input{ width:520px; padding:12px 16px 12px 40px; border:1px solid #d1d1d1; border-radius:6px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cpath d='m21 21-4.35-4.35'%3E%3C/path%3E%3C/svg%3E") no-repeat 14px center; font-size:15px; } .row-two{ display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-bottom:40px; } .help-card{ border:1px solid #ddd; border-radius:8px; padding:26px 16px; text-align:center; } .card-icon{ font-size:28px; margin-bottom:12px; } .section-heading{ display:flex; align-items:center; justify-content:space-between; font-size:20px; font-weight:600; margin-bottom:20px; } .grid-four{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; margin-bottom:45px; } .info-card{ border:1px solid #ddd; border-radius:8px; padding:22px 18px; } .info-card h4{ margin:0 0 8px; font-size:16px; } .info-card p{ font-size:13px; color:#666; margin:0; } .article-num{ margin-top:14px; font-size:12px; color:#777; } .support-row{ display:grid; grid-template-columns:1fr 1fr; gap:22px; } .support-card{ border:1px solid #ddd; border-radius:8px; padding:20px; } .support-top{ display:flex; justify-content:space-between; align-items:center; margin-bottom:16px; } .support-top h4{ margin:0; } .support-text p{ margin:6px 0; font-size:14px; color:#444; } .phone-link{ color:#2b5cd9; } /*移动端适配 */ @media (max-width:700px){ .row-two,.grid-four,.support-row{ grid-template-columns:1fr; } .search-box input{ width:100%; } }