/* Ask index and detail measured against /ask/ and /ask/12160.html. */
.template-ask { font-size:14px; line-height:21px; }
.template-ask .art-fla-bt,.template-ask .art-fla h1.art-fla-bt { height:18px; margin:0; padding:0; color:#e6454a; font-size:16px; line-height:18px; font-weight:700; text-align:left; }
.template-ask .art-fla-bt>span { float:right; font-size:12px; font-weight:400; }
.template-ask .art-fla-bt a { color:#e6454a; }
.template-ask .art-ask { margin:15px 0 0; padding:0; list-style:none; }
.template-ask .art-ask>li { padding:15px 0; border-top:1px solid #f7f8fa; }
.template-ask .art-ask>li:last-child { padding-bottom:0; }
.template-ask .art-askbt { height:20px; margin:0; padding:0; font-size:16px; line-height:20px; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.template-ask .art-askinfo { height:20px; line-height:20px; font-size:12px; color:#a2a2b6; padding-left:5px; }
.template-ask .art-askbody { display:grid; grid-template-columns:minmax(0,580px) 180px; gap:20px; align-items:start; }
.template-ask .art-askbox { margin-top:10px; min-width:0; }
.template-ask .art-askuser { display:flex; align-items:center; gap:5px; height:20px; line-height:20px; font-size:12px; overflow:hidden; white-space:nowrap; }
.template-ask .art-askuser img { width:20px; height:20px; border-radius:50%; object-fit:cover; }
.template-ask .art-askuser span { color:#e6454a; }
.template-ask .art-asktext { margin-top:5px; height:60px; line-height:20px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; overflow-wrap:anywhere; }
.template-ask .art-asktext a { color:#f08200; }
.template-ask .art-asktime { margin-top:5px; height:20px; line-height:20px; font-size:12px; color:#a2a2b6; }
.template-ask .art-askimg { display:block; height:110px; overflow:hidden; }
.template-ask .art-askimg img { display:block; width:100%; height:100%; object-fit:cover; }
.template-ask .ask-empty { padding:30px 0; text-align:center; color:#999; }
.template-ask .pagination { margin:20px 0 0; height:89px; padding:8px 0; font-size:12px; }
.template-ask .pagination ul { gap:4px; margin-top:20px; }
.template-ask .pagination a,.template-ask .pagination .dot { border-radius:0; padding:6px 15px; font-size:14px; line-height:21px; }
.template-ask .art-frc-list { row-gap:10px; }
.template-ask .ask-service-entry .art-ashop-xian,.template-ask .ask-service-entry .art-ashop-list { display:none; }
.template-ask .art-flk,.template-ask .art-flq { padding:15px; background:#fff; min-width:0; overflow:hidden; }
.template-ask .art-flk h1 { height:50px; margin:0; font-size:22px; line-height:50px; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.template-ask .art-flk h1>span { float:left; width:22px; height:22px; margin:14px 5px 0 0; border-radius:3px; background:#e6454a; color:#fff; text-align:center; font-size:14px; line-height:22px; }
.template-ask .art-flk-info { display:flex; gap:10px; margin-top:5px; height:24px; line-height:24px; font-size:12px; color:#a2a2b6; }
.template-ask .art-flk-info span:last-child { margin-left:auto; }
.template-ask .art-flq-user { display:flex; gap:10px; min-height:51px; padding-bottom:10px; border-bottom:1px solid #f7f8fa; }
.template-ask .art-flq-uthumb { width:40px; height:40px; object-fit:cover; border-radius:50%; flex:none; }
.template-ask .art-flq-uinfo { min-width:0; }
.template-ask .art-flq-unike { height:22px; line-height:22px; font-size:12px; color:#c39869; }
.template-ask .art-flq-unike b { margin-right:5px; font-size:14px; color:#333; }
.template-ask .art-flq-utime { height:18px; line-height:18px; color:#a2a2b6; font-size:12px; }
.template-ask .art-flq-text { font-size:15px; line-height:1.5; overflow-wrap:anywhere; }
.template-ask .art-flq-text p { margin-top:10px; text-indent:2em; }
.template-ask .art-flq-text img { display:block; max-width:min(650px,100%); height:auto; margin:10px auto; }
.template-ask .art-flq-text table { max-width:100%; border-collapse:collapse; }
.template-ask .art-flq-text pre { white-space:pre-wrap; }
.template-ask #art-bshop { position:relative; }
.template-ask .art-bshop-abt { height:20px; margin:0; font-size:16px; font-weight:600; line-height:20px; overflow:hidden; }
.template-ask .art-bshop-abt a { color:#e6454a; }
.template-ask .art-bshop-xtu { display:grid; grid-template-columns:250px minmax(0,1fr); gap:20px; height:120px; margin-top:10px; }
.template-ask .art-bshop-ximg { display:block; height:120px; overflow:hidden; }
.template-ask .art-bshop-ximg img { width:100%; height:100%; object-fit:cover; }
.template-ask .art-bshop-alist { min-width:0; overflow:hidden; }
.template-ask .art-bshop-ming { display:flex; gap:5px; height:20px; margin-top:10px; }
.template-ask .art-bshop-ming span { background:#00c1de; color:#fff; font-size:12px; padding:0 5px; border-radius:2px; }
.template-ask .art-bshop-ming span:nth-child(2) { background:#4caf50; }
.template-ask .art-bshop-ming span:nth-child(3) { background:#f60; }
.template-ask .art-bshop-axx { display:flex; flex-wrap:wrap; column-gap:4px; margin-top:10px; line-height:20px; color:#666; font-size:14px; }
.template-ask .art-bshop-axx>span { color:#a2a2b6; }
.template-ask .art-bshop-axx a { color:#e6454a; }
.template-ask .art-bshop-axx .ask-service-phone { font:20px/20px Georgia,"Times New Roman",serif; }
.template-ask .art-bshop-ainfo { position:absolute; right:0; bottom:0; color:#7cabf7; font-size:12px; line-height:13px; }
.template-ask .art-flb-list { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; margin:0; padding:15px 0 0; }
.template-ask .art-flb-img { display:block; height:110px; overflow:hidden; }
.template-ask .art-flb-img img { width:100%; height:100%; object-fit:cover; }
.template-ask .art-flb-bt { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; height:46px; padding:5px 10px; background:#f7f8fa; line-height:18px; overflow:hidden; }
@media(max-width:1200px) and (min-width:901px) {
 .template-ask .art-askbody { grid-template-columns:minmax(0,1fr) 140px; gap:15px; }
}
@media(max-width:900px) {
 .template-ask .art-askbody { grid-template-columns:minmax(0,1fr) 100px; gap:10px; }
 .template-ask .art-askimg { height:100px; margin-top:10px; }
 .template-ask .art-askbt { height:auto; max-height:44px; line-height:22px; white-space:normal; }
 .template-ask .art-askuser span { display:none; }
 .template-ask .art-flk h1 { height:auto; line-height:1.5; white-space:normal; }
 .template-ask .art-flk h1>span { margin-top:5px; }
 .template-ask .art-flk-info { flex-wrap:wrap; height:auto; }
 .template-ask .art-flk-info span:last-child { margin-left:0; }
 .template-ask .pagination { height:auto; min-height:89px; }
 .template-ask .art-bshop-xtu { grid-template-columns:100px minmax(0,1fr); gap:10px; height:auto; }
 .template-ask .art-bshop-ximg { height:150px; }
 .template-ask .art-bshop-ming { gap:3px; flex-wrap:wrap; height:auto; }
 .template-ask .art-bshop-ming span { font-size:10px; }
 .template-ask .art-flb-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:360px) {
 .template-ask .art-askbody { grid-template-columns:minmax(0,1fr) 80px; }
 .template-ask .art-asktime { font-size:10px; }
}