:root{--mall: #ee7933;--mall-dark: #d96b28;--ink: #333;--muted: #888;--line: #e5e5e5;--bg: #f5f5f5;--w: 1200px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font:12px/1.5 Microsoft YaHei,PingFang SC,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--mall)}img{max-width:100%;vertical-align:middle}button,input,select,textarea{font:inherit}.wrap{width:var(--w);margin:0 auto}.toast{position:fixed;left:50%;top:80px;transform:translate(-50%);background:#000000b8;color:#fff;padding:8px 16px;border-radius:4px;z-index:80}.topbar{height:32px;background:#f2f2f2;border-bottom:1px solid #eee;color:#666}.topbar .wrap{display:flex;align-items:center;justify-content:space-between;height:32px}.topbar .left,.topbar .right{display:flex;align-items:center;gap:12px}.topbar a{color:#666}.topbar a:hover{color:var(--mall)}.masthead{background:#fff}.masthead .wrap{display:flex;align-items:center;height:92px;gap:24px}.logo{color:var(--mall);font-size:36px;font-weight:800;letter-spacing:1px;line-height:1;white-space:nowrap}.logo small{display:block;font-size:12px;font-weight:400;color:#999;letter-spacing:0;margin-top:4px}.search-box{flex:1}.search-row{display:flex;border:2px solid var(--mall);height:36px}.search-cat{width:72px;border:0;border-right:1px solid #f0d0b8;background:#fff;padding:0 8px;color:#666}.search-row input{flex:1;border:0;outline:none;padding:0 10px}.search-row button{width:88px;border:0;background:var(--mall);color:#fff;cursor:pointer;font-size:14px}.hots{margin-top:6px;color:#999;overflow:hidden;white-space:nowrap}.hots a{margin-right:10px;color:#999}.qr-tip{width:130px;text-align:center;color:var(--mall)}.qr-tip .dot{width:46px;height:46px;margin:0 auto 4px;border:2px dashed var(--mall);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;line-height:1.1}.nav{background:var(--mall);height:40px}.nav .wrap{display:flex;align-items:stretch;height:40px;position:relative}.nav-all{width:200px;background:#d96b28;color:#fff;display:flex;align-items:center;padding:0 16px;cursor:pointer;position:relative}.nav-all:hover .mega{display:flex}.mega{display:none;position:absolute;left:0;top:40px;width:920px;min-height:360px;background:#fff;color:#333;z-index:30;box-shadow:0 8px 24px #0000001f;border:1px solid #eee}.mega-l{width:200px;background:#fff7f2;border-right:1px solid #f3e4d8}.mega-l a{display:block;padding:10px 14px}.mega-l a:hover,.mega-l a.on{background:#fff;color:var(--mall)}.mega-r{flex:1;padding:12px 16px;display:flex;flex-wrap:wrap;gap:8px 18px;align-content:flex-start}.mega-r a{color:#555}.nav-links{display:flex}.nav-links a{color:#fff;padding:0 22px;display:flex;align-items:center;font-size:14px}.nav-links a:hover,.nav-links a.router-link-active{background:#ffffff1f;color:#fff}.rail{position:fixed;right:0;top:180px;width:36px;background:#3a3a3a;color:#fff;z-index:40;border-radius:4px 0 0 4px;overflow:hidden}.rail a{display:block;writing-mode:vertical-rl;text-align:center;padding:14px 10px;color:#fff;border-bottom:1px solid #555;letter-spacing:2px}.rail a:hover{background:var(--mall);color:#fff}.page{min-height:520px;padding:12px 0 40px}.panel{background:#fff;border:1px solid #eee}.sec-title{height:44px;display:flex;align-items:center;padding:0 12px;font-size:16px;font-weight:700;border-bottom:1px solid #f0f0f0}.sec-title span{display:inline-block;width:4px;height:16px;background:var(--mall);margin-right:8px}.brand-wall{background:#fff;padding:10px 0 6px;margin-bottom:10px}.brand-wall .row{display:flex;flex-wrap:wrap;justify-content:space-around}.brand-wall a{width:16.66%;height:64px;display:flex;align-items:center;justify-content:center}.brand-wall img{max-height:42px;max-width:88%;object-fit:contain}.prod-grid{display:grid;grid-template-columns:200px repeat(5,1fr);background:#fff;border-top:1px solid #eee}.prod-grid .hero{grid-row:span 2;overflow:hidden;background:#111;color:#fff;position:relative}.prod-grid .hero img{width:100%;height:100%;object-fit:cover;opacity:.85}.prod-grid .hero .cap{position:absolute;left:16px;bottom:20px;font-size:28px;font-weight:800;writing-mode:vertical-rl;letter-spacing:6px}.prod-card{border-left:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;padding:12px;text-align:center;background:#fff}.prod-card img{height:140px;object-fit:contain}.prod-card .name{height:36px;overflow:hidden;margin:8px 0 4px;color:#444}.prod-card .price{color:var(--mall);font-weight:700}.prod-card .unit{color:#999;font-weight:400}.stepper{display:inline-flex;align-items:center;border:1px solid #ddd;border-radius:14px;margin-top:8px;overflow:hidden}.stepper button{width:26px;height:24px;border:0;background:#fff;cursor:pointer;color:#666}.stepper input{width:36px;height:24px;border:0;text-align:center;outline:none}.btn{display:inline-block;background:var(--mall);color:#fff;border:0;padding:7px 16px;cursor:pointer;border-radius:2px}.btn:hover{background:var(--mall-dark);color:#fff}.btn.ghost{background:#fff;color:var(--mall);border:1px solid var(--mall)}.btn.gray{background:#f4f4f4;color:#555}.footer{background:#fff;border-top:1px solid #eee;padding:24px 0 16px;color:#888}.footer .cols{display:flex;justify-content:space-between;padding-bottom:16px}.footer h4{margin:0 0 8px;color:#555;font-size:13px}.footer a{display:block;line-height:22px;color:#888}.copy{text-align:center;border-top:1px solid #f0f0f0;padding-top:12px}.account{display:grid;grid-template-columns:196px 1fr;gap:12px}.aside{background:#fff;border:1px solid #eee;padding:8px 0 16px}.aside h3{margin:0;padding:10px 16px;font-size:14px}.aside a{display:block;padding:7px 16px;color:#555}.aside a.router-link-active{color:var(--mall);background:#fff7f2}.aside .group{margin-top:8px;padding-top:6px;border-top:1px solid #f5f5f5}.aside .group b{display:block;padding:6px 16px;color:#999;font-weight:400}.filter-bar{background:#fff;border:1px solid #eee;padding:10px 12px;margin-bottom:10px}.filter-row{display:flex;gap:10px;align-items:flex-start;margin-bottom:8px}.filter-row .k{width:48px;color:#888;padding-top:6px}.filter-row .v{flex:1;display:flex;flex-wrap:wrap;gap:6px}.chip{padding:4px 10px;border:1px solid transparent;cursor:pointer}.chip.on{background:var(--mall);color:#fff}.sorts{display:flex;gap:0;margin:10px 0}.sorts a{background:#fff;border:1px solid #eee;padding:6px 14px;margin-right:-1px}.sorts a.on{background:var(--mall);color:#fff;border-color:var(--mall)}.login-box{width:420px;margin:40px auto;background:#fff;padding:28px 32px 36px}.login-box h2{margin:0 0 18px;font-size:18px}.login-box label{display:block;margin:10px 0 4px;color:#666}.login-box input{width:100%;height:36px;border:1px solid #ddd;padding:0 10px}.login-box .btn{width:100%;margin-top:16px;height:38px}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{border-bottom:1px solid #f0f0f0;padding:10px 8px;text-align:left}.table th{background:#fafafa;font-weight:600}.empty{padding:40px;text-align:center;color:#999;background:#fff}.detail{display:grid;grid-template-columns:420px 1fr;gap:24px;background:#fff;padding:20px}.detail .gallery{background:#fafafa;min-height:380px;display:flex;align-items:center;justify-content:center}.detail .gallery img{max-height:380px}.detail h1{font-size:18px;margin:0 0 12px}.price-lg{color:var(--mall);font-size:24px;font-weight:700;margin:12px 0}.rich{background:#fff;padding:16px;margin-top:12px}.quick{display:grid;grid-template-columns:220px 1fr;gap:10px;min-height:560px}.tree{background:#fff;border:1px solid #eee;overflow:auto;max-height:720px}.tree .n{padding:7px 12px;cursor:pointer}.tree .n:hover,.tree .n.on{background:#fff7f2;color:var(--mall)}.tree .n2{padding-left:22px}.tree .n3{padding-left:34px;color:#666}.banner-pc{height:280px;overflow:hidden;background:#ddd;position:relative}.banner-pc img{width:100%;height:280px;object-fit:cover}.banner-dots{position:absolute;bottom:10px;left:0;right:0;text-align:center}.banner-dots i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#fff;opacity:.5;margin:0 3px}.banner-dots i.on{opacity:1;background:var(--mall)}.cs-box{background:#fff;min-height:420px;display:flex;flex-direction:column}.cs-log{flex:1;padding:12px;overflow:auto;max-height:420px}.cs-row{margin:8px 0}.cs-row.me{text-align:right}.cs-row span{display:inline-block;max-width:70%;background:#f4f4f4;padding:8px 10px;border-radius:4px;text-align:left}.cs-row.me span{background:#fff1e6}.cs-send{display:flex;border-top:1px solid #eee}.cs-send input{flex:1;border:0;padding:10px;outline:none}.cs-send button{width:80px;border:0;background:var(--mall);color:#fff}.form-row{margin:10px 0}.form-row input,.form-row textarea,.form-row select{width:100%;border:1px solid #ddd;padding:8px}.muted{color:var(--muted)}.ok{color:#07c160}.warn{color:#e53935}