/* ===== Qilu customer seckill zone (replicate ickey xinkemiaosha) ===== */
/* kill horizontal scrollbar: the full-width banner uses 100vw (which includes
   the vertical scrollbar width) and symmetrically bleeds ~half a scrollbar on
   both sides while staying centered; hide that bleed instead of scrolling */
html,body{overflow-x:hidden;}
.ms-wrap{width:1190px;margin:10px auto 20px;box-sizing:border-box;}
.ms-wrap *{box-sizing:border-box;}

/* banner: full-width, flat 6:1 like ickey (centered, sides/top-bottom cropped) */
.ms-banner{width:100vw;position:relative;left:50%;transform:translateX(-50%);overflow:hidden;background:#e1251b;margin-bottom:12px;}
.ms-banner img{display:block;width:100vw;height:auto;aspect-ratio:6/1;object-fit:cover;object-position:center 50%;border:0;}

/* session date bar */
.ms-session-bar{display:flex;align-items:stretch;background:#fff;border:1px solid #eee;border-radius:8px;overflow:hidden;margin-bottom:12px;}
.ms-arrow{flex:0 0 34px;display:flex;align-items:center;justify-content:center;background:#f7f7f7;color:#999;text-decoration:none;font-size:13px;cursor:pointer;user-select:none;}
.ms-arrow:hover{background:#ffe9e7;color:#e1251b;}
.ms-session-viewport{flex:1;overflow:hidden;position:relative;}
.ms-session-list{display:flex;list-style:none;margin:0;padding:0;transition:transform .3s ease;}
.ms-session-list li{flex:0 0 168px;padding:12px 8px;text-align:center;cursor:pointer;border-right:1px dashed #eee;position:relative;}
.ms-session-list li .ms-s-date{font-size:15px;font-weight:700;color:#333;}
.ms-session-list li .ms-s-state{font-size:12px;color:#999;margin-top:5px;height:18px;overflow:hidden;}
.ms-session-list li .ms-s-cd{font-size:13px;color:#e1251b;margin-top:3px;font-weight:700;}
.ms-session-list li.active{background:linear-gradient(180deg,#ff5a4e,#e1251b);}
.ms-session-list li.active .ms-s-date,.ms-session-list li.active .ms-s-state,.ms-session-list li.active .ms-s-cd{color:#fff;}
.ms-session-list li.ended{opacity:.6;}
.ms-session-list li.ended .ms-s-state{color:#aaa;}

/* search */
.ms-search{display:flex;justify-content:center;margin:6px 0 14px;}
.ms-search-input{width:420px;height:38px;line-height:38px;border:1px solid #e1251b;border-right:0;padding:0 12px;font-size:14px;outline:none;border-radius:4px 0 0 4px;background:#fff;}
.ms-search-btn{width:96px;height:38px;border:0;background:linear-gradient(180deg,#ff5a4e,#e1251b);color:#fff;font-size:15px;cursor:pointer;border-radius:0 4px 4px 0;}

/* filter rows */
.ms-filter-row{display:flex;flex-wrap:wrap;align-items:flex-start;background:#fff;border:1px solid #f0f0f0;border-radius:6px;padding:10px 12px;margin-bottom:10px;}
.ms-filter-title{flex:0 0 64px;font-size:13px;color:#999;line-height:26px;}
.ms-filter-tags{flex:1;display:flex;flex-wrap:wrap;}
.ms-tag{display:inline-block;padding:0 14px;height:26px;line-height:26px;font-size:13px;color:#333;border:1px solid transparent;border-radius:4px;margin:0 6px 6px 0;cursor:pointer;background:#f7f7f7;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ms-tag:hover{color:#e1251b;}
.ms-tag.active{background:#e1251b;color:#fff;border-color:#e1251b;}

/* tomorrow only */
.ms-tomorrow{margin:4px 0 12px;font-size:13px;color:#333;}
.ms-tomorrow input{vertical-align:middle;margin-right:5px;}

/* goods grid */
.ms-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.ms-card{background:#fff;border:1px solid #eee;border-radius:8px;padding:12px;position:relative;display:flex;flex-direction:column;transition:box-shadow .2s,border-color .2s;}
.ms-card:hover{border-color:#e1251b;box-shadow:0 4px 14px rgba(225,37,27,.12);}
.ms-tag-free{position:absolute;top:0;left:12px;background:#e1251b;color:#fff;font-size:12px;padding:2px 8px;border-radius:0 0 4px 4px;z-index:2;}
.ms-card-img{display:flex;align-items:center;justify-content:center;height:190px;margin:8px 0;}
.ms-card-img img{max-width:100%;max-height:190px;width:auto;height:auto;border:0;object-fit:contain;}
.ms-card-title{font-size:14px;color:#333;line-height:1.4;height:40px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.ms-card-title:hover{color:#e1251b;}
.ms-card-no{font-size:12px;color:#999;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ms-card-label{font-size:12px;color:#999;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ms-card-price{margin-top:8px;display:flex;align-items:baseline;flex-wrap:wrap;}
.ms-price-now{color:#e1251b;font-size:22px;font-weight:700;}
.ms-price-now .ms-cur{font-size:14px;font-weight:400;}
.ms-price-old{color:#aaa;font-size:13px;text-decoration:line-through;margin-left:8px;}
.ms-card-btn{margin-top:10px;height:38px;border:0;border-radius:4px;background:linear-gradient(180deg,#ff8c42,#ff6600);color:#fff;font-size:15px;cursor:pointer;width:100%;}
.ms-card-btn:hover{background:linear-gradient(180deg,#ff9a57,#ff7100);}
.ms-card-btn.sold{background:#ccc;cursor:not-allowed;}

/* empty */
.ms-empty{text-align:center;color:#999;font-size:14px;padding:50px 0;}

/* rules */
.ms-rules{margin-top:18px;background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;padding:16px 20px;}
.ms-rules h3{font-size:15px;color:#333;margin:0 0 10px;}
.ms-rules p{font-size:13px;color:#666;line-height:1.9;margin:0;}

/* responsive */
/* wide screens: align content width with home page (1600 / 1225) */
body.wrap_1600 .ms-wrap{width:1600px;}
/* 宽屏：商品网格一行 5 个 */
body.wrap_1600 .ms-grid{grid-template-columns:repeat(5,1fr);}
body.wrap_1280 .ms-wrap{width:1225px;}
@media (max-width:1230px){.ms-wrap{width:100%;padding:0 10px;}}
@media (max-width:991px){.ms-grid{grid-template-columns:repeat(2,1fr);}.ms-search-input{width:60%;}}
@media (max-width:560px){.ms-grid{grid-template-columns:1fr;}.ms-session-list li{flex-basis:140px;}}

/* ===== Jifen (points) mall - shared layout, points-specific tweaks ===== */
/* banner fallback when no image uploaded (FocusType=6) */
.jf-banner{background:linear-gradient(110deg,#7b3ff2 0%,#c04bd8 45%,#ff5a8a 75%,#ff8a3d 100%);}
.jf-banner .jf-banner-fallback{aspect-ratio:6/1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;}
.jf-banner .jf-banner-fallback b{font-size:34px;letter-spacing:3px;text-shadow:0 2px 8px rgba(0,0,0,.18);}
.jf-banner .jf-banner-fallback span{font-size:16px;margin-top:10px;opacity:.95;letter-spacing:1px;}

/* my points bar (warm card like ickey) */
.jf-mypts{display:flex;align-items:center;flex-wrap:wrap;background:linear-gradient(180deg,#fff8e8,#fdefd2);border:1px solid #f6e0b0;border-radius:8px;padding:13px 18px;margin-bottom:12px;}
.jf-mypts .jf-mp-label{font-size:14px;color:#8a6d3b;}
.jf-mypts .jf-mp-num{font-size:26px;font-weight:700;color:#e1251b;margin:0 4px 0 10px;}
.jf-mypts .jf-mp-unit{font-size:13px;color:#8a6d3b;}
.jf-mypts .jf-mp-links{margin-left:auto;display:flex;}
.jf-mypts .jf-mp-links a{font-size:13px;color:#316ac5;text-decoration:none;margin-left:20px;white-space:nowrap;}
.jf-mypts .jf-mp-links a:hover{text-decoration:underline;}
.jf-mypts .jf-mp-login{font-size:14px;color:#8a6d3b;}
.jf-mypts .jf-mp-btn{margin-left:14px;height:32px;line-height:32px;padding:0 20px;border-radius:4px;background:linear-gradient(180deg,#ff8c42,#ff6600);color:#fff;font-size:14px;text-decoration:none;white-space:nowrap;}
.jf-mypts .jf-mp-btn:hover{background:linear-gradient(180deg,#ff9a57,#ff7100);}

/* points card: keep red theme; price unit "积分" via .ms-cur, market price via .ms-price-old */
.jifen .ms-card-btn.soon{background:#9aa9c4;cursor:not-allowed;}
@media (max-width:560px){.jf-banner .jf-banner-fallback b{font-size:22px;}.jf-banner .jf-banner-fallback span{font-size:13px;}.jf-mypts .jf-mp-links{margin-left:0;margin-top:8px;}}