分享
查看: 3821|回复: 0

商务合作

[复制链接]

商务合作

发表于 2024-10-27 21:27:27 阅读模式 倒序浏览
3821 0 查看全部

<!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>

海安零距离,海安人的网上家园!
游客~
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则