/*
	移动端视觉体系（style-mf.css）
	参照 m.cnhnb.com 的移动端结构与信息层级，采用本站品牌色：
	主色 #337200 / 辅助 #77C019 / 强调 #eaff00 / 价格 #ff6600 / 深灰 #303030
	约束：直角（无圆角）、无阴影、无大面积渐变
*/

/* ========== 基础 ========== */
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; color: #303030; font-size: 14px; line-height: 1.55; }
img { max-width: 100%; height: auto; border: none; }
ul, ol, form, dl, dd { margin: 0; padding: 0; }
li { list-style: none; }
a:link, a:visited, a:active, a:hover { color: #303030; text-decoration: none; }
input, textarea, select, button { outline: none; font-family: inherit; }
button { padding: 0; margin: 0; -webkit-appearance: none; }
/* 清除 jQuery Mobile 对按钮/元素的默认增强（圆角、阴影、渐变） */
.ui-btn { margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; background-image: none !important; background-color: transparent !important; line-height: normal !important; }
.ui-corner-all { border-radius: 0 !important; }
.ui-shadow { box-shadow: none !important; }
input[type=search] { -webkit-appearance: none; }
a.mf-btn, a.mf-btn:link, a.mf-btn:visited { color: #fff; }
.mf-fix { clear: both; height: 0; overflow: hidden; }
.mf-mt8 { margin-top: 8px; }
.mf-mt10 { margin-top: 10px; }
.mf-hide { display: none; }

/* ========== 首页头部 ========== */
.mf-home-hd { background: #337200; padding: 8px 12px 16px; }
.mf-home-row { display: flex; align-items: center; justify-content: space-between; height: 42px; }
.mf-logo { display: flex; align-items: center; color: #fff; }
.mf-logo img { display: block; width: auto; max-width: 190px; max-height: 34px; }
.mf-logo b { display: block; width: 34px; height: 34px; line-height: 34px; margin-right: 8px; background: #eaff00; color: #337200; font-size: 20px; font-weight: bold; text-align: center; }
.mf-logo span { font-size: 17px; color: #fff; letter-spacing: 1px; }
.mf-hd-links { display: flex; align-items: center; }
.mf-hd-links a { margin-left: 8px; padding: 4px 9px; border: 1px solid #9dc27b; color: #fff; font-size: 12px; }
.mf-search { display: flex; align-items: stretch; margin-top: 8px; background: #fff; }
.mf-search input[type=search] { flex: 1; width: 100%; height: 38px; padding: 0 10px; border: 0; background: #fff; font-size: 14px; color: #303030; }
.mf-search input::placeholder { color: #a0a0a0; }
.mf-search button { width: 72px; height: 38px; margin: 0; padding: 0; border: 0; background: #eaff00; color: #337200; font-size: 15px; font-weight: bold; }
.mf-search button.ui-btn { background-color: #eaff00 !important; }
.mf-promise { display: flex; justify-content: space-around; margin-top: 9px; color: #dbeacb; font-size: 12px; }
.mf-promise span { position: relative; padding-left: 12px; }
.mf-promise span:before { content: ""; position: absolute; left: 0; top: 50%; width: 6px; height: 6px; margin-top: -4px; background: #eaff00; }

/* ========== 页面容器 ========== */
.mf-page { padding-bottom: 12px; }

/* 首页快捷入口：负边距叠在绿色头部上 */
.mf-ent { display: flex; flex-wrap: wrap; margin: 12px 12px 0; padding: 6px 0 2px; background: #fff; position: relative; z-index: 2; }
.mf-ent a { display: flex; flex-direction: column; align-items: center; width: 20%; padding: 8px 0; }
.mf-ent i { display: block; width: 38px; height: 38px; line-height: 38px; background: #f1f7ea; color: #337200; font-size: 20px; font-style: normal; text-align: center; }
.mf-ent span { margin-top: 5px; font-size: 12px; color: #444; }

/* ========== 广告横向滑动 ========== */
.mf-slide { display: flex; overflow-x: auto; margin: 10px 12px 0; background: #fff; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
.mf-slide::-webkit-scrollbar { display: none; }
.mf-slide a { flex: 0 0 100%; scroll-snap-align: start; }
.mf-slide img { display: block; width: 100%; aspect-ratio: 2.4 / 1; object-fit: cover; }

/* ========== 板块标题 ========== */
.mf-sec { margin: 10px 12px 0; background: #fff; }
.mf-block { margin: 12px 12px 0; }
.mf-sec-hd { display: flex; align-items: center; justify-content: space-between; height: 44px; padding: 0 12px; border-bottom: 1px solid #f1f1f1; }
.mf-sec-hd b { position: relative; padding-left: 10px; font-size: 17px; font-weight: bold; color: #303030; }
.mf-sec-hd b:before { content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 18px; margin-top: -9px; background: #337200; }
.mf-sec-hd a { font-size: 12px; color: #999; }
.mf-block-hd { display: flex; align-items: center; justify-content: space-between; height: 26px; padding-bottom: 14px;}
.mf-block-hd b { position: relative; padding-left: 10px; font-size: 17px; font-weight: bold; }
.mf-block-hd b:before { content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 18px; margin-top: -9px; background: #337200; }
.mf-block-hd a { font-size: 12px; color: #999; }
.mf-block-hd em { margin-left: 6px; font-size: 11px; font-style: normal; font-weight: normal; color: #999; }

/* ========== 分类九宫格 ========== */
.mf-cats { display: flex; flex-wrap: wrap; padding: 4px 0; }
.mf-cats a { display: block; width: 20%; padding: 10px 0 8px; text-align: center; }
.mf-cats i { display: block; width: 42px; height: 42px; line-height: 42px; margin: 0 auto; background: #f2f7ea; color: #337200; font-size: 16px; font-style: normal; font-weight: bold; text-align: center; }
.mf-cats span { display: block; margin-top: 5px; padding: 0 2px; font-size: 12px; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ========== 双列商品卡 ========== */
.mf-grid { display: flex; flex-wrap: wrap; margin: 0 -4px; }
.mf-goods { display: flex; flex-direction: column; width: calc(50% - 8px); margin: 8px 4px 0; background: #fff; }
.mf-goods a { display: block; color: #303030; }
.mf-goods-img { position: relative; display: block; background: #f7f7f7; }
.mf-goods-img img { display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: cover; }
.mf-goods-bd { display: flex; flex: 1; flex-direction: column; padding: 7px 8px 9px; }
.mf-goods-t { display: -webkit-box; height: 38px; overflow: hidden; font-size: 14px; line-height: 1.36; color: #303030; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.mf-goods-tag { display: inline-block; align-self: flex-start; margin-top: 5px; padding: 0 4px; border: 1px solid #dcebc8; color: #77C019; font-size: 11px; line-height: 17px; }
.mf-goods-p { margin-top: auto; padding-top: 6px; color: #ff6600; font-size: 17px; font-weight: bold; }
.mf-goods-p em { margin-left: 3px; color: #999; font-size: 11px; font-style: normal; font-weight: normal; }
.mf-goods-meta { margin-top: 2px; color: #999; font-size: 11px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* 产地/展会卡（带图） */
.mf-origin .mf-goods-img img { aspect-ratio: 4 / 3; }
.mf-origin .mf-goods-t { height: 38px; }

/* ========== 文字列表（供求/资讯） ========== */
.mf-rows { background: #fff;}
.mf-row { display: block; padding: 11px 12px; border-top: 1px solid #f1f1f1; }
.mf-row:first-child { border-top: 0; }
.mf-row-t { display: -webkit-box; overflow: hidden; font-size: 14px; line-height: 1.45; color: #303030; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.mf-row-t i { margin-right: 5px; padding: 0 3px; border: 1px solid #dcebc8; color: #77C019; font-size: 11px; font-style: normal; }
.mf-row-m { display: flex; justify-content: space-between; margin-top: 4px; color: #999; font-size: 11px; }
.mf-row-m span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.mf-row-m em { flex: none; margin-left: 10px; font-style: normal; }

/* 资讯列表（左文右图） */
.mf-news .mf-row { display: flex; align-items: center; }
.mf-news .mf-row-bd { flex: 1; min-width: 0; }
.mf-news .mf-row img { flex: none; width: 92px; height: 68px; margin-left: 10px; object-fit: cover; background: #f7f7f7; }

/* ========== 内页头部 ========== */
.mf-bar { position: fixed; z-index: 20; left: 0; right: 0; top: 0; display: flex; align-items: center; height: 46px; background: #fff; border-bottom: 1px solid #e9e9e9; }
.mf-bar-fix { height: 46px; background: #fff; }
.mf-bar-back { display: flex; align-items: center; height: 46px; padding: 0 6px 0 4px; color: #337200; font-size: 13px; }
.mf-bar-back i { width: auto; height: auto; margin: 0 2px 0 0; border: 0; transform: none; font-family: bootstrap-icons; font-size: 18px; font-style: normal; line-height: 1; color: #337200; }
.mf-bar-back i::before { content: "\f284"; }
.mf-bar-title { flex: 1; min-width: 0; padding: 0 4px; font-size: 17px; font-weight: bold; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mf-bar-act { display: flex; align-items: center; justify-content: center; width: 44px; height: 46px; }
.mf-bar-act i { display: block; font-family: bootstrap-icons; font-size: 22px; font-style: normal; line-height: 1; color: #337200; }
.mf-bar-act i::before { content: "\f479"; }
.mf-bar-txt { display: flex; align-items: center; height: 46px; padding: 0 10px; color: #337200; font-size: 13px; }
.mf-bar-act.mf-bar-txt { width: auto; min-width: 44px; justify-content: flex-end; }

/* 首页搜索入口（内页顶部） */
.mf-search-line { display: flex; align-items: center; height: 34px; margin: 10px 12px 0; padding: 0 10px; background: #fff; border: 1px solid #e2e2e2; }
.mf-search-line i { display: block; font-family: bootstrap-icons; font-size: 16px; font-style: normal; line-height: 1; color: #9a9a9a; }
.mf-search-line i::before { content: "\f52a"; }
.mf-search-line span { color: #9a9a9a; font-size: 13px; }

/* ========== 通用设置列表 ========== */
.mf-set { margin: 10px 12px 0; background: #fff; }
.mf-set li { border-top: 1px solid #f1f1f1; }
.mf-set li:first-child { border-top: 0; }
.mf-set div { display: flex; align-items: center; height: 48px; padding: 0 12px; }
.mf-set a { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 48px; font-size: 15px; color: #303030; }
.mf-set a:after { content: ""; width: 8px; height: 8px; border-top: 1px solid #c4c4c4; border-right: 1px solid #c4c4c4; transform: rotate(45deg); }
.mf-set span { margin-left: auto; padding-right: 8px; color: #999; font-size: 13px; }
.mf-set span.mf-t { flex: 1; margin-left: 0; padding-right: 0; color: #303030; font-size: 15px; }
.mf-set img { width: 22px; height: 22px; margin-right: 8px; }
.mf-set i.bi { flex: none; width: 22px; margin-right: 8px; font-size: 18px; font-style: normal; line-height: 1; color: #337200; text-align: center; }
.mf-set em { min-width: 16px; height: 16px; margin-left: 6px; padding: 0 4px; background: #ff6600; color: #fff; font-size: 11px; font-style: normal; line-height: 16px; text-align: center; }

/* ========== 列表（兼容旧模板 list-img/list-txt） ========== */
.list-img { display: flex; align-items: center; height: auto; min-height: 92px; padding: 12px; border-bottom: 1px solid #efefef; background: #fff; }
.list-img a { flex: none; }
.list-img img { width: 72px; height: 72px; margin: 0 10px 0 0; object-fit: cover; background: #f7f7f7; }
.list-img ul { flex: 1; min-width: 0; margin: 0; }
.list-img li { height: auto; line-height: 1.5; margin-top: 3px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.list-img li:first-child { margin-top: 0; }
.list-img strong { display: block; font-size: 15px; font-weight: normal; color: #303030; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.list-img em { font-style: normal; color: #999; font-size: 12px; }
.list-img span { color: #999; font-size: 12px; }
.list-img .price { color: #ff6600; font-size: 16px; }
.list-img .vip { padding-left: 0; background: none; }

.list-txt { margin: 10px 12px 0; background: #fff; border-top: 0; font-size: 15px; }
.list-txt li { display: flex; align-items: center; height: auto; padding: 11px 12px; border-bottom: 1px solid #f1f1f1; background: #fff; line-height: 1.45; }
.list-txt li:after { display: none; }
.list-txt a { flex: 1; min-width: 0; height: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.list-txt span { flex: none; order: 2; margin-left: 10px; padding: 0; color: #999; font-size: 11px; }

/* 分类/地区/频道列表项 */
.mf-cat-list .mf-set div { height: 47px; }
.mf-cat-list a { color: #303030; }

/* ========== 详情页 ========== */
.mf-detail { background: #fff; }
.mf-detail-hd { padding: 12px 12px 10px; }
.mf-detail-hd h1 { margin: 0; font-size: 17px; font-weight: bold; line-height: 1.42; color: #303030; }
.mf-detail-meta { margin-top: 6px; color: #999; font-size: 12px; display: flex; justify-content: space-between; }
.mf-price-bar { display: flex; align-items: baseline; padding: 9px 12px; border-top: 1px solid #f1f1f1; }
.mf-price-bar strong { color: #ff6600; font-size: 24px; line-height: 1; }
.mf-price-bar span { margin-left: 4px; color: #999; font-size: 12px; }
.mf-price-bar em { margin-left: auto; color: #77C019; font-size: 12px; font-style: normal; }
.mf-attrs { padding: 2px 12px 10px; }
.mf-attr { display: flex; padding: 6px 0; border-bottom: 1px dashed #f1f1f1; font-size: 13px; }
.mf-attr b { flex: 0 0 76px; color: #999; font-weight: normal; }
.mf-attr span { flex: 1; color: #303030; }
.mf-actions { display: flex; margin: 10px 12px 0; }
.mf-actions a { flex: 1; height: 42px; margin-left: 8px; background: #337200; color: #fff; font-size: 15px; line-height: 42px; text-align: center; }
.mf-actions a:first-child { margin-left: 0; }
.mf-actions a.alt { background: #77C019; }
.mf-actions a.line { background: #fff; border: 1px solid #337200; color: #337200; }
.mf-content { margin-top: 8px; padding: 12px; background: #fff; font-size: 15px; line-height: 1.8; overflow: hidden; }
.mf-content img { max-width: 100%; height: auto; }
.mf-content table { max-width: 100%; }
.mf-head { display: flex; align-items: center; justify-content: space-between; height: 42px; margin-top: 8px; padding: 0 12px; background: #fff; border-bottom: 1px solid #f1f1f1; font-size: 15px; font-weight: bold; }
.mf-head a { font-size: 12px; font-weight: normal; color: #999; }
.mf-contact { padding: 12px; background: #fff; font-size: 13px; line-height: 2; color: #303030; }
.mf-contact a { color: #337200; }
.mf-tel { display: flex; align-items: center; justify-content: space-between; margin-top: 10px; padding: 12px; background: #fff; }
.mf-tel b { font-size: 16px; color: #303030; }
.mf-tel a { padding: 9px 18px; background: #337200; color: #fff; font-size: 14px; }

/* 图片相册 */
.album { padding: 0; background: #fff; text-align: center; }
.album #album { background: #f7f7f7; }
.album #album img { display: block; width: 100%; }
.album span { display: inline-block; width: 8px; height: 8px; margin: 8px 4px; }
.album_o { background: #fff; border: 1px solid #c8c8c8; }
.album_c { background: #337200; border: 1px solid #337200; }

/* ========== 分页 / 空状态 ========== */
.pages { height: 42px; line-height: 42px; margin-top: 10px; background: #fff; color: #666; font-size: 13px; text-align: center; }
.pages a { display: inline-block; padding: 0 8px; color: #337200; }
.list-empty { margin: 10px 12px 0; padding: 46px 20px; background: #fff; color: #999; font-size: 14px; line-height: 2; text-align: center; }
.list-empty a { color: #337200; }

/* ========== 底部 TabBar ========== */
.mf-tabbar { position: fixed; z-index: 20; left: 0; right: 0; bottom: 0; display: flex; height: 52px; background: #fff; border-top: 1px solid #e6e6e6; }
.mf-tabbar a { display: flex; flex: 1; flex-direction: column; align-items: center; justify-content: center; color: #8a8a8a; font-size: 11px; }
.mf-tabbar i { display: block; font-size: 20px; line-height: 1; margin-bottom: 3px; }
.mf-tabbar a.on { color: #337200; }
.mf-tabbar a.mf-tab-pub { color: #337200; }
.mf-tabbar a.mf-tab-pub i {font-size:28px;margin-bottom:18px;padding:12px;background:#337200;border-radius:999px;color:#fff}
.mf-tabbar a.mf-tab-pub span { display: none; }
.mf-tabbar em { display: block; width: 6px; height: 6px; margin: -24px 0 0 12px; background: #ff6600; }
.mf-tabbar-fix { height: 52px; }

/* 评论条 */
.mf-cmt-fix { height: 50px; }
.mf-cmt-bar { position: fixed; z-index: 21; left: 0; right: 0; bottom: 0; display: flex; align-items: center; height: 50px; padding: 0 10px; background: #fff; border-top: 1px solid #e6e6e6; }
.mf-cmt-write { flex: 1; height: 32px; padding: 0 12px; border: 1px solid #e2e2e2; background: #f7f7f7; color: #9a9a9a; font-size: 13px; line-height: 30px; }
.mf-cmt-count { flex: none; margin-left: 10px; padding: 0 12px; height: 32px; background: #337200; color: #fff; font-size: 13px; line-height: 32px; }

/* ========== 详情页底部操作条（旧 foot-bar 兼容改造） ========== */
.foot-bar-fix { height: 50px; clear: both; }
.foot-bar { height: 50px; background: #fff; border-top: 1px solid #e6e6e6; }
.foot-comment { margin: 0; padding: 0 10px; line-height: 50px; font-size: 15px; text-align: right; }
.foot-comment div { position: static; left: auto; right: auto; display: inline-block; width: auto; height: 32px; margin: 9px 0 0; padding: 0 12px; background: #f7f7f7; border: 1px solid #e2e2e2; color: #9a9a9a; font-size: 13px; line-height: 30px; text-align: left; }
.foot-comment a { color: #337200; font-size: 13px; }

/* ========== 弹层 ========== */
.ui-toast { background: rgba(0,0,0,.78); }
.ui-sheet div, .ui-sheet p { border-radius: 0; }
.ui-mask { background: #000; opacity: .5; }

/* ========== 企业主页 ========== */
.mf-shop-hd { display: flex; align-items: center; padding: 14px 12px 34px; background: #337200; }
.mf-shop-hd img { flex: none; width: 54px; height: 54px; margin-right: 12px; border: 2px solid #fff; object-fit: cover; background: #f7f7f7; }
.mf-shop-bd { flex: 1; min-width: 0; }
.mf-shop-bd strong { display: block; font-size: 17px; font-weight: bold; line-height: 1.4; color: #fff; }
.mf-shop-bd span { color: #dbeacb; font-size: 12px; }
.mf-quick { display: flex; margin: -24px 12px 0; padding: 6px 0 2px; background: #fff; }
.mf-quick a { display: flex; flex: 1; flex-direction: column; align-items: center; padding: 8px 0; }
.mf-quick img { width: 38px; height: 38px; }
.mf-quick i { display: block; height: 38px; line-height: 38px; font-size: 26px; color: #337200; text-align: center; }
.mf-quick span { margin-top: 5px; font-size: 12px; color: #444; }

/* ========== 旧头部兼容（未重写的页面仍保持统一观感） ========== */
.head-bar, .head-bar ul { height: 46px; line-height: 46px; background: #fff; border-bottom: 1px solid #e9e9e9; }
.head-bar-fix { height: 46px; background: #fff; }
.head-bar img { width: 22px; height: 22px; padding-top: 12px; }
.head-bar span { color: #337200; font-size: 13px; }
.head-bar-title { left: 76px; right: 76px; font-size: 17px; color: #303030; }

.main { background: #fff; }
.title { padding: 12px; font-size: 17px; line-height: 1.42; font-weight: bold; }
.title strong { font-weight: bold; }
.info { padding: 0 12px 10px; color: #999; font-size: 12px; border-bottom: 1px solid #f1f1f1; }
.content { padding: 12px; font-size: 15px; line-height: 1.8; border-bottom: 1px solid #f1f1f1; }
.head { padding: 0 12px; height: 42px; line-height: 42px; font-size: 15px; }
.contact { padding: 12px; font-size: 13px; line-height: 2; }
.contact a { color: #337200; }

.btn-green, .btn-blue, .btn-orange { border-radius: 0; font-size: 16px; line-height: 40px; }
.btn-green { background: #77C019; }
.btn-blue { background: #337200; }
.btn-orange { background: #ff6600; }

.list-set { margin: 10px 12px 0; border: 0; background: #fff; font-size: 15px; }
.list-set li { background: #fff; }
.list-set div { height: 47px; line-height: 47px; margin-left: 0; padding: 0 34px 0 12px; border-top: 1px solid #f1f1f1; background: none; }
.list-set li:first-child div { border-top: 0; }
.list-set a { display: block; width: 100%; height: 47px; color: #303030; }
.list-set span { font-size: 13px; color: #999; }
.list-set em { background: #ff6600; }
.list-set-img div { padding-left: 42px; }
.list-set-img img { margin: 12px 0 0 -32px; }
.list-set, .list-set li { border: 0; }

.user-info { height: auto; margin: 10px 12px 0; padding: 8px 0; border: 0; background: #fff; }
.user-info img { margin: 8px 14px; }
.user-info a { font-size: 14px; }
.user-info strong { font-size: 17px; font-weight: bold; }

/* ========== 表单 ========== */
.mf-form { margin: 10px 12px 0; padding: 12px; background: #fff; }
.mf-input { display: block; width: 100%; height: 42px; box-sizing: border-box; padding: 0 10px; border: 1px solid #e2e2e2; background: #fff; font-size: 15px; }
.mf-label { display: block; margin: 12px 0 6px; color: #666; font-size: 13px; }
.mf-submit { display: block; width: 100%; height: 44px; margin-top: 16px; border: 0; background: #337200; color: #fff; font-size: 16px; line-height: 44px; text-align: center; }
.mf-select { display: block; width: 100%; height: 42px; padding: 0 8px; border: 1px solid #e2e2e2; background: #fff; font-size: 15px; }

/* ========== 底部信息 ========== */
.mf-foot { padding: 22px 16px 26px; color: #9a9a9a; font-size: 12px; line-height: 2; text-align: center; }
.mf-foot a { color: #7a7a7a; }
.mf-foot nav a { margin: 0 6px; }

/* ========== 小屏微调 ========== */
@media (max-width: 360px) {
	.mf-ent i { width: 34px; height: 34px; line-height: 34px; font-size: 15px; }
	.mf-goods-p { font-size: 16px; }
	.mf-cats i { width: 38px; height: 38px; line-height: 38px; }
}