/* Article structure measured from /news/12135.html, 1440px Chrome. */
.template-article { font-size:16px; line-height:20px; }
.template-article a { text-decoration:none; }
.template-article .article-mt15 { margin-top:15px; }
.template-article .article-subnav { display:flex; flex-wrap:wrap; gap:0 5px; padding:10px 15px; margin-top:15px; background:#fff; min-height:55px; }
.template-article .article-subnav a { width:78.5px; height:30px; line-height:30px; margin-top:5px; margin-left:0; background:#f7f8fa; text-align:center; font-size:12px; }
.template-article .article-subnav a:first-child { margin-left:5px; }
.template-article .article-subnav a:hover { background:#e6454a; color:white; }
.template-article .com-dqwz { height:40px; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#e6454a; font-size:12px; }
.template-article .com-dqwz a { color:#333; }
.template-article .article-columns { display:grid; grid-template-columns:minmax(0,810px) minmax(0,370px); gap:20px; align-items:start; }
.template-article .art-fl,.template-article .art-fr { min-width:0; }
.template-article .art-fla,.template-article .art-flb,.template-article .art-next,.template-article .art-flc,.template-article .art-fra,.template-article .art-frb,.template-article .art-frc,.template-article .art-fre { padding:15px; background:#fff; overflow:hidden; }
.template-article .art-fla h1 { margin:0; height:50px; line-height:50px; font-size:22px; font-weight:400; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.template-article .art-fla-info { min-height:26px; padding-bottom:5px; border-bottom:1px solid #f7f8fa; color:#a2a2b6; font-size:12px; line-height:20px; display:flex; gap:10px; flex-wrap:wrap; }
.template-article .art-fla-info .article-views { margin-left:auto; order:2; }
.template-article .art-fla-txt { width:100%; overflow:hidden; overflow-wrap:anywhere; font-size:16px; line-height:20px; }
.template-article .art-fla-txt p { margin:15px 0 0; text-indent:2em; }
.template-article .art-fla-txt h2,.template-article .art-fla-txt h3,.template-article .art-fla-txt h4 { font-size:16px; line-height:20px; margin:15px 0 0; padding:0; border:0; text-indent:2em; }
.template-article .art-fla-txt ul,.template-article .art-fla-txt ol { padding-left:2em; margin-top:15px; list-style:disc; }
.template-article .art-fla-txt ol { list-style:decimal; }
.template-article .art-fla-txt img { display:block; max-width:min(650px,100%); height:auto; margin:15px auto; }
.template-article .art-fla-txt table { max-width:100%; border-collapse:collapse; }
.template-article .art-fla-txt td,.template-article .art-fla-txt th { border:1px solid #eee; padding:5px; }
.template-article .art-fla-txt pre { white-space:pre-wrap; }
.template-article .art-frbt { font-size:16px; font-weight:700; line-height:18px; height:18px; margin:0; color:#e6454a; }
.template-article .article-image { display:block; position:relative; overflow:hidden; }
.template-article .article-image img { display:block; width:100%; min-height:100%; height:auto; max-width:none; }
.template-article .art-fra-a { width:100%; height:199px; margin-top:15px; }
.template-article .art-fra-abt { position:absolute; bottom:0; left:0; width:100%; height:30px; padding:0 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:#0008; color:#fff; line-height:30px; }
.template-article .art-fra-b { margin:7px 0 0; padding:0; list-style:none; }
.template-article .art-fra-b li { display:flex; gap:5px; align-items:center; height:32px; line-height:32px; }
.template-article .art-fra-b li a { min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.template-article .article-rank { flex:none; width:30px; height:20px; line-height:20px; text-align:center; background:#ccc; color:#fff; font-size:13px; }
.template-article .art-fra-b li:nth-child(1) .article-rank { background:#fd0100; }
.template-article .art-fra-b li:nth-child(2) .article-rank { background:#e6454a; }
.template-article .art-fra-b li:nth-child(3) .article-rank { background:#666; }
.template-article .art-frb-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:15px 10px; margin:15px 0 0; padding:0; }
.template-article .art-frb-list .article-image { height:90px; }
.template-article .art-frb-bt { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; height:46px; padding:5px; background:#f7f8fa; overflow:hidden; font-size:12px; line-height:18px; }
.template-article .art-frd { padding:10px 15px; background:#fff; }
.template-article .art-frd-list { margin:10px 0 0; padding:0; }
.template-article .art-frd-list li { margin-top:15px; }
.template-article .art-frd-q { display:block; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.template-article .art-frd-q b,.template-article .art-frd-a b { float:left; font-weight:400; width:22px; height:22px; line-height:22px; text-align:center; font-size:12px; margin:4px 5px 0 0; border-radius:3px; background:#e6454a; color:#fff; }
.template-article .art-frd-a { display:flex; gap:5px; height:44px; overflow:hidden; color:#a2a2b6; line-height:22px; }
.template-article .art-frd-a b { flex:none; background:#c39869; margin-right:0; }
.template-article .art-frd-a>span { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; font-size:12px; }
.template-article .article-service-ad { display:block; position:relative; height:340px; overflow:hidden; }
.template-article .article-service-ad>img { width:100%; height:100%; object-fit:cover; }
.template-article .article-service-ad>span { position:absolute; left:0; right:0; bottom:0; padding:12px; text-align:center; background:#fffE; }
.template-article .article-service-ad strong,.template-article .article-service-ad b,.template-article .article-service-ad em { display:block; font-style:normal; }
.template-article .article-service-ad strong { color:#e6454a; font-size:24px; line-height:36px; }
.template-article .article-service-ad b { color:#666; font-size:14px; font-weight:400; line-height:24px; }
.template-article .article-service-ad em { color:#ff6a00; font-size:26px; line-height:34px; }
.template-article .article-service-ad small { position:absolute; right:0; top:0; font-size:10px; color:#fff; background:#9998; padding:0 3px; }
.template-article .art-frc-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 10px; margin:15px 0 0; padding:0; }
.template-article .art-frc-list a { display:block; padding:0 10px; height:32px; line-height:32px; font-size:12px; color:#a2a2b6; background:#f5f5f5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.template-article .art-frc-list a:hover { background:#e6454a; color:#fff; }
.template-article #art-ashop { display:grid; grid-template-columns:minmax(0,610px) 120px; gap:0 20px; padding:20px 15px; background:#fff0e5; position:relative; }
.template-article .art-shop-box { display:flex; min-width:0; gap:10px; }
.template-article .art-ashop-tj { width:100px; height:142px; flex:none; }
.template-article .art-ashop-tj img { width:100%; height:100%; object-fit:cover; }
.template-article .art-shop-details { min-width:0; }
.template-article .art-shop-details h2 { font-size:16px; font-weight:700; line-height:30px; margin:0; color:#e6454a; }
.template-article .art-shop-details h2 a { color:inherit; }
.template-article .art-shop-details p { margin-top:8px; line-height:20px; color:#444; font-size:14px; }
.template-article .art-shop-details p>span { color:#a2a2b6; }
.template-article .art-ashop-phone { font:20px/20px Georgia,"Times New Roman",serif; color:#e6454a; }
.template-article .art-ashop-btn { display:grid; align-content:center; gap:10px; }
.template-article .art-ashop-btn a { height:40px; line-height:40px; color:#fff; background:#f60; text-align:center; border-radius:5px; font-size:16px; font-weight:700; }
.template-article .art-ashop-xian { grid-column:1/-1; height:1px; background:#fff; margin:15px 0; }
.template-article .art-ashop-list { grid-column:1/-1; display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:6px; }
.template-article .art-ashop-list a { position:relative; aspect-ratio:1; overflow:hidden; }
.template-article .art-ashop-list img { display:block; width:100%; height:100%; object-fit:cover; }
.template-article .art-ashop-list span { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; background:#0006; color:#fff; font-size:14px; }
.template-article .art-ashop-ainfo { position:absolute; right:2px; bottom:2px; font-size:10px; line-height:13px; color:#7cabf7; }
.template-article .art-next { display:flex; justify-content:space-between; gap:20px; padding:10px 15px; }
.template-article .art-next>div { width:48%; line-height:32px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.template-article .art-next>div:last-child { text-align:right; }
.template-article .art-next span { color:#a2a2b6; }
.template-article .art-flc-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 4%; margin:10px 0 0; padding:0; }
.template-article .art-flc-list li { height:33px; line-height:32px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.template-article .art-flc-list li::before { content:'·'; color:#dedede; margin-right:5px; }
@media(max-width:1100px) and (min-width:901px) {
  .template-article .article-columns { grid-template-columns:minmax(0,1fr) 300px; }
  .template-article #art-ashop { grid-template-columns:minmax(0,1fr); }
  .template-article .art-ashop-btn { grid-template-columns:1fr 1fr; margin-top:12px; }
  .template-article .art-ashop-list { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .template-article .article-service-ad { height:270px; }
}
@media(max-width:900px) {
  .template-article .article-subnav { flex-wrap:nowrap; overflow:auto; padding:10px; }
  .template-article .article-subnav a { flex:none; }
  .template-article .article-columns { display:block; }
  .template-article .art-fr { margin-top:15px; }
  .template-article .art-fla h1 { height:auto; line-height:1.5; white-space:normal; font-size:21px; padding-bottom:12px; }
  .template-article .art-fla-info .article-views { margin-left:0; }
  .template-article #art-ashop { grid-template-columns:minmax(0,1fr); }
  .template-article .art-ashop-tj { width:70px; height:105px; }
  .template-article .art-shop-details h2 { line-height:24px; }
  .template-article .art-ashop-btn { grid-template-columns:1fr 1fr; margin-top:15px; }
  .template-article .art-ashop-list { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .template-article .art-ashop-list span { font-size:12px; }
  .template-article .art-next { flex-direction:column; gap:0; }
  .template-article .art-next>div { width:100%; }
  .template-article .art-next>div:last-child { text-align:left; }
  .template-article .art-flc-list { grid-template-columns:1fr; }
}