/* 2026-11-08 积分兑换流程（/jifen.php 列表、member/buy_jifen* 确认与结果）共用样式 */
.jf158,.jf158 *{box-sizing:border-box}
.jf158{font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",Arial,sans-serif;color:#333;font-size:14px;line-height:1.6}
.jf158 a{color:#333;text-decoration:none}
.jf158 a:hover{color:#e4393c}
.jf158-wrap{width:1200px;margin:0 auto;padding:16px 0 30px}
.jf158-crumb{color:#999;font-size:12px;margin:0 0 12px}
.jf158-crumb a{color:#666}
/* 顶部积分摘要 */
.jf158-hero{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border:1px solid #f3c6c8;border-radius:4px;background:linear-gradient(90deg,#fff5f5,#fff)}
.jf158-hero h1{margin:0;font-size:22px;font-weight:600;color:#c81623}
.jf158-hero p{margin:4px 0 0;color:#888;font-size:13px}
.jf158-point{text-align:right}
.jf158-point .jf158-plbl{display:block;color:#888;font-size:13px}
.jf158-point .jf158-num{font:bold 30px/1.2 Arial,sans-serif;color:#e4393c}
.jf158-point .jf158-num small{font-size:14px;margin-left:3px;font-weight:normal}
.jf158-point .jf158-lv{display:inline-block;margin-top:4px;padding:1px 8px;border-radius:10px;background:#fff;border:1px solid #f3c6c8;color:#c81623;font-size:12px}
.jf158-point a.jf158-login{display:inline-block;padding:8px 22px;border-radius:3px;background:#c81623;color:#fff;font-size:14px}
/* 规则条 */
.jf158-rules{display:flex;margin:14px 0 18px;border:1px solid #e8e8e8;border-radius:4px;background:#fafafa}
.jf158-rules li{flex:1;list-style:none;padding:12px 18px;border-right:1px solid #eee;font-size:13px;color:#666}
.jf158-rules li:last-child{border-right:0}
.jf158-rules b{display:block;color:#333;font-size:14px;margin-bottom:2px}
.jf158-rules em{color:#e4393c;font-style:normal;font-weight:bold}
/* 商品网格 */
.jf158-sec{margin:0 0 10px;font-size:16px;font-weight:600;border-left:4px solid #c81623;padding-left:10px;line-height:20px}
.jf158-grid{display:flex;flex-wrap:wrap;margin:0 -8px}
.jf158-card{width:calc(33.333% - 16px);margin:0 8px 16px;border:1px solid #e8e8e8;border-radius:4px;background:#fff;padding:18px;display:flex;transition:box-shadow .2s}
.jf158-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08);border-color:#f3c6c8}
.jf158-card .jf158-pic{flex:none;width:110px;height:110px;border:1px solid #f0f0f0;border-radius:4px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff}
.jf158-card .jf158-pic img{max-width:100%;max-height:100%}
.jf158-card .jf158-info{flex:1;min-width:0;padding-left:16px;display:flex;flex-direction:column}
.jf158-card .jf158-t{font-size:15px;font-weight:600;line-height:1.4;max-height:42px;overflow:hidden}
.jf158-card .jf158-d{margin:4px 0 0;color:#999;font-size:12px;height:36px;line-height:18px;overflow:hidden}
.jf158-card .jf158-r{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between}
.jf158-card .jf158-price{font:bold 20px/1 Arial,sans-serif;color:#e4393c}
.jf158-card .jf158-price small{font-size:12px;font-weight:normal;margin-left:2px}
.jf158-card .jf158-meta{display:block;color:#aaa;font-size:12px;margin-top:4px}
.jf158-card .jf158-vip{display:inline-block;margin-left:6px;padding:0 6px;border-radius:2px;background:#fff7e6;border:1px solid #ffd591;color:#d46b08;font-size:12px;line-height:18px;vertical-align:middle}
.jf158-btn{display:inline-block;height:34px;line-height:34px;padding:0 20px;border-radius:3px;background:#c81623;color:#fff!important;font-size:14px;text-align:center;border:0;cursor:pointer;white-space:nowrap}
.jf158-btn:hover{background:#a91219}
.jf158-btn.jf158-dis{background:#ddd;color:#888!important;cursor:not-allowed}
.jf158-btn.jf158-ghost{background:#fff;color:#666!important;border:1px solid #d9d9d9}
.jf158-btn.jf158-ghost:hover{color:#c81623!important;border-color:#c81623}
.jf158-btn.jf158-lg{height:42px;line-height:42px;padding:0 36px;font-size:16px}
.jf158-steps{display:flex;margin:6px 0 0;padding:14px 18px;border:1px dashed #e8e8e8;border-radius:4px;color:#666;font-size:13px}
.jf158-steps li{flex:1;list-style:none;position:relative;padding-left:34px}
.jf158-steps li i{position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:#c81623;color:#fff;font-style:normal;font-size:12px;text-align:center;line-height:22px}
.jf158-empty{padding:50px 0;text-align:center;color:#999}
/* 会员中心内：确认 / 结果 / 记录 */
.jf158-panel{background:#fff;border:1px solid #e8e8e8;border-radius:4px;padding:22px 26px;margin-bottom:14px}
.jf158-prod{display:flex;align-items:center;padding:14px;border:1px solid #f0f0f0;border-radius:4px;background:#fafafa}
.jf158-prod .jf158-pic{flex:none;width:90px;height:90px;border:1px solid #eee;border-radius:4px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.jf158-prod .jf158-pic img{max-width:100%;max-height:100%}
.jf158-prod .jf158-info{padding-left:16px;flex:1;min-width:0}
.jf158-prod .jf158-t{font-size:16px;font-weight:600}
.jf158-prod .jf158-d{color:#888;font-size:13px;margin-top:4px}
.jf158-form{margin-top:18px}
.jf158-form .jf158-row{display:flex;align-items:flex-start;padding:9px 0}
.jf158-form .jf158-lbl{flex:none;width:110px;color:#666;line-height:34px}
.jf158-form .jf158-fld{flex:1}
.jf158-form select,.jf158-form input[type=text]{height:34px;border:1px solid #d9d9d9;border-radius:3px;padding:0 10px;font-size:14px;font-family:inherit;color:#333;outline:none}
.jf158-form select{width:110px;background:#fff}
.jf158-form input[type=text]{width:520px}
.jf158-form input:focus,.jf158-form select:focus{border-color:#c81623}
.jf158-form .jf158-hint{color:#999;font-size:12px;margin-top:4px;line-height:1.6}
.jf158-form .jf158-hint.jf158-req{color:#d46b08}
.jf158-sum{margin:12px 0 0;padding:14px 18px;border-radius:4px;background:#fff8f8;border:1px solid #f3c6c8;display:flex;justify-content:space-between;align-items:center}
.jf158-sum .jf158-k{color:#666;font-size:13px;margin-right:22px}
.jf158-sum .jf158-k b{color:#333;font-weight:600;margin-left:4px}
.jf158-sum .jf158-total{font-size:13px;color:#666}
.jf158-sum .jf158-total strong{font:bold 26px/1 Arial,sans-serif;color:#e4393c;margin:0 2px 0 6px}
.jf158-act{margin-top:18px;display:flex;align-items:center;gap:14px}
.jf158-act .back{color:#888;font-size:13px}
.jf158-note{margin-top:16px;padding:12px 16px;background:#f7f9fc;border:1px solid #e3e8f0;border-radius:4px;color:#666;font-size:13px}
.jf158-note b{color:#333}
/* 结果 */
.jf158-result{text-align:center;padding:26px 0 10px}
.jf158-result .jf158-ico{width:64px;height:64px;margin:0 auto 12px;border-radius:50%;background:#f0f9eb;color:#52c41a;font-size:36px;line-height:64px}
.jf158-result .jf158-ico.jf158-err{background:#fff1f0;color:#e4393c}
.jf158-result h2{margin:0;font-size:20px;font-weight:600}
.jf158-result p{margin:6px 0 0;color:#888;font-size:13px}
.jf158-kv{width:520px;margin:20px auto 0;border-top:1px solid #f0f0f0}
.jf158-kv li{list-style:none;display:flex;padding:9px 0;border-bottom:1px solid #f0f0f0;font-size:14px}
.jf158-kv .jf158-k{width:120px;color:#888;text-align:right;padding-right:18px}
.jf158-kv .jf158-v{flex:1;text-align:left;color:#333}
.jf158-kv .jf158-v em{color:#e4393c;font-style:normal;font-weight:bold}
.jf158-table{width:100%;border-collapse:collapse;font-size:13px}
.jf158-table th{background:#f7f7f7;color:#666;font-weight:normal;padding:10px 12px;text-align:left;border-bottom:1px solid #e8e8e8}
.jf158-table td{padding:12px;border-bottom:1px solid #f0f0f0;vertical-align:middle}
.jf158-table tr:hover td{background:#fffafa}
.jf158-table .jf158-no{color:#999;font-family:Arial,sans-serif}
.jf158-table .jf158-pt{color:#e4393c;font-weight:bold;font-family:Arial,sans-serif}
.jf158-st{display:inline-block;padding:0 8px;border-radius:2px;font-size:12px;line-height:20px}
.jf158-st.s1{background:#fff7e6;color:#d46b08;border:1px solid #ffd591}
.jf158-st.s2{background:#e6f7ff;color:#096dd9;border:1px solid #91d5ff}
.jf158-st.s3{background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}
.jf158-st.s0{background:#f5f5f5;color:#888;border:1px solid #ddd}
.jf158-table .jf158-mem{color:#888;max-width:260px;word-break:break-all}