/* ============================================
   中国苗木网 PC端 - 参照 www.ylmm.com 园林网
   颜色: #1a8a3c 绿 #e84e0f 橙 #0066cc 蓝
   ============================================ */
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:none}
body{background:#f5f5f5;font-family:"Microsoft Yahei",Arial,Helvetica,sans-serif;color:#333;font-size:14px;line-height:1.6}
a{color:#0066cc;text-decoration:none}
a:hover{color:#e84e0f;text-decoration:underline}
ul,li{list-style:none}
img{border:0;vertical-align:middle;max-width:100%}
table{border-collapse:collapse}
.clearfix::after{content:"";display:block;clear:both;height:0;overflow:hidden}

/* ---------- 顶部栏 ---------- */
.top-bar{width:100%;background:#f5f5f5;border-bottom:1px solid #e0e0e0;height:30px;line-height:30px;font-size:12px;color:#666}
.top-bar-inner{width:1200px;margin:0 auto;padding:0 10px;overflow:hidden}
.top-bar .left{float:left}
.top-bar .right{float:right}
.top-bar a{color:#0066cc;margin:0 5px}
.top-bar a:hover{color:#e84e0f}
.top-bar .phone{color:#e84e0f;font-weight:bold}
.top-bar .sep{color:#ccc;margin:0 3px}

/* ---------- Logo + 搜索 ---------- */
.header{width:1200px;margin:0 auto;padding:20px 10px;overflow:hidden;background:#fff}
.header-logo{float:left;width:200px}
.logo-text{font-size:32px;font-weight:bold;color:#1a8a3c;letter-spacing:2px}
.logo-sub{font-size:12px;color:#999;margin-top:2px}
.header-search{float:left;width:600px;margin-left:30px}
.search-form{overflow:hidden}
.search-type{float:left;width:70px;height:36px;line-height:36px;border:2px solid #1a8a3c;border-right:none;background:#fff;text-align:center;font-size:14px;color:#333;cursor:pointer}
.search-input{float:left;width:350px;height:36px;border:2px solid #1a8a3c;padding:0 10px;font-size:14px;outline:none}
.search-input::placeholder{color:#999}
.search-input:focus{border-color:#1a8a3c}
.btn-search{float:left;width:80px;height:36px;background:#1a8a3c;color:#fff;border:none;font-size:14px;cursor:pointer}
.btn-search:hover{background:#0d6b2a}
.btn-search2{float:left;width:80px;height:36px;background:#f5f5f5;color:#333;border:2px solid #1a8a3c;border-left:none;font-size:14px;cursor:pointer}
.hot-keywords{margin-top:8px;font-size:12px;color:#666}
.hot-keywords a{color:#666;margin:0 5px}
.hot-keywords a:hover{color:#e84e0f}
.header-qrcode{float:right;width:150px;text-align:center}
.qr-item{float:left;width:70px;margin-left:10px;text-align:center;font-size:12px;color:#666}
.qr-box{width:60px;height:60px;background:#f5f5f5;border:1px solid #e0e0e0;margin:0 auto 5px;line-height:60px;color:#999;font-size:10px}

/* ---------- 导航栏 ---------- */
.nav-main{width:100%;background:#1a8a3c;height:44px;line-height:44px}
.nav-inner{width:1200px;margin:0 auto;padding:0 10px}
.nav-main a{display:inline-block;padding:0 25px;color:#fff;font-size:16px;text-decoration:none}
.nav-main a:hover,.nav-main a.active{background:#0d6b2a}

/* ---------- 通用内容区 ---------- */
.container{width:1200px;margin:0 auto;padding:20px 10px;overflow:hidden}
.container-white{background:#fff;margin-top:15px;padding:20px}

/* ---------- 首页: 推荐信息 ---------- */
.featured-bar{background:#fff;padding:15px 20px;border-bottom:1px solid #e0e0e0}
.featured-inner{overflow:hidden}
.featured-col{float:left;width:25%;padding:0 10px;border-right:1px solid #e0e0e0;min-height:80px}
.featured-col:last-child{border-right:none}
.featured-item{padding:3px 0;font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.featured-item a{color:#333}
.featured-item a:hover{color:#e84e0f}
.featured-tag{color:#0066cc;margin-right:3px}

/* ---------- 首页: 三栏布局 ---------- */
.home-grid{overflow:hidden;margin-top:15px}
.home-left{float:left;width:200px;background:#fff;padding:15px;border:1px solid #e0e0e0}
.home-left .cat-title{font-size:14px;font-weight:bold;color:#333;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid #1a8a3c}
.home-left .cat-list li{padding:5px 0;font-size:13px;color:#666;border-bottom:1px dashed #f0f0f0}
.home-left .cat-list li a{color:#666}
.home-left .cat-list li a:hover{color:#1a8a3c}
.home-mid{float:left;width:580px;margin-left:15px}
.home-right{float:right;width:370px}

/* 服务卡片 */
.service-grid{overflow:hidden}
.service-card{float:left;width:50%;padding:15px;border:1px solid #e0e0e0;background:#fff;margin-bottom:10px}
.service-card:nth-child(odd){border-right:none}
.service-card:nth-child(1),.service-card:nth-child(2){border-bottom:none}
.service-title{font-size:16px;font-weight:bold;color:#333;margin-bottom:10px;padding-bottom:8px}
.service-title.green{border-bottom:2px solid #1a8a3c}
.service-title.blue{border-bottom:2px solid #0066cc}
.service-title.teal{border-bottom:2px solid #008b8b}
.service-title.orange{border-bottom:2px solid #ff6a00}
.service-item{font-size:13px;color:#666;padding:3px 0}

/* 登录区 */
.login-box{background:#fff;border:1px solid #e0e0e0;padding:20px;margin-bottom:15px}
.login-box h3{font-size:16px;color:#333;margin-bottom:15px}
.login-form .form-row{margin-bottom:10px}
.login-form input{width:100%;height:36px;border:1px solid #e0e0e0;padding:0 10px;font-size:14px}
.login-form input:focus{border-color:#1a8a3c;outline:none}
.btn-login{display:block;width:100%;height:40px;background:#1a8a3c;color:#fff;border:none;font-size:16px;cursor:pointer;margin-top:15px}
.btn-login:hover{background:#0d6b2a}
.login-links{text-align:center;margin-top:10px;font-size:12px}
.login-links a{color:#0066cc;margin:0 8px}

/* 快捷操作 */
.quick-actions{background:#fff;border:1px solid #e0e0e0;padding:15px}
.quick-actions h3{font-size:14px;font-weight:bold;color:#333;margin-bottom:10px}
.quick-btn{display:block;padding:10px;text-align:center;color:#fff;margin-bottom:8px;font-size:14px;text-decoration:none}
.quick-btn.green{background:#1a8a3c}
.quick-btn.orange{background:#ff6a00}
.quick-btn.blue{background:#0066cc}

/* ---------- 报价/求购表格 ---------- */
.quote-section{overflow:hidden;margin-top:15px}
.quote-box{float:left;width:49%;background:#fff;border:1px solid #e0e0e0;padding:15px}
.quote-box:first-child{margin-right:2%}
.quote-title{font-size:16px;font-weight:bold;color:#333;padding-bottom:10px;border-bottom:2px solid #1a8a3c;margin-bottom:10px}
.quote-table{width:100%;font-size:13px}
.quote-table td{padding:6px 0;border-bottom:1px dashed #f0f0f0}
.quote-table td.name{color:#333}
.quote-table td.spec{color:#666}
.quote-table td.price{color:#e84e0f;font-weight:bold}
.quote-table td.loc{color:#666;font-size:12px}

/* ---------- 热门供应 ---------- */
.hot-supply{background:#fff;margin-top:15px;padding:20px;border:1px solid #e0e0e0}
.section-title{font-size:20px;font-weight:bold;color:#333;padding-bottom:15px;border-bottom:2px solid #1a8a3c;margin-bottom:20px}
.product-grid{overflow:hidden}
.product-card{float:left;width:20%;padding:8px}
.product-inner{background:#fff;border:1px solid #e0e0e0;padding:10px;transition:box-shadow .2s}
.product-inner:hover{box-shadow:0 2px 8px rgba(0,0,0,0.1);border-color:#1a8a3c}
.product-img{width:100%;height:150px;background:#f5f5f5;text-align:center;line-height:150px;color:#999;font-size:12px;overflow:hidden}
.product-img img{width:100%;height:150px;object-fit:cover}
.product-name{font-size:14px;color:#333;margin-top:8px;height:40px;overflow:hidden;line-height:1.4}
.product-name a{color:#333;text-decoration:none}
.product-name a:hover{color:#e84e0f}
.product-company{font-size:12px;color:#666;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-badges{margin-top:5px}
.badge{display:inline-block;padding:1px 5px;font-size:11px;margin-right:3px}
.badge-green{background:#1a8a3c;color:#fff}
.badge-yellow{background:#ff9900;color:#fff}
.product-price{margin-top:5px;font-size:13px}
.price-label{color:#666}
.price-value{color:#e84e0f;font-weight:bold;font-size:16px}
.price-neg{color:#999}

/* ---------- 热门品种 ---------- */
.hot-varieties{background:#fff;margin-top:15px;padding:20px;border:1px solid #e0e0e0}
.variety-grid{overflow:hidden}
.variety-col{float:left;width:25%;padding:5px}
.variety-item{font-size:13px;color:#666;padding:3px 0}
.variety-item a{color:#666}
.variety-item a:hover{color:#1a8a3c}
.variety-letter{float:left;width:20px;color:#1a8a3c;font-weight:bold}

/* ---------- 合作网站 ---------- */
.partners{background:#fff;margin-top:15px;padding:20px;border:1px solid #e0e0e0}
.partner-links{font-size:12px;color:#666;line-height:2}
.partner-links a{color:#666;margin:0 5px}
.partner-links a:hover{color:#1a8a3c}

/* ---------- 展会 ---------- */
.expo-section{background:#fff;margin-top:15px;padding:20px;border:1px solid #e0e0e0}
.expo-list{overflow:hidden}
.expo-item{float:left;width:20%;padding:10px;text-align:center}
.expo-img{width:100%;height:100px;background:#f5f5f5;border:1px solid #e0e0e0;line-height:100px;color:#999;font-size:12px;margin-bottom:8px}
.expo-title{font-size:13px;color:#333}
.expo-date{font-size:12px;color:#999;margin-top:3px}

/* ---------- 页脚 ---------- */
.footer{background:#333;color:#ccc;margin-top:20px;padding:30px 0}
.footer-inner{width:1200px;margin:0 auto;padding:0 10px;overflow:hidden}
.footer-col{float:left;width:20%;padding:0 15px}
.footer-col-title{color:#fff;font-weight:bold;font-size:14px;margin-bottom:10px}
.footer-col a{display:block;color:#ccc;font-size:12px;padding:3px 0}
.footer-col a:hover{color:#fff}
.footer-qr{float:left;width:120px;text-align:center;margin-right:20px}
.footer-qr .qr-box{width:80px;height:80px;background:#fff;margin:0 auto 5px;line-height:80px;color:#999;font-size:10px}
.footer-qr p{font-size:12px;color:#ccc}
.footer-bottom{border-top:1px solid #555;margin-top:20px;padding-top:15px;text-align:center;font-size:12px;color:#999}
.footer-bottom a{color:#999;margin:0 8px}
.footer-bottom a:hover{color:#fff}
.footer-copyright{margin-top:10px}

/* ---------- 列表页 ---------- */
.list-page{background:#fff;margin-top:15px;padding:20px;border:1px solid #e0e0e0}
.breadcrumb{font-size:12px;color:#666;margin-bottom:15px}
.breadcrumb a{color:#0066cc}
.filter-bar{padding:15px;background:#fff9f0;border:1px solid #ffe0b0;margin-bottom:20px}
.filter-bar input{height:32px;border:1px solid #e0e0e0;padding:0 10px;font-size:13px}
.btn-filter{height:32px;background:#1a8a3c;color:#fff;border:none;padding:0 20px;cursor:pointer;font-size:13px}
.btn-post{height:32px;background:#e84e0f;color:#fff;border:none;padding:0 20px;cursor:pointer;font-size:13px;float:right}

.list-main{float:left;width:75%;padding-right:20px}
.list-sidebar{float:right;width:25%}

.list-item{padding:15px 0;border-bottom:1px solid #e0e0e0;overflow:hidden}
.list-item:hover{background:#fafafa}
.list-thumb{float:left;width:120px;height:90px;border:1px solid #e0e0e0;margin-right:15px;background:#f5f5f5;text-align:center;line-height:90px;color:#999;font-size:12px;overflow:hidden}
.list-thumb img{width:120px;height:90px;object-fit:cover}
.list-info{float:left;width:calc(100% - 280px)}
.list-title{font-size:16px;font-weight:bold;color:#333;margin-bottom:8px}
.list-title a{color:#333;text-decoration:none}
.list-title a:hover{color:#e84e0f}
.list-desc{font-size:13px;color:#666;line-height:1.6;margin-bottom:8px;height:40px;overflow:hidden}
.list-contact{color:#e84e0f;font-weight:bold;font-size:14px}
.list-meta{float:right;width:130px;text-align:right}
.list-loc{color:#666;font-size:12px;margin-bottom:5px}
.list-date{color:#999;font-size:12px;margin-bottom:5px}
.list-company{color:#0066cc;font-size:12px}

.sidebar-box{background:#fff;border:1px solid #e0e0e0;margin-bottom:15px;padding:15px}
.sidebar-title{font-size:14px;font-weight:bold;color:#333;padding-bottom:8px;border-bottom:2px solid #1a8a3c;margin-bottom:10px}
.sidebar-list li{padding:5px 0;font-size:13px;border-bottom:1px dashed #f0f0f0}
.sidebar-list li a{color:#666}
.sidebar-list li a:hover{color:#1a8a3c}

.pagination{text-align:center;padding:20px 0}
.pagination a,.pagination span{display:inline-block;padding:6px 12px;margin:0 3px;font-size:13px;border:1px solid #e0e0e0;color:#333;background:#fff}
.pagination a:hover{background:#1a8a3c;color:#fff;border-color:#1a8a3c}
.pagination .current{background:#1a8a3c;color:#fff;border-color:#1a8a3c}

/* ---------- 内容页 ---------- */
.detail-page{background:#fff;margin-top:15px;padding:20px;border:1px solid #e0e0e0;overflow:hidden}
.detail-sidebar{float:left;width:25%;padding-right:20px}
.detail-main{float:right;width:75%}

.company-card{background:#fff;border:1px solid #e0e0e0;padding:15px;margin-bottom:15px}
.company-name{font-size:18px;font-weight:bold;color:#333;margin-bottom:10px}
.company-phone{font-size:24px;font-weight:bold;color:#1a8a3c;margin:15px 0;text-align:center}
.company-phone::before{content:"📞 "}
.company-info{font-size:13px;color:#666;line-height:2}
.company-info strong{color:#333}

.contact-box{background:#fff;border:1px solid #e0e0e0;padding:15px;margin-bottom:15px}
.contact-title{font-size:14px;font-weight:bold;color:#333;padding-bottom:8px;border-bottom:2px solid #1a8a3c;margin-bottom:10px}
.contact-item{padding:5px 0;font-size:13px;color:#666}
.contact-item strong{color:#333;display:inline-block;width:70px}

.detail-title{font-size:20px;font-weight:bold;color:#333;margin-bottom:15px}
.detail-price{font-size:24px;font-weight:bold;color:#e84e0f;margin-bottom:15px}
.detail-price-label{font-size:14px;color:#666;margin-right:10px}

.detail-specs{width:100%;margin-bottom:20px;font-size:14px}
.detail-specs td{padding:10px;border-bottom:1px solid #f0f0f0}
.detail-specs td.label{color:#666;width:100px;text-align:right;padding-right:15px}
.detail-specs td.value{color:#333}

.variant-tags{margin-bottom:20px}
.variant-tag{display:inline-block;padding:5px 15px;border:1px solid #e0e0e0;margin:0 5px 5px 0;cursor:pointer;font-size:13px;background:#fff}
.variant-tag:hover,.variant-tag.active{background:#1a8a3c;color:#fff;border-color:#1a8a3c}

.btn-phone{display:block;width:100%;padding:15px;background:#ff6a00;color:#fff;text-align:center;font-size:18px;font-weight:bold;border:none;cursor:pointer;border-radius:5px;margin:20px 0}
.btn-phone:hover{background:#e84e0f}

.detail-tabs{border-bottom:2px solid #e0e0e0;margin-bottom:20px}
.detail-tab{display:inline-block;padding:12px 25px;font-size:14px;color:#666;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-2px}
.detail-tab:hover{color:#1a8a3c}
.detail-tab.active{color:#1a8a3c;border-bottom-color:#1a8a3c;font-weight:bold}

.detail-content{font-size:14px;color:#333;line-height:2}
.detail-content p{margin-bottom:15px}
.detail-content img{max-width:100%;height:auto;display:block;margin:10px auto}

/* ---------- 会员中心 ---------- */
.member-header{background:#1a8a3c;color:#fff;padding:15px 0}
.member-header-inner{width:1200px;margin:0 auto;padding:0 10px;overflow:hidden}
.member-header .logo{float:left;font-size:24px;font-weight:bold}
.member-header .logo a{color:#fff;text-decoration:none}
.member-header .nav{float:right}
.member-header .nav a{color:#fff;margin-left:20px;font-size:14px;text-decoration:none}
.member-header .nav a:hover{text-decoration:underline}

.member-container{width:1200px;margin:20px auto;padding:0 10px;overflow:hidden}
.member-sidebar{float:left;width:220px;background:#fff;border:1px solid #e0e0e0}
.member-avatar{text-align:center;padding:20px;border-bottom:1px solid #e0e0e0}
.member-avatar .avatar{width:80px;height:80px;background:#1a8a3c;border-radius:50%;margin:0 auto 10px;line-height:80px;color:#fff;font-size:32px}
.member-avatar .name{font-size:16px;font-weight:bold}
.member-avatar .level{color:#e84e0f;font-size:12px;margin-top:5px}
.member-menu{padding:10px 0}
.member-menu li a{display:block;padding:12px 20px;color:#333;font-size:14px;border-left:3px solid transparent;text-decoration:none}
.member-menu li a:hover,.member-menu li.active a{background:#f5f5f5;color:#1a8a3c;border-left-color:#1a8a3c}

.member-content{float:right;width:960px}
.member-box{background:#fff;border:1px solid #e0e0e0;padding:20px;margin-bottom:15px}
.member-box-title{font-size:16px;font-weight:bold;color:#333;padding-bottom:10px;border-bottom:2px solid #1a8a3c;margin-bottom:15px}

/* ---------- 表单 ---------- */
.form-table{width:100%}
.form-table td{padding:10px;font-size:14px}
.form-table td.label{width:120px;text-align:right;color:#333;padding-right:15px}
.form-table td.label .required{color:#e84e0f;margin-left:3px}
.form-input{width:300px;height:36px;border:1px solid #e0e0e0;padding:0 10px;font-size:14px}
.form-input:focus{border-color:#1a8a3c;outline:none}
.form-textarea{width:300px;height:100px;border:1px solid #e0e0e0;padding:10px;font-size:14px;resize:vertical}
.form-select{width:300px;height:36px;border:1px solid #e0e0e0;padding:0 10px;font-size:14px}
.btn-submit{height:40px;background:#1a8a3c;color:#fff;border:none;padding:0 30px;font-size:16px;cursor:pointer}
.btn-submit:hover{background:#0d6b2a}

/* ---------- 注册/登录页 ---------- */
.auth-page{width:100%;min-height:600px;background:#f5f5f5;padding:40px 0}
.auth-box{width:450px;margin:0 auto;background:#fff;border:1px solid #e0e0e0;padding:30px}
.auth-title{font-size:20px;font-weight:bold;color:#333;text-align:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #1a8a3c}
.auth-form .form-row{margin-bottom:15px;overflow:hidden}
.auth-form .form-row label{float:left;width:100px;text-align:right;padding-right:15px;height:36px;line-height:36px;font-size:14px;color:#333}
.auth-form .form-row input{float:left;width:280px;height:36px;border:1px solid #e0e0e0;padding:0 10px;font-size:14px}
.auth-form .form-row input:focus{border-color:#1a8a3c;outline:none}
.auth-form .btn-submit{width:100%;margin-top:10px}
.auth-links{text-align:center;margin-top:15px;font-size:13px}
.auth-links a{color:#0066cc}

/* ---------- 右侧浮动栏 ---------- */
.float-bar{position:fixed;right:0;top:200px;z-index:1000;background:#fff;border:1px solid #e0e0e0;border-right:none}
.float-bar a{display:block;width:40px;padding:10px 0;text-align:center;font-size:12px;color:#666;border-bottom:1px solid #e0e0e0;text-decoration:none}
.float-bar a:hover{color:#1a8a3c}
.float-bar a:last-child{border-bottom:none}