/* ============================================================
   mall.css - 北京界事科技 在线选购系统样式
   风格对齐整站：白底、深蓝(#2c3a7a/#20307e)、主蓝(#0374c2)、亮绿(#00ac97)
   ============================================================ */
.jsmall-nav{width:auto !important;background:none !important;padding:0 6px !important;margin-top:6px !important;display:flex !important;align-items:center !important;height:auto !important;}
.jsmall-nav a{display:inline-block;width:34px;height:34px;line-height:34px;text-align:center;border-radius:50%;margin-left:6px;position:relative;transition:all .3s ease;}
.jsmall-nav a:hover{background:rgba(255,255,255,.22);}
.activeHead .jsmall-nav a:hover{background:rgba(3,116,194,.12);}
.jsmall-nav svg{vertical-align:middle;}
.jsmall-nav .js-cart-badge{position:absolute;top:-4px;right:-6px;min-width:16px;height:16px;line-height:16px;padding:0 4px;border-radius:8px;background:#e1251b;color:#fff;font-size:11px;text-align:center;display:none;font-style:normal;}
.jsmall-nav .js-cart-badge.show{display:block;}

/* 悬浮购物车 */
.js-float-cart{position:fixed;right:18px;bottom:120px;z-index:9000;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#2c3a7a,#0374c2);box-shadow:0 6px 18px rgba(2,52,130,.35);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease;}
.js-float-cart:hover{transform:scale(1.06);}
.js-float-cart .js-cart-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;line-height:18px;padding:0 4px;border-radius:9px;background:#e1251b;color:#fff;font-size:11px;text-align:center;display:none;font-style:normal;}
.js-float-cart .js-cart-badge.show{display:block;}

/* Toast */
.js-toast{position:fixed;top:86px;left:50%;transform:translateX(-50%);background:rgba(28,38,64,.92);color:#fff;font-size:14px;line-height:1;padding:12px 26px;border-radius:4px;z-index:99999;opacity:0;transition:opacity .3s ease;pointer-events:none;letter-spacing:1px;}
.js-toast.show{opacity:1;}

/* ============ 产品详情价格条 ============ */
.jspb{margin-top:18px;border:1px solid #e3e8f2;border-radius:4px;padding:16px 16px 12px;background:#fbfcff;}
.jspb-row{display:flex;align-items:baseline;flex-wrap:wrap;}
.jspb-label{font-size:13px;color:#8a94ad;margin-right:8px;}
.jspb-num{font-size:30px;font-weight:bold;color:#e1251b;line-height:1;font-family:"sourcehansanscn-bold","Microsoft YaHei",sans-serif;}
.jspb-unit{font-size:14px;color:#8a94ad;margin-left:4px;}
.jspb-tag{font-size:12px;color:#0374c2;border:1px solid #bcd7f1;background:#eaf4fe;padding:2px 8px;border-radius:2px;margin-left:10px;}
.jspb-spec{font-size:13px;color:#5a6478;margin-top:12px;line-height:1.9;}
.jspb-qty{display:flex;align-items:center;margin-top:12px;font-size:13px;color:#5a6478;}
.jspb-stepper{display:inline-flex;align-items:center;border:1px solid #d4dbe8;border-radius:3px;margin:0 8px;overflow:hidden;background:#fff;}
.jspb-stepper button{width:30px;height:30px;border:0;background:#f4f7fc;color:#2c3a7a;font-size:16px;cursor:pointer;line-height:1;}
.jspb-stepper button:hover{background:#e3ecfb;}
.jspb-stepper input{width:48px;height:30px;border:0;border-left:1px solid #eef2f9;border-right:1px solid #eef2f9;text-align:center;font-size:14px;color:#2c3a7a;outline:none;}
.jspb-unit-note{color:#aab3c5;font-size:12px;}
.jspb-btns{display:flex;align-items:center;margin-top:16px;flex-wrap:wrap;}
.jspb-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 26px;border-radius:3px;font-size:15px;letter-spacing:2px;cursor:pointer;border:0;transition:all .25s ease;}
.jspb-cart{background:#2c3a7a;color:#fff;}
.jspb-cart:hover{background:#20307e;color:#fff;}
.jspb-buy{background:#e1251b;color:#fff;margin-left:10px;text-decoration:none !important;}
.jspb-buy:hover{background:#c21d14;color:#fff;text-decoration:none;}
.jspb-consult{margin-left:14px;color:#0374c2;font-size:13px;}
.jspb-consult:hover{text-decoration:underline;color:#0374c2;}
.jspb-tip{font-size:12px;color:#aab3c5;margin-top:12px;line-height:1.8;}
@media (max-width:767px){
  .jspb-btn{padding:0 18px;font-size:14px;}
  .jspb-btns .jspb-consult{margin-left:10px;}
}

/* 商品列表卡片加购按钮 */
.js-card-cart{position:absolute;right:8px;bottom:8px;width:34px;height:34px;border-radius:50%;background:rgba(2,45,96,.72);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .25s ease;z-index:5;}
.img-boxs:hover .js-card-cart,.img-size1:hover .js-card-cart{opacity:1;}
.js-card-cart:hover{background:#e1251b;}

/* ============ 商城内页公共 ============ */
.jsmall-wrap{background:#f7f9fd;padding:34px 0 60px;min-height:420px;}
.jsmall-card{background:#fff;border:1px solid #e6ebf5;border-radius:4px;}
.jsmall-title{font-size:22px;color:#20307e;font-weight:bold;display:flex;align-items:center;padding-bottom:14px;}
.jsmall-title .line{display:inline-block;width:4px;height:20px;background:#0374c2;border-radius:2px;margin-right:12px;}
.jsmall-sub{font-size:13px;color:#8a94a6;letter-spacing:2px;text-transform:uppercase;}

/* 购物车 */
.cart-head{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid #eef2f9;}
.cart-head .cart-count{font-size:13px;color:#8a94a6;}
.cart-head .cart-count b{color:#e1251b;font-size:16px;}
.cart-table{width:100%;}
.cart-table thead th{font-size:13px;color:#8a94a6;font-weight:normal;padding:12px 10px;border-bottom:1px solid #eef2f9;text-align:center;}
.cart-table tbody td{padding:16px 10px;border-bottom:1px solid #f3f6fc;text-align:center;vertical-align:middle;}
.cart-item-pd{display:flex;align-items:center;text-align:left;}
.cart-item-pd img{width:86px;height:86px;object-fit:cover;border:1px solid #eef2f9;border-radius:3px;}
.cart-item-pd .nm{margin-left:14px;}
.cart-item-pd .nm .t{font-size:15px;color:#2c3a7a;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cart-item-pd .nm .s{font-size:12px;color:#aab3c5;margin-top:4px;}
.cart-price{font-size:15px;color:#e1251b;}
.cart-qty{display:inline-flex;align-items:center;border:1px solid #dbe3f2;border-radius:3px;overflow:hidden;}
.cart-qty button{width:28px;height:28px;border:0;background:#f4f7fc;color:#2c3a7a;cursor:pointer;}
.cart-qty input{width:44px;height:28px;border:0;border-left:1px solid #eef2f9;border-right:1px solid #eef2f9;text-align:center;font-size:13px;color:#2c3a7a;outline:none;}
.cart-sub{font-size:15px;color:#2c3a7a;}
.cart-del-btn{color:#aab3c5;font-size:12px;border:1px solid #e2e8f4;border-radius:2px;padding:4px 10px;cursor:pointer;background:#fff;}
.cart-del-btn:hover{color:#e1251b;border-color:#e1251b;}
.cart-foot{display:flex;align-items:center;justify-content:flex-end;padding:18px 22px;}
.cart-total{font-size:14px;color:#5a6478;margin-right:20px;}
.cart-total b{font-size:24px;color:#e1251b;font-weight:bold;margin:0 4px;}
.cart-checkout{height:44px;padding:0 34px;background:#e1251b;color:#fff;border:0;border-radius:3px;font-size:15px;letter-spacing:3px;cursor:pointer;}
.cart-checkout:hover{background:#c21d19;}
.cart-empty{padding:70px 0;text-align:center;}
.cart-empty .ic{font-size:40px;color:#b9c4da;margin-bottom:14px;}
.cart-empty p{color:#8a94a6;font-size:15px;}
.cart-empty a{display:inline-block;margin-top:18px;color:#fff;background:#0374c2;padding:10px 26px;border-radius:3px;font-size:14px;letter-spacing:2px;}
.cart-empty a:hover{color:#fff;background:#0263a6;}
@media (max-width:767px){
  .cart-table thead{display:none;}
  .cart-table,.cart-table tbody,.cart-table tr,.cart-table td{display:block;}
  .cart-table tbody tr{display:flex;flex-wrap:wrap;padding:12px;border-bottom:1px solid #eef2f9;align-items:center;}
  .cart-item-pd{width:100%;}
  .cart-item-pd img{width:70px;height:70px;}
  .cart-price{width:40%;padding:6px 0 0 84px;}
  .cart-qty{width:40%;padding:6px 0 0 84px;}
  .cart-del-btn{width:20%;text-align:right;border:0;padding-top:6px;}
  .cart-foot{flex-wrap:wrap;}
}

/* 结算页 */
.checkout-form{padding:26px 30px 10px;}
.checkout-form .cf-title{font-size:15px;color:#2c3a7a;font-weight:bold;padding:6px 0 14px;border-bottom:1px solid #f0f4fb;margin-bottom:16px;}
.checkout-form .cf-title i{display:inline-block;width:4px;height:16px;background:#0374c2;border-radius:2px;margin-right:10px;vertical-align:-2px;}
.checkout-form .form-group{margin-bottom:16px;}
.checkout-form .lab{font-size:13px;color:#5a6478;margin-bottom:6px;}
.checkout-form .lab em{color:#e1251b;font-style:normal;margin-right:2px;}
.checkout-form .input{width:100%;height:42px;border:1px solid #dbe3f2;border-radius:3px;padding:0 14px;font-size:14px;color:#2c3a7a;outline:none;background:#fff;}
.checkout-form .input:focus{border-color:#0374c2;box-shadow:0 0 0 2px rgba(3,116,194,.12);}
.checkout-form textarea.input{height:90px;padding:12px 14px;resize:none;}
.order-sum{background:#fbfcff;border-top:1px solid #eef2f9;padding:16px 30px 24px;}
.order-sum .os-line{display:flex;justify-content:space-between;font-size:13px;color:#5a6478;padding:6px 0;}
.order-sum .os-line b{color:#2c3a7a;font-weight:normal;}
.order-sum .os-total{display:flex;justify-content:space-between;font-size:15px;color:#2c3a7a;padding:12px 0 4px;border-top:1px dashed #dfe7f4;margin-top:8px;}
.order-sum .os-total b{font-size:26px;color:#e1251b;font-family:"Source Han Sans CN-Bold","Microsoft YaHei",sans-serif;}
.checkojst-submit{display:flex;align-items:center;justify-content:flex-end;padding:0 30px 26px;}
.checkojst-submit .btn{height:46px;padding:0 42px;background:#e1251b;color:#fff;border:0;border-radius:3px;font-size:15px;letter-spacing:4px;cursor:pointer;}
.checkojst-submit .btn:hover{background:#c21d19;}
.checkojst-submit .tip{font-size:12px;color:#aab3c5;margin-right:18px;}

/* 登录/注册 */
.auth-wrap{padding:52px 0 70px;}
.auth-card{width:440px;margin:0 auto;background:#fff;border:1px solid #e6ebf5;border-radius:6px;box-shadow:0 8px 30px rgba(20,44,102,.08);overflow:hidden;}
.auth-head{background:linear-gradient(135deg,#20307e,#0374c2);padding:28px 34px;text-align:center;}
.auth-head .t{font-size:22px;color:#fff;letter-spacing:4px;font-weight:bold;}
.auth-head .s{font-size:12px;color:rgba(255,255,255,.75);letter-spacing:2px;margin-top:6px;text-transform:uppercase;}
.auth-body{padding:28px 34px 32px;}
.auth-body .form-group{margin-bottom:18px;}
.auth-body .lab{font-size:13px;color:#5a6478;margin-bottom:6px;}
.auth-body .input{width:100%;height:44px;border:1px solid #dbe3f2;border-radius:3px;padding:0 14px;font-size:14px;color:#2c3a7a;outline:none;}
.auth-body .input:focus{border-color:#0374c2;box-shadow:0 0 0 2px rgba(3,116,194,.1);}
.auth-body .auth-btn{width:100%;height:46px;background:#0374c2;color:#fff;border:0;border-radius:3px;font-size:15px;letter-spacing:4px;cursor:pointer;margin-top:6px;}
.auth-body .auth-btn:hover{background:#0263a6;}
.auth-foot{text-align:center;font-size:13px;color:#8a94a6;padding:0 0 26px;}
.auth-foot a{color:#0374c2;}
.auth-tip{text-align:center;font-size:12px;color:#aab3c5;padding:0 34px 10px;line-height:1.8;}
@media (max-width:520px){.auth-card{width:92%;}}

/* 会员中心 */
.member-wrap{padding:34px 0 60px;}
.member-side{background:#fff;border:1px solid #e6ebf5;border-radius:4px;overflow:hidden;}
.member-side .ms-head{background:linear-gradient(135deg,#20307e,#2c3a7a);padding:22px 20px;color:#fff;}
.member-side .ms-head .ms-avatar{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.35);color:#fff;font-size:22px;font-weight:bold;display:flex;align-items:center;justify-content:center;margin-bottom:12px;letter-spacing:1px;}
.member-side .ms-head .nm{font-size:16px;font-weight:bold;letter-spacing:1px;}
.member-side .ms-head .ph{font-size:12px;color:rgba(255,255,255,.7);margin-top:6px;}
.member-side .ms-nav a{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;font-size:14px;color:#4a5468;border-bottom:1px solid #f3f6fc;transition:all .2s;}
.member-side .ms-nav a:hover{background:#f3f8ff;color:#0374c2;padding-left:26px;}
.member-side .ms-nav a.on{background:#eaf4fe;color:#0374c2;border-left:3px solid #0374c2;}
.member-box{background:#fff;border:1px solid #e6ebf5;border-radius:4px;padding:22px 26px;}
.member-box .mb-title{font-size:16px;color:#2c3a7a;font-weight:bold;padding-bottom:12px;border-bottom:1px solid #eef2f9;margin-bottom:18px;}
.order-item{border:1px solid #eef2f9;border-radius:4px;margin-bottom:14px;overflow:hidden;}
.order-item .oi-head{display:flex;justify-content:space-between;align-items:center;background:#f8faff;padding:10px 16px;font-size:12px;color:#8a94a6;border-bottom:1px solid #eef2f9;}
.order-item .oi-head .st{color:#0374c2;}
.order-item .oi-body{padding:14px 16px;}
.order-item .oi-body .it{display:flex;align-items:center;padding:6px 0;}
.order-item .oi-body .it img{width:52px;height:52px;object-fit:cover;border:1px solid #eef2f9;border-radius:3px;}
.order-item .oi-body .it .nm{font-size:13px;color:#4a5468;margin-left:12px;flex:1;}
.order-item .oi-body .it .pr{font-size:13px;color:#2c3a7a;}
.order-item .oi-foot{display:flex;justify-content:flex-end;align-items:center;padding:10px 16px;border-top:1px solid #f3f6fc;font-size:13px;color:#5a6478;}
.order-item .oi-foot b{color:#e1251b;font-size:17px;margin:0 4px;}
.member-empty{padding:60px 0;text-align:center;color:#aab3c5;font-size:14px;}
.member-empty a{color:#0374c2;}
@media (max-width:991px){.member-side{margin-bottom:20px;}}

/* 推荐商品 */
.jsmall-rel{margin-top:36px;}
.jsmall-rel .jr-title{font-size:18px;color:#2c3a7a;font-weight:bold;padding-bottom:12px;display:flex;align-items:center;}
.jsmall-rel .jr-title .line{display:inline-block;width:4px;height:18px;background:#0374c2;border-radius:2px;margin-right:10px;}
.jsmall-rel .jr-card{background:#fff;border:1px solid #eef2f9;border-radius:4px;text-align:center;padding-bottom:12px;transition:all .25s;position:relative;overflow:hidden;}
.jsmall-rel .jr-card:hover{border-color:#bcd4ee;box-shadow:0 6px 16px rgba(20,60,120,.08);}
.jsmall-rel .jr-card img{width:100%;height:150px;object-fit:cover;}
.jsmall-rel .jr-card .t{font-size:13px;color:#4a5468;padding:10px 10px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.jsmall-rel .jr-card .p{font-size:15px;color:#e1251b;font-weight:bold;}
.jsmall-rel .jr-card .p span{font-size:11px;font-weight:normal;color:#aab3c5;}