/* ========== 顶部工具栏 ========== */
.top-toolbar {
    background: #C81D39;
    height: 52px;
    line-height: 52px;
    font-size: 16px;
    color: #fff;
    min-width: 1200px;
}
.toolbar-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}
.toolbar-left, .toolbar-right {
    display: flex;
    align-items: center;
    gap: 4px;
}
.toolbar-item {
    color: #fff;
    text-decoration: none;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: background 0.2s;
    white-space: nowrap;
}
.toolbar-item:hover {
    background: rgba(255,255,255,0.15);
    color: #fff;
}
.toolbar-phone {
    cursor: default;
}
/* 工具栏图标（使用emoji/SVG替代，轻量方案） */
.tb-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    font-style: normal;
    font-size: 13px;
    text-align: center;
    line-height: 14px;
}
/* 用CSS画简易图标 */
.tb-icon-home::before { content: "⌂"; }
.tb-icon-auction::before { content: "⚖"; }
.tb-icon-trade::before { content: "🤝"; }
.tb-icon-gift::before { content: "🎁"; }
.tb-icon-service::before { content: "💼"; }
.tb-icon-org::before { content: "🏢"; }
.tb-icon-help::before { content: "❓"; }
.tb-icon-shop::before { content: "🏪"; }
.tb-icon-user::before { content: "👤"; }
.tb-icon-kefu::before { content: "💬"; }
.tb-icon-phone::before { content: "📞"; }
:root {
    --base-font-size: 14px;
    --el-color-primary: #C71622;
    --notice-border-color: #e4393c;
    --el-transition-duration: 0.3s;
    --el-transition-function-ease-in-out-bezier:ease-in-out;
  }
#Home {  position: relative; }
.bannerContainer { position: relative; height: 450px; }

