/* =========================================================
   css/ask.css · L4 问答详情层（PC）：问答页组件（askcontent/answer_list/similarity 等）｜链序：pcneiye 之后、layout 之前
   ========================================================= */
.clearfix:after {content:"";display:block;height:0;clear:both;visibility:hidden}

.clearfix {zoom:1}

em {font-style:normal}

sub,sup {vertical-align:baseline}

.main {/*width:1000px;*/margin:0 auto 20px;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex}

.main .main_left {float:left;width:896px;margin-right:30px}

.main .main_left>div:last-child {margin-bottom:0}

.main .main_right {float:left;width:300px}



.reserved h3,.splendid span:first-child {border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5}

.related_r span em,.reserved h3 {float:left;color:#333;font-size:16px}

.reserved {float:left;width:100%;overflow:hidden;margin-bottom:20px}

.reserved h3 {
box-sizing:border-box;background:#f8f8f8;height:45px;line-height:45px;width:100%;text-indent:15px;
}

.related_r {float:left;width:100%;margin-bottom:20px}

.related_r span em {margin-left:15px}

.related_r ul,.related_r ul li {float:left;box-sizing:border-box}

.related_r ul {width:100%;border:1px solid #e5e5e5;border-top:0;padding:10px 0}

.related_r ul li {height:42px;line-height:42px;width:260px;margin:0 20px;border-bottom:1px dotted #e5e5e5}

.related_r ul li a {float:left;width:100%;overflow:hidden;font-size:14px;color:#333;background:url(../images/q.png) left center no-repeat;background-size:17px 19px;text-indent:25px}

.related_r ul li a:hover {color:#3ca3f7}

.related_r ul li:last-child {border-bottom:none}



.askcontent {
float:left;box-sizing:border-box;padding:23px 0 20px;
}

.askcontent .title {float:left;width:620px;}

.askcontent .title em {float:left;width:60px;height:22px;line-height:22px;background:#5cd38b;border-radius:50px;text-align:center;color:#fff;font-size:14px}

.askcontent .title em.no {background:#ff9800;}

.askcontent .title h1 {color:#333;font-size:18px;float:right;width:540px;line-height:28px;margin-top:-2px;overflow:hidden}

.askcontent .info {float:left;width:620px;margin:15px 0px 17px}

.askcontent .info em {float:left;color:#aaa;font-size:12px}

.askcontent .info em:after {content:"|";margin:0 8px}

.answer_list div .doc_list:before,.askcontent .info em:last-child:after,.similarity ul li:before,.tab_list ul li:before {content:""}

.askcontent .info em:last-child:after {margin:0}

.askcontent .info em:last-child {color:#3ca3f7}

.askcontent .info em:nth-child(3) {background:url(../images/eay.png) left center no-repeat;background-size:16px 12px;text-indent:20px}

.askcontent div {float:left;width:100%;background:#f7f7f7;border-radius:5px;padding-top:15px;padding-bottom: 15px;}



.askcontent div.jianddiv span {
width:95%;padding-bottom:25px;display:block;margin:0 10px 10px;
}

.askcontent div span strong {float:left;color:#777;font-size:14px}

.askcontent div span em {color:#3ca3f7;font-size:14px;float:left}

.askcontent div span em p {color:#777;font-size:14px;margin-top:2px;display:inline}

.askcontent .tag {float:left;width:620px;margin:0 25px;height:45px;line-height:45px;background:url(../images/tag.png) left center no-repeat;background-size:16px 16px;padding-left:30px;font-size:0}

.askcontent .tag a {font-size:14px;color:#777;margin-right:15px}

.askcontent .tag a:hover {color:#3ca3f7;text-decoration:underline!important}

.similarity {width:100%;border:1px solid #e5e5e5;box-sizing:border-box;margin-bottom:20px;margin-top:10px;}

.similarity h3 {float:left;margin:20px 20px 15px;font-size:18px}

.similarity ul {margin:0px 20px 10px;padding-top: 10px;}

.similarity ul li {width:100%;margin-bottom:10px;margin-right:2%;position:relative}

.similarity ul li a {float:left;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#3ca3f7;font-size:14px;text-indent:15px}

.similarity ul li .sdesc {color:#333;font-size:13px;text-indent:15px}

.similarity ul li .sdesc span{color:#999;font-size:12px;text-indent:2px}

.answer_list h2,.best_answer h2 {text-indent:44px;line-height:32px}

.similarity ul li:before {background:#ccc;width:5px;height:5px;border-radius:50%;display:inline-block;position:absolute;left:0;top:12px}

.best_answer {float:left;width:100%;border:1px solid #e5e5e5;box-sizing:border-box;margin-bottom:20px}

.best_answer h2 {float:left;width:100%;height:32px;position:relative;margin-top:13px;font-size:18px}

.best_answer h2 i {position:absolute;left:-5px;top:0;background:url(../images/best_answer_icon.png) no-repeat;background-size:32px 37px;display:inline-block;width:32px;height:37px}

.best_answer h2 em {font-size:14px;color:#777;float:right;height:32px;line-height:32px;margin-right:20px}

.best_answer h2 em strong {color:#ff9233;margin:0 3px}

.best_answer .answer {float:left;/*width:610px;*/margin:0 30px;padding-top:15px}

.best_answer .answer span {/*width:600px;*/margin:0 0 10px}

.best_answer .answer span strong {float:left;color:#777;font-size:14px}

.best_answer .answer span em {color:#3ca3f7;font-size:14px;}

.best_answer .answer span em p {color:#777;font-size:14px;margin-top:2px;text-indent:2em;line-height:28px;}

.best_answer .doc {float:left;width:92%;margin:0 20px 20px;background:#f4fbfe;border-top:1px solid #e5e5e5;box-sizing:border-box;position:relative}

.best_answer .doc .header {float:left;width:72px;height:72px;display:inline-block;position:relative;border-radius:50%;overflow:hidden;margin:10px;background-color:#f8f8f8}

.best_answer .doc .header img {position:absolute;left:0;top:0;width:100%}

.best_answer .doc span {display:block;margin-top:15px}

.best_answer .doc span sub,.best_answer .doc span sub a {font-size:14px;color:#333}

.best_answer .doc span sup {font-size:14px;color:#999;margin-left:10px}

.best_answer .doc span sup a {font-size:14px;color:#999}

.best_answer .doc em {display:block;color:#3ca3f7;font-size:14px;margin-top:5px}

.best_answer .doc em a,.best_answer .doc em a:hover {color:#3ca3f7!important}

.best_answer .doc strong {display:block;color:#aaa;font-size:12px;margin-top:2px}

.best_answer .doc .search {position:absolute;width:100px;height:32px;background:#3ca3f7;text-align:center;color:#fff;line-height:32px;border-radius:3px;right:18px;top:18px}

.best_answer .doc p {position:absolute;right:8px;width:120px;bottom:18px;font-size:12px;color:#aaa;text-align:center}

.best_answer .doc p b {color:#ff9233;font-weight:400}

.answer_list {float:left;width:100%;border:1px solid #e5e5e5;box-sizing:border-box;margin-bottom:20px}

.answer_list h2 {height:32px;position:relative;margin-top:13px;font-size:18px}

.answer_list h2 i {position:absolute;left:-5px;top:0;background:url(../images/answer_list_icon.png) no-repeat;background-size:32px 37px;display:inline-block;width:32px;height:37px}


.answer_list div .doc_list {margin:0 20px;position:relative;clear:both}

.answer_list div .doc_list .header {float:left;width:72px;height:72px;display:inline-block;position:relative;border-radius:50%;overflow:hidden;margin:10px;background-color:#f8f8f8}

.answer_list div .doc_list .header img {position:absolute;left:0;top:0;width:100%}

.answer_list div .doc_list span {display:block;margin-top:2px}

.answer_list div .doc_list span sub,.answer_list div .doc_list span sub a {font-size:14px;color:#333}

.answer_list div .doc_list span sup {font-size:14px;color:#999;margin-left:10px}

.answer_list div .doc_list span sup a {font-size:14px;color:#999}

.answer_list div .doc_list em {display:block;color:#3ca3f7;font-size:14px;margin-top:5px}

.answer_list div .doc_list em a:hover {color:#3ca3f7!important}

.answer_list div .doc_list strong {display:block;color:#aaa;font-size:12px;margin-top:2px}

.answer_list div .doc_list .search {display:inline-block;width:100px;height:32px;background:#3ca3f7;text-align:center;color:#fff;line-height:32px;border-radius:3px;right:18px;top:28px}

.answer_list div .doc_list p {position:absolute;right:8px;width:120px;bottom:18px;font-size:12px;color:#aaa;text-align:center}

.answer_list div .doc_list p b {color:#ff9233;font-weight:400}

.answer_list div .doc_list:before {float:left;width:100%;border-top:1px dotted #e5e5e5;box-sizing:border-box;margin-bottom:10px}

.answer_list div .doc_list:first-child:before {border:0;height:0}

.answer_list div .doc_answer {float:left;width:83%;margin:10px 20px 15px;position:relative}

.answer_list div .doc_answer i {width:0;height:0;border-width:0 9px 9px;border-style:solid;border-color:transparent transparent #f7f7f7;position:absolute;top:-9px;left:30px}

.answer_list div .doc_answer p {float:left;width:100%;color:#777;font-size:14px;line-height:24px;background:#f7f7f7;padding:10px 15px;border-radius:5px}

.answer_list div .doc_answer p em {color:#3ca3f7;font-size:14px}

.answer_list div .doc_answer strong {float:left;font-size:12px;color:#aaa;margin-top:10px}

/* B3：问答结构语义化——.aspan 取代原 span>em>p 无效嵌套，样式与原 .answer span 系列等价 */
.best_answer .answer .aspan {/*width:600px;*/margin:0 0 10px}
.best_answer .answer .aspan em {color:#3ca3f7;font-size:14px;}
.best_answer .answer .aspan p {color:#777;font-size:14px;margin-top:2px;text-indent:2em;line-height:28px;}


/* B6余项：回答区按钮内联样式收编（特异性压过 (0,3,0) 基础规则） */
.best_answer .doc a.search.srk, .answer_list div .doc_list a.search.srk {right: 128px;}
.best_answer .doc a.search.szx, .answer_list div .doc_list a.search.szx {background: #f60;}