/* Search structure measured from /search/空调/: 810px list, 20px gap, 370px sidebar. */
.search-template { width:100%; font-size:14px; line-height:21px; }
.search-template :where(section,aside,ul,ol,li,div,a,p,h1,h2,nav) { min-width:0; }
.search-template img { display:block; }
.search-breadcrumb { display:flex; align-items:center; gap:4px; height:40px; font-size:12px; color:#a2a2b6; overflow:hidden; white-space:nowrap; }
.search-breadcrumb a { color:#a2a2b6; }
.search-breadcrumb i { color:#e6454a; font-style:normal; }
.search-breadcrumb span:last-child { color:#e6454a; overflow:hidden; text-overflow:ellipsis; }
.search-layout { display:grid; grid-template-columns:810px 370px; gap:20px; align-items:start; }
.search-panel { padding:15px; background:#fff; }
.search-tabs { display:flex; align-items:center; height:41px; border-bottom:1px solid #e2e2e2; }
.search-tabs button { position:relative; border:0; background:none; padding:0 20px; height:40px; line-height:40px; font-size:14px; color:#333; cursor:pointer; flex-shrink:0; }
.search-tabs button.active { color:#e6454a; }
.search-tabs button.active::after { content:''; position:absolute; left:0; right:0; bottom:-1px; height:2px; background:#e6454a; }
.search-count { display:none; }
.search-tab-panel[hidden] { display:none; }
.search-results>li { padding:15px 0; border-top:1px solid #f7f8fa; }
.search-result-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; height:20px; line-height:20px; font-size:16px; }
.search-result-heading a { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.search-result-heading time { flex-shrink:0; color:#a2a2b6; font-size:12px; }
.search-result-image { display:block; width:250px; max-width:100%; height:120px; margin-top:10px; overflow:hidden; }
.search-result-image img { width:100%; min-height:100%; object-fit:cover; }
.search-question-results>li>p { font-size:14px; color:#666; line-height:22px; margin-top:10px; }
.search-answer-link { display:inline-block; color:#e6454a; font-size:12px; margin-top:8px; }
.search-empty { color:#999; font-size:14px; padding:30px 0; text-align:center; }
.search-empty p { margin-top:12px; }
.search-empty a { color:#e6454a; }
.search-service-card { display:flex; align-items:center; gap:15px; min-height:182px; position:relative; padding:20px 15px; background:#fff0e5; }
.search-service-card>img { width:100px; height:142px; object-fit:cover; object-position:right; }
.search-service-card>div { flex:1; min-width:0; }
.search-service-card strong { display:block; font-size:16px; color:#e6454a; line-height:30px; }
.search-service-card p { margin-top:10px; color:#666; font-size:14px; line-height:20px; }
.search-service-card p a { color:#e6454a; font:20px Georgia,serif; }
.search-service-button { width:120px; flex-shrink:0; border-radius:5px; line-height:40px; background:#f60; color:white; text-align:center; font-size:16px; font-weight:700; }
.search-service-button:hover { color:white; opacity:.9; }
.search-service-card small { position:absolute; bottom:2px; right:2px; color:#7cabf7; font-size:12px; }
.search-sidebar { display:grid; gap:15px; }
.search-side-panel { width:100%; padding:15px; background:#fff; }
.search-side-panel h2 { height:18px; line-height:18px; color:#e6454a; font-size:16px; font-weight:700; }
.search-ranked-feature { display:block; height:199px; margin-top:15px; overflow:hidden; position:relative; }
.search-ranked-feature img { width:100%; min-height:100%; object-fit:cover; }
.search-ranked-feature span { position:absolute; left:0; bottom:0; width:100%; padding:0 10px; height:30px; line-height:30px; font-size:14px; color:white; background:#0008; white-space:nowrap; overflow:hidden; text-align:center; }
.search-ranked-list { margin-top:7px; }
.search-ranked-list li { display:flex; align-items:center; gap:5px; height:32px; line-height:32px; overflow:hidden; }
.search-ranked-list b { flex-shrink:0; width:30px; height:20px; line-height:20px; font-size:13px; font-weight:400; text-align:center; color:white; background:#ccc; }
.search-ranked-list li:first-child b { background:#fd0100; }
.search-ranked-list li:nth-child(2) b { background:#e6454a; }
.search-ranked-list li:nth-child(3) b { background:#666; }
.search-ranked-list a { flex:1; white-space:nowrap; overflow:hidden; }
.search-ranked-list span { flex-shrink:0; font-size:12px; color:#a2a2b6; }
.search-side-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:15px 10px; margin-top:15px; }
.search-side-grid li { overflow:hidden; }
.search-side-grid img { width:100%; height:90px; object-fit:cover; }
.search-side-grid p { height:46px; line-height:18px; padding:5px; overflow:hidden; font-size:12px; background:#f7f8fa; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.search-side-asks li { margin-top:15px; }
.search-side-asks a { display:block; height:30px; line-height:30px; white-space:nowrap; overflow:hidden; }
.search-side-asks b { display:inline-block; width:22px; height:22px; line-height:22px; border-radius:3px; font-size:12px; font-weight:400; color:white; background:#e6454a; text-align:center; margin-right:5px; }
.search-side-asks p { font-size:12px; line-height:22px; max-height:44px; overflow:hidden; color:#a2a2b6; }
.search-side-asks p b { background:#c39869; }
.search-sidebar-ad { padding:15px; background:#fff; }
.search-sidebar-ad .service-banner { width:100%; }
.search-related { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:5px 10px; margin-top:15px; }
.search-related a { display:block; height:32px; padding:0 10px; line-height:32px; background:#f5f5f5; color:#a2a2b6; font-size:12px; white-space:nowrap; overflow:hidden; }
.search-related a:hover { background:#e6454a; color:white; }
.search-template .pagination { margin:20px 0 0; }
.search-template .pagination a,.search-template .pagination .dot { border-radius:0; }
.search-template .search-family-service { display:grid; grid-template-columns:minmax(0,610px) 120px; gap:0 20px; padding:20px 15px; background:#fff0e5; position:relative; }
.search-template .ask-service-entry #art-ashop { grid-template-columns:minmax(0,610px) 120px; }
.desktop-search-question-date { display:none; }
@media(min-width:768px) {
  .search-template #search-asks .art-ask { margin-top:0; }
  .search-template #search-asks .ask-entry { position:relative; padding:15px 0; }
  .search-template #search-asks .art-askbt { height:20px; padding-right:50px; font-size:16px; line-height:20px; font-weight:400; }
  .search-template #search-asks .desktop-search-question-date { display:block; position:absolute; top:15px; right:0; color:#a2a2b6; font-size:12px; line-height:20px; }
  .search-template #search-asks .art-askinfo,.search-template #search-asks .art-askbox { display:none; }
  .search-template #search-asks .art-askbody { display:block; }
  .search-template #search-asks .art-askimg { display:block; width:250px; height:120px; margin-top:10px; }
}
@media (max-width:1250px) {
  .search-layout { grid-template-columns:minmax(0,810fr) minmax(0,370fr); }
  .search-service-card { gap:10px; }
  .search-service-card>img { width:75px; }
  .search-service-button { width:100px; font-size:14px; }
}
@media (max-width:900px) {
  .search-layout { grid-template-columns:minmax(0,1fr); }
  .search-tabs button { padding:0 12px; }
  .search-count { font-size:11px; }
  .search-result-heading { font-size:15px; }
  .search-service-card { flex-wrap:wrap; }
  .search-service-card>img { width:75px; height:100px; }
  .search-service-card>div { flex-basis:calc(100% - 100px); }
  .search-service-card strong { font-size:14px; }
  .search-service-card p { font-size:12px; }
  .search-service-button { margin-left:85px; }
}