/*
	引用当前样式的，有如下页面：
	newHouseQA.html
*/
.dialoguebox{background: #fff; padding-top: 1rem;}
.dialoguebox .morebox{margin-top: 1.6rem;}
.dialogue-list{padding: 0 1.2rem; font-size: 1.5rem; color: #9c9fa1;}
.dialogue-list li{padding: 1.2rem 0; border-bottom: 1px solid #e8e8e8;}
.dialogue-head{}
.dialogue-head h2{font-size: 1.6rem; font-weight: 600; line-height: 2.2rem;}
.dialogue-head .question{display: block; line-height: 2.2rem; padding-left: 2.5rem; background: url(../images/icon_question.png) left 0.1rem no-repeat; background-size: 2.1rem;}
.dialogue-head .question.noicon{padding-left: 0; background: none !important;}
.dialogue-head .question .key{color: #e93b3d; font-weight: 600;}
.search-result .dialogue-head .question{font-size: 1.6rem; font-weight: 600;}
.dialogue-title{padding: 0 1.2rem;}
.dialogue-title h2{font-size: 1.6rem; line-height: 4rem; border-bottom: 1px solid #e8e8e8;}
.dialogue-title .key{color: #e93b3d; padding: 0 0.3rem;}

.dialogue-body{margin-top: 1rem;}
.dialogue-body .answer{display: block; line-height: 2.2rem; padding-left: 2.5rem; background: url(../images/icon_answer.png) left 0.1rem no-repeat; background-size: 2.1rem;}
.dialogue-head .question.altitude-limit, .dialogue-body .answer.altitude-limit{max-height: 4.4rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.answerbox{font-size: 1.3rem; color: #9c9fa1;}
.answer-from{position: relative; padding-left: 2.5rem; min-height: 2rem; line-height: 2rem; }
.answer-from .avatar{position: absolute; top: 0; left: 0; display: block; width: 2rem; height: 2rem; border-radius: 50%; overflow: hidden;}
.answer-from .avatar img{width: 2rem; height: 2rem;}
.answer-from .name{margin-right: 0.3rem; color: #9c9fa1;}
.answer-say{line-height: 2rem; margin-top: 0.5rem;}
.answer-say.altitude-limit{ max-height: 4rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}

.dialogue-foot{position: relative; min-height: 2.6rem; line-height: 2.6rem; margin-top: 1rem; font-size: 1.3rem; color: #9c9fa1;}
.dialogue-foot .count{position: absolute; top: 0; right: 0; display: inline-block; padding-left: 2.2rem; color: #9c9fa1; background: url(../images/icon_dialogue.png) left center no-repeat; background-size: 1.8rem; }
.dialogue-tag{}
.dialogue-tag .tag{display: inline-block; height: 2rem; line-height: 2rem; padding: 0 0.4rem; background: #f2f3f5; color: #9c9fa1; border-radius: 0.2rem; margin: 0.3rem 0.6rem 0.3rem 0;}

.dialogue-other{position: relative; padding-top: 1rem; margin-top: 1rem; line-height: 2rem; min-height: 2rem; border-top: 1px solid #e8e8e8; font-size: 1.3rem; color: #9c9fa1;}
.dialogue-other .time{position: absolute; top: 1rem; right: 0;}
.dialogue-other .user{position: relative; display: inline-block; min-height: 2rem; padding-left: 2.5rem; color: #9c9fa1;}
.dialogue-other .avatar{position: absolute; top: 0; left: 0; display: block; width: 2rem; height: 2rem; border-radius: 50%; overflow: hidden;}
.dialogue-other .avatar img{width: 2rem; height: 2rem;}


.fix-btntbox + .wrapbox{padding-bottom: 6rem;}
.fix-btntbox{position: fixed; z-index: 11; left: 0; right: 0; bottom: 0; background: #fff; padding: 0.5rem 1.2rem; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; max-width: 750px; margin: 0 auto; box-shadow: 0 0 7px rgba(147,139,139,0.2);}
.fix-btntbox .go{display: block; height: 4rem; line-height: 4rem; border-radius: 0.5rem; font-size: 1.5rem; color: #fff; text-align: center; background:#ec3712; background:-webkit-gradient(linear,left top,right top,color-stop(20%,#f24f18),color-stop(80%,#e61e0b)); background:-webkit-linear-gradient(left,#f24f18 20%,#e61e0b 80%); background:linear-gradient(to right,#f24f18 20%,#e61e0b 80%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24f18', endColorstr='#e61e0b', GradientType=1);}

.problembox{background: #fff; padding: 1.2rem;}
.solutionbox,.relevantbox{background: #fff; margin-top: 1rem; }
.solution-title,.relevant-title{padding: 0 1.2rem; border-bottom: 1px solid #e8e8e8; line-height: 4.6rem;}
.solution-title h2,.relevant-title h2{color: #000; font-size: 1.6rem;}
.solution-list{padding: 0 1.2rem;}
.solution-list li{padding: 1.5rem 0 0.8rem; border-bottom: 1px solid #e8e8e8;}
.solution-list li:last-child{border-bottom: none;}
.solution-head{line-height: 4rem;}
.solution-head *{vertical-align: middle;}
.solution-head .user{position: relative; display: inline-block; padding-left: 5rem; min-height:4rem;}
.solution-head .name{color: #5680a6; font-size: 1.5rem;}
.solution-head .avatar{position: absolute; top: 0; left: 0; display: block; width: 4rem; height: 4rem; border-radius: 50%; overflow: hidden;}
.solution-head .avatar img{width: 4rem; height: 4rem;}
.solution-head .titles{display: inline-block; height: 1.6rem; line-height: 1.6rem; padding: 0 0.4rem; border:1px solid #e8e8e8; color: #9c9fa1; border-radius: 0.2rem; font-size: 1.2rem; margin-left: 0.6rem;}
.solution-body{margin-top: 1rem;}
.solution-body .solution-say{line-height: 2.2rem; font-size: 1.5rem;}
.solution-foot{position: relative; margin-top: 0.6rem; min-height: 2.6rem; line-height: 2.6rem; color: #9c9fa1; font-size: 1.3rem;}
.solution-foot .zan{position: absolute; top: 0; right: 0; display: inline-block; padding-left: 2rem; background: url(../images/icon_zan.png) center left no-repeat; background-size: 1.5rem;}
.solution-foot .zan.light{background: url(../images/icon_zan_light.png) center left no-repeat; background-size: 1.5rem; color: #e63d2e;}

.relevant-list{padding: 0 1.2rem;}
.relevant-list li{position: relative; padding: 0.8rem 0; border-bottom: 1px solid #e8e8e8; }
.relevant-list li:last-child{border-bottom: none;}
.relevant-list h2{font-size: 1.6rem; line-height: 2.6rem;}
.relevant-list h2 a{display: block; max-height: 5.2rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.relevant-list .dialogue-foot{margin-top: 0.8rem;}


.slide-category{position:fixed; top:4.3rem; left: 0; right: 0; height: 4.2rem; z-index:11; width:100%; max-width: 750px; margin: 0 auto; background:#fff; border-bottom: 1px solid #e8e8e8;}
.slide-scroll{height:4.2rem; overflow:hidden;}
.slide-nav{position:relative; overflow-x:scroll; overflow-y:hidden; line-height:4.2rem; white-space:nowrap; -webkit-overflow-scrolling:touch; font-size: 1.5rem;}
.slide-nav::-webkit-scrollbar {display:none;}
.slide-nav ul{padding-left: 0.3rem;}
.slide-nav li{position:relative; display:inline-block; height:4.2rem; text-align:center; color:#9c9fa1;}
.slide-nav li.current{color:#e93b3d;}
.slide-nav li.current a{font-size: 1.6rem; font-weight: 600; color: #e93b3d;}
.slide-nav *{vertical-align:middle;}
.slide-nav .item{position: relative; display:inline-block; padding:0 0.9rem; vertical-align:text-bottom; -webkit-transition:.25s; transition:.25s; height: 4.2rem; line-height: 4.2rem; color: #9c9fa1;}
.slide-nav .line{position: absolute; bottom: 2px; left: 50%; margin-left: -0.75rem; display: block; width: 1.5rem; height: 0.2rem; background: #e93b3d; border-radius: 0.1rem; display: none;}
.slide-nav li.current .line{display: block;}