/* ===== maimu mobile (m.maimu-sh.com) ===== */
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{font-family:"Microsoft YaHei",-apple-system,"Helvetica Neue",Arial,sans-serif;color:#333;background:#f4f4f4;font-size:14px;line-height:1.6;}
img{max-width:100%;display:block;}
a{color:#333;text-decoration:none;}
ul,ol{list-style:none;}
.body-pad{padding-top:50px;}

/* top bar */
.m-top{position:fixed;top:0;left:0;right:0;height:50px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08);z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 12px;}
.m-top .logo{height:30px;}
.m-top .logo img{height:30px;width:auto;}
.m-top .right{display:flex;align-items:center;gap:12px;}
.m-top .m-tel{font-size:13px;color:#d2000b;font-weight:bold;white-space:nowrap;}
.m-menu-btn{width:38px;height:38px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;}
.m-menu-btn span{display:block;width:22px;height:2px;background:#d2000b;border-radius:2px;}

/* drawer */
.m-mask{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:60;display:none;}
.m-mask.show{display:block;}
.m-drawer{position:fixed;top:0;right:0;bottom:0;width:74%;max-width:320px;background:#fff;z-index:70;transform:translateX(100%);transition:transform .28s ease;display:flex;flex-direction:column;}
.m-drawer.show{transform:translateX(0);}
.m-drawer .d-head{height:50px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#d2000b;color:#fff;flex:0 0 auto;}
.m-drawer .d-head .t{font-size:16px;font-weight:bold;}
.m-drawer .d-close{font-size:24px;line-height:1;cursor:pointer;}
.m-drawer .d-nav{flex:1;overflow:auto;}
.m-drawer .d-nav a{display:block;padding:15px 18px;font-size:15px;border-bottom:1px solid #f0f0f0;color:#333;}
.m-drawer .d-nav a.cur{color:#d2000b;font-weight:bold;}
.m-drawer .d-foot{padding:14px 18px;font-size:12px;color:#999;border-top:1px solid #f0f0f0;flex:0 0 auto;}

/* banner */
.m-banner{position:relative;background:#ddd;}
.m-banner .swiper-slide img{width:100%;height:180px;object-fit:cover;}
.m-banner .swiper-pagination{text-align:center;position:relative;margin-top:-22px;}
.m-banner .swiper-pagination-bullet{background:#fff;opacity:.7;width:7px;height:7px;}
.m-banner .swiper-pagination-bullet-active{background:#d2000b;opacity:1;}

/* section */
.m-sec{padding:18px 12px;}
.m-sec-h{display:flex;align-items:baseline;margin-bottom:14px;}
.m-sec-h h2{font-size:18px;color:#222;font-weight:bold;}
.m-sec-h h2 i{display:inline-block;width:4px;height:16px;background:#d2000b;margin-right:8px;vertical-align:-2px;}
.m-sec-h .en{font-size:12px;color:#bbb;margin-left:8px;text-transform:uppercase;}

/* category cards 2x2 */
.m-cats{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.m-cat{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.05);}
.m-cat a{display:block;padding:16px 14px;}
.m-cat .ico{width:40px;height:40px;border-radius:8px;background:#fdecec;color:#d2000b;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:bold;margin-bottom:10px;}
.m-cat .nm{font-size:15px;font-weight:bold;color:#222;}
.m-cat .ds{font-size:12px;color:#999;margin-top:4px;}

/* intro */
.m-intro{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 4px rgba(0,0,0,.05);}
.m-intro p{font-size:13px;color:#666;line-height:1.9;max-height:130px;overflow:hidden;}
.m-intro .more{display:inline-block;margin-top:10px;color:#d2000b;font-size:13px;}

/* cta */
.m-cta{background:#fff;border-radius:8px;padding:18px 16px;text-align:center;box-shadow:0 1px 4px rgba(0,0,0,.05);}
.m-cta .t{font-size:16px;font-weight:bold;color:#222;margin-bottom:6px;}
.m-cta .s{font-size:12px;color:#999;margin-bottom:12px;line-height:1.6;}
.m-cta .btn{display:inline-block;background:#d2000b;color:#fff;padding:10px 28px;border-radius:24px;font-size:14px;}

/* product list */
.m-tabs{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border-bottom:1px solid #eee;position:sticky;top:50px;z-index:20;}
.m-tabs a{flex:0 0 auto;padding:12px 14px;font-size:14px;color:#555;white-space:nowrap;position:relative;}
.m-tabs a.cur{color:#d2000b;font-weight:bold;}
.m-tabs a.cur:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;background:#d2000b;}
.m-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px;}
.m-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.05);}
.m-card a{display:block;}
.m-card .pic{width:100%;aspect-ratio:1/1;background:#f4f4f4;overflow:hidden;}
.m-card .pic img{width:100%;height:100%;object-fit:cover;}
.m-card .info{padding:8px 10px;}
.m-card .ttl{font-size:13px;color:#333;height:36px;overflow:hidden;line-height:1.4;}
.m-card .pr{font-size:12px;color:#999;margin-top:4px;height:32px;overflow:hidden;}

/* pagination */
.m-page{padding:16px 12px;text-align:center;}
.m-page a,.m-page span{display:inline-block;min-width:32px;padding:6px 9px;background:#fff;color:#555;margin:3px;border-radius:4px;font-size:13px;}
.m-page .cur{background:#d2000b;color:#fff;}
.m-page .disabled{color:#ccc;}

/* detail */
.m-detail{padding:12px;}
.m-detail .hero{width:100%;height:220px;object-fit:cover;background:#f4f4f4;border-radius:8px;overflow:hidden;}
.m-detail h1{font-size:18px;color:#222;margin:14px 0 6px;}
.m-detail .sum{font-size:13px;color:#888;line-height:1.7;background:#fff;padding:12px;border-radius:8px;margin-bottom:12px;}
.m-detail .content{background:#fff;padding:14px;border-radius:8px;font-size:14px;color:#555;line-height:1.9;}
.m-detail .content img{max-width:100%;height:auto !important;}
.m-detail .content iframe,.m-pageview .pv-cont iframe{display:block;max-width:100%;width:100%;height:auto;aspect-ratio:16/9;border:0;}
.m-recom{margin-top:16px;}
.m-recom .rh{font-size:15px;font-weight:bold;color:#222;margin-bottom:10px;padding-left:8px;border-left:3px solid #d2000b;}
.m-recom .rlist{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;}
.m-recom .rlist a{display:block;}
.m-recom .rlist .pic{height:80px;overflow:hidden;border-radius:6px;background:#f4f4f4;}
.m-recom .rlist .pic img{width:100%;height:80px;object-fit:cover;}
.m-recom .rlist p{font-size:12px;color:#333;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* single page (about / contact) */
.m-pageview{padding:12px;}
.m-pageview .pv-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.m-pageview .pv-nav a{padding:7px 14px;background:#fff;color:#555;border-radius:18px;font-size:13px;box-shadow:0 1px 3px rgba(0,0,0,.04);}
.m-pageview .pv-nav a.cur{background:#d2000b;color:#fff;}
.m-pageview .pv-cont{background:#fff;border-radius:8px;padding:16px;font-size:14px;color:#555;line-height:1.9;}
.m-pageview .pv-cont img{max-width:100%;height:auto !important;}

/* contact card */
.m-contact{background:#fff;border-radius:8px;padding:16px;margin:12px 0;box-shadow:0 1px 4px rgba(0,0,0,.05);}
.m-contact .row{display:flex;align-items:flex-start;padding:9px 0;border-bottom:1px solid #f4f4f4;font-size:13px;}
.m-contact .row:last-child{border-bottom:none;}
.m-contact .row .k{width:64px;color:#999;flex:0 0 auto;}
.m-contact .row .v{color:#333;flex:1;}
.m-contact .row .v a{color:#d2000b;}

/* footer */
.m-footer{background:#2b2b2b;color:#aaa;padding:18px 12px 26px;font-size:12px;margin-top:12px;}
.m-footer .f-nav{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px;}
.m-footer .f-nav a{color:#ccc;font-size:13px;}
.m-footer .f-line{color:#ccc;line-height:1.9;}
.m-footer .f-line a{color:#d2000b;}
.m-footer .f-copy{color:#777;line-height:1.8;border-top:1px solid #3a3a3a;padding-top:12px;margin-top:10px;}

/* list pagination hidden -> infinite scroll (下拉加载) */
.m-page{display:none !important;}
.m-loadmore{text-align:center;padding:18px 12px;color:#999;font-size:13px;}
.m-loadmore.done{color:#bbb;}
.m-loadmore .spinner{display:inline-block;width:14px;height:14px;margin-right:6px;vertical-align:-2px;border:2px solid #e6e6e6;border-top-color:#d2000b;border-radius:50%;animation:mspin .7s linear infinite;}
@keyframes mspin{to{transform:rotate(360deg);}}

/* m-tabbar 底部导航 2026-09-24 */
.m-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:999;display:flex;background:#fff;border-top:1px solid #e8e8e8;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);}
.m-tabbar .tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:54px;color:#666;text-decoration:none;}
.m-tabbar .tab-item svg{width:22px;height:22px;margin-bottom:3px;stroke:#666;}
.m-tabbar .tab-item span{font-size:11px;line-height:1;}
.m-tabbar .tab-item.active{color:#d70000;}
.m-tabbar .tab-item.active svg{stroke:#d70000;}
body{padding-bottom:60px;}

/* ct 联系页 2026-09-24 */
.ct-hero{background:linear-gradient(135deg,#2b2b34 0%,#3a1013 100%);color:#fff;text-align:center;padding:34px 16px 30px;}
.ct-hero h1{font-size:24px;letter-spacing:4px;}
.ct-hero h1:after{content:"";display:block;width:36px;height:3px;background:#d70000;margin:12px auto 0;border-radius:2px;}
.ct-hero p{font-size:12px;color:#cfcfcf;letter-spacing:1px;margin-top:10px;}
.ct-cards{padding:14px 12px 2px;}
.ct-card{display:flex;align-items:center;background:#fff;border-radius:12px;padding:16px 14px;margin-bottom:12px;box-shadow:0 2px 10px rgba(0,0,0,.05);text-decoration:none;color:inherit;}
.ct-card .ic{width:42px;height:42px;border-radius:50%;background:#fdeaea;display:flex;align-items:center;justify-content:center;flex:0 0 auto;}
.ct-card .ic svg{width:22px;height:22px;stroke:#d70000;}
.ct-card .tx{flex:1;padding:0 12px;min-width:0;}
.ct-card .tx b{display:block;font-size:12px;color:#999;font-weight:normal;margin-bottom:4px;}
.ct-card .tx i{display:block;font-style:normal;font-size:16px;color:#222;font-weight:bold;word-break:break-all;}
.ct-card .go{font-size:12px;color:#d70000;flex:0 0 auto;}
.ct-card .ops{display:flex;gap:8px;align-items:center;flex:0 0 auto;}
.ct-card .ops a,.ct-card .ops button{font-size:12px;color:#fff;background:#d70000;border:none;border-radius:14px;padding:7px 13px;text-decoration:none;cursor:pointer;font-family:inherit;}
.ct-map{position:relative;margin:6px 12px 0;height:220px;border-radius:12px;overflow:hidden;background:#e8eef5;}
.ct-map>div{width:100%;height:100%;}
.ct-map-tag{position:absolute;left:0;right:0;bottom:0;background:rgba(43,43,43,.72);color:#fff;font-size:12px;line-height:32px;text-align:center;letter-spacing:1px;}
.ct-hours{text-align:center;font-size:12px;color:#999;padding:16px 0 8px;}
#ctToast{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.75);color:#fff;font-size:13px;padding:10px 18px;border-radius:20px;z-index:9999;display:none;}