*{box-sizing:border-box;margin:0;padding:0}
body{font:14px/1.7 "Microsoft YaHei","PingFang SC",sans-serif;background:#f5f5f5;color:#333}
a{color:#333;text-decoration:none}
a:hover{color:#ff6700}
ul,ol{list-style:none}
img{border:0;max-width:100%}
.wrapper{width:1226px;margin:0 auto}
.clearfix:after{clear:both;content:"";display:block;height:0;visibility:hidden}

#header{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08);position:relative;z-index:20}
.header-line .wrapper{display:flex;align-items:center;height:80px;gap:20px}
.logo{flex:0 0 auto;max-width:200px}
.logo .mark{font-size:26px;font-weight:700;color:#ff6700;letter-spacing:1px}
.main-nav{flex:1;min-width:0;overflow:hidden}
.main-nav ul.main{display:flex;flex-wrap:wrap;gap:0;justify-content:center}
.main-nav li a{display:block;padding:0 14px;height:40px;line-height:40px;font-size:15px;white-space:nowrap}
.main-nav li.current a,.main-nav li a:hover{color:#ff6700}
.search{flex:0 0 260px}
.search form{display:flex;border:1px solid #e5e5e5}
.search input{flex:1;border:0;outline:0;height:36px;padding:0 10px}
.search button{border:0;background:#ff6700;color:#fff;width:64px;cursor:pointer}

.n-hero{background:#222;margin-bottom:20px}
.n-hero .wrapper{padding:0}
.n-hero img{display:block;width:100%;height:320px;object-fit:cover}
.n-hero.slim img{height:180px}
.n-hero a{display:block}

.n-home,.n-page{padding:20px 0 40px}
.n-block{margin-bottom:28px}
.n-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid #e8e8e8}
.n-hd h2{font-size:22px;font-weight:400;margin:0}
.n-hd a{color:#999;font-size:13px}
.n-crumb{color:#999;font-size:12px;margin-bottom:16px}
.n-crumb span{margin:0 6px;color:#ccc}
.n-title{text-align:center;font-size:28px;font-weight:400;margin:10px 0 20px}
.n-tabs{text-align:center;margin-bottom:24px}
.n-tabs a{display:inline-block;margin:0 8px;padding:6px 18px;border:1px solid #ddd;border-radius:2px;color:#666;font-size:13px}
.n-tabs a.on,.n-tabs a:hover{border-color:#ff6700;color:#ff6700}

.n-cards{display:flex;flex-wrap:wrap;margin:0 -10px}
.n-cards li{width:25%;padding:0 10px 20px}
.n-cards.cols-3 li{width:33.333%}
.n-cards .card{display:block;background:#fff;height:100%;transition:box-shadow .2s}
.n-cards .card:hover{box-shadow:0 4px 16px rgba(0,0,0,.1)}
.n-cards .thumb{height:160px;overflow:hidden;background:#eee}
.n-cards .thumb img{width:100%;height:160px;object-fit:cover;display:block}
.n-cards .txt{padding:14px 14px 16px}
.n-cards h3{font-size:15px;font-weight:600;line-height:1.4;max-height:2.8em;overflow:hidden;margin:0 0 8px}
.n-cards p.pname{color:#666;font-size:13px;line-height:1.5;max-height:1.5em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin:0}
.n-cards .date{display:block;margin-top:10px;color:#bbb;font-size:12px}
.ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:160px;font-size:42px;color:#ff6700;background:#f7f7f7}
.ph.sm{min-height:60px;height:60px;width:60px;font-size:22px}

.n-pager{text-align:center;padding:10px 0 20px}
.n-pager a,.n-pager span{display:inline-block;margin:0 4px;padding:4px 12px;border:1px solid #e5e5e5;background:#fff}
.n-pager .on{background:#ff6700;border-color:#ff6700;color:#fff}
.n-empty{text-align:center;color:#999;padding:60px 0}

.n-detail{padding:20px 0 40px}
.n-main{float:left;width:900px}
.n-side{float:right;width:290px}
.n-article{background:#fff;padding:30px 36px 40px;margin-bottom:20px}
.n-article h1{font-size:26px;font-weight:600;line-height:1.4;margin:0 0 12px;text-align:center}
.n-article .meta{text-align:center;color:#999;font-size:13px;margin-bottom:20px}
.n-article .meta span{margin:0 10px}
.n-article h2.lead{color:#666;font-size:15px;font-weight:400;line-height:1.7;margin:0 0 18px;padding-bottom:14px;border-bottom:1px dashed #eee}
.n-article .body{font-size:15px;line-height:1.9;word-break:break-word}
.n-article .body p{margin:0 0 1em}
.n-article .body img{max-width:100%;height:auto}
.n-gallery{margin-top:20px}
.n-gallery p{margin:0 0 10px;text-align:center}
.n-tags{margin-top:24px;padding-top:16px;border-top:1px solid #f0f0f0;font-size:13px;color:#666}
.n-tags a{display:inline-block;margin:0 8px 6px 0;padding:2px 10px;background:#f5f5f5;border-radius:2px}

.n-goods-box{margin:24px 0;padding:16px;background:#fafafa;border:1px solid #eee}
.n-goods-box .g-item{display:flex;gap:16px;align-items:center}
.n-goods-box img,.n-goods-box .ph{width:120px;height:120px;object-fit:cover;flex:0 0 120px}
.n-goods-box .g-info{flex:1;min-width:0}
.n-goods-box h3{font-size:16px;margin:0 0 6px}
.n-goods-box .shop{color:#999;font-size:12px;margin:0 0 6px}
.n-goods-box .price{color:#c00;font-size:20px;font-weight:700;margin:0 0 6px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.n-goods-box .price em{font-style:normal;font-size:14px}
.n-goods-box .price b{font-weight:700}
.n-goods-box .price del.origin{color:#999;font-size:13px;font-weight:400;text-decoration:line-through}
.n-goods-box .stats{color:#999;font-size:12px;margin:0}
.n-goods-box .btn{flex:0 0 auto;display:inline-block;background:#ff6700;color:#fff;padding:10px 22px;font-size:14px;white-space:nowrap;align-self:center}

.side-box{background:#fff;padding:16px;margin-bottom:16px}
.side-box h2{font-size:16px;font-weight:600;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid #eee}
.side-cats li{line-height:34px;border-bottom:1px dashed #f0f0f0}
.side-hot li{margin-bottom:12px}
.side-hot a{display:flex;gap:10px}
.side-hot .t{flex:0 0 60px;width:60px;height:60px;overflow:hidden;background:#f5f5f5}
.side-hot .t img{width:60px;height:60px;object-fit:cover}
.side-hot h3{font-size:13px;font-weight:500;margin:0 0 4px;line-height:1.35;max-height:2.7em;overflow:hidden}
.side-hot p{font-size:12px;color:#999;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

#footer{background:#2b2b2b;color:#999;padding:28px 0;margin-top:20px}
.foot-links{margin-bottom:12px}
.foot-links a{color:#bbb;margin-right:16px;font-size:13px}
.foot-inner .copy{font-size:12px}
.foot-inner .note{margin-top:8px;font-size:12px;color:#777}
.n-tagcloud a{display:inline-block;margin:0 8px 10px 0;padding:4px 12px;background:#fff;border:1px solid #eee;font-size:13px}

@media(max-width:1260px){
.wrapper{width:96%}
.n-main{width:70%}
.n-side{width:28%}
.n-cards li{width:50%}
}