@charset "utf-8";

body{ background:#f4f4f4;}
button,input{font-family: "微软雅黑"; color:#666; border: 0;}
input,textarea{outline:none;}

.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}


/*公共按钮样式*/
.c_wline_btn{  display:inline-block; border:1px solid #d0d0d0; border-radius:3px;color:#666;text-align:center; background:#fff; cursor:pointer; }
.c_wline_btn:hover{ background:#f4f4f4;}
.c_blue_btn{  display:inline-block; border:1px solid #428be7; height:32px; line-height:32px; border-radius:3px;color:#fff; padding:0 20px;text-align:center; background:#428ce9; cursor:pointer; }
.c_blue_btn:hover{ background:#307bda;}

/*关注按钮*/
.vote_link { float:left;}
.vote_link a{ border:1px solid #00b6a7; background:#fff; height:26px; font-size:12px; line-height:26px; border-radius:3px; display:inline-block; overflow:hidden; float:left; margin-right:10px;}
.vote_link a span{ background:#fff; display:inline-block; float:left; padding:0 10px;}
.vote_link a i.like{ width:30px; height:17px; display:inline-block; background: url(../Images/qaa_ico.png) no-repeat 5px -22px #00b6a7; height:26px; float:left;}
.vote_link a i.follow{ width:20px; height:17px; display:inline-block; background: url(../Images/qaa_ico.png) no-repeat 5px -130px #00b6a7; height:26px; float:left;}
a.b_visited{ border:1px solid #d0d0d0; color:#999;}
a.b_visited i.like{ background: url(../Images/qaa_ico.png) no-repeat 5px -47px; border-right:1px solid #d0d0d0;}
a.b_visited i.follow{ background: url(../Images/qaa_ico.png) no-repeat  6px -113px; border-right:1px solid #d0d0d0;}
a.b_visited:hover{ background:#f4f4f4;}

.vote_link a i.notlike{ width:30px; height:17px; display:inline-block; background: url(../Images/qaa_ico.png) no-repeat -22px -22px #bdbdbd; height:26px; float:left;}
.vote_link a.notlike{ border:1px solid #ddd;}
a.b_visited i.notlike{ background: url(../Images/qaa_ico.png) no-repeat -22px -45px; border-right:1px solid #d0d0d0;}

/*链接按钮*/
.linkbtn{ line-height:26px; padding:0 5px;color:#999; font-size:12px; }
.linkbtn:hover{ text-decoration:underline;}

.qa_container{ width:990px;margin: 0 auto;padding-top: 30px; overflow:auto;}
.grid_l_wrap{ float:left; width:665px;}
.grid_r_wrap{ float:right; width:300px;}

/*-------------------------------
				提问
------------------------------------*/
.qustion_main{ background:#ffffff;box-shadow: 0px 1px 1px #d6d6d6; padding:20px; margin-bottom:30px;} 


.ask_wrapper .htit{ float:left;}
.ask_wrapper .htit h1{ font-size:16px; font-weight:normal; color:#333;}
.ask_wrapper .htit h1 i{ width:21px; height:21px; display:block; background: url(../Images/qaa_ico.png) no-repeat 0 0; float:left; margin-right:10px;}
.ask_wrapper .online-info{ float:right; font-size:12px; color:#999; margin-top:3px;}
.ask_wrapper .online-info b{ color:#4d94ec;}

.q_expansion {margin-top:30px;}
.q_expansion h2{ font-weight:normal; color:#333; margin-bottom:10px;}
.q_expansion h2 em{ color:#999;}

.input_wrapper{ position:relative;}
.text_input { margin:15px 0;}
.text_input input{ border:1px solid #dddddd; background:#f9f9f9; border-radius:3px; width:610px; height:35px; padding-left:10px; line-height:35px;}

.results_box{ background:#ffffff;box-shadow: 0px 1px 3px #999; width:620px; position:absolute; top:35px;}
.results_box li{line-height:40px; color:#999; border-bottom:1px solid #e1e1e1;}
.results_box li em{ color:#1c6acb;}
.results_box a{ line-height:40px; display:inline-block; width:610px; padding-left:10px;}
.results_box a:hover{ background:#f8f8f8;}
.results_box span{ font-size:12px; color:#999; margin-left:15px;}

.editor_wrapper{ margin-bottom:25px;}
.editor_wrapper #haodadeyigekuang{border:1px solid #dddddd; background:#f9f9f9; border-radius:3px; width:610px; height:150px; padding-left:10px; line-height:35px;}
.qtype_wrapper { margin-bottom:25px;}
.qtag a{ height:30px; line-height:30px; border-radius:15px; display:inline-block; padding:0 15px; background:#f3f3f3; margin-right:10px; font-size:12px;}
.qtag a:hover{ background:#eaeaea; }
.qtype_wrapper .input_text{ border:1px solid #dddddd; background:#f9f9f9; border-radius:3px; width:620px; height:35px; margin-bottom:10px; position:relative;}
.qtype_wrapper .input_text input{ height:32px; background:#f9f9f9; border:none; padding-left:10px;}

.tag_item {background:#eaeaea;padding:0 5px 0 12px;border-radius: 30px;text-decoration: none;margin:4px 5px 5px 5px; height:0px;display: inline-block;float: left;white-space: nowrap;}
.tag_item span{ float:left; line-height:26px;}
.tag_item .del_button{margin:5px 6px 0 5px;float: left;width: 15px;height: 15px;cursor: pointer;text-indent: -9000px;background: url(../Images/qaa_ico.png) no-repeat 4px -90px #eaeaea;border-radius: 8px;display:block;}
.tag_item:hover { cursor:pointer;}
.tag_item:hover .del_button {background: url(../Images/qaa_ico.png) no-repeat 4px -101px #333;}

.form_buttons .submitbtn{ float:right;}
.form_buttons .submitbtn input{ margin-left:10px; float:right; height:35px; line-height:35px; padding:0 30px;}
.form_buttons .anon_checkbox { float:left;}
.form_buttons .anon_checkbox label{ float:left; margin-top:10px; font-size:12px; color:#999;}
.form_buttons .anon_checkbox label input{ width:13px; height:13px; border:1px solid #cdcdcd; background:#fff; float:left; margin-top:2px; margin-right:5px;}
.form_buttons .anon_checkbox label { margin-right:20px;}


.title_value{ margin-bottom:10px;}
.title_value .qico{ width:21px; height:21px; display:block; background: url(../Images/qaa_ico.png) no-repeat 0 0; float:left; margin-right:10px;}
.title_value  h1{ float:left; width:580px; font-size:18px; color:#333;}


.hide_btn a{ margin-left:20px; margin-top:7px; color:#999;}
.hide_btn a:hover{ color:#333;}
.edit_btn{padding-left:15px; height:20px; font-size:12px; font-weight:normal; background:url(../Images/qaa_ico.png) no-repeat 0 -157px; display:inline-block;}
.del_btn{padding-left:15px;height:20px; font-size:12px; font-weight:normal; background:url(../Images/qaa_ico.png) no-repeat 0 -183px; display:inline-block;}

.yq_btn{padding-left: 20px;height:20px;font-size:12px;font-weight:normal;background: url(../Images/qaa_ico.png) no-repeat 0 -208px;display:inline-block;}


.qustion_info .q_source{ font-size:12px; color:#999; margin-bottom:10px;}
.qustion_info .add_vote{ height:30px; margin:15px 0;}
.qustion_info .qtext{ line-height:22px; margin:15px 0;}
.qustion_info .qtext img {max-width: 100%;}





/*----------回复------------*/
.reply_main{ background:#ffffff;box-shadow: 0px 1px 1px #d6d6d6; padding:20px; margin-bottom:30px;} 
.reply_main{}





/*-------------------------------
				问题动态
------------------------------------*/
.feed_con{ margin-bottom:30px;}
.feed_menu{background:#ffffff;box-shadow: 0px 1px 1px #d6d6d6; padding:15px 20px 0px 20px; border-bottom:1px solid #e4e4e4;}
.feed_menu h1{ float:left; font-size:16px; color:#333; font-weight:normal;}
.feed_menu h1 span{display:block; height:30px;}
.feed_menu a{ float:right; color:#999;}
.feed_menu a:hover{ text-decoration:underline; color:#666;}
.feed_main{background:#ffffff;box-shadow: 0px 1px 1px #d6d6d6;}
.feed_main .feed_list{ display: block;}
.feed_menu h1 span.bbline{ border-bottom:3px solid #4d94ec; }

.feed_tab { padding:25px 25px 15px 25px;}
.feed_tab li{ float:left;line-height:30px; margin-right:10px;}
.feed_tab li a{ display: inline-block; padding:0 15px; height:30px; line-height:30px; border-radius:3px; margin-right:10px;}
.feed_tab li a:hover{ background:#f3f3f3;}
.feed_tab .line_pipe{ color:#ddd;}
.feed_tab li.lion a{ background:#5197ee; color:#fff;}


.mylist_box{ float:left; width:625px; padding:20px; padding-bottom:30px;}
.mylist_box li{ float:left; width:605px; border-bottom:1px solid #dfdfdf; padding:15px 10px;}
.mylist_box li:hover{ background:#f9f9f9;}
.mylist_box li:hover .c_btn{ display:block;}
.mylist_box .c_btn{ float:right; display:none; font-size:12px;}
.mylist_box .c_btn_2{ float:right; font-size:12px;}
.mylist_box .c_btn_2 a{ height:24px; line-height:24px; padding:0 15px; background:#fff;}
.mylist_box li:hover .c_btn{ display:block;}
.mylist_box .qtitle{ float:left; font-size:12px; color:#999;}
.mylist_box .qtitle a{ color:#3274c6; font-size:13px;}
.mylist_box .qtitle a:hover{ text-decoration:underline;}
.mylist_box .qtitle label{ margin-left:5px; display: inline;}






/*问题*/
.feed_item{ padding:25px; border-bottom:1px solid #dfdfdf; float:left; width:615px;}

.question_link {width:615px; float:left;}
.question_link .question_text a{ font-size:15px; color:#3274c6; font-weight:bold; float:left;}
.question_link .question_text a:hover{ text-decoration:underline;}
.question_link .wait_answer span{ display:block; float:left; border:1px solid #00b6a7; color:#00b6a7; border-radius:3px;line-height:22px; padding:0 10px;}
.question_link .qpanel{ color:#999; font-size:12px;}
.question_link .qpanel .source{ margin-right:5px;}

.item_answer{ margin-bottom:10px; width:615px; float:left;}
.answer_user .avatar{ width:30px; height:30px; overflow:hidden; border-radius:50%; border:2px solid #fff;box-shadow: 1px 1px 2px #d6d6d6; float:left;}
.answer_user .avatar img{ max-width:100%;}
.answer_user .username{float:left; font-weight:bold; color:#333; line-height:26px; margin:0 5px 0 7px;}
.answer_user .t_ico { float:left;}
.answer_user .t_ico span{ width:14px; height:14px; display:block; background: url(../Images/qaa_ico.png) no-repeat 0 -75px; float:left; margin-top:6px; cursor:pointer;}
.answer_text {line-height:24px; word-wrap: break-word}
.answer_text a{ text-decoration:underline; color:#999;  }
.answer_text a:hover{ text-decoration:underline; color:#666;}
.answer_text img{ max-width:100%;}

.laizi{ float:left; color:#999; font-size:12px; line-height:28px; margin:0 10px;}

.answer_info{ margin-left:40px;}
.up_pic{ margin-right:10px;float:left;}
.up_pic img{ max-width:180px;max-height:100px;}
.qimg img{ max-width:625px;}
.qmp3{ margin-top:15px;}



.operating_btn { float: left; clear:both; margin-left:40px; width:575px;}
.operating_btn .c_wline_btn{ float:left; line-height:26px; padding:0 10px; margin-right:10px; font-size:12px;}

.operating_btn_r {float: left; clear:both;}
.operating_btn_r .c_wline_btn{ float:left; line-height:26px; padding:0 10px; margin-right:10px; font-size:12px;}

/*-------------------------------
				右边
------------------------------------*/
/*头像*/
.user_profile_m{background:#ffffff;box-shadow: 0px 1px 1px #d6d6d6;}
.p_photo { text-align:center;padding-top:25px; margin-bottom:25px; color:#333;}
.p_photo span{display:inline-block;width:65px;height:65px;border-radius: 50%;border:3px solid white;box-shadow: 0 0 2px rgba(0,0,0,.2);overflow: hidden; background:#e7e7e7; margin-bottom:10px;}
.p_photo span img{ max-width:100%;}
.p_photo .usname { margin-bottom:10px; font-size:16px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; }
.p_photo .clevel em{ display:inline-block; border:1px solid #00b6a7; color:#00b6a7; padding:1px 4px; height:16px; border-radius:3px; font-size:12px; margin:0 5px;}
.p_photo .clevel{ color:#999;}
.p_photo .clevel .teacher{ width: 14px; height:14px; display: inline-block; background: url(../Images/qaa_ico.png) no-repeat 0 -75px;  margin-top:6px; cursor:pointer;}

.welcom_text{ text-align:center; color:#999;}

/*统计*/
.nub_stats { border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6;}
.nub_stats li{ float:left; padding:10px 0;text-align:center; padding:8px 0;}
.nub_stats li a{ font-size:12px; color:#999; border-right:1px solid #e6e6e6; height:40px; width:74px; display:block;  float:left;}
.nub_stats li a:hover{ color:#333;}
.nub_stats li strong{ display:block; margin:0 auto; color:#333; font-size:14px;}
.nub_stats li a.bdline{ border-right:none;}

.login_reg_box{background:#ffffff;box-shadow: 0px 1px 1px #d6d6d6; padding:0 25px 25px 25px; line-height:24px; margin-bottom:20px;}
.login_reg_box .logbtn a{ display:inline-block; background:#4d94ec; color:#fff; height:30px; line-height:30px; border-radius:3px; text-align:center; padding:0 20px; margin:0 5px;}
.login_reg_box .logbtn{ text-align:center; margin:15px 0;}

/*进度条*/
.level_bar{ padding:20px; margin:10px 0;}
.level_bar h2{ text-align:center; color:#666; font-weight:normal; font-size:12px;}
.level_bar h2 b{ color:#0b9a8e;}
.pro_item{ margin-top:10px;}
.pro_item .leveltit{ color:#999;}
.progress { width:260px; height: 10px;overflow: hidden; background-color: #f5f5f5; border-radius:10px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);}
.progress-bar {float: left;  width: 0;  height: 100%;  font-size: 12px; line-height: 20px; color: #ffffff;
  text-align: center; background-color: #17c5b7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
          transition: width 0.6s ease;}
.upload-progress { height: 10px; margin:2px 0 0 10px; overflow: hidden; background-color: #fff; border-radius:10px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);}
.bar {float: left;  width: 0;  height: 100%;  font-size: 12px; line-height: 20px; color: #ffffff;
    text-align: center; background-color: #17c5b7;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease;}
.progress.active .progress-bar {-webkit-animation: progress-bar-stripes 2s linear infinite;animation: progress-bar-stripes 2s linear infinite;}
.progress-bar-success {background-color: #5cb85c;}

/*问题动态*/
.problems_dt{background:#ffffff;box-shadow: 0px 1px 1px #d6d6d6; margin:20px 0; padding:20px;}
.problems_dt h1{ margin-bottom:20px; color:#333; font-size:14px; font-weight:normal;}
.problems_dt li{ font-size:12px; padding-bottom:15px; border-bottom:1px dashed #ddd; margin-bottom:15px; padding-left:10px; background:url(../Images/qaa_ico.png) no-repeat -32px 7px;}
.problems_dt li strong{ color:#00b6a7;}
.problems_dt a{ color:#3274c6; font-size:13px;}
.problems_dt a:hover{ text-decoration:underline;}

/*-----段落省略------*/
.paragraph-end {position:absolute;height: 19px;width: 45px;}
.paragraph-end {
background-image: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));background-image: -webkit-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
background-image: -moz-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
background-image: -ms-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
background-image: -o-linear-gradient(left,rgba(255,255,255,0),rgba(255,255,255,1));
background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,StartColorStr='#00ffffff',EndColorStr='#ffffff');
bottom: 0;height: 25px;max-height: 100%;position: absolute;right: 0;width: 60px;}

/*------分页-------*/
.pagenumber span{ float:right; margin:10px;}
.pagenumber a{ display:inline-block; padding:3px 2px; border-radius:2px; border:1px solid #e1e1e1; margin:0 3px 3px; color:#777; min-width:24px; text-align:center;}
.pagenumber { font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.pagenumber a:hover{ background:#E9E9E9;}
.pagenumber a.li_on{ background:#E9E9E9;}