惊蛰

雨水

立春

潮圈未来探索家

大寒

公益学习达人

小寒

冬至

大雪

中式美学达人

小雪

立冬

霜降

寒露

潮圈显眼包

秋分

白露

处暑

立秋

大暑

小暑

夏至 

芒种

小满

立夏

谷雨

春日读书会

清明

春分

AI智能体

春节勋章

2025新年勋章

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>卡片-视频小图</title>
    <style>
       * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      html {
        background: white;
      }

      body {
        font-family: "PingFangSC-Regular", "PingFang SC";
      }

      img {
        vertical-align: middle;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .wrapper {
        padding: 9.0667vw 8vw 0;
      }

      .wrapper .logo {
        width: 33.6vw;
        height: 12.5333vw;
        margin: 0 auto;
        background: url("https://app-stc.zjol.com.cn/card-share/new_card_logo.png") no-repeat center / contain;
      }

      .wrapper .cover {
        width: 84vw;
        min-height: 21vw;
        margin-top: 6.9333vw;
        background: #f1f1f1 url("https://app-stc.zjol.com.cn/card-share/blank_bg.png") no-repeat center / 9vw 9vw;
      }

      .wrapper h1 {
        margin-top: 3.7333vw;
        color: #151515;
        font: 500 6.4vw / 9.0667vw "PingFangSC-Medium", "PingFang SC";
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
      }

      .bottom {
        position: relative;
        height: 40.5333vw;
        margin: 5.8667vw -8vw 0;
        background: url("https://app-stc.zjol.com.cn/card-share/small_card_bottom.png") no-repeat center / contain;
      }

      .bottom .date {
        position: absolute;
        top: -1.0667vw;
        left: 8vw;
        font-size: 3.7333vw;
        color: #999;
      }

      .bottom .legend {
        position: absolute;
        left: 8vw;
        bottom: 8.8vw;
        height: 6.9333vw;
        line-height: 6.9333vw;
        font-size: 3vw;
        color: #151515;
        border-bottom: 1px solid rgba(20, 20, 20, 0.5);
      }

      .bottom .qr-area {
        display: flex;
        position: absolute;
        right: 8vw;
        bottom: 8.8vw;
        height: 14.4vw;
      }

      .bottom .qr-area .left {
        align-self: flex-end;
        margin-right: 1.0667vw;
        font-size: 3.2vw;
        color: #999;
      }

      .bottom .qr-area .right {
        position: relative;
        width: 14.4vw;
        height: 14.4vw;
      }

      .qr-area .right .qr {
        position: absolute;
        left: 0;
        top: 0;
      }

      .qr-area .right .qr-logo {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 4vw;
        height: 4vw;
        border: 1px solid #fff;
        border-radius: 3px;
      }
    </style>
    <script src="https://app-stc.zjol.com.cn/qrious.min.js"></script>
  </head>
  <body>
    <div class="wrapper">
      <div class="logo"></div>
      <div class="cover">
        <img />
      </div>
      <h1></h1>
      <div class="bottom">
        <div class="date"></div>
        <div class="legend">深耕浙江 解读中国 影响世界</div>
        <div class="qr-area">
          <div class="left">长按识别<br />查看详情</div>
          <div class="right">
            <img class="qr" />
            <img class="qr-logo"
              src="https://app-stc.zjol.com.cn/card-share/card_logo1.png" />
          </div>
        </div>
      </div>
    </div>
    <script>
      if (window.ZBJTJSBridge && typeof ZBJTJSBridge.invoke === "function") {
        window.getNewsDetailCallback = function (res) {
            const resObj = JSON.parse(res) || {};
            const article = resObj.data;
            if (article) {
              const coverWrapperEl = document.querySelector(".wrapper .cover");
              const coverEl = document.querySelector(".cover img");
              const titleEl = document.querySelector(".wrapper h1");
              const dateEl = document.querySelector(".date");
              const qrEl = document.querySelector(".qr-area .qr");
              if (typeof QRious !== 'undefined') {
                new QRious({
                  element: qrEl,
                  value: article.url,
                  foreground: "#183081",
                  level: "M",
                  size: 200,
                });
              }
              const item = article.card_list.find(item => item.category === 0);
              if (item && item.image_url) {
                coverEl.onerror = function (e) {
                  this.style.display = 'none';
                }
                coverEl.src = item.image_url;
                const search = item.image_url.split('?')[1]
                if (search) {
                  const params = new URLSearchParams(search)
                  const width = params.get('width')
                  const height = params.get('height')
                  if (width && height) {
                    coverWrapperEl.style.height = height / width * (document.documentElement.offsetWidth / 100 * 84) + 'px'
                  }
                }
              }
              titleEl.textContent = article.list_title;
              if (article.published_at) {
                const date = new Date(article.published_at);
                dateEl.textContent = `${date.getFullYear()}-${String(date.getMonth() + 1).padStart(2, "0")}-${String(date.getDate()).padStart(2, "0")} ${String(date.getHours()).padStart(2, "0")}:${String(date.getMinutes()).padStart(2, "0")}`;
              }
            }
            delete window.getNewsDetailCallback;
          };
          ZBJTJSBridge.invoke("getNewsDetail", "", "getNewsDetailCallback");
      }
    </script>
  </body>
</html>

五一高速怎么走？看这里！

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>卡片-小图</title>
    <style>
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      html {
        background: white;
      }

      body {
        font-family: "PingFangSC-Regular", "PingFang SC";
      }

      img {
        vertical-align: middle;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .wrapper {
        position: relative;
        background: linear-gradient(to bottom, #54b0fb 0%, #e9f5ff 100%);
        padding: 6.6667vw 0 0;
      }

      .wrapper .link {
        position: absolute;
        top: 39.7333vw;
        width: 2.6667vw;
        height: 12.8vw;
      }

      .link .top-dot {
        position: absolute;
        top: 0;
        left: 0;
        width: 2.6667vw;
        height: 2.6667vw;
        border-radius: 50%;
        background: #95cdfc;
      }

      .link .bottom-dot {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 2.6667vw;
        height: 2.6667vw;
        border-radius: 50%;
        background: #95cdfc;
      }

      .link .line {
        position: absolute;
        top: 1.6vw;
        bottom: 1.6vw;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 3px;
        border-radius: 1.5px;
        background-color: #4ba8f4;
      }

      .link-0 {
        left: 16.5333vw;
      }

      .link-1 {
        right: 16.5333vw;
      }

      .wrapper .account_card {
        margin: 0 4vw 0;
        height: 36.8vw;
        background-color: white;
        box-shadow: 0px 2px 4px 0px rgba(0, 148, 255, 0.5);
        background: linear-gradient(332deg, #e3f8ff 0%, #ffffff 100%);
        border-radius: 3.2vw;
        border: 1.0667vw solid #ffffff;

        padding-top: 14.1333vw;
        position: relative;
      }

      .account_card > img {
        position: absolute;
        top: 2.9333vw;
        left: 5.3333vw;
        height: 7.2vw;
        width: auto;
        /* margin-left: 4.2667vw; */
      }

      .wrapper .article_card {
        margin: 3.4667vw 4vw 0;
        background-color: white;
        border-radius: 3.2vw;
        box-shadow: 0px 2px 4px 0px rgba(0, 148, 255, 0.5);
        padding: 5.3333vw;
      }

      .article_card .date {
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 2.6667vw;
        color: #4a4a4a;
        line-height: 3.7333vw;
        padding-top: 2.1333vw;
      }

      .cover {
        background: #d8d8d8;
        box-shadow: 0px 2px 4px 0px #acd9ff;
        border: 1.3333vw solid #ffffff;
        margin-bottom: 2.6667vw;
      }

      .cover img {
        width: 100%;
        height: auto;
      }

      .account_wrapper {
        display: flex;
        height: 16vw;
        margin-left: 3.4667vw;
        margin-right: 7.2vw;
        /* margin-top: 4vw; */
        align-items: flex-start;
      }

      .account_wrapper .avatar {
        width: 16vw;
        height: 16vw;
        position: relative;
        margin-right: 2.6667vw;
        flex: none;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .avatar .avatar_img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover;
        overflow: hidden;
      }

      .avatar .cert {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 5.3333vw;
        height: 5.3333vw;
      }

      .account_wrapper .date {
        flex: none;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        margin-left: 1.3333vw;
        margin-top: 2.1333vw;
      }

      .date .month {
        /* font-family: DINOT, DINOT; */
        font-weight: bold;
        font-size: 4.2667vw;
        color: #151515;
        line-height: 5.8667vw;
      }

      .date .week {
        font-family: PingFangSC, PingFang SC;
        font-weight: 300;
        font-size: 2.9333vw;
        color: #666666;
        line-height: 4.2667vw;
        letter-spacing: 1.0667vw;
        margin-top: 0.5333vw;
      }

      .account_wrapper .title_wrapper {
        flex: 1;
        overflow: hidden;
        padding-top: 2.1333vw;
      }

      .title_wrapper .title {
        font-family: PingFangSC, PingFang SC;
        font-weight: 500;
        font-size: 4.2667vw;
        color: #000000;
        line-height: 5.8667vw;
        display: flex;
        align-items: center;
      }

      .title span {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }

      .title img {
        width: 8.5333vw;
        height: 3.7333vw;
        margin-left: 1.3333vw;
      }

      .title_wrapper .desc {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-family: PingFangSC, PingFang SC;
        font-weight: 400;
        font-size: 3.2vw;
        color: #999999;
        line-height: 4.5333vw;
        margin-top: 1.0667vw;
      }

      .wrapper .logo {
        width: 28.2667vw;
        height: 10.6667vw;
        background: url("https://app-stc.zjol.com.cn/card-share/new_card_logo.png")
          no-repeat center / contain;
      }

      .wrapper h1 {
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: 4.8vw;
        color: #000000;
        line-height: 7.7333vw;

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
      }

      .wrapper h3 {
        margin-top: 2.1333vw;
        font-family: PingFangSC, PingFang SC;
        font-weight: 300;
        font-size: 3.2vw;
        color: #4a4a4a;
        line-height: 5.0667vw;

        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-all;
      }

      .bottom {
        position: relative;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        padding: 5.3333vw;
      }

      .bottom .qr-area {
        display: flex;
        align-items: flex-end;
      }

      .bottom .qr-area .left {
        align-self: flex-end;
        margin-right: 2.6667vw;
        font-size: 2.6667vw;
        color: #999;
      }

      .bottom .qr-area .right {
        position: relative;
        width: 11.7333vw;
        height: 11.7333vw;
      }

      .qr-area .right .qr {
        position: absolute;
        left: 0;
        top: 0;
      }

      .qr-area .right .qr-logo {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 2.6667vw;
        height: 2.6667vw;
        border: 1px solid #fff;
        border-radius: 3px;
      }
    </style>
    <script src="https://app-stc.zjol.com.cn/qrious.min.js"></script>
  </head>
  <body>
    <div class="wrapper">
      <div class="account_card">
        <img src="https://app-stc.zjol.com.cn/card-share/tmh_type_cmh.png" />
        <div class="account_wrapper">
          <div class="avatar">
            <img class="avatar_img" />
            <img class="cert" />
          </div>
          <div class="title_wrapper">
            <div class="title">
              <span></span>
              <img
                src="data:image/png;base64,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"
              />
            </div>
            <div class="desc">我发布了一篇文章</div>
          </div>
          <div class="date">
            <span class="month"></span>
            <span class="week"></span>
          </div>
        </div>
      </div>

      <div class="article_card">
        <div class="cover">
          <img />
        </div>

        <h1></h1>

        <h3></h3>

        <div class="date"></div>
      </div>

      <div class="bottom">
        <div class="logo"></div>
        <div class="qr-area">
          <div class="left">长按识别<br />查看详情</div>
          <div class="right">
            <img class="qr" />
            <img
              class="qr-logo"
              src="https://app-stc.zjol.com.cn/card-share/card_logo1.png"
            />
          </div>
        </div>
      </div>

      <div class="link link-0">
        <div class="top-dot"></div>
        <div class="bottom-dot"></div>
        <div class="line"></div>
      </div>
      <div class="link link-1">
        <div class="top-dot"></div>
        <div class="bottom-dot"></div>
        <div class="line"></div>
      </div>
    </div>
    <script>
      if (window.ZBJTJSBridge && typeof ZBJTJSBridge.invoke === "function") {
        window.getNewsDetailCallback = function (res) {
          const resObj = JSON.parse(res) || {};
          const article = resObj.data;
          if (article) {
            const accountType = document.querySelector(
              "body > div.wrapper > div.account_card > img"
            );
            accountType.src = `https://app-stc.zjol.com.cn/card-share/${
              article.cert_type > 0 ? "tmh_type_cmh" : "tmh_type_ck"
            }.png`;

            const avatarImg = document.querySelector(
              "body > div.wrapper > div.account_card > div > div.avatar > img.avatar_img"
            );
            avatarImg.src =
              article.author_img ||
              "https://app-stc.zjol.com.cn/card-share/blank_bg.png";

            const userName = document.querySelector(
              "body > div.wrapper > div.account_card > div > div.title_wrapper > div.title > span"
            );
            userName.textContent = article.account_nick_name;

            const officialCert = document.querySelector(
              "body > div.wrapper > div.account_card > div > div.title_wrapper > div.title > img"
            );
            officialCert.style.display =
              article.official_cert_status == 0 ? "none" : "block";

            const pic = article.list_pics ? article.list_pics[0] : "";
            const cover = document.querySelector(
              "body > div.wrapper > div.article_card > div.cover"
            );
            const coverImage = document.querySelector(
              "body > div.wrapper > div.article_card > div.cover > img"
            );
            if (!!pic) {
              coverImage.src = pic;
              cover.style.display = "block";
            } else {
              cover.style.display = "none";
            }

            const title = document.querySelector(
              "body > div.wrapper > div.article_card > h1"
            );
            title.textContent = article.doc_title || article.list_title;

            const desc = document.querySelector(
              "body > div.wrapper > div.article_card > h3"
            );
            const div = document.createElement("div");
            div.innerHTML = article.content;
            desc.innerHTML = div.innerText;
            div.remove();
            desc.style.display == div.innerText ? "block" : "none";

            const articleDate = document.querySelector(
              "body > div.wrapper > div.article_card > div.date"
            );
            const date = new Date(article.published_at);
            articleDate.textContent = `${date.getFullYear()}-${String(
              date.getMonth() + 1
            ).padStart(2, "0")}-${String(date.getDate()).padStart(
              2,
              "0"
            )} ${String(date.getHours()).padStart(2, "0")}:${String(
              date.getMinutes()
            ).padStart(2, "0")}`;

            const dayOfWeek = date.getDay();
            const days = [
              "星期天",
              "星期一",
              "星期二",
              "星期三",
              "星期四",
              "星期五",
              "星期六",
            ];
            const week = document.querySelector(
              "body > div.wrapper > div.account_card > div > div.date > span.week"
            );
            week.textContent = days[dayOfWeek];

            const months = [
              "Jan",
              "Feb",
              "Mar",
              "Apr",
              "May",
              "Jun",
              "Jul",
              "Aug",
              "Sept",
              "Oct",
              "Nov",
              "Dec",
            ];

            const month = document.querySelector(
              "body > div.wrapper > div.account_card > div > div.date > span.month"
            );
            month.textContent = `${months[date.getMonth()]} ${String(
              date.getDate()
            ).padStart(2, "0")}`;

            const cert = document.querySelector(
              "body > div.wrapper > div.account_card > div > div.avatar > img.cert"
            );
            if (article.cert_type > 0) {
              // 这里类型弄反了
              const value = article.cert_type == 1 ? 2 : 1;

              cert.src =
                "https://app-stc.zjol.com.cn/card-share/cmh_cert_" +
                value +
                ".png";
            } else {
              if (article.quality_type > 0) {
                cert.src =
                  "https://app-stc.zjol.com.cn/card-share/ck_cert_" +
                  article.quality_type +
                  ".png";
              } else {
                cert.style.display = "none";
              }
            }

            const qrEl = document.querySelector(
              "body > div.wrapper > div.bottom > div.qr-area > div.right > img.qr"
            );
            if (typeof QRious !== "undefined") {
              new QRious({
                element: qrEl,
                value: article.url,
                foreground: "#183081",
                level: "M",
                size: 200,
              });
            }
          }
          delete window.getNewsDetailCallback;
        };
        ZBJTJSBridge.invoke("getNewsDetail", "", "getNewsDetailCallback");
      }
    </script>
  </body>
</html>

一车矿泉水倾翻堵路，“荧光绿”和“环卫橙”同时出手！丨暖心护“杭”

<div class="creator-platform-content"><p>“哗啦啦啦”</p><p>伴随着一连串清脆的响声</p><p>货车上的货物瞬间散落一地</p><p>而接下来发生的一幕，很杭州！</p><p>4月23日10时02分许</p><p>一辆货车行经德胜文津路口北向东转弯时</p><p>因车辆侧板松动</p><p>车上满载的矿泉水顿时倾泻而出</p><p>洒落一地</p><p><img src="https://mc-gxlmmz-public.8531.cn/16970615502472.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTIyMzAzNDc3NTkwNDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=426&amp;height=246&amp;size=680393"></p><p>这一突发情况</p><p>不仅让货车司机十分苦恼</p><p>也给交通带来了不小的安全隐患</p><p><img src="https://mc-gxlmmz-public.8531.cn/16970615527176.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTIyMzAzNDc3NTkwNDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=787&amp;height=443&amp;size=85490"></p><p>杭州公安交管钱塘大队白杨中队</p><p>执勤警力杨盼</p><p>第一时间上前警戒</p><p>看着驾驶员满脸焦急</p><p>他安抚道</p><p>“别着急，我找同事来帮忙”</p><p>勤务室接警情后</p><p>立即调派就近警力支援</p><p><img src="https://mc-gxlmmz-public.8531.cn/16970615539272.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTIyMzAzNDc3NTkwNDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=1080&amp;height=810&amp;size=129160"></p><p>7分钟后</p><p>民警陈浩、辅警谢柯率先赶到了现场</p><p>三人迅速布设警示标识</p><p>引导周边车辆减速避让</p><p>“前方路面有障碍物，请车辆提前绕行”</p><p>“大家注意安全，依次有序通过”</p><p>不一会儿</p><p>增援警力陆续抵达现场</p><p>人手充足后</p><p>民警指挥众人兵分两路</p><p>一人负责保障交通</p><p>其余人则充当起“搬运工”</p><p>将散落的矿泉水</p><p>一箱箱转移至路边安全区域</p><p>期间</p><p>几名环卫工人见状也主动前来帮忙</p><p><img src="https://mc-gxlmmz-public.8531.cn/16970615558216.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTIyMzAzNDc3NTkwNDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=426&amp;height=246&amp;size=4012939"></p><p>“抓紧时间，尽快把路面清理干净”</p><p>大家分工协作</p><p>互相鼓劲</p><p>最终将路面清理干净</p><p>交通秩序也得以全面恢复</p><p><br></p><p><img src="https://mc-gxlmmz-public.8531.cn/16970615577032.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTIyMzAzNDc3NTkwNDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=1080&amp;height=591&amp;size=126488"></p><p>“要是没有大家的帮助</p><p>我一个人还不知道要搬到什么时候”</p><p>货车司机对众人连声道谢</p><p>并保证今后一定会仔细做好车辆检查</p><p>避免类似情况再次发生</p><p><img src="https://mc-gxlmmz-public.8531.cn/16970615590216.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTIyMzAzNDc3NTkwNDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=1080&amp;height=607&amp;size=134324"></p><p>短短30分钟</p><p>一场意外化作一场暖心的接力</p><p>感谢每一位挺身而出的环卫工人</p><p>也提醒广大货车驾驶员</p><p>出行前</p><p>务必检查车厢锁扣与货物捆扎</p><p>转弯减速慢行</p><p>避免因惯性导致货物散落</p><p>安全细节多一分，道路隐患少一分</p></div>

AI交警+无人车+无人机，科技天团为杭州女子半马保驾护航。#浙里平安一秒守护

飒！杭州交警化身最美赛道开路官，这波浪漫守护太圈粉！#浙里平安一秒守护

超员“驶”不得

超员载客“零容忍”，安全不容“挤一挤”

<div class="creator-platform-content"><p>超员、不系安全带等行为</p><p>是高速行车典型的违法行为</p><p>给道路交通安全带来了巨大隐患</p><p>一旦发生交通事故后果不堪设想</p><p>当前正值春季务农务工出行高峰</p><p>一些驾驶员明知超员是违法的</p><p>依旧抱着侥幸的心理上高速</p><p><br></p><p><img src="https://mc-gxlmmz-public.8531.cn/16954142665412.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTIyMzAzNDc3NTkwNDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=1080&amp;height=788&amp;size=96010"></p><p>&nbsp;车辆不是“压缩包”</p><p>&nbsp;不能想拉多少人就拉多少人！</p><p><img src="https://mc-gxlmmz-public.8531.cn/16954142677380.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTIyMzAzNDc3NTkwNDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=640&amp;height=640&amp;size=114632"></p><p>车厢内人员密集、塑料马扎摆放杂乱、</p><p>行李工具挤占过道……</p><p>杭州公安交管高速一大队</p><p>在昌化收费站查获</p><p>一起面包车超员违法行为</p><p>以“零容忍”态度再次敲响交通安全警钟</p><p><img src="https://mc-gxlmmz-public.8531.cn/16954142687940.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTIyMzAzNDc3NTkwNDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=772&amp;height=260&amp;size=61892"></p><p>4月17日7时40分</p><p>民警李孝顺例行检查时</p><p>发现一起面包车超员违法行为</p><p>经查该车核载5人，实载9人</p><p>超员80%</p><p>令人担忧的是</p><p>车内原装座椅仅5个</p><p>其余4名乘客竟坐在摇晃的塑料马扎上</p><p>未配备任何安全防护设施</p><p>驾驶员称车上搭载的是</p><p>前往附近厂区务工的临时工</p><p>侥幸认为“路程较近”“正值清晨”</p><p>不会被检查</p><p>李孝顺当场严肃警示</p><p>路程远近与安全隐患无关</p><p>任何侥幸心理都可能酿成</p><p>无法挽回的悲剧</p><p>在民警的批评教育下</p><p>驾驶员深刻认识到自身错误</p><p>高速交警依法对王某</p><p>处以驾驶证记6分、罚款100元的处罚</p><p>并要求对超员乘客予以妥善转运</p><p>车辆超员的四大危害</p><p>1.车辆不稳定性增加</p><p>车辆超员时，后部重量会变大导致重心后移，从而影响车辆行驶的稳定性。同时载重越多，惯性越大，制动距离延长，危险性也相应增大。</p><p><br></p><p>2.增加爆胎、失控风险</p><p>车辆超员时，极易因轮胎负荷过重、变形过大导致爆胎、突然偏驶、制动失灵、转向失控等。当车辆行驶速度较快时，在转弯时就容易发生侧滑或翻车。</p><p><br></p><p>3.增加逃生和救援难度</p><p>车辆超员时，一旦发生交通事故、车辆自燃等意外情况，会增加乘客逃生、抢救伤员的难度。超员乘客没有安全带等安全设施的保护，将比其他人员更易受伤，且受伤程度更严重。</p><p><br></p><p>4、无座乘客最危险</p><p>超员乘客几乎没有任何安全设施保护，一旦发生紧急情况，将最先受到伤害，且伤害后果比有座、有安全带保护的乘客更严重！</p><p><br></p><p><img src="https://mc-gxlmmz-public.8531.cn/16954142699396.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTIyMzAzNDc3NTkwNDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=1000&amp;height=750&amp;size=143541"></p><p>杭州公安交警提醒</p><p>乘车人员“超”一个</p><p>生命安全“降”一格</p><p>为了您和他人的生命安全</p><p>请自觉遵守交通法规</p><p>严管立规矩</p><p>常态养习惯</p><p>文明成风尚</p><p>目前</p><p>杭州公安交警正在开展</p><p>&nbsp;春季道路交通“安畅”行动&nbsp;</p><p>持续依托收费站、服务区等重点点位</p><p>加大对面包车、商务车等</p><p>重点车辆的检查力度</p><p>对超员、非法改装等重点交通违法行为</p><p>将进一步加强隐患排查</p><p>和违法行为查处力度</p><p>切实保障人民群众生命财产安全</p></div>

别急，你又不是子弹

【逆行+掉头高速上这番操作 驾驶证直接“回炉重造” 提醒：强行“纠错”，错上加错！】杭州公安交警通过公共视频巡查发现，一辆小型车辆逆向行驶，随后竟直接在主线上掉头驶离，过往车辆纷纷紧急避让。杭州公安交警立即指派附近警力前往处置，将车辆引导至安全区域，经查，驾驶员因走错路口，铤而走险选择逆行、掉头，试图 “快速解决问题”。最终对驾驶员的违法行为记12分、罚款200元，当场开展交通安全宣教。

别为一口“鲜” ，置自身于危险！| 春季行动

<div class="creator-platform-content"><p><img src="https://mc-gxlmmz-public.8531.cn/16929518403272.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTIyMzAzNDc3NTkwNDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=1080&amp;height=457&amp;size=69308"></p><p>清明过后，春意正浓</p><p>各类野菜也冒出了头</p><p>然而却有少数“贪鲜”之人</p><p>为了一口“春鲜”</p><p>不惜冒险翻越隔离栅栏</p><p>闯入高速公路封闭区域</p><p>将自己与他人的行车安全置于危险之中</p><p>请立即停止这样的行为</p><p>莫让“尝鲜”变成“涉险”</p><p><br></p><p><img src="https://mc-gxlmmz-public.8531.cn/16929518413192.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTIyMzAzNDc3NTkwNDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=240&amp;height=240&amp;size=521379"></p><p>春季“安畅”行动开展以来</p><p>杭州公安交管高速一大队</p><p>依托“公共视频巡查+路面快处”机制</p><p>连续快速处置行人违法进入高速公路事件</p><p>及时消除安全隐患</p><p>守护了人民群众生命安全</p><p>稳定高速公路通行秩序</p><p>4月7日13时30分</p><p>杭州公安交警公共视频巡查发现</p><p>在G56（杭徽）高速皖向於潜收费站附近</p><p>高速公路与匝道之间的绿化带内</p><p>有两人正“沉浸式”挖野菜</p><p>同行的一只小狗</p><p>正“闲庭信步”地在车道内溜达</p><p>严重威胁主线的通行安全</p><p><img src="https://mc-gxlmmz-public.8531.cn/16929518422792.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTIyMzAzNDc3NTkwNDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=640&amp;height=360&amp;size=6768073"></p><p>杭州公安交警立即启动快速处置机制</p><p>警力籍延鹏仅用6分钟便抵达现场</p><p>做好预警后迅速上前制止</p><p>“这里是高速公路封闭区域，严禁行人进入！稍不留神被车辆刮到怎么办？我们看着都心惊！”</p><p><img src="https://mc-gxlmmz-public.8531.cn/16929518438472.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTIyMzAzNDc3NTkwNDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=640&amp;height=360&amp;size=7200393"></p><p>在交警严肃的批评教育下</p><p>两人意识到危险迅速撤离</p><p>经了解</p><p>两人是从附近桥洞处</p><p>破损的边护栏穿入高速</p><p>籍延鹏立即对破损处拍照取证</p><p>上报业主单位要求及时修补隔离栅</p><p><br></p><p>无独有偶</p><p>4月8日8时15分许</p><p>杭向临安服务区附近</p><p>一人违规穿越隔离栅</p><p><img src="https://mc-gxlmmz-public.8531.cn/16929518453832.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTIyMzAzNDc3NTkwNDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=640&amp;height=360&amp;size=7376682"></p><p>在边坡采摘野菜、竹笋后</p><p>扛着半袋野菜</p><p>沿边护栏外斜坡的水沟处向上爬行</p><p><br></p><p><img src="https://mc-gxlmmz-public.8531.cn/16929518470856.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTIyMzAzNDc3NTkwNDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=640&amp;height=360&amp;size=7255141"></p><p>稍有不慎就可能摔入高速路面</p><p>巡逻警力发现后立即上前劝离</p><p>并保障其安全撤离高速主线</p><p>杭州公安交管高速一大队</p><p>已联合相关业主单位</p><p>对全线120公里的隔离栅</p><p>完成地毯式的摸排和维修</p><p><br></p><p><img src="https://mc-gxlmmz-public.8531.cn/16929518485384.jpg?x-oss-process=image/watermark,g_se,x_0,y_0,image_MTIyMzAzNDc3NTkwNDgucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfNTA&amp;width=1080&amp;height=871&amp;size=297249"></p><p>对进入高速公路的村民</p><p>大队通过沿线联勤群</p><p>上门宣教形成闭环</p><p>杭州公安交警提醒</p><p>切勿为“一口鲜”以身犯险</p><p>高速公路车速快、流量大</p><p>驾驶员哪怕有0.1秒的分神</p><p>都可能对路上的行人造成致命伤害</p><p>而边坡、绿化带内的野菜</p><p>长期吸附汽车尾气、粉尘</p><p>并非安全健康的“野生美味”</p><p>同时也请周边村民提醒家中老人</p><p>遵守交通法规</p><p>不翻越隔离栅，不进入高速</p><p>如发现隔离栅破损等隐患</p><p>请及时拨打“12122”报警</p><p>我们将第一时间督促整改</p></div>

春渐退，夏欲来！正所谓“细雨连绵暮春到，雨生百谷夏将至”，天气变化对出行影响比较大，杭州公安交警温馨提醒广大交通参与者，出行前及时关注天气变化，雨天出行“稳”字当先，牢记“降速、控距、亮尾”，控制车速，把好方向，谨慎行驶，道路千万条，安全第一条！