/* ============================================================
   hy-sp01 sell 页面美化（仅 sell.htm 引用，不影响其他页面）
   设计令牌：品牌蓝 #01358B / 价格红 #FF4D4F / 圆角12px / 柔阴影
   ============================================================ */

/* ---------- 面包屑 ---------- */
.nav {padding:13px 22px;height:auto;line-height:24px;background:#fff;border-radius:12px;box-shadow:0 1px 8px rgba(0,0,0,.05);font-size:13px;margin-bottom:14px;}
.nav div {float:right;}
.nav i {font-style:normal;color:#bbb;padding:0 4px;font-family:simsun;}
.nav em {font-style:normal;color:#999;padding:0 10px;font-size:12px;}
.nav a{color:#666;}
.nav a:hover{color:#01358B;}
input.copyurl{background:url(ico-share.png) no-repeat;padding-left:27px;border:none;display:block;margin-top:0;cursor:pointer;}
input.copyurl:hover{text-decoration:underline;}

/* ---------- 通用标题/内容盒子（覆写全局 style.css 的硬阴影直角） ---------- */
.main_head{background:#fff;border-radius:12px;box-shadow:0 1px 8px rgba(0,0,0,.05) !important;padding:0 22px !important;}
.main_head strong{border-left-color:#01358B !important;color:#000311;}
.main_head span a{color:#01358B;}
.main_body{background:#fff;border-radius:12px;box-shadow:0 1px 8px rgba(0,0,0,.05) !important;padding:18px 22px 22px !important;}

/* ============================================================
   一、产品列表页
   ============================================================ */

/* 分类筛选条 */
.selectList{background:#fff;border:1px solid #fff;border-radius:12px;margin-bottom:14px !important;box-shadow:0 1px 8px rgba(0,0,0,.05) !important;overflow:hidden;}
.selectList dl{position:relative;padding:16px 90px 16px 110px;line-height:32px;border-bottom:1px solid #f2f3f5;}
.selectList dl:last-child{border-bottom:none;}
.selectList dl dt{position:absolute;width:auto !important;left:22px;top:16px;text-align:left;margin:0;font-size:14px;font-weight:700;color:#000311;}
.selectList dl dd{height:auto !important;max-height:96px;overflow:hidden;}
.selectList dl dd a{color:#555 !important;line-height:30px;margin:0 8px 8px 0 !important;display:inline-block;font-size:13px;padding:2px 14px;border-radius:15px;background:#F5F6FA;transition:all .2s;}
.selectList dl dd a:hover{text-decoration:none !important;background:#eaf0fb;color:#01358B !important;}
.selectList dl dd a.on,.selectList dl dd strong a{background:#01358B;color:#fff !important;}
.selectList dl dd.showMore{position:absolute;top:14px;right:22px;cursor:pointer;}
.selectList dl dd.showMore h3{line-height:normal;padding:5px 12px;background:#F5F6FA;border:1px solid #e5e7eb;font-size:12px;text-align:center;font-weight:normal;border-radius:15px;color:#666;transition:all .2s;}
.selectList dl dd.showMore h3 i{background:none;float:none;display:inline-block;font-size:12px;}
.selectList dl dd.showMore h3:hover{color:#01358B;border-color:#01358B;background:#eaf0fb;}

/* 列表页标题与卡片粘连为一个整体卡片 */
.sell-list-card .main_head{border-radius:12px 12px 0 0;}
.sell-list-card .main_body_sell{border-radius:0 0 12px 12px;margin-bottom:0;padding:18px 22px 10px !important;}
.sell-list-card .main_body_sell > .main_body{background:transparent !important;box-shadow:none !important;border-radius:0;padding:0 !important;}

/* 橱窗网格：现代商品卡片（覆写老 cdx-list-jia 箭头灰块样式） */
.main_body_sell ul.cdx-list-jia{display:flex;flex-wrap:wrap;margin:0 -7px;width:auto !important;}
.main_body_sell ul.cdx-list-jia li{float:none !important;width:calc(20% - 14px) !important;padding:0 !important;margin:0 7px 16px !important;background:transparent !important;}
.main_body_sell ul.cdx-list-jia li a{display:block;background:#fff;border:1px solid #f0f1f3;border-radius:10px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;}
.main_body_sell ul.cdx-list-jia li a:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(1,53,139,.12);border-color:#dce6f7;}
.main_body_sell ul.cdx-list-jia li .pic{height:auto !important;width:100%;aspect-ratio:1 / 1;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:10px;box-sizing:border-box;}
.main_body_sell ul.cdx-list-jia li .pic img{width:100%;height:100%;object-fit:contain;transition:transform .3s;}
.main_body_sell ul.cdx-list-jia li a:hover .pic img{transform:scale(1.05);}
.main_body_sell ul.cdx-list-jia li .text1{height:auto !important;padding:10px 12px 12px !important;background:#fff !important;}
.main_body_sell ul.cdx-list-jia li .text1 p{margin:0;}
.main_body_sell ul.cdx-list-jia li .text0{font-size:14px !important;color:#222 !important;line-height:20px !important;height:40px !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;background:none !important;padding:0 !important;}
.main_body_sell ul.cdx-list-jia li .price{color:#FF4D4F !important;font-size:16px !important;font-weight:700;margin-top:8px !important;line-height:22px;white-space:nowrap;}
.main_body_sell ul.cdx-list-jia li .price i{font-size:12px;font-style:normal;margin-right:1px;}
.main_body_sell ul.cdx-list-jia li .price b{font-size:16px;font-weight:700;}

/* 目录浏览表格 */
.main_body_sell table{border-collapse:collapse;border-spacing:0;border:1px solid #eef0f3;border-radius:10px;overflow:hidden;}
.main_body_sell table tr:first-child th{background:#eef3fb !important;color:#000311;font-weight:600;padding:12px 10px;}
.main_body_sell table th,.main_body_sell table td{border-bottom:1px solid #f2f3f5;}
.main_body_sell table tr:last-child td{border-bottom:none;}
.main_body_sell table tr:nth-child(even) td{background:#fafbfc !important;}
.main_body_sell table tr td{transition:background .15s;}
.main_body_sell table tr:hover td{background:#f4f8ff !important;}
.main_body_sell table td a{color:#222;}
.main_body_sell table td a:hover{color:#01358B;}
.main_body_sell table img{border-radius:8px !important;border:1px solid #eef0f3 !important;}

/* 分页 */
.main_body_sell .pages{padding:14px 0 6px;text-align:center;}
.main_body_sell .pages a,.main_body_sell .pages strong,.main_body_sell .pages span{display:inline-block;min-width:34px;height:34px;line-height:32px;padding:0 12px;margin:0 4px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;font-size:13px;color:#555;box-sizing:border-box;vertical-align:middle;}
.main_body_sell .pages a:hover{border-color:#01358B;color:#01358B;text-decoration:none;}
.main_body_sell .pages strong{background:#01358B;border-color:#01358B;color:#fff;}
.main_body_sell .pages span{border:none;background:none;}
.main_body_sell .pages .pages_inp{height:34px;line-height:32px;border-radius:8px;border:1px solid #e5e7eb;text-align:center;width:42px;vertical-align:middle;padding:0;}
.main_body_sell .pages .pages_btn{height:34px;line-height:32px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;padding:0 12px;margin:0 4px;vertical-align:middle;}
.main_body_sell .pages .pages_btn:hover{border-color:#01358B;color:#01358B;}
.main_body_sell .pages label{border:1px solid #e5e7eb;border-radius:8px;background:#fff;padding:0 10px;height:34px;line-height:32px;display:inline-block;vertical-align:middle;}
.main_body_sell .pages label em{color:#FF4D4F;font-style:normal;}

/* ============================================================
   二、商品详情页
   ============================================================ */
.first-screen{background:#fff;border-radius:12px;box-shadow:0 1px 8px rgba(0,0,0,.05) !important;padding:24px !important;}
.salebox_l{width:400px;float:left;padding:0 28px 20px 0;}

/* 主图区（保留放大镜交互，仅柔化边框） */
#mid_div{border-color:#eef0f3 !important;border-radius:10px;overflow:hidden;background:#fafbfc;}

/* 商品信息 */
.proInfo{width:495px;float:left;border-right:1px solid #f2f3f3;font-size:14px;}
.proInfo h1{font-size:22px;line-height:32px;color:#000311;margin-bottom:16px;max-height:64px;font-weight:700;}
.proInfo p{font-size:14px;line-height:40px;color:#4c4c4c;height:40px;}
.proInfo i{color:#888;margin-right:18px;float:left;text-align:justify;font-style:normal;}

/* 价格区：去掉老 sprite 背景图，改为浅色圆角条 */
.proInfo .proPrice{background:none !important;background-color:#fff6f7 !important;border-radius:10px;width:auto !important;height:auto !important;line-height:1.6;padding:14px 60px 14px 18px !important;margin-bottom:12px;font-size:13px;position:relative;}
.proInfo .proPrice p{height:auto;line-height:28px;padding-left:0 !important;margin:0;}
.proInfo .proPrice span{color:#FF4D4F;float:none;line-height:28px;font-size:14px;}
.proInfo .proPrice em{margin-right:12px;color:#333;font-size:13px;font-style:normal;}
.proInfo .proPrice font{font-size:26px !important;margin-left:4px;font-weight:700;}
.proInfo p a{color:#4c4c4c;font-size:14px;}
.proInfo p a:hover{color:#FF4D4F;}
.proInfo p font{color:#FF4D4F;}

/* 参数 dl */
.base{padding-top:6px;}
.base dl{padding:6px 0;font-size:14px;line-height:22px;}
.base dt{color:#888;}
.base dd{color:#444;}
.base dd span{color:#FF4D4F;font-weight:700;}

/* 二维码悬浮 */
.qrcode{width:47px;position:absolute;right:14px;top:14px;z-index:1000;}
.qrcode p{font-size:12px;}
.qrcode dl{display:none;}
.qrcode:hover dl{display:inline-block;position:relative;z-index:10000;background:#fff;width:170px;box-shadow:0 4px 20px rgba(0,0,0,.15);top:10px;padding:10px;border-radius:10px;left:-70px;}
.qrcode:hover dl img{width:150px !important;height:150px !important;}

/* 按钮 */
.btn-act{font-size:15px;width:150px;height:40px;line-height:40px;border:none;border-radius:8px;text-align:center;cursor:pointer;margin:8px 10px 0 0;background:linear-gradient(90deg,#FF6A3D,#FF4D4F);color:#fff;transition:box-shadow .2s,transform .1s;}
.btn-act:hover{box-shadow:0 4px 12px rgba(255,77,79,.35);}
.btn-buy,.btn-cart{font-size:15px;width:150px;height:40px;line-height:40px;border-radius:8px;text-align:center;cursor:pointer;margin:8px 10px 0 0;transition:box-shadow .2s;}
.btn-buy{background:#fff;border:1.5px solid #FF4D4F;color:#FF4D4F;}
.btn-buy:hover{background:#fff1f2;box-shadow:0 4px 12px rgba(255,77,79,.18);}
.btn-cart{background:linear-gradient(90deg,#FF6A3D,#FF4D4F);border:none;color:#fff;}
.btn-cart:hover{box-shadow:0 4px 12px rgba(255,77,79,.35);}
.btn-buy:disabled,.btn-cart:disabled{background:#f2f2f2;border:1px dashed #d6d6d8;color:#bbb;cursor:not-allowed;box-shadow:none;}

/* 右栏：推荐产品 */
.shopInfo{width:215px;float:right;padding:0 0 0 12px;}
.shopInfo h2{font-weight:700;text-align:left;height:auto;line-height:1.4;font-size:15px;padding:0 2px 12px;background:none !important;color:#000311;border-bottom:1px solid #f2f3f5;margin-bottom:6px;}
.shopInfo a{width:100%;height:auto;display:block;color:#333;font-size:12px;padding:12px 0 12px 78px;border-bottom:1px solid #f5f5f5;position:relative;overflow:visible;}
.shopInfo a img{width:66px;height:66px;position:absolute;left:0;top:12px;border-radius:8px;border:1px solid #f0f1f3;object-fit:cover;}
.shopInfo a b{display:block;line-height:19px;color:#333;font-weight:400;font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.shopInfo a:hover b{color:#FF4D4F;}
.shopInfo a span{display:block;height:22px;line-height:22px;color:#FF4D4F;margin-top:4px;font-weight:700;white-space:nowrap;}
.shopInfo a:last-child{border:none;}

/* 详情参数/正文 */
.sx{width:100%;margin-bottom:8px;font-size:14px;}
.sx dl{line-height:30px;}
.sx dl dt{color:#888;}
.content{padding:12px 0;line-height:1.8;color:#333;}

/* 左下：企业信息卡 */
.company-box{background:#fff;border-radius:12px;box-shadow:0 1px 8px rgba(0,0,0,.05);padding:18px !important;width:230px;box-sizing:border-box;margin-bottom:14px !important;}
.company-box h2{font-size:15px !important;font-weight:700;color:#000311 !important;margin:0 0 12px !important;padding:0 0 10px !important;height:auto !important;line-height:1.4 !important;border-bottom:1px solid #f2f3f5;background:none !important;text-align:left;}
.company-box .shopName h3{font-size:15px;line-height:22px;margin:0 0 8px;}
.company-box .shopName h3 a{color:#000311;}
.company-box .jwsy{overflow:hidden;}
.company-box .jwsy a{display:inline-block;font-size:12px;padding:5px 12px;border-radius:14px;margin-right:8px;margin-bottom:6px;}
.company-box .jwsy1{background:#eaf0fb;color:#01358B;}
.company-box .jwsy2{background:#fff6f7;color:#FF4D4F;}
.company-box .shopData{padding:0;}
.company-box .shopData p{line-height:24px;font-size:13px;margin:4px 0;}
.company-box .shopData i{color:#888;font-style:normal;}
.company-box .shopData font{color:#01358B;}
.company-box .companyInfo{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:12px 0 0;border-top:1px solid #f2f3f5;}
.company-box .companyInfo a{flex:1 1 40%;text-align:center;font-size:13px;color:#555;background:#F5F6FA;border-radius:8px;padding:8px 4px;transition:all .2s;}
.company-box .companyInfo a:hover{background:#eaf0fb;color:#01358B;}
.contactnow{margin-top:14px !important;padding:0 !important;text-align:center;}
.contactnow a{display:block;background:#fff !important;border:1.5px solid #01358B;color:#01358B !important;border-radius:8px;height:40px;line-height:38px;font-size:14px;transition:all .2s;}
.contactnow a:hover{background:#01358B !important;color:#fff !important;}

/* 猜你喜欢 */
.s-shopInfo{background:#fff;border-radius:12px;box-shadow:0 1px 8px rgba(0,0,0,.05) !important;margin-top:14px !important;padding:0 18px 8px;}
.s-shopInfo h2{padding:16px 2px 12px !important;height:auto !important;line-height:1.4 !important;font-size:15px !important;font-weight:700;border-bottom:1px solid #f2f3f5 !important;background:none !important;color:#000311 !important;}
.s-shopInfo dl{padding:0 !important;}
.s-shopInfo a{width:100%;height:auto;display:block;font-size:12px;padding:12px 0 12px 78px;border-bottom:1px solid #f5f5f5;position:relative;}
.s-shopInfo a img{width:66px;height:66px;position:absolute;left:0;top:12px;border-radius:8px;border:1px solid #f0f1f3;object-fit:cover;}
.s-shopInfo a b{display:block;line-height:19px;color:#333;font-weight:400;font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.s-shopInfo a:hover b{color:#FF4D4F;}
.s-shopInfo a span{display:block;height:22px;line-height:22px;color:#FF4D4F;margin-top:4px;font-weight:700;white-space:nowrap;}
.s-shopInfo a:last-child{border:none;}

/* 右栏详情/询价卡片标题柔化 */
.right-side .main_head strong span{color:#000311;}
.right-side .main_head .f_r a{color:#01358B;}

/* ============================================================
   三、相册放大镜/视频（保留原有交互）
   ============================================================ */
#mid_pos{position:absolute;}
#zoomer{width:160px;height:120px;background:#fff url('../image/ab-zoom-bg.gif');position:absolute;z-index:6;opacity:.5;filter:alpha(opacity=50);}
#big_div{width:560px;height:420px;border:1px solid #ddd;background:#fff;position:absolute;overflow:hidden;z-index:1002;border-radius:8px;}
#big_pic{position:absolute;}
.tbs{width:414px;height:56px;margin:18px 0 0;}
.tbs img{cursor:pointer;}
.tbsl{width:32px;height:56px;float:left;}
.tbsr{width:20px;height:56px;float:left;}
.tbsm{width:350px;height:56px;float:left;overflow:hidden;}
.ab_zoom{width:30px;height:30px;background:url('../image/ab-zoom.png') no-repeat center center;position:absolute;z-index:5;margin:370px 0 0 -30px;}
.ab_play{width:48px;height:48px;border-radius:50%;background:#fff url('../image/ab-play.png') no-repeat center center;position:absolute;z-index:7;margin:-216px 0 0 185px;box-shadow:0 2px 10px rgba(0,0,0,.2);}
.ab_play:hover{background:#fff url('../image/ab-play-on.png') no-repeat center center;cursor:pointer;}
.ab_hide{width:30px;height:30px;background:url('../image/ab-hide.png') no-repeat center center;position:absolute;z-index:12;margin:-406px 0 0 370px;display:none;}
.ab_hide:hover{background:url('../image/ab-hide-on.png') no-repeat center center;cursor:pointer;}
.ab_video{width:400px;height:400px;border:1px solid #000;background:#000;position:absolute;z-index:10;margin:-404px 0 0 0;display:none;}
.ab_im{padding:2px;margin:0 14px 0 0;border:1px solid #e5e7eb;float:left;width:50px;height:50px;border-radius:6px;}
.ab_on{padding:2px;margin:0 14px 0 0;border:1px solid #01358B;float:left;width:50px;height:50px;border-radius:6px;}

/* ============================================================
   四、左右分栏基础（保留布局尺寸）
   ============================================================ */
.left-side{width:230px;float:left;}
.right-side{width:950px;float:right;}
.buynow{padding-top:15px;overflow:hidden;width:100%;}
.buynow a{background:#FF4D4F;display:block;float:left;margin-right:20px;padding:12px 30px;font-size:16px;color:#fff;border-radius:8px;cursor:pointer;}
.buynow a.demo{background:#ee2e2c;}
.buynow a:hover{background:#d9363e;}
.step_price{background:#f5f5f5;text-align:center;margin-right:20px;}
.step_price td{border-right:1px solid #ddd;}
.proInfo a.onlineInquiry{display:block;width:175px;height:43px;background:#FF4D4F;border-radius:8px;text-align:center;line-height:43px;color:#fff;font-size:16px;margin-top:30px;transition:background .2s;}
.proInfo a:hover.onlineInquiry{background:#d9363e;}