/* ========== 顶部公告条 ========== */
.top-notice-bar { background: #f8f8f8; border-bottom: 1px solid #eee; padding: 8px 0; font-size: 12px; color: #666; }
.top-notice-inner { display: flex; justify-content: space-between; align-items: center; }
.top-notice-text { color: #999; }
.top-notice-right a { color: #666; margin-left: 15px; text-decoration: none; }
.top-notice-right a:hover { color: var(--notice-border-color); }

/* ========== 右侧浮动卡片面板 ========== */
.float-card {
    position: absolute;
    right: 210px;
    top: 20px;
    width: 230px;
    background: #fff;
    border: 2px solid var(--notice-border-color);
    border-radius: 12px;
    padding: 18px 16px;
    z-index: 100;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
    box-sizing: border-box;
}
.fc-avatar { text-align: center; margin-bottom: 6px; }
.fc-avatar img { width: 54px; height: 54px; border-radius: 50%; object-fit: cover; border: 2px solid #f0eeea; }
.fc-user { text-align: center; font-size: 14px; color: #333; margin-bottom: 12px; }
.fc-btns { display: flex; gap: 8px; margin-bottom: 14px; justify-content: center; }
.fc-btn { flex: 1; display: block; padding: 7px 0; font-size: 13px; border-radius: 18px; text-align: center; text-decoration: none; transition: all 0.2s; }
.fc-btn-outline { color: var(--notice-border-color); background: #fff; border: 1px solid var(--notice-border-color); }
.fc-btn-outline:hover { background: var(--notice-border-color); color: #fff; }
.fc-btn-primary { color: #fff; background: var(--notice-border-color); border: 1px solid var(--notice-border-color); }
.fc-btn-primary:hover { background: #c72e31; }
.fc-help { border-top: 1px solid #f0eeea; padding-top: 12px; margin-bottom: 12px; }
.fc-help-hd { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.fc-help-hd span { font-size: 14px; font-weight: 700; color: #333; }
.fc-help-hd a { font-size: 12px; color: #999; text-decoration: none; }
.fc-help-hd a:hover { color: var(--notice-border-color); }
.fc-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.fc-tag { display: inline-block; padding: 3px 9px; font-size: 12px; color: #666; background: #f7f7f7; border-radius: 10px; text-decoration: none; transition: all 0.2s; }
.fc-tag:hover { background: var(--notice-border-color); color: #fff; }
.fc-partner { border-top: 1px solid #f0eeea; padding-top: 12px; }
.fc-partner-btn { display: block; width: 100%; padding: 9px 0; text-align: center; font-size: 13px; color: #555; background: #f7f7f7; border-radius: 18px; text-decoration: none; transition: all 0.2s; }
.fc-partner-btn:hover { background: var(--notice-border-color); color: #fff; }

/* ========== 公告弹窗 ========== */
.notice-modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 9999; display: flex; align-items: center; justify-content: center; }
.notice-modal-box { background: #fff; width: 600px; max-width: 90%; max-height: 80vh; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 24px rgba(0,0,0,0.2); }
.notice-modal-header { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid #eee; }
.notice-modal-header h3 { margin: 0; font-size: 17px; font-weight: 700; color: #333; }
.notice-modal-close { font-size: 26px; color: #999; cursor: pointer; line-height: 1; transition: color 0.2s; }
.notice-modal-close:hover { color: var(--notice-border-color); }
.notice-modal-body { padding: 20px; max-height: calc(80vh - 60px); overflow-y: auto; font-size: 14px; line-height: 1.8; color: #555; }
.notice-modal-body h4 { margin-top: 0; color: var(--notice-border-color); }
.notice-modal-body p { margin: 8px 0; }
.notice-modal-body ul, .notice-modal-body ol { padding-left: 20px; }

/* Banner区域（原始样式保持不变） */
.bannerBox{width: 100%; height: 450px; overflow: hidden;}
.bannerBox img{width: 100%; height: 450px; object-fit: cover; max-width: 1920px; display: block; margin: auto;} 
.slideshow-item{width: 100vw !important;}
.bannerBox .tempWrap{width: 100%;}
#Home .minCon{position: absolute; top: 0; height: 450px; left: 0; right: 0; margin: auto ; pointer-events: none;}
#Home .categorys { position: absolute; left: 0; top: 0; width: 242px; height: 450px; pointer-events: all;}
#Home .categorys-main { margin: 0; position: absolute; left: 0; top: 0; z-index: 12; width: 242px; height: 420px; background: #E2231A; padding: 15px 0; box-shadow: 0 -1px 7px 0 rgb(0 0 0 / 30%); }
#Home .categorys-main .item { display: flex; position: relative; padding: 0 8px 0 12px; line-height: 40px; margin: 4px 0; cursor: pointer; }
#Home .categorys-main .item:hover {background: #A52B34;} 
#Home .categorys-main .item .item-cont { position: relative; margin-right: 12px; width: 80%; height: 40px; overflow: hidden; }
#Home .categorys-main .item .el-icon { height: 40px; color: #fff; }
.el-icon { --color: inherit; height: 1em; width: 1em; line-height: 1em; display: inline-flex; justify-content: center; align-items: center; position: relative; fill: currentColor; color: var(--color); font-size: inherit; }
.categorys-main .item .item-cont .t-icon { position: absolute; left: 0; top: 50%; margin-top: -9px; display: inline-block; width: 18px; height: 18px; font-size: 0; background: url(../images/i1.png) no-repeat 0 0;  display: none;}
#Home .categorys-main .item .item-title { padding-left: 18px; height: 20px; font-weight: 400; font-size: 14px; color: #fff; display: block; }
#Home .cate-children { margin: 0; padding: 0; display: block; position: absolute; left: 242px; top: 0; z-index: 5; width: 242px; height: 450px; background: #fff; box-shadow: 0 -1px 7px 0 rgb(0 0 0 / 15%); overflow: hidden; }
#Home .cate-children .cd-list { display: block; height: 430px; margin-top: 20px; }
.cate-children .cd-text { padding: 0 9px; height: 218px; line-height: 32px; overflow: hidden; }
.cate-children .cd-text a { display: inline-block; width: 72px; margin: 0 19px; height: 32px; color: #A89494; overflow: hidden; }
#Home .cate-tab { margin-top: 30px; }
.el-tabs__header { padding: 0; position: relative; margin: 0 0 15px; }
.el-tabs__nav-wrap { overflow: hidden; margin-bottom: -1px; position: relative; }
.el-tabs__nav-scroll { overflow: hidden; }
.el-tabs__nav { white-space: nowrap; position: relative; transition: transform var(--el-transition-duration); float: left; z-index: calc(var(--el-index-normal) + 1); }
.el-tabs__active-bar { position: absolute; bottom: 0; left: 0; height: 2px; background-color: var(--el-color-primary); z-index: 1; transition: width var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier),transform var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier); list-style: none; }
.el-tabs__item { padding: 0 20px; height: 40px; box-sizing: border-box; line-height: 40px; display: inline-block; list-style: none; font-size: 14px; font-weight: 500; color: var(--el-text-color-primary); position: relative; cursor: pointer;}
.el-tabs__item.is-active{color: var(--el-color-primary);}
.el-tabs__item.is-top:nth-child(2){ padding-left: 0; }
#Home .cate-tab .el-tabs__item{ width: 120px; text-align: center; }
.el-tabs__nav-wrap { overflow: hidden; margin-bottom: -1px; position: relative; }
.el-tab-pane .item { display: inline-block; margin-top: 20px; margin-right: 14px; }
.el-tab-pane .item .J-card .J-card_header { position: relative; }
.el-tab-pane .item .J-card .J-card_header .J-card_img { width: 286px; height: 286px; }
.el-tab-pane .item .J-card .J-card_header 
/* ========== 拍卖状态角标（商品图片右下角） ========== */
.J-card_header { position: relative; }
.auction-status-tag {
    position: absolute;
    right: 6px;
    bottom: 30px;
    display: inline-block;
    padding: 3px 12px;
    font-size: 13px;
    line-height: 1.4;
    color: #fff;
    border-radius: 14px;
    font-weight: 500;
    z-index: 2;
    white-space: nowrap;
}
.auction-status-tag.status-upcoming {
    background: linear-gradient(135deg, #36D1DC, #3AB0C5);
}
.auction-status-tag.status-ongoing {
    background: linear-gradient(135deg, #FF6B81, #FF4757);
}.J-card_timer { position: absolute; left: 0; right: 0; bottom: 0; text-align: center; height: 26px; line-height: 26px; font-size: 12px; color: #333; background-color: rgba(255,255,255,.8); }
.el-tab-pane .item .J-card_title { padding: 10px 20px; }
.el-tab-pane .item .J-card_title h3 { height: 40px; font-size: 12px; line-height: 20px; font-weight: 400; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; }
.el-tab-pane .item .J-card_title h3 .self-tag { display: inline-block; background: #e4393c; color: #fff; font-size: 11px; line-height: 16px; padding: 0 4px; border-radius: 2px; margin-right: 5px; vertical-align: middle; font-weight: normal; }
.el-tab-pane .item .J-card_title h3 .sifa-tag { display: inline-block; background: #e4393c; color: #fff; font-size: 11px; line-height: 16px; padding: 0 4px; border-radius: 2px; margin-right: 5px; vertical-align: middle; font-weight: normal; }
.el-tab-pane .item .J-card_footer { clear: both; overflow: hidden; padding: 0 0 8px 20px; }
.el-tab-pane .item .J-card_footer .J-card_unit { float: left; line-height: 25px; font-size: 14px; color: #d23030; margin-top: 3px; }
.el-tab-pane .item .J-card_footer .J-card_price { float: left; padding-left: 5px; font-size: 22px; font-family: JDZhengHei-01-Bold; line-height: 25px; color: #d23030; }
.el-tab-pane .item .J-card_footer .J-card_number { position: relative; float: right; height: 25px; padding: 0 20px; margin-right: 20px; font-size: 16px; line-height: 25px; color: #fff; background-color: #d23030; border-right-color: #d23030; }
.el-tab-pane .item .J-card { position: relative; display: block; box-sizing: border-box; width: 286px; background: #fff; box-shadow: 0 4px 8px 0 rgb(0 0 0 / 8%); cursor: pointer; }
.bannerBox{position:relative;}
.noData-text{font-size: 12px; color: #999; text-align: center; padding: 20px 0; }
.hd{text-align:center;position:absolute;height:14px;line-height:14px;bottom:20px;left:0;right:0;}
.hd ul{height: 14px;background: rgba(0,0,0,.302);border-radius: 8px;position:relative;display:inline;}
.hd ul li{display:inline-block;width: 10px;height: 10px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;margin: 0 5px;cursor: pointer;background:#fff;}
.hd ul li.on{background:#FF653B;}

/* ========== 右下角悬浮固定组件 ========== */
.paimai-float-bar {
    position: fixed;
    right: 10px;
    top: 40%;
    bottom: auto;
    z-index: 9999;
    width: 90px;
    font-family: -apple-system, BlinkMacSystemFont, "Microsoft YaHei", sans-serif;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
}
.float-nav { background: #fff; }
.float-nav-title {
    background: #C81D39;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0;
    line-height: 1.4;
}
.float-nav-list { list-style: none; margin: 0; padding: 0; }
.float-nav-list li {
    text-align: center;
    font-size: 13px;
    color: #666;
    padding: 9px 0;
    cursor: pointer;
    border-bottom: 1px solid #f2f2f2;
    transition: background-color .2s, color .2s;
}
.float-nav-list li:hover { background: #fef0f0; color: #E91E63; }
.float-nav-list li.back-top { border-bottom: none; font-size: 12px; }
.float-qr { margin-top: 4px; border-radius: 6px 6px 0 0; overflow: hidden; }
.float-qr-title {
    background: #C81D39;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0;
    line-height: 1.4;
}
.float-qr-box { background: #fff; text-align: center; padding: 8px 5px; }
.float-qr-box img { width: 74px; height: 74px; display: block; margin: 0 auto; }
.float-qr-btn {
    background: #C81D39;
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 0;
    cursor: pointer;
    transition: opacity .2s;
}
.float-qr-btn:hover { opacity: 0.85; }

/* ========== 申请合作弹窗（备用） ========== */
.apply-modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 1000; }
.apply-modal-box { background: #fff; width: 480px; max-width: 90%; border-radius: 8px; box-shadow: 0 4px 20px rgba(0,0,0,.2); overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.apply-modal-header { padding: 16px 20px; border-bottom: 1px solid #eee; display: flex; align-items: center; justify-content: space-between; }
.apply-modal-header h3 { margin: 0; font-size: 18px; color: #333; font-weight: 600; }
.apply-modal-close { font-size: 24px; color: #999; cursor: pointer; line-height: 1; }
.apply-modal-close:hover { color: #333; }
.apply-modal-body { padding: 20px; }
.apply-store-info { background: #fef8f8; border: 1px solid #fdd; border-radius: 6px; padding: 12px 16px; margin-bottom: 18px; }
.apply-store-info p { margin: 6px 0; font-size: 14px; color: #666; }
.apply-store-info strong { color: #C81D39; }
.apply-form-item { margin-bottom: 14px; }
.apply-form-item label { display: block; font-size: 14px; color: #333; margin-bottom: 6px; font-weight: 500; }
.apply-form-item input,
.apply-form-item textarea { width: 100%; border: 1px solid #ddd; border-radius: 4px; padding: 8px 12px; font-size: 14px; box-sizing: border-box; outline: none; transition: border-color .2s; }
.apply-form-item input:focus,
.apply-form-item textarea:focus { border-color: #C81D39; }
.apply-form-item textarea { resize: vertical; min-height: 70px; }
.apply-submit-btn { width: 100%; background: #C81D39; color: #fff; border: none; border-radius: 4px; padding: 10px; font-size: 15px; cursor: pointer; transition: opacity .2s; }
.apply-submit-btn:hover:not(:disabled) { opacity: .85; }
.apply-submit-btn:disabled { background: #ccc; cursor: not-allowed; }