@charset "utf-8";
/* 义乌123加工网 - 全站样式 */
:root{
  --blue:#0b5fd0;
  --blue-d:#0a4aa6;
  --blue-l:#e8f1ff;
  --orange:#ff6a00;
  --red:#e60012;
  --text:#333;
  --gray:#888;
  --line:#e6e9ef;
  --bg:#f5f7fa;
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:"Microsoft YaHei","PingFang SC","Helvetica Neue",Arial,sans-serif;
  font-size:14px;color:var(--text);background:#fff;line-height:1.6;
}
a{color:var(--text);text-decoration:none}
a:hover{color:var(--orange)}
ul,ol{list-style:none}
img{max-width:100%;border:0;display:block}
.wrap{width:1200px;margin:0 auto}
.clearfix::after{content:"";display:block;clear:both}

/* ============ 顶部细条 ============ */
.topbar{background:#f0f2f5;border-bottom:1px solid var(--line);height:34px;line-height:34px;font-size:12px;color:#666}
.topbar .wrap{display:flex;justify-content:space-between}
.topbar a{color:#666;margin:0 6px}
.topbar a:hover{color:var(--orange)}
.topbar .date{color:#999;margin-left:6px}
.topbar .toplinks{display:flex;align-items:center}
.topbar .toplinks .sp{color:#d5d8dd;margin:0 2px}

/* ============ 头部 ============ */
.header{padding:18px 0;background:#fff}
.header .wrap{display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.logo .mark{width:52px;height:52px;flex:0 0 52px}
.logo .txt b{
  display:block;font-size:26px;font-weight:700;color:var(--blue);letter-spacing:1px;line-height:1.15;
}
.logo .txt b i{font-style:normal;color:var(--orange)}
.logo .txt span{display:block;font-size:12px;color:#8a94a6;letter-spacing:.5px;margin-top:2px}

.searchbox{flex:0 0 520px}
.searchbar{display:flex;border:2px solid var(--blue);border-radius:2px;overflow:hidden;height:42px}
.searchbar .kw{flex:1;border:0;outline:0;padding:0 14px;font-size:14px;height:100%}
.searchbar button{
  width:104px;border:0;background:var(--blue);color:#fff;font-size:16px;cursor:pointer;
  font-family:inherit;letter-spacing:2px;
}
.searchbar button:hover{background:var(--blue-d)}
.hotwords{font-size:12px;color:#999;margin-top:6px}
.hotwords a{color:#999;margin-right:12px}
.contact{flex:0 0 auto;text-align:right;line-height:1.5}
.contact .tel{font-size:20px;color:var(--blue);font-weight:700;letter-spacing:.5px}
.contact .tel small{font-size:12px;color:#999;font-weight:400;letter-spacing:0}
.contact .svc{font-size:12px;color:#999}

/* ============ 主导航 ============ */
.mainnav{background:linear-gradient(90deg,var(--blue) 0%,#1273e6 55%,#1b86f0 100%);height:46px;line-height:46px}
.mainnav .wrap{display:flex}
.mainnav a{display:block;padding:0 24px;color:#fff;font-size:16px}
.mainnav a:hover,.mainnav a.on{background:rgba(0,0,0,.18);color:#fff}

/* ============ 通栏提示 ============ */
.noticebar{background:#fff8ee;border-bottom:1px solid #ffe3c2;font-size:13px;color:#a35b00;line-height:38px}
.noticebar .wrap{display:flex;justify-content:space-between;align-items:center}
.noticebar b{color:var(--red)}

/* ============ 主体 ============ */
.main{padding:16px 0 0;display:flex;align-items:flex-start;gap:14px}
.side{flex:0 0 232px}
.sidebox{border:1px solid var(--line);border-radius:4px;margin-bottom:12px;overflow:hidden;background:#fff}
.sidebox h3{
  height:42px;line-height:42px;padding:0 14px;font-size:15px;color:#fff;font-weight:700;
  background:linear-gradient(90deg,var(--blue) 0%,#2b86ee 100%);
}
.sidebox h3 em{font-style:normal;font-size:12px;font-weight:400;opacity:.85;float:right}
.sidebox ul{padding:8px 6px}
.sidebox li a{
  display:block;padding:5px 8px;font-size:13px;color:#555;border-radius:3px;
}
.sidebox li a:hover{background:var(--blue-l);color:var(--blue)}
.sidebox li a::before{content:"";display:inline-block;width:4px;height:4px;background:#c3cbd8;border-radius:50%;margin-right:6px;vertical-align:2px}
.sidebox li a:hover::before{background:var(--orange)}

.content{flex:1;min-width:0}
.quickbar{
  display:flex;gap:10px;background:#fff;border:1px solid var(--line);border-radius:4px;
  padding:12px;margin-bottom:12px;
}
.quickbar a{
  flex:1;text-align:center;padding:10px 0;border-radius:4px;background:var(--blue-l);
  color:var(--blue);font-size:14px;font-weight:700;
}
.quickbar a:hover{background:var(--blue);color:#fff}
.quickbar a.orange{background:#fff2e8;color:var(--orange)}
.quickbar a.orange:hover{background:var(--orange);color:#fff}

.panel{border:1px solid var(--line);border-radius:4px;background:#fff;margin-bottom:12px}
.panel-hd{
  display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid var(--line);padding:0 14px;height:44px;
}
.panel-hd h2{font-size:16px;color:var(--blue);font-weight:700;position:relative;padding-left:12px}
.panel-hd h2::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:16px;background:var(--orange);border-radius:2px}
.panel-hd h2 small{font-size:12px;color:#9aa4b2;font-weight:400;margin-left:6px}
.panel-hd .more{font-size:12px;color:#999}
.panel-bd{padding:12px 14px}

/* 头条卡片 */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.card{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#fff}
.card:hover{border-color:#bcd7fb;box-shadow:0 2px 10px rgba(11,95,208,.08)}
.card .thumb{height:132px;position:relative;display:flex;align-items:center;justify-content:center}
.card .thumb .tag{
  position:absolute;left:0;top:0;background:var(--orange);color:#fff;font-size:12px;
  padding:2px 8px;border-bottom-right-radius:6px;
}
.card .thumb .tagnum{
  position:absolute;right:0;bottom:0;background:rgba(0,0,0,.45);color:#fff;font-size:12px;
  padding:1px 7px;border-top-left-radius:6px;
}
.card .info{padding:10px 12px}
.card .info h4{
  font-size:14px;font-weight:700;color:#222;line-height:1.45;height:41px;overflow:hidden;
}
.card .info h4 a{color:#222}
.card .info h4 a:hover{color:var(--orange)}
.card .info p{font-size:12px;color:#98a0ad;margin-top:6px;height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.card .info .meta{display:flex;justify-content:space-between;font-size:12px;color:#b3bac4;margin-top:6px}

/* 信息列表 */
.list li{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:9px 2px;border-bottom:1px dashed #eef1f5;font-size:14px;
}
.list li:last-child{border-bottom:0}
.list li .t{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333}
.list li .t:hover{color:var(--orange)}
.list li .t b{color:var(--red);font-weight:400}
.list li .t .top{color:#fff;background:var(--red);font-size:11px;padding:0 4px;border-radius:2px;margin-right:5px;vertical-align:1px}
.list li .area{flex:0 0 62px;color:#9aa4b2;font-size:12px;text-align:right}
.list li .time{flex:0 0 78px;color:#b3bac4;font-size:12px;text-align:right}
.list li .t em{font-style:normal;color:var(--blue)}

/* 资讯 */
.newslist li{padding:9px 2px;border-bottom:1px dashed #eef1f5;display:flex;justify-content:space-between;gap:12px}
.newslist li:last-child{border-bottom:0}
.newslist li a{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.newslist li span{color:#b3bac4;font-size:12px;flex:0 0 auto}

/* 友情链接 */
.links{border:1px solid var(--line);border-radius:4px;background:#fff;margin:0 auto 14px;padding:12px 14px}
.links h3{font-size:14px;color:#555;font-weight:700;margin-bottom:8px}
.links .lk a{color:#7b8794;font-size:13px;margin:0 14px 6px 0;display:inline-block}
.links .lk a:hover{color:var(--orange)}

/* ============ 页脚 ============ */
.footer{background:#2b3441;color:#aab4c0;padding:24px 0 0;font-size:13px;margin-top:18px}
.footer .fmain{display:flex;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:1px solid #3b4552}
.footer .fleft{flex:1}
.footer .fleft p{line-height:1.9;color:#9aa5b1}
.footer .fleft p.hi{color:#e8eef6;font-size:14px;margin-bottom:6px}
.footer .fleft p.hi b{color:#ffb46b}
.footer .fnav a{color:#cfd8e3;margin-right:16px;font-size:13px}
.footer .fnav{margin-bottom:10px}
.footer .fright{flex:0 0 150px;text-align:center}
.footer .fright .qr{width:110px;height:110px;margin:0 auto;background:#fff;border-radius:4px;padding:5px}
.footer .fright span{display:block;margin-top:6px;font-size:12px;color:#8e99a6}
.footer .fcopy{padding:14px 0 20px;text-align:center;font-size:12px;color:#8e99a6;line-height:2}
.footer .fcopy a{color:#a9b6c6}
.footer .fcopy a:hover{color:#ffb46b}
.footer .fcopy .icp{margin-top:4px}
.footer .fcopy .police{margin-top:2px}

/* ============ 页面通用 ============ */
.crumb{padding:12px 0;font-size:13px;color:#9aa4b2}
.crumb a{color:#9aa4b2}
.crumb a:hover{color:var(--orange)}
.pagebox{border:1px solid var(--line);border-radius:4px;background:#fff;padding:24px 30px;margin-bottom:14px}
.pagebox h1{font-size:20px;color:var(--blue);margin-bottom:6px}
.pagebox .sub{color:#9aa4b2;font-size:13px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.pagebox h2{font-size:16px;color:#222;margin:18px 0 8px;padding-left:10px;border-left:3px solid var(--blue)}
.pagebox p{color:#555;line-height:2;margin-bottom:8px}
.pagebox .kv{display:grid;grid-template-columns:110px 1fr;gap:8px 12px;color:#555;line-height:2}
.pagebox .kv .k{color:#98a0ad}
.pagebox ul.dot li{padding-left:16px;position:relative;line-height:2;color:#555}
.pagebox ul.dot li::before{content:"";position:absolute;left:0;top:13px;width:5px;height:5px;background:var(--blue);border-radius:50%}
.filterbar{border:1px solid var(--line);border-radius:4px;background:#fff;padding:10px 14px;margin-bottom:12px;display:flex;flex-wrap:wrap;gap:6px 4px;font-size:13px}
.filterbar a{padding:3px 10px;border-radius:3px;color:#5b6675}
.filterbar a:hover{background:var(--blue-l);color:var(--blue)}
.filterbar a.on{background:var(--blue);color:#fff}
.pager{text-align:center;padding:18px 0}
.pager a,.pager span{display:inline-block;padding:5px 12px;border:1px solid var(--line);border-radius:3px;margin:0 3px;font-size:13px;color:#5b6675}
.pager a:hover{border-color:var(--blue);color:var(--blue)}
.pager span.on{background:var(--blue);border-color:var(--blue);color:#fff}
.panel-bd .list.two{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}
.panel-bd .list.two li:nth-child(odd){}

/* 侧栏折叠 / 提示 */
.sidebox ul.catlist.folded li:nth-child(n+13){display:none}
.sidebox-more{border-top:1px dashed #eef1f5;text-align:center;padding:7px 0}
.sidebox-more a{font-size:12px;color:#9aa4b2}
.sidebox-more a:hover{color:var(--blue)}
.sidebox ul.tips{padding:10px 12px}
.sidebox ul.tips li{font-size:12px;color:#8a94a2;line-height:1.85;padding-left:12px;position:relative;margin-bottom:7px}
.sidebox ul.tips li::before{content:"";position:absolute;left:0;top:9px;width:4px;height:4px;background:#c3cbd8;border-radius:50%}
.sidebox ul.tips li:last-child{margin-bottom:0}
.footer .fright .qr svg{width:100%;height:100%;display:block}

/* 缩略图占位（纯 CSS，无外链图片） */
.thumb-a{background:linear-gradient(135deg,#1b86f0,#0a4aa6)}
.thumb-b{background:linear-gradient(135deg,#ff8a3d,#e85d04)}
.thumb-c{background:linear-gradient(135deg,#12b886,#087f5b)}
.thumb .big{
  color:#fff;font-size:30px;font-weight:700;letter-spacing:3px;opacity:.95;
  text-shadow:0 2px 8px rgba(0,0,0,.18);
}
.thumb .big small{display:block;font-size:12px;font-weight:400;letter-spacing:1px;opacity:.85;margin-top:4px;text-align:center}

@media (max-width:1240px){
  .wrap{width:100%;padding-left:12px;padding-right:12px}
  .mainnav .wrap{padding-left:0;padding-right:0;overflow-x:auto}
  .mainnav a{padding:0 14px;font-size:15px;white-space:nowrap}
}
@media (max-width:980px){
  .header .wrap{flex-wrap:wrap;gap:12px}
  .searchbox{flex:1 1 100%;order:3}
  .contact{display:none}
  .main{flex-direction:column}
  .side{flex:1 1 100%;width:100%}
  .sidebox ul{display:grid;grid-template-columns:1fr 1fr}
  .cards{grid-template-columns:1fr 1fr}
  .panel-bd .list.two{grid-template-columns:1fr}
  .footer .fmain{flex-direction:column}
  .footer .fright{align-self:center}
  .logo .txt b{font-size:22px}
}
@media (max-width:560px){
  .cards{grid-template-columns:1fr}
  .list li .area{display:none}
  .list li .time{flex:0 0 62px}
  .quickbar{flex-wrap:wrap}
  .quickbar a{flex:1 1 45%}
  .pagebox{padding:16px}
}