|
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> *{margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft Yahei",sans-serif;} body{background:#f5f7fa;padding:15px;} .ad-card{max-width:100%;background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,80,180,0.08);overflow:hidden;border:1px solid #e8edf2;} .card-header{background:linear-gradient(135deg,#2962ff,#0077cc);color:#fff;padding:18px 20px;text-align:center;} .card-header h2{font-size:18px;font-weight:600;letter-spacing:1px;} .card-header p{font-size:13px;opacity:0.9;margin-top:4px;} .card-body{padding:20px;} .item{display:flex;margin-bottom:14px;font-size:14px;line-height:1.6;color:#333;} .item .num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#2962ff;color:#fff;border-radius:50%;font-size:12px;margin-right:10px;flex-shrink:0;} .tip-box{background:#f0f6ff;border-left:4px solid #2962ff;padding:12px 15px;border-radius:6px;margin:18px 0 10px 0;font-size:14px;color:#224477;line-height:1.7;} .contact{background:#0a2463;color:#fff;padding:16px 20px;text-align:center;border-radius:8px;margin-top:15px;} .contact p{font-size:14px;margin-bottom:8px;opacity:0.9;} /* 手机号弹性布局，自动换行+垂直居中对齐 */ .tel-box{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 12px; font-size:17px; font-weight:bold; letter-spacing:1px; line-height: 1.8; } </style> </head> <body> <div class="ad-card"> <div class="card-header"> <h2>商务合作 · 广告合作说明</h2> <p>海安零距离 官方合作渠道</p > </div> <div class="card-body"> <div class="item"> <span class="num">1</span> <span>本站用户群体以海安地区网民为主，投放广告可精准匹配本地受众。</span> </div> <div class="item"> <span class="num">2</span> <span>主体平台：网站 + 微信公众号（海安零距离，微信号：jsha090）；另有门户、房产、装修、美食、汽车等细分频道可选。</span> </div> <div class="item"> <span class="num">3</span> <span>抖音平台：海安零距离、海安零距离崔 两大官方账号。</span> </div> <div class="item"> <span class="num">4</span> <span>严禁投放色情、赌博、涉政等违法违规类广告。</span> </div>
<div class="tip-box"> 温馨提醒：具体广告价格及合作方式，欢迎联系详谈。 </div>
<div class="contact"> <p>广告热线（微信同号）</p > <div class="tel-box"> <span>18068600008</span> <span>18015900008</span> </div> </div> </div> </div> </body> </html> | 
3823
0