*{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:#f7f7f7;color:#333;min-width:1200px}
a{text-decoration:none;color:inherit}
.wrap{width:1200px;margin:0 auto}
.topbar{background:#333;color:#d4d4d4;font-size:12px;height:36px;line-height:36px}
.topbar a{color:#d4b073;margin:0 6px}
.topbar .wrap{display:flex;justify-content:space-between}
.header{background:#fff;padding:18px 0}
.header .wrap{display:flex;align-items:center;justify-content:space-between}
.logo{height:50px}
.search-box{display:flex;width:400px;border:2px solid #c8a25a;border-radius:2px;overflow:hidden}
.search-box input{flex:1;border:none;padding:0 12px;outline:none;font-size:14px}
.search-box button{width:80px;background:#c8a25a;color:#fff;border:none;cursor:pointer;font-size:14px}
.cart{font-size:14px;color:#c8a25a}
.mainnav{background:#c8a25a;color:#fff;font-size:15px;height:46px;line-height:46px}
.mainnav .wrap{display:flex;gap:32px}
.mainnav a{padding:0 4px;display:inline-block;color:#fff;position:relative}
.mainnav a.active{font-weight:700}
.mainnav a.active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:#fff}
.banner{line-height:0}
.banner img{width:100%;min-height:220px;object-fit:cover}
.container{width:1200px;margin:0 auto;padding:30px 0 50px}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.product-card{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:transform .15s,box-shadow .15s}
.product-card:hover{transform:translateY(-4px);box-shadow:0 6px 18px rgba(0,0,0,.12)}
.img-wrap{height:220px;display:flex;align-items:center;justify-content:center;background:#fff;padding:12px}
.img-wrap img{max-width:100%;max-height:100%;object-fit:contain}
.info{padding:14px 16px 18px}
.name{font-size:14px;color:#333;line-height:1.45;height:40px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px}
.price{font-size:16px;color:#b93a3a;font-weight:700}
.price::before{content:'¥';font-size:14px;margin-right:2px}
.pagination{display:flex;justify-content:center;gap:8px;margin-top:40px}
.pagination span{display:inline-block;padding:6px 14px;border:1px solid #ddd;background:#fff;color:#666;font-size:14px;border-radius:4px}
.pagination span.active{background:#c8a25a;color:#fff;border-color:#c8a25a}
.pagination span.disabled{color:#bbb}
.footer-top{background:#fff;border-bottom:1px solid #e8e8e8;padding:40px 0}
.footer-top .wrap{display:flex;justify-content:space-around}
.trust-item{display:flex;align-items:center;gap:14px;font-size:18px;color:#333;font-weight:500}
.trust-item .ico{width:56px;height:56px;background:url(sprite.png) no-repeat;background-size:240px 60px}
.trust-item.item1 .ico{background-position:0 0}
.trust-item.item2 .ico{background-position:-60px 0}
.trust-item.item3 .ico{background-position:-120px 0}
.trust-item.item4 .ico{background-position:-180px 0}
.footer-bottom{background:#2a2a2a;color:#aaa;font-size:12px;padding:30px 0 20px;text-align:center;line-height:1.8}
.footer-bottom a{color:#aaa;margin:0 6px}
.footer-bottom .line1{margin-bottom:12px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}
.footer-bottom .sep{margin:0 8px;color:#666}
.gongan-img{height:16px;vertical-align:middle;margin-right:4px}
.records{display:flex;justify-content:center;gap:20px;margin-top:14px}
.record{width:100px;height:38px;background:url(sprite.png) no-repeat;background-size:240px 60px}
.record.r1{background-position:0 -38px}
.record.r2{background-position:-100px -38px}
.record.r3{background-position:-200px -38px}