@charset "utf-8";
/* CSS Document */

body {margin:0 auto;padding:0;font-size:14px !important;font-family:Microsoft yahei;background:#fff !important; color: #222;}

input, select, textarea {font-size:16px;vertical-valign:middle}
div,ul, li, p, a, span, b, form, h1, h2, h3, h4, ul,li, input,font{margin:0;padding:0}
img{margin:0;padding:0;border:0;}
ul,ol {list-style:none}
a{text-decoration:none; color: #222;}
a:hover{ color: #165cd0;text-decoration: none!important;}
select , input , textarea{font-family:Microsoft yahei; font-size: 15px;}
.C999{ color: #999;}
.fr{ float: right;}
.fl{ float:left;}
.icons{ background: url(/source/plugin/icqa/images/QA_icons.png) no-repeat;}
.viewIcon{ width: 19px; height: 18px; display: inline-block; background-position: -108px 0; vertical-align: middle; margin: 0px 4px 0 0;}
.zanIcon{ width: 18px; height: 18px; display: inline-block; background-position: -108px -112px; vertical-align: middle;margin: 0px 4px 0 0;}
.sayIcon{ width: 18px;height: 16px; display: inline-block; background-position: -108px -85px; vertical-align: middle;margin: 0px 4px 0 0;}
.shareIcon{ width: 18px;height: 18px; display: inline-block; background-position: -108px -195px; vertical-align: middle;margin: 0px 4px 0 0;}
.noHelpIcon{ width: 18px;height: 16px; display: inline-block; background-position: -108px -223px; vertical-align: middle;margin: 0px 4px 0 0;}
.sosIcon{ background-position:0 -80px; width: 30px;height: 25px;display: inline-block;vertical-align: middle;margin: -10px 0 0 4px;}

.qa_header{ height: 42px; padding: 25px 0;background: #f9f9f9;}
.qa_header_box{ width: 1200px; margin: 0 auto;line-height: 42px;}
.qa_header_box h1{ color: #165cd0; line-height: 42px; vertical-align: middle; font-size: 36px; font-weight: normal; float: left;}
.qa_header_box h1 img{ float: left; margin-right: 8px;}
.qa_header_box .slogan{ font-size: 16px; color: #444; float: left; margin-left: 15px;}
.qa_header_box .question_button{ float: right; width: 116px;}
.qa_header_box .question_button a{ width: 116px; height: 42px; line-height: 42px; background: #165cd0; border-radius: 6px; text-align: center; color: #fff; display: inline-block; font-size: 16px;}
.qa_header_box .question_button a:hover{background: #246fdd;}
.qa_header_box .qa_search_box{ position: relative; float: left; }
.qa_header_box .qa_search{ width: 500px; padding-right: 55px; padding-left: 5px; height: 40px; line-height: 40px; border: 1px solid #bdbdbd; margin-left: 120px;font-family: "微软雅黑"; font-size: 14px; color: #555;}
.qa_search_btn{width: 50px; position: absolute; right:0px;  top: 0px; height: 42px;  border: none;background-color: #bdbdbd;background-position: 15px -46px;  }
.qa_search_btn:hover{background-color: #246fdd;}
.focus{ border: 1px solid #ff0000;}
/*----轮播------*/
.flexslider {
        margin: 0px auto 20px;
        position: relative;
        width: 100%;
        height: 255px;
        overflow: hidden;
        zoom: 1;
	margin-bottom: 25px
    }
    
    .flexslider .slides li {
        width: 100%;
        height: 100%;
    }
    
    .flex-direction-nav a {
        width: 70px;
        height: 70px;
        line-height: 99em;
        overflow: hidden;
        margin: -35px 0 0;
        display: block;
        background: url(../images/ad_ctr.png) no-repeat;
        position: absolute;
        top: 50%;
        z-index: 10;
        cursor: pointer;
        opacity: 0;
        filter: alpha(opacity=0);
        -webkit-transition: all .3s ease;
        border-radius: 35px;
    }
    
    .flex-direction-nav .flex-next {
        background-position: 0 -70px;
        right: 0;
    }
    
    .flex-direction-nav .flex-prev {
        left: 0;
    }
    
    .flexslider:hover .flex-next {
        opacity: 0.8;
        filter: alpha(opacity=25);
    }
    
    .flexslider:hover .flex-prev {
        opacity: 0.8;
        filter: alpha(opacity=25);
    }
    
    .flexslider:hover .flex-next:hover,
    .flexslider:hover .flex-prev:hover {
        opacity: 1;
        filter: alpha(opacity=50);
    }
    
    .flex-control-nav {
        width: 100%;
        position: absolute;
        bottom: 10px;
        text-align: center;
    }
    
    .flex-control-nav li {
        margin: 0 2px;
        display: inline-block;
        zoom: 1;
        *display: inline;
    }
    
    .flex-control-paging li a {
        background: url(../images/dot.png) no-repeat 0 -16px;
        display: block;
        height: 16px;
        overflow: hidden;
        text-indent: -99em;
        width: 16px;
        cursor: pointer;
    }
    
    .flex-control-paging li a.flex-active,
    .flex-control-paging li.active a {
        background-position: 0 0;
    }
    
    .flexslider .slides a img {
        width: 100%;
        height: 255px;
        display: block;
    }

.main{ width:1200px; margin: 0 auto;}
.main .left_content{ width: 840px; float: left;}
.main .left_content .QAtop_tab{ height: 54px; line-height: 54px; border-bottom: 1px dashed #e6e8eb; font-size: 18px;}
.main .left_content .QAtop_tab ul li{ float: left; padding: 0 4px; display: inline-block;margin: 0 40px 0 0; text-align: center;}
.main .left_content .QAtop_tab ul li:hover{color: #165cd0;}
.main .left_content .QAtop_tab .curr{border-bottom: 2px solid #165cd0; line-height: 54px;}
.main .left_content .QAtop_tab i{ height: 25px; display: inline-block; vertical-align: middle;margin:-10px 0 0 4px;}
.main .left_content .QAtop_tab .jobIcon{ background-position:0 -131px; width:25px; }
.main .left_content .QAtop_tab .rewardIcon{ background-position:0 -105px; width:25px; }
.main .left_content .QAtop_tab p{ float: right;}

.main .left_content .answer_index{position: relative;}
.main .left_content .answer_index li{ border-bottom: 1px solid #e6e8eb; padding: 15px 0;position: relative;}
.main .left_content .answer_index li .ui_header{ font-size: 14px; color: #959595; height: 26px; line-height: 26px;margin-bottom: 15px;}
.main .left_content .answer_index li .ui_header img{ width: 26px; height: 26px; border-radius: 50%; display: inline-block; vertical-align: middle;}
.main .left_content .answer_index li .ui_header .nameID{ margin:0 10px;}
.main .left_content .answer_index li .qa_list_content{}
.main .left_content .answer_index li .qa_list_content h2 ,.Cuser_question h2{font-size: 18px;font-weight: 700; padding: 0px 0 15px;}
.main .left_content .answer_index li .qa_list_content .his_answer{ color: #777; line-height: 22px;}
.main .left_content .answer_index li .qa_list_content .his_answer p{ max-height: 44px; overflow: hidden;}
.main .left_content .answer_index li .qa_list_content .his_answer img{ width: 140px; height: 90px;margin: 10px 10px 0 0;}
.main .left_content .answer_index li .qa_list_bottom , .Cuser_question li .qa_list_bottom{ margin-top: 10px;clear: both; overflow: hidden;}
.main .left_content .answer_index li .qa_list_bottom .tags ,.Cuser_question li .tags { float: left;}
.main .left_content .answer_index li .qa_list_bottom .tags a ,.Cuser_question li .tags a {background: #F0F0F0; color: #323232; border-radius: 15px;  height: 30px;  line-height: 30px;  padding: 0 10px;display: inline-block;margin-right: 10px;overflow: hidden;text-overflow: ellipsis;    white-space: nowrap;}
.main .left_content .answer_index li .qa_list_bottom .tags a:hover , .Cuser_question li .tags a:hover{ color: #165cd0; background:#e4eeff; }
.main .left_content .answer_index li .qa_list_bottom .browse_number , .Cuser_question li .browse_number{float: right; font-size: 12px; color: #959595; margin-top: 5px;}
.main .left_content .answer_index li .qa_list_bottom .browse_number span , .Cuser_question li .browse_number span{ margin-left: 10px;height: 18px; display: inline-block;}
.Cuser_question .his_answer{max-height: 88px; overflow: hidden;color: #777;}
/*翻页*/
.pages{ clear: both; overflow: hidden; margin: 20px auto 20px;}
.pages ul{position:relative; left:50%; margin:20px auto;float:left;}
.pages li{float:left;position:relative;  right:50%; z-index:2;width: 30px; text-align: center; height:30px; line-height:30px; border:1px solid #959595; color:#333; text-align:center; font-size:12px;  margin-right:4px; background-color:#fff;}
.pages li:hover{float:left; color:#fff;  background-color:#165cd0; border: 1px solid #165cd0;}
.pages li>a{display:block;}
.pages li>a:hover{color:#fff;}
.pages .active{float:left;  background-color:#165cd0; border: 1px solid #165cd0;}
.pages .active>a{color:#fff;}
.pages .prev ,.pages  .next{ width: 60px;}
.pages .prev:hover{color: #fff;}
.pages  .next:hover{color: #fff;}

.main {clear: both; overflow: hidden;}

.right_content{ width:320px; float: right;}
.main .right_content .NOuser_login{ background: url(../images/login_bg.jpg) no-repeat top #fff; height: 170px;border: 1px solid #e6e8eb;}
.main .right_content .NOuser_login p{ margin-top: 120px;text-align: center;}
.main .right_content .NOuser_login p a{ width: 100px; height: 32px; line-height: 32px; text-align: center; background: #5c7aff; color: #fff; display: inline-block; border-radius: 6px; margin: 0 10px;}
.main .right_content .user_login{border: 1px solid #e6e8eb; padding: 20px;}
.main .right_content .user_login .user_login_header{ text-align: center;}
.main .right_content .user_login .user_login_header img{ width: 80px; height: 80px; border-radius: 50%;}
.main .right_content .user_login .user_login_header .userID{margin-top: 15px; font-size: 16px;}
.main .right_content .user_login .user_infoQA{border-top:1px solid #f0f2f7; clear: both; overflow: hidden;padding: 10px 0 0;margin-top: 15px;}
.main .right_content .user_login .user_infoQA li {width: 33%; float: left; text-align: center; border-right: 1px solid #f0f2f7;}
.main .right_content .user_login .user_infoQA li a{  color: #8590a6; }
.main .right_content .user_login .user_infoQA li .number{ color: #333; font-weight: bold; margin-top: 10px;}
.main .right_content .right_sidebar{ margin-top: 20px;}
.main .right_content .right_sidebar h3{ height: 44px; line-height: 44px; background:url(../images/bar_bg01.jpg) no-repeat right #246fdd; font-size:18px; color:#fff; padding-left: 20px; font-weight: normal;}
.main .right_content .right_sidebar .sidebar_con{border: 1px solid #e6e8eb; padding:10px 15px 10px;}
.main .right_content .right_sidebar .tags_region{  height: 160px; overflow: hidden;}
.main .right_content .right_sidebar .tags_region a{background: #f6f6f6; border:1px solid #e5e5e5; padding: 4px 10px; border-radius: 20px; display: inline-block; margin:6px 4px;}
.main .right_content .right_sidebar .tags_region a:hover{color: #165cd0; background:#e4eeff;} 
.main .right_content .right_sidebar .user_ranking li{ margin: 5px 0px; line-height: 40px; clear: both; overflow: hidden; display: inline-block; width: 100%;}
.main .right_content .right_sidebar .user_ranking li i{width: 22px; height: 22px; background: #eaeaea; border-radius: 50%; line-height: 22px; text-align: center; color: #ccc; display: inline-block; float: left; margin-top: 8px; font-size: 12px;}
.main .right_content .right_sidebar .user_ranking li .c_yellow{ background: #ffd003; color: #354447;}
.main .right_content .right_sidebar .user_ranking li .listPhoto{ width:40px; height: 40px; border-radius: 50%; margin: 0 12px 0 15px; float: left;}
.main .right_content .right_sidebar .user_ranking li .Nmreply{ float: right; color: #999;}
.main .right_content .right_sidebar .index_expert li{border-bottom: 1px solid #f0f2f7; margin-bottom: 10px; position: relative; padding-left: 50px; color: #999;}
.main .right_content .right_sidebar .index_expert li p{ margin-bottom:5px;}
.main .right_content .right_sidebar .index_expert li p span{ margin-right:10px;}
.main .right_content .right_sidebar .index_expert li .listPhoto{ width:40px; height: 40px; border-radius: 50%; position: absolute; left: 0;}
.list_sos{color: #ff0000; border: 1px solid #ff0000;border-radius: 4px;padding: 0px 6px;display: inline-block;height: 18px;line-height: 18px;margin-left: 4px;font-weight: normal;font-style: normal;font-size:14px;}
#footer
{
	width:100%;
	font-family:'微软雅黑';
	color:#777;
	padding:40px 0;
	background-color: #0F0F0F;
	text-align:center;
	line-height: 30px;
	font-size: 15px;
}
#footer>p>a
{padding:0 3px;
color: #777;}
#footer p a:hover{text-decoration:underline;}

/*-----问答详细页-------*/
.qa_track{ font-size:14px; color: #999; margin: 15px 0;}
.qa_track a{color: #999;}
.qa_track a:hover{text-decoration: underline;}
.qa_detail .detail_top{}
.qa_detail .detail_top .detail_tags{ margin: 0px 0 0;}
.qa_detail .detail_top .detail_tags a{background: #f6f6f6; border: 1px solid #e5e5e5; padding: 4px 10px;  border-radius: 20px;  display: inline-block; margin: 6px 10px 6px 0; font-size: 14px;}
.qa_detail .detail_top .detail_title{ font-size: 28px; font-weight: normal;margin: 22px 0;}
.qa_detail .detail_top .detail_info{ border-bottom: 1px solid #e6e8eb; color: #999; line-height: 38px; height: 38px; padding-bottom: 20px;}
.qa_detail .detail_top .detail_info .Photoimg{width: 38px; height: 38px; border-radius: 50%; vertical-align: middle;}
.qa_detail .detail_top .detail_info span{ margin: 0 10px;}
.qa_detail .detail_top .detail_content{ padding: 20px 0; font-size: 15px; color: #444; line-height: 24px;}
.qa_detail .detail_top .detail_content p{text-indent: 2em; }
.qa_detail .detail_top .detail_content img{ max-width: 420px; margin: 0 auto;}
.qa_detail .detail_top .detail_toolbar{height: 34px; line-height: 34px;}
.qa_detail .detail_top .detail_toolbar .reply_btn{ width: 100px; border:1px solid #246fdd; display: inline-block; float: left; margin-right: 8px; text-align: center; font-size: 16px;position: relative; color: #246fdd; height: 32px; line-height: 32px;}
.qa_detail .detail_top .detail_toolbar .reply_btn:hover{background: #246fdd; color: #fff;}
.btn_blue{background: #246fdd; color: #fff !important;}
.btn_blue:hover{background: #0b51b7;}
.btn_light_blue{background: #23bcd8;border: 1px solid #23bcd8 !important;}
.btn_light_blue:hover{background: #15a2bc !important;border: 1px solid #15a2bc !important;}
.btn_yellow{background:#efb70d;border: 1px solid #efb70d !important; color: #fff !important;}
.btn_yellow:hover{background: #daa608 !important;border: 1px solid #daa608 !important;color: #fff !important;}
.attentionIcon{background-position: -112px -246px; width: 16px; height: 14px; display: block; position: absolute; top: 10px; left: 7px;}
.carryOut{background: #246fdd; color: #fff !important; background-position: -112px -246px;} 
.qa_detail .detail_toolbar_right{ float: right; font-size: 12px; color: #999;  display: inline-block; height: 32px; line-height: 32px;}
.qa_detail .detail_toolbar_right span{ margin-left: 15px; float: left;display: inline-block;}
.qa_detail .detail_toolbar_right a{ color: #999;}
.qa_detail .detail_toolbar_right a:hover{ color: #246fdd;}
.detail_commentBox{ margin-top: 25px;}
.detail_commentBox .total{ height: 50px; line-height: 50px; background: #f7f8fa; padding: 0 17px;}
.detail_commentBox .total span{ float: left;}
.detail_commentBox .total .pull_right{ float: right; border: none; font-size: 14px; background: none; margin-top: 12px;}
.detail_commentBox .comment_list li{ border-bottom: 1px solid #e6e8eb; position:relative; background: #fff;padding: 15px 0;padding-left: 70px;position: relative;}
.perfect{ width: 84px; height: 74px; background-position: 0 -167px; position: absolute; right: 0; top: 0; display: inline-block;}
.perfect-item{background-position: 0 -249px;}
.detail_commentBox .comment_list li .comment_header{ height: 40px; line-height: 40px; }
.detail_commentBox .comment_list li .comment_header a{color: #9099ac;}
.detail_commentBox .comment_list li .comment_header .imgPhoto{ width: 40px; height: 40px; border-radius: 50%; float: left; margin-right: 10px;}
.psta img{ width: 35px; height: 35px; border-radius: 50%; float: left; margin-right: 15px;}
.comment_holder_title{display:none;}
.detail_commentBox .comment_list li .text_muted{margin: 10px 0 10px; font-size: 15px;color: #444;}
.detail_commentBox .comment_list li .comment_toolbar{ font-size: 13px;color: #999; clear: both; overflow: hidden;height: 32px; line-height: 32px;}
.detail_commentBox .comment_list li .comment_toolbar p{ float: left; margin-right: 15px; }
.comment_list li .btn-vote{ width: 44px; height: 50px;background: #e1eefa; border-radius: 4px;position: absolute; left: 0; text-align: center; color: #246fdd;cursor: pointer;}
.comment_list li .btn-vote i{ width: 18px; height: 18px; background-position:-110px -292px;; display: inline-block; margin:4px auto 0px;}
.comment_list li .btn-vote p{margin-top: -5px;}
.comment_list li .useful{ background: #246fdd; color: #fff;}
.comment_list li .useful i{ width: 18px; height: 18px; background-position:-110px -322px;; display: inline-block; margin:4px auto 2px;}
.comment_list li .reply-text{position: relative;}
.comment_list li .reply-text .reply_con{ padding: 15px 30px;background: #f7f8fa; position: relative;padding-left: 90px;}
.comment_list li .reply-text .reply_con a{color: #9099ac;}
.comment_list li .reply-text .reply_con p{ margin-bottom: 5px; color: #444;}
.comment_list li .reply-text .reply_con .reply_img{ width: 40px; height: 40px; border-radius: 50%; position: absolute; left: 30px;}
.comment_list li .reply-text .reply_button{background: #e6e9ed; padding:9px 30px;height: 36px; line-height: 36px;}
.comment_list li .reply-text .reply_button .Rtext{ width: 620px;font-size: 14px; height: 36px;padding: 0 4px;  border:none; background: #fff; float: left;}
.comment_list li .reply-text .reply_button .Rbtn{background: #246fdd; height: 35px; line-height: 35px; width: 60px; text-align: center;border-radius: 4px; color: #fff; float: left; border: none; margin-left: 10px;}
.triangle-up{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;	border-bottom:10px solid #f7f8fa;top: -10px;left: 20px;
    display: none;}
.reply-item{margin: 10px 0; font-size: 13px!important; }
.writeMessage_box{margin-top: 20px;}
.writeMessage{ height: 160px; border: 1px solid #e6e8eb; width: 830px; padding: 4px;}
.writeMessageBTN{height: 36px; line-height: 36px;width: 115px; text-align: center;background: #246fdd;border: none; border-radius: 2px; margin: 15px 0; color: #fff;font-size: 16px;font-weight: normal;cursor: pointer;}
.writeMessageBTN:hover{background: #246fdd; color: #fff !important;}
.question_xg li{ margin: 6px 0; clear: both; overflow: hidden;line-height: 24px; display: block;}
.question_xg li a{width: 215px; height: 24px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; float: left;}
.question_xg li span{ float: right; color: #999;}

/*-----提问页面-------*/

.question_page{}
.question_page h2{font-size: 20px !important;}
.question_page li{ width: 100%; margin-top: 25px; }
.question_page li p{ margin-bottom: 15px;font-size: 16px;}
.question_page .quiz_input , .question_page .quiz_select{ height: 40px; line-height: 40px; border:1px solid #d2d2d2; padding: 0 10px; color: #555;font-size: 15px;background: #fff!important;}
.question_page .quiz_textarea{ height:250px; line-height: 30px; border:1px solid #d2d2d2; padding: 0 10px; color: #555; width: 818px;}
.question_page li .myIntegral{ margin-left:10px; color:#888; }
.question_page li .howGet{ float:right; font-size: 14px;color:#888;}
.question_page li .howGet a{ color: #165cd0;}
.question_page li .howGet a:hover{text-decoration: underline;}
.question_page li .tages span{  background: #f6f6f6;border: 1px solid #e5e5e5;padding: 4px 10px;border-radius: 20px;display: inline-block;margin: 6px 4px;}
.question_page .submit_btn { text-align: center; margin: 30px 0;}
.question_page .submit_btn>button { width: 190px; height: 40px; line-height: 40px; text-align: center; border-radius: 4px; border: none; border: 1px solid #bbbbbb; background: #fff; margin: 0 20px; cursor: pointer;line-height: 32px; font-size: 15px;}

.question_page .submit_btn .blueButton{ background: #165cd0; color: #fff; border: 1px solid #386aeb;}
.question_page .submit_btn .blueButton:hover{background: #246fdd;}

/*-----用户中心-------*/

.user_header{ width: 100%;height: 150px;background: #3197ff;box-shadow: 4px 4px 6px #ccc; margin-bottom: 30px;}
.user_header_main{ width: 1200px; margin: 0 auto; padding-top: 20px; color: #fff;}
.user_header_main .u_photo{ width: 104px; height: 104px; float: left; }
.user_header_main .u_photo img{width: 100%; height: 100%;border-radius: 50%;}
.user_header_main .u_resume{ float: right; width: 1050px;}
.user_header_main .u_resume .u_name{ font-size:18px; font-weight: bold;margin: 20px 0;}
.user_header_main .u_resume .u_detail span{ margin-left: 20px;}
.user_header_main .u_resume a{ color: #fff;}
.user_header_main .u_resume a:hover{text-decoration: underline;}
.user_header_main .u_resume .my_integral{ color: #fff;}
.get_rewards{border:1px solid #fff;padding: 4px 8px 4px 30px;border-radius: 4px;background:url(../images/qa_bi.png) no-repeat 5px 3px #3197ff;color: #fff;display: inline-block;color: #fff !important;}
.get_rewards:hover{background:url(../images/qa_bi.png) no-repeat 5px 3px #1778dc;color: #fff !important;}
.u_setUp{margin-left: 30px; font-size: 12px; font-weight: normal;}
.u_setUp i{ background-position: -113px -356px; width: 14px; height: 14px; margin-right: 5px; display: inline-block;margin-top: -1px; vertical-align: middle;}
.leftmenu{ float: left;width: 320px;border: 1px solid #d2d2d2; border-bottom: none;}
.leftmenu li{ border-bottom:  1px solid #d2d2d2; line-height: 60px; height: 60px;padding-left: 30px; font-size: 16px;}
.leftmenu li a{ display: block;}
.leftmenu li span{ color: #999; font-weight: normal !important;}
.leftmenu .curr{color: #165cd0;font-weight: bold;}
.right_user_box{ width: 840px; float: right;min-height: 500px;}
.Cuser_question li{border-bottom: 1px solid #e6e8eb;padding: 0px 0 17px; padding-top: 20px;position: relative;}
.Cser_question li .his_answer p {height: 22px;overflow: hidden;color: #777;line-height: 22px;}

.best_answer{background: #579aea;width: 70px;text-align: center;border-radius: 4px;color: #fff !important;border: none;margin-left: 10px; display: inline-block;height: 32px;line-height: 32px;}
.best_answer:hover{background: #246fdd;}

.qa_current, .qa_current:hover{border-bottom: 2px solid #165cd0;line-height: 54px;display: inline-block;}
.btn_follow {position: absolute;top: 20px; right: 0;}
.btn_follow .following{width: 100px;height: 36px; line-height: 36px; margin-right: 6px;color: #666;background: 0 0;border: 1px solid #bbb;border-radius: 4px;cursor: pointer;display: inline-block;text-align: center;}
.litype_1 li{border-bottom: none!important; padding: 0!important;}
#fastpostsubmit{margin: 0 0 30px!important;}