/* 道路风格头部：沥青路面 + 车道虚线 + 路肩 */
.tx-jtbz .jtbz-road{position:relative;overflow:hidden;border-radius:10px;margin-bottom:18px;background:linear-gradient(180deg,#43474e 0%,#2c2f35 60%,#22252a 100%);border:1px solid #181b1f;box-shadow:0 2px 10px rgba(0,0,0,.25);padding:30px 18px;text-align:center}
.tx-jtbz .jtbz-road::before{content:"";position:absolute;left:0;right:0;top:50%;height:5px;margin-top:-2px;background:repeating-linear-gradient(90deg,#f5f2e6 0 30px,transparent 30px 56px);opacity:.9}
.tx-jtbz .jtbz-road::after{content:"";position:absolute;left:0;right:0;top:14px;height:3px;background:repeating-linear-gradient(90deg,#e9b53a 0 36px,transparent 36px 66px);opacity:.75}
.tx-jtbz .jtbz-road-title{position:relative;z-index:1;display:inline-block;font-size:22px;font-weight:700;color:#fff;letter-spacing:2px;background:rgba(0,0,0,.45);border-radius:8px;padding:10px 26px;border:1px solid rgba(255,255,255,.18)}
.tx-jtbz .jtbz-road-sub{position:relative;z-index:1;display:block;margin-top:10px;font-size:13px;color:#e8e8e8;text-shadow:0 1px 2px rgba(0,0,0,.6);letter-spacing:1px}
/* 分类选项卡 */
.tx-jtbz .jtbz-tabs{border-bottom:1px solid #ecf0f8;padding-bottom:0.75rem}
.tx-jtbz .jtbz-tabs span{display:inline-block;font-size:14px;padding:7px 16px;border-radius:6px;color:#666;border:1px solid #ccc;cursor:pointer;margin:0 8px 8px 0;background:#fff;transition:all .2s}
.tx-jtbz .jtbz-tabs span:hover{border-color:#06b672;color:#06b672}
.tx-jtbz .jtbz-tabs span.act{color:#fff;border:1px solid #06b672;background-color:#06b672}
.tx-jtbz .jtbz-list ul{display:none;margin:0;padding:0;list-style:none}
.tx-jtbz .jtbz-list ul.act{display:block}
.tx-jtbz .jtbz-list ul::after{content:"";display:block;clear:both}
.tx-jtbz .jtbz-list li{width:calc(100% / 7);float:left;padding:0.25rem;box-sizing:border-box}
.tx-jtbz .jtbz-list li span:first-child{display:block;padding:1rem;position:relative;background:#f6f8f7;border-radius:8px;border:1px solid #e4e8e6}
.tx-jtbz .jtbz-list li span:first-child::before{content:"";width:100%;padding-bottom:100%;display:block}
.tx-jtbz .jtbz-list li span img{position:absolute;left:10%;top:10%;width:80%;height:80%;object-fit:contain}
.tx-jtbz .jtbz-list li span:last-child{display:block;text-align:center;font-size:13px;color:#555;line-height:1.5;padding-top:4px;word-break:break-all}
@media screen and (max-width:1260px){.tx-jtbz .jtbz-list li{width:calc(100% / 6)}}
@media screen and (max-width:1100px){.tx-jtbz .jtbz-list li{width:calc(100% / 5)}}
@media screen and (max-width:900px){.tx-jtbz .jtbz-list li{width:calc(100% / 4)}}
@media screen and (max-width:500px){.tx-jtbz .jtbz-list li{width:calc(100% / 3)}.tx-jtbz .jtbz-road{padding:22px 10px}.tx-jtbz .jtbz-road-title{font-size:18px;padding:8px 16px}}
@media screen and (max-width:365px){.tx-jtbz .jtbz-list li{width:calc(100% / 2)}}
/* 暗黑模式 */
body.night .tx-jtbz .jtbz-tabs{border-bottom-color:#444}
body.night .tx-jtbz .jtbz-tabs span{background-color:#333;border-color:#444;color:#eee}
body.night .tx-jtbz .jtbz-tabs span:hover{border-color:#06b672;color:#06b672}
body.night .tx-jtbz .jtbz-list li span:first-child{background:#2a2a2a;border-color:#3a3a3a}
body.night .tx-jtbz .jtbz-list li span:last-child{color:#bbb}
/* 交通安全知识 */
.tx-jtbz .jtbz-knowledge{margin-top:26px;background:#f8faf9;border:1px solid #e6e6e6;border-radius:8px;padding:18px 22px}
.tx-jtbz .jtbz-knowledge h3{font-size:16px;color:#222;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid #06b672;display:inline-block}
.tx-jtbz .jtbz-knowledge p{font-size:13px;color:#555;line-height:1.9;margin:8px 0;text-align:left}
.tx-jtbz .jtbz-knowledge ul{margin:8px 0 8px 4px;padding:0;list-style:none}
.tx-jtbz .jtbz-knowledge ul li{font-size:13px;color:#555;line-height:1.9;padding-left:16px;position:relative;text-align:left}
.tx-jtbz .jtbz-knowledge ul li::before{content:"";position:absolute;left:2px;top:11px;width:6px;height:6px;border-radius:50%;background:#06b672}
body.night .tx-jtbz .jtbz-knowledge{background:#1d1d1d;border-color:#383838}
body.night .tx-jtbz .jtbz-knowledge h3{color:#eee}
body.night .tx-jtbz .jtbz-knowledge p,body.night .tx-jtbz .jtbz-knowledge ul li{color:#aaa}