/* ========== 绿色主题覆盖样式 ========== */
/* 主色：#558b2f 深绿 / #689f38 中绿 / #86bd68 浅绿 / #9ccc65 / #2f5d12 暗绿 / #457d13 / #53a128 */

/* --- 基础 --- */
body.body_index { background:#f5f8f3; font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif; }
.body_index a { color:#555; }
.body_index a:hover { color:#558b2f !important; }

/* --- 顶部栏 --- */
#top_main { background:linear-gradient(180deg,#3a5a22,#2f5d12) !important; height:40px !important; line-height:40px !important; box-shadow:0 2px 8px rgba(47,93,18,.15); }
#top { height:40px !important; line-height:40px !important; }
#top a { color:#c8e0b0 !important; font-size:13px; }
#top a:hover { color:#fff !important; }
.bartop .barleft ul a { color:#c8e0b0; }
.bartop .barleft ul.barpost a { color:#ffd24d !important; }
.bartop .barleft ul a[style*="orange"] { color:#ffd24d !important; }
#iflogin a { color:#ffd24d !important; }

/* --- Logo 区 --- */
#logo_main { background:#fff;}
#logo { padding:14px 0 !important; }
#logo .WebLogo { float:left; height:60px; padding:10px 0; width:auto; margin-right:60px; }
#logo .WebLogo img { height:60px; }
#logo #logo_1 { float:left; width:520px; margin-top:18px; }

/* --- 搜索框 --- */
.biao_dan { display:flex; border:2px solid #689f38; border-radius:24px; overflow:hidden; background:#fff; box-shadow:0 4px 14px rgba(104,159,56,.12); }
.search1 { flex:1; height:42px; border:none; padding:0 18px; font-size:14px; outline:none; background:transparent; }
.button1 { width:100px; height:42px; border:none; background:linear-gradient(135deg,#86bd68,#558b2f); color:#fff; font-size:15px; cursor:pointer; letter-spacing:2px; }
.button1:hover { filter:brightness(1.08); }
.hotsearch { margin-top:8px; font-size:12px; color:#8aa07a; }
.hotsearch a { margin:0 8px; color:#888; }
.hotsearch a:hover { color:#558b2f; }

/* --- 导航栏 --- */
#navigation_main { background:linear-gradient(90deg,#558b2f 0%,#689f38 50%,#86bd68 100%) !important; height:46px !important; box-shadow:0 3px 12px rgba(47,93,18,.18); }
#navigation { height:46px !important; line-height:46px !important; display: flex; justify-content: space-between; align-items: center; }
#navigation ul.navigationlist li { line-height:46px; }
#navigation ul.navigationlist li.first { background:#2f5d12 !important; width:220px; margin:0 16px 0 0; border-radius:0; }
#navigation ul.navigationlist li.first a { color:#fff; line-height:46px; }
#navigation ul.navigationlist li a { color:#fff !important; font-size:16px; padding:0 20px; transition:background .2s; }
#navigation ul.navigationlist li a:hover { background:rgba(255,255,255,.22) !important; color:#fff !important; }
#navigation ul.navigationlist .current { background:rgba(255,255,255,.92) !important; color:#457d13 !important; font-weight:bold; }
#navigation ul.navigationlist .current a { color:#457d13 !important; }

/* --- Banner --- */
#banner_main { height:auto !important; }
#banner_2 .bannerlist li { background-size:cover; background-position:center; }
#banner_main .hd ul li { background:rgba(255,255,255,.5) !important; border-radius:0; }
#banner_main .hd ul li.on { background:#689f38 !important; }

/* --- 0楼 信息推荐 --- */
#floor_0 { width:1210px; margin:0 auto 24px; background:#fff; border-radius:14px; box-shadow:0 4px 24px rgba(47,93,18,.08); overflow:hidden; }
#floor_0_1 { height:50px; background:linear-gradient(180deg,#f5fbf0,#fff); border-bottom:2px solid #689f38; }
#floor_0_1 ul.textlist3 { background:none; }
#floor_0_1 ul.textlist3 li { color:#2f5d12; font-size:17px; font-weight:bold; line-height:50px; padding:0 24px; }
#floor_0_1 ul.textlist3 li i { background:#689f38 !important; }
#floor_0_1 ul.textlist3 li:hover, #floor_0_1 ul.textlist3 li.on { background:#689f38 !important; color:#fff !important; border-top-color:#689f38; border-bottom:none; }
#floor_0_1 ul.textlist3 li.on i { border-top-color:#689f38 !important; }
#floor_0_2 { position:relative; padding:22px 60px; }

/* 滚动容器 */
.rec-scroller { overflow:hidden; }
.rec-track { display:flex; list-style:none; margin:0; padding:0; gap:16px; overflow:hidden; }

/* 推荐卡片 */
.rec-item { flex:0 0 202px; background:#fff; border:1px solid #eaf2e2; border-radius:12px; overflow:hidden; transition:transform .3s,box-shadow .3s,border-color .3s; }
.rec-item:hover { transform:translateY(-4px); box-shadow:0 10px 28px rgba(47,93,18,.14); border-color:#86bd68; }
.rec-item .rec-img { display:block; width:202px; height:160px; overflow:hidden; }
.rec-item .rec-img img { width:202px; height:160px; object-fit:cover; transition:transform .5s; }
.rec-item:hover .rec-img img { transform:scale(1.08); }
.rec-body { padding:12px 14px 14px; }
.rec-title { display:-webkit-box; font-size:14px; font-weight:bold; color:#333 !important; line-height:20px; height:40px; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin:0 0 8px; transition:color .2s; }
.rec-title:hover { color:#558b2f !important; }
.rec-desc { font-size:12px; color:#999; line-height:18px; height:36px; overflow:hidden; margin:0 0 10px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.rec-date { display:inline-block; font-size:11px; color:#86bd68; background:#f5fbf0; padding:2px 8px; border-radius:4px; }

/* 翻页按钮 */
.rec-nav { position:absolute; top:50%; transform:translateY(-50%); width:36px; height:48px; border:1px solid #dce8d0; border-radius:8px; background:rgba(255,255,255,.9); color:#558b2f; font-size:24px; line-height:46px; text-align:center; cursor:pointer; z-index:5; transition:all .25s; }
.rec-nav:hover { background:#558b2f; color:#fff; border-color:#558b2f; box-shadow:0 4px 14px rgba(85,139,47,.3); }
.rec-prev { left:14px; }
.rec-next { right:14px; }

/* --- 楼层标题 --- */
.floor_main { margin-bottom:16px; }
.floor { width:1210px; margin:0 auto; background:#fff; border-radius:12px; box-shadow:0 4px 20px rgba(47,93,18,.07); overflow:hidden; }
.floor_title { height:46px !important; border-bottom:3px solid #689f38 !important; display:flex; align-items:center; }
.floor_title h2 { background:linear-gradient(135deg,#689f38,#558b2f) !important; width:auto !important; padding:0 24px; height:46px; line-height:46px; border-radius:0; font-size:16px; }
.floor_title h2 a { color:#fff !important; }
.floor_title .more { margin:0 16px 0 auto !important; color:#888; }
.floor_title .more:hover { color:#558b2f !important; }
.floor_body { padding:20px 16px !important; }

/* --- 商品卡片 gridlist4 --- */
.gridlist4 li { width:282px !important; margin-right:16px !important; margin-bottom:18px; border-radius:10px; box-shadow:0 2px 12px rgba(47,93,18,.06) !important; overflow:hidden; transition:transform .3s,box-shadow .3s; }
.gridlist4 li:hover { transform:translateY(-4px); box-shadow:0 10px 28px rgba(47,93,18,.14) !important; }
.gridlist4 li .InfoPicture { width:100% !important; height:240px !important; overflow:hidden; }
.gridlist4 li .InfoPicture img { width:100%; height:100%; object-fit:cover; transition:transform .5s; }
.gridlist4 li:hover .InfoPicture img { transform:scale(1.06); }
.gridlist4 li .InfoContent { background:rgba(245,251,240,.94) !important; }
.gridlist4 li .Info_wrap { background:#f9fcf6 !important; padding:14px 20px !important; }
.gridlist4 li .Info_wrap .InfoTitle { color:#333 !important; font-weight:bold; }
.gridlist4 li .Info_wrap .InfoTitle:hover { color:#558b2f !important; }
.gridlist4 li .Info_wrap .InfoPrice .fense { color:#e08020 !important; }
.gridlist4 li .Info_wrap .InfoPrice .combg { color:#888 !important; }

/* --- 1楼 资讯+常见问题 --- */
#floor_1_main { margin:20px 0; }
#floor_1 { width:1210px; margin:0 auto; display:flex; gap:20px; }
#floor_1_1 { width:auto; flex:1; height:auto; border:1px solid #eaf2e2; border-radius:12px; overflow:hidden; background:#fff; float:none; }
#floor_1_1_1 { border-bottom:2px solid #689f38 !important; height:46px; background:#f9fcf6; }
#floor_1_1_1 span { font-size:16px; font-weight:bold; color:#2f5d12; line-height:46px; margin:0 0 0 16px; }
#floor_1_1_1 a.more { color:#888; margin:0 16px 0 auto; line-height:46px; }
#floor_1_1_2 { padding:14px 20px; }
#floor_1_1_2 img { border-radius:8px; }
#floor_1_1_2_1 { padding:0; }
.textlist5 li { line-height:30px; border-bottom:1px dashed #e8f0e0; }
.textlist5 li a { color:#555; font-size:14px; }
.textlist5 li a:hover { color:#558b2f !important; }
#floor_1_2 { width:400px; flex:0 0 400px; border:1px solid #eaf2e2; border-radius:12px; overflow:hidden; background:#fff; float:none; }
#floor_1_2_1 { border-bottom:2px solid #689f38 !important; height:46px; background:#f9fcf6; display:flex; align-items:center; }
#floor_1_2_1 span { font-size:16px; font-weight:bold; color:#2f5d12; margin:0 0 0 16px; }
#floor_1_2_1 .more { margin:0 16px 0 auto; color:#888; }
#floor_1_2_1 .more:hover { color:#558b2f !important; }
#floor_1_2_2 { padding:14px 20px; }
.textlist6 li { line-height:30px; border-bottom:1px dashed #e8f0e0; }
.textlist6 li a { color:#555; font-size:14px; }
.textlist6 li a:hover { color:#558b2f !important; }

/* --- 底部 --- */
#copyright_main { background:linear-gradient(180deg,#2f5d12,#1a3a0a) !important; color:#aac8b0 !important; padding:28px 0 24px !important; }
#copyright a { color:#aac8b0 !important; }
#copyright a:hover { color:#86bd68 !important; }
#copyright .bottom_navigation { padding:6px 0; }
#copyright .bottom_navigation ul li a { font-size:13px; }
#copyright .bottom_info { padding-top:10px; color:#8aaa70; }
#copyright .bottom_info p a { color:#8aaa70 !important; }

/* --- 右侧悬浮 --- */
.right_quick_nav ul li>a { border:1px solid #e0ecd6 !important; border-radius:10px; }
.right_quick_nav ul li:hover a { background:#f5fbf0 !important; }
.right_quick_nav ul li span { border-color:#86bd68 !important; background:#558b2f !important; color:#fff !important; }
.right_quick_nav ul li span:before { border-left-color:#558b2f !important; }

/* --- 清除浮动修复 --- */
.clear { clear:both; }

/* --- 弹框（messagebox） --- */
#MessageBox, #messageBox, .messagebox, #msgBox, #overlay-messagebox {
	border-radius: 14px !important;
	box-shadow: 0 20px 60px rgba(0,0,0,.18) !important;
	overflow: hidden !important;
}
#MessageBox .title, #messageBox .title, .messagebox .title {
	background: linear-gradient(135deg, #689f38, #558b2f) !important;
	color: #fff !important;
	height: 44px !important;
	line-height: 44px !important;
	font-size: 16px !important;
	font-weight: bold !important;
	padding: 0 20px !important;
	border-radius: 14px 14px 0 0 !important;
}
#MessageBox .close, #messageBox .close, .messagebox .close {
	color: rgba(255,255,255,.8) !important;
	font-size: 22px !important;
	line-height: 44px !important;
	right: 16px !important;
	top: 0 !important;
}
#MessageBox .close:hover, #messageBox .close:hover, .messagebox .close:hover {
	color: #fff !important;
}
#MessageBox .content, #messageBox .content, .messagebox .content {
	background: #fff !important;
}
#overlay_background, #overlay {
	background: rgba(0,0,0,.35) !important;
	opacity: 1 !important;
}