@charset "utf-8";
/*首页*/
.question-conter{margin: 14px 0;}
.questionWith {width: 1200px;margin-left: auto;margin-right: auto;}
.content-left{width:900px; margin-right: 14px;}
.outsource{background: #FFFFFF; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.question-item{height: 50px; border-bottom: 1px solid #e5e5e5; padding:0 20px;}
.question-item li{height: 48px; line-height: 48px; border-bottom: 2px solid #FFFFFF; float: left; padding: 0 10px; margin-right: 40px;}
.question-item li a{font-size: 18px; color: #3f3f3f;}
.question-item li.selected{border-bottom: 2px solid #30cb8b;}
.question-item li.selected a{color: #3c3c3c; font-weight: bold;}
.packag-box{padding: 0px;}
.packag-box .question-list li{padding: 46px 20px; border-bottom: 2px solid #f7f7f7;}
.packag-box .question-list li:hover{background:#fcfcfc;}
.question-list .portrait-img{width:50px; margin-right: 20px; margin-top:12px;}
.question-list .portrait-img img{width:50px; height: 50px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;}
.question-list .portrait-comm{width:780px;}
.question-list .portrait-comm .question-title .qitem{font-size: 20px; line-height: 20px; margin-bottom:14px; width:616px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.question-list .portrait-comm .question-title a{color: #333333; display:inline-block;}
.question-list .portrait-comm .question-title a:hover{color: #30cb8b;}
.question-list .portrait-comm .feed-comm{font-size: 14px; line-height: 26px; width:780px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; margin-top:14px;}
.question-list .portrait-comm .feed-comm a{color: #7e7e7e;}
.question-list .portrait-comm .qitem{font-size: 12px; line-height: 26px; width:616px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.portrait-comm .user-message{margin-top: 12px;}
.user-message .user-timer span{font-size: 12px; color: #b3b3b3; padding-right: 10px; line-height: 14px; display: inline-block;}
.user-message .user-timer span.timer{padding-left: 10px; border-left: 1px solid #e5e5e5;}
.user-message .user-timer span a{color: #b3b3b3; ;}
.user-message .user-timer span a:hover{color: #30cb8b;}
.nc_ueditor_p_last a,.nc_ueditor_p_first a,.answer-comm p a{font-size:14px; color:#666666; line-height:26px;}
/*分页*/
.page{height: 34px; margin-top: 40px; margin-right: 38px;}
.page li a,.pagelist li a{display: inline-block; height: 32px; line-height: 32px; float: left; margin-left: 6px; font-size: 14px; color: #7f7f7f; padding: 0 12px; border: 1px solid #E5E5E5; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.page span{display: inline-block; height: 32px; line-height: 32px; float: left; margin-left: 6px; font-size: 14px; color: #7f7f7f; padding: 0 12px; border: 1px solid #E5E5E5; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.page a.selected{background: #30cb8b; color: #FFFFFF; border: 1px solid #30cb8b;}
.page li a:hover,.pagelist li a:hover{background: #30cb8b; color: #FFFFFF; border: 1px solid #30cb8b;}
.page span{background: #30cb8b; color: #FFFFFF; border: 1px solid #30cb8b;}
.page .ellipsis{display: inline-block; height: 32px; line-height: 32px; float: left; margin-left: 6px; font-size: 14px; color: #7f7f7f; padding: 0 6px;}
.page #selpage{width:60px; height:34px; margin-left:6px; color:#7f7f7f; font-style:normal; font-family:"微软雅黑"; line-height:34px; border:1px solid #E5E5E5; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}

.page li,.pagelist li{float: left; margin-left: 6px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}

.answer-page .pagelist{height:80px;padding:18px 20px 14px 20px;background: #fff;}
/*右侧*/
.content-right{width:286px;}
.content-right .my-question {
    display: block;
    width: 286px;
    height: 50px;
    line-height: 50px;
    background: url(/static/lib/images/tw-icon.png) #30cb8b 76px center no-repeat;
    color: #FFFFFF;
    font-size: 18px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    text-indent: 111px;
}

/*{display: block; width:286px; height: 50px; line-height: 50px; background:#30cb8b; color: #FFFFFF; font-size: 18px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; text-indent: 111px;}*/

/*最热问题*/
.hot-question{background: #FFFFFF; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-top: 14px;}
.commend-title{font-size: 16px; height: 48px; line-height: 48px; text-indent: 20px; color: #333333; border-bottom: 1px solid #E5E5E5;}
.hot-question-item{padding: 15px 20px 12px 20px;}
.hot-question-item li{line-height: 24px; position: relative; margin-bottom: 13px;}
/*.hot-question-item li .hot-comm{font-size: 13px; color: #4e4e4e; display:inline-block; width:130px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}*/
.hot-question-item li .hot-comm{font-size: 12px; color: #333333;word-break:break-all;overflow: hidden;}
.hot-question-item li .hot-comm:hover{cursor: pointer; color: #30cb8b;}
.hot-question-item li .count{font-size: 12px; color: #9a9a9a; position: absolute; right: 0px;}
/*最新问题*/
.new-question{background: #FFFFFF; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-top: 14px;}
.new-question-item{padding: 15px 20px 12px 20px;}
.new-question-item li{font-size: 12px; line-height: 24px; margin-bottom: 13px; list-style: disc; margin-left: 20px;}
.new-question-item li a{color: #333333; }
.new-question-item li a:hover{color: #30cb8b; }

/*广告*/
.ad-question{width:286px;}
.ad-question img{width:100%; height: 100%; margin-top: 14px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-top: 14px;}
.ad-question .link{width:286px; height:170px; display:block;margin-bottom: 14px; }
/*详情提问*/
.ques-detail-top{background: #FFFFFF; padding:18px 20px 14px 20px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.ques-detail-top .detail-title{font-size: 18px; color: #333333; line-height: 30px; margin-bottom: 3px;}
.ques-detail-top .detail-comm{font-size: 14px; color: #666666; line-height: 24px;}
.ques-detail-top .nc_ueditor_p_first{font-size: 14px; color: #666666; line-height: 24px;}
.ques-detail-top div,.ques-detail-top p{font-size: 14px; color: #666666; line-height: 24px;}
.detail-name .name-left{margin-top: 10px;}
.name-left .question-btn{color:#b3b3b3;}
.answer-bottom .zan-btn{padding-right:8px;}
.answer-bottom .question-select{border:1px solid #e5e5e5;}
.detail-name .name-left span{font-size: 12px; float: left; color: #b3b3b3; line-height: 14px; padding: 0 10px; border-left: 1px solid #E5E5E5;}
.detail-name .name-left span.first{padding-left: 0px; border-left: none;}
.detail-name .write-right .write-btn{background: url(/static/lib/images/write-btn.png) 14px center #30cb8b no-repeat; font-size: 14px; color: #FFFFFF;  text-indent: 37px; height: 34px; line-height: 34px; width: 94px; display: inline-block; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.other-answer{background: #FFFFFF; padding:0px 20px 0px 20px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-top: 14px;}
.answer-item{border-bottom: 1px solid #E5E5E5; padding: 14px 0; position: relative;}
.answer-item .answer-first-icon{position: absolute; right: 0px; top: 0px; display: inline-block; width:100px; height: 79px;}
.answer-item .answer-head{margin-bottom: 9px; height: 50px;}
.answer-item .answer-head .head-img{width:50px; height: 50px; float: left; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; }
.answer-item .answer-head  span{float: left; line-height: 50px;}
.answer-item .answer-head .name{font-size: 14px; color: #30cb8b; margin: 0 10px 0 14px;}
.answer-item .answer-head .time{font-size: 12px; color: #b3b3b3;}
.answer-item .answer-comm p{font-size: 14px; color: #404040; line-height:30px; margin-bottom: 14px;}
.answer-item .answer-comm img{max-width: 686px; margin-bottom: 14px; display: block;}
.answer-item .answer-comm .img1{margin-top: 35px;}
.answer-item .answer-comm .img2{margin-bottom: 35px;}
.answer-item .answer-comm .img3{margin:35px 0 35px;}
.answer-bottom{padding-top: 5px; }
.answer-bottom a{font-size: 12px; cursor: pointer; color: #818181; line-height: 14px; padding: 0 10px; border-left: 1px solid #E5E5E5;}
.answer-bottom a.thumb{border-left: none; padding-left: 0px; float: left;}
/*面包屑导航*/
.video-tit-box {padding: 18px 0;}
.video-tit-box a:hover {color: #30cb8b;}
.video-tit-box a, .video-tit-box span {font-size: 14px;color: #4D4D4D;line-height: 14px;}

/*查看评论框*/
.reply-answer{width:684px; display: none; position: relative; border: 1px solid #E5E5E5; margin-top: 16px; border-top: 2px solid #E5E5E5; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.reply-answer .tringle-top{width:12px; height: 8px; display: inline-block; background: url(../img/icon/tringle-top.png) no-repeat; position: absolute; left: 101px; top: -8px;}
.reply-answer .reply-item{padding: 0 20px;}
.reply-answer .reply-item li{padding: 14px 0; border-bottom: 1px solid #E5E5E5;}
.reply-item .reply-head .head-img{width:26px; height: 26px; float: left;}
.reply-item .reply-head  span{float: left; line-height: 26px;}
.reply-item .reply-head .name{font-size: 12px; color: #30cb8b; margin: 0 14px 0 14px;}
.reply-item .reply-head .time{font-size: 12px; color: #b3b3b3;}
.reply-item .reply-comm{padding: 9px 0;}
.reply-item li.last-li{border-bottom: none;}
.reply-item .reply-comm p{font-size: 13px; color: #333333; line-height: 22px;}
.reply-bottom a.link{font-size: 12px; color: #818181; line-height: 14px; padding: 0 10px; border-left: 1px solid #E5E5E5;}
.reply-bottom a.link:hover{cursor: pointer; color: #30cb8b;}
.reply-bottom a.thumb{border-left: none; padding-left: 0px; float: left;}
.reply-small{margin-top: 14px; display: none;}
.reply-small .replay-textarea{width:622px; position: relative; border: 1px solid #8ae6b9;min-height: 24px; font-size: 13px; color: #333333; line-height: 24px; padding: 8px 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; outline:none; white-space:pre-wrap; word-wrap:break-word;}
.richText .nontent{position: absolute; top: 8px;left: 10px; line-height: 24px;}
.reply-small .replay-textarea:focus{border: 1px solid #30cb8b;}
.reply-small .cancel-box{margin-top: 14px; height: 34px; line-height: 34px; float: right; }
.reply-small .cancel-box a{display: inline-block; float: left; font-size: 13px; text-align: center;}
.reply-small .cancel-box a:hover{cursor: pointer;}
.reply-small .cancel-box .cancel-btn{color: #b2b2b2;}
.reply-small .cancel-box .pl-btn{color: #b2b2b2; width:60px; background: #5ce6a3; color: #FFFFFF; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-left: 20px;}
.reply-small .richText{position: relative; height: 42px;}

/*回复评论*/
.replay-comment{background: #f7f7f7; padding: 20px;}
.richText-flute .replay-textarea{border: 1px solid #E5E5E5; width:622px;  font-size:14px; line-height: 24px; padding: 10px; background: #FFFFFF; min-height: 60px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; outline:none; white-space:pre-wrap; word-wrap:break-word;}
.richText-count{margin-top: 14px; height: 34px; line-height: 34px;}
.richText-count .count-left span{font-size: 13px; color: #b2b2b2;}
.richText-count .count-right a{display: inline-block; float: left; font-size: 13px; text-align: center;}
.richText-count .count-right a:hover{cursor: pointer;}
.richText-count .count-right .cancel-btn{color: #b2b2b2;}
.richText-count .count-right .pl-btn{color: #b2b2b2; width:60px; background: #5ce6a3; color: #FFFFFF; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin-left: 20px;}
.last-answer-item{border-bottom: none; }

/*加载更多*/
.more-answer{height: 48px; line-height: 48px; margin-top: 14px; background: #FFFFFF; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.more-answer a{display: block; font-size: 16px; color: #4e4e4e; text-align: center;}
.more-answer .drop-more{width:17px; height: 13px; background: url(../img/icon/drop-more-icon.png)  left center no-repeat; display: inline-block; margin-left: 10px;}

/*我来回答*/
.come-answer{margin-top: 40px; padding:20px 20px 32px; background: #FFFFFF; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.come-answer .my-title{font-size: 16px; line-height: 16px; text-indent: 26px; margin-bottom: 14px; color: #30cb8b; background: url(../img/icon/write-icon.png) left center no-repeat;}

/*我的提问*/
.ask-box{padding: 0 0 40px 0;}
.my-ask-item{padding: 6px 20px;}
.my-ask-item li{border-bottom: 1px solid #E5E5E5; padding: 7px 0 14px 0;}
.my-ask-item li h2{font-size: 16px; line-height: 30px;}
.my-ask-item li h2 a{color: #333333;}
.my-ask-item li h2 a:hover{color: #30cb8b; cursor: pointer;}
.my-ask-item li .ask-span span{line-height: 14px; float: left; border-left: 1px solid #E5E5E5; padding: 0 10px; font-size: 12px; color: #999999;}
.my-ask-item li .ask-span .timer{padding-left: 0px; border-left: none;}
.my-ask-item li .ask-span span  a{color: #999999;}
.my-ask-item li .ask-span span  a:hover{cursor: pointer; color: #30cb8b;}
.my-ask-item li .ask-span{height: 14px; margin-top: 7px;}

.keyword-box {
    padding: 20px 0 0 0;
    border-top: 1px solid #E5E5E5;
    margin-top: 20px;
}
.keyword-box .keyword-left {
}

.keyword-box .keyword-left a {
    padding: 0 12px;
    display: inline-block;
    float: left;
    line-height: 32px;
    font-size: 14px;
    color: #00da84;
    height: 32px;
    margin-right: 10px;
    border: 1px solid #E5E5E5;
    border-radius: 15px;
    -webkit-border-radius: 15 p;
    -moz-border-radius: 15px;
    margin: 5px;
}
.answer-comm{margin-top: 20px;}


/*我的提问*/
.want-question{padding-bottom: 60px;}
.want-question .title{font-size: 16px; color: #333333; line-height: 16px; margin-bottom: 14px; padding-top: 30px;}
.want-question .title-sqecial{padding-top: 23px;}
.want-question .summary-input{width:664px; padding: 0 10px; height: 46px; line-height: 46px; border:1px solid #e5e5e5; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background: #FFFFFF;}
.want-question .summary-input:focus,.want-question .supplement-input .replay-textarea:focus{border: 1px solid #30cb8b;}
.want-question .supplement-input{position: relative;}
.want-question .supplement-input .replay-textarea{width:664px; position: relative; border: 1px solid #E5E5E5;min-height: 118px; font-size: 13px; color: #333333; line-height: 24px; padding: 8px 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; outline:none; white-space:pre-wrap; word-wrap:break-word;}
.want-question .supplement-input .nontent{position: absolute; top: 8px;left: 10px; line-height: 24px; height:24px;}
.want-question .ask-summ{width:264px;}
.want-question .submit-question{display: inline-block; height: 40px; line-height: 40px; width:130px; background: #30cb8b; font-size: 16px; color: #FFFFFF; text-align: center; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.want-question .submit-box{margin-top: 30px;}
.type-item-comm{margin-top:10px; display: none; border: 1px solid #E5E5E5; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background: #FFFFFF;}
.type-item-comm .service-item{height: 46px; background: #f2f2f2; border-bottom: 1px solid #E5E5E5;}
.type-item-comm .service-item li{line-height: 47px; font-size: 14px; color: #4C4C4C; cursor: pointer; float: left; width:95px; border-right: 1px solid #E5E5E5; text-align: center;}
.type-item-comm .service-item li.selected{background: #FFFFFF; color: #30cb8b;}
.service-list-box{padding: 6px 20px;}
.service-list-box .serivce-list{border-bottom: 1px dashed #E5E5E5; padding-top: 14px;}
.serivce-list .link-choose{font-size: 13px; display: inline-block; color: #808080; margin: 0 30px 14px 0; float: left;}
.serivce-list .last{margin-right: 0px;}
.service-list-box .no-border{border-bottom: none;}
.service-list-box .serivce-list a:hover{color: #30cb8b; cursor: pointer;}

/*无内容*/
.nothing-box{text-align: center; padding: 70px 0 90px;}
.nothing-box p{font-size: 18px; line-height: 18px; color: #dbdbdb; margin-top: 20px;}

/*我的回答*/
.my-answer-item{padding: 6px 0 0;}
.my-answer-item li{border-bottom: 1px solid #E5E5E5; padding: 14px 20px;}
.my-answer-item .answer-title{font-size: 16px; margin-bottom: 7px; line-height: 16px; width: 686px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.my-answer-item .answer-title a{color: #333333;}
.my-answer-item .answer-title a:hover{color: #30cb8b; cursor: pointer; }
.my-answer-item li .ask-span span{line-height: 14px; float: left; border-left: 1px solid #E5E5E5; padding: 0 10px; font-size: 12px; color: #999999;}
.my-answer-item li .ask-span .timer{padding-left: 0px; border-left: none;}
.my-answer-item li .ask-span span  a{color: #999999;}
.my-answer-item li .ask-span span  a:hover{cursor: pointer; color: #30cb8b;}
.my-answer-item li .ask-span{height: 14px; margin-top: 7px;}
.answer-comm .content{width:587px; height:24px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size: 14px; color: #666666;  line-height: 24px;}'
.answer-comm .content p{width:587px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size: 14px; color: #666666;  line-height: 24px;}
.answer-comm .shrink{font-size: 14px; cursor: pointer; color: #30cb8b; line-height: 24px; background: url(../img/icon/shrink-icon.png) right center no-repeat; padding-right: 17px;}
.my-answer-item .ask-span .collect-btn{font-size: 14px; cursor: pointer;  display: none; line-height: 14px; color: #30cb8b;background: url(../img/icon/collect-icon.png) right center no-repeat; padding-right: 17px;}
.answer-comm .wholdecontent{width: 686px; height:auto; overflow:visible; white-space: pre-wrap; text-overflow: clip;}
.come-answer .editor-submit{margin-top: 14px; text-align: right;}
.come-answer .editor-submit .submit-btn{width:110px; height: 40px; line-height: 40px; text-align: center; background: #30cb8b; color: #FFFFFF; display: inline-block; font-size: 16px;  border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}
.summary-div{margin-top:30px;height:48px;}
.summary-div .ask-code{width:140px; padding: 0 10px; height: 46px; line-height: 46px; border:1px solid #e5e5e5; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; background: #FFFFFF;}
.summary-div .ask-code-btn{width:113px; margin-left:10px; text-align:center; height:48px; line-height:48px; background:#30cb8b; color:#ffffff; font-size:16px;border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px;}