.page_content .slogan a.btn{
    background-color: #04C3A0;
    border-color: #04C3A0;
}
.page_content .slogan a.btn:hover{
    background-color: #04B192!important;
}
.page_content .slogan a.btn:active{
    background-color: #07D1AC!important;
}
/*问题分类*/

.TopicCard {
    position: relative;
    padding: 30px;
    height: auto;
    margin-bottom: 20px;
    background-color: #fff;
}

.TopicCard > * {
    float: left;
}
.TopicCard .ContentItem-image {
    position: relative;
    text-align: center;
}
.TopicCard .ContentItem-image .iconfont {
    font-size: 100px;
    color: #fff;
    border-radius: 4px;
    -ms-border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.icon-34-bg {
    background-color: #077eec;
    color: #fff!important;
}
.TopicCard-title {
    margin-bottom:13px;
}
.TopicCard-title h1 {
    color: #333;
    font-weight: 600;
    font-size: 20px;
    display: inline-block;
}
.TopicCard-title button {
    float: right;
}
.ContentItem-head {
    position: relative;
    min-height: 100px;
    height: auto;
    padding-left: 20px;
    width: calc(100% - 120px);
}
.ContentItem-meta .TopicCard-description{
    line-height: 24px;
}

/* 问答推荐index*/

.page_content {
    font-family: "Microsoft YaHei";
    float: left;
    width: 880px;
    padding-bottom: 30px;
    padding-top: 20px;
}
.page_content2 {
    float: left;
    width: 880px;
    height: auto;
    margin-bottom: 60px;
    margin-top: 20px;
    background-color: #fff;
}

.slogan,
.slogan2{
    width: 100%;
    height: 96px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.slogan {
    background-image: url("../../../../assets/images/frontend/slogan.jpg");
}
.slogan2 {
    background-image: url("../../../../assets/images/frontend/crowdfund/crowdfunding.jpg");
}
.slogan2 span,
.slogan span {
    float: left;
    line-height: 88px;
    display: inline-block;
    font-size: 24px;
    color: #f5f5f5;
    padding-left: 30px;
    letter-spacing: 3px;
}
.slogan2 a,
.slogan a {
    width: 140px;
    height: 46px;
    margin: 26px 30px;
    padding-top: 10px;
    color: #fff;
    float: right;
    font-size: 16px;
    border-radius: 4px;
}
.nav_wrapper {
    width: 880px;
    background: #fff;
    padding: 0 30px;
    margin-bottom: 20px;
    position: relative;
    border-radius: 2px;
}
.nav_wrapper button {
    margin-left: 265px;
    margin-top: 15px;
}
.nav_wrapper .nav_list {
    float: left;
    margin-right: 100px;
    height: 68px;
    line-height: 68px;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -ms-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
}
.nav_wrapper .nav_list>a {
    border-bottom: 3px solid transparent;
    line-height: 1;
    color: #333;
    font-size: 16px;
    padding-bottom: 9px;
}
.nav_wrapper .nav_list>a:hover,
.nav_wrapper .nav_list.active>a {
    color: #04C3A0;
    border-bottom-color: #04C3A0;
}
.nav_wrapper .filter_right {
    /*display: inline-block;*/
    margin-top: 23px;
    margin-right: -30px;
}
.nav_wrapper .text {
    font-size: 12px;
    padding-right: 40px;
    margin-top: 23px;
}

/* switch.css 修改*/
[class|=switch] {
    position: absolute;
    display: inline-block;
    width: 33px;
    height: 19px;
    right: 30px;
}

.switch-on {
    border: 1px solid white;
    box-shadow: white 0 0 0 16px inset;
    transition: border 0.4s, box-shadow 0.2s, background-color 1.2s;
    background-color: white;
    cursor: pointer;
}

.slider {
    position: absolute;
    display: inline-block;
    width: 21px;
    height: 17px;
    background: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    left: 0;
    top: 0;
    margin: 0;
}

.switch-on .slider {
    left: 12px;
    transition: background-color 0.4s, left 0.2s;
}

.switch-off {
    border: 1px solid #dfdfdf;
    transition: border 0.4s, box-shadow 0.4s;
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(223, 223, 223) 0 0 0 0 inset;
    cursor: pointer;
}

.switch-off .slider {
    left: 0;
    transition: background-color 0.4s, left 0.2s;
}

.switch-on.switch-disabled {
    opacity: .5;
    cursor: auto;
}

.switch-off.switch-disabled {
    background-color: #F0F0F0 !important;
    cursor: auto;
}


.content_wrapper {
    padding: 0 30px 10px 30px;
    margin-bottom: 60px;
    background: #fff;
}
.content_wrapper .recommend_no_answer {
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    clear: both;
}
.content_wrapper .recommend_no_answer p a {
    margin-right: 5px;
    font-size: 12px;
    color: #999;
}
.recommend_no_answer .shareIcon,
.recommend_yes_answer .shareIcon {
    float: left;
    margin-left: 255px;
    margin-top: -25px;
}
.recommend_no_answer .category_icon,
.recommend_yes_answer .category_icon{
    float: left;
    margin-top: 6px;
    margin-right: 20px;
    
}
.recommend_no_answer .category_icon i,
.recommend_yes_answer .category_icon i{
    color: #fff;
    font-size: 48px;
    border: 1px solid transparent;
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 5px !important;
}
.recommend_yes_answer .shareIcon {
    margin-top: -40px;
}
.recommend_no_answer .shareIcon .share_weixin,
.recommend_yes_answer .shareIcon .share_weixin{
    color: #71d326;
}
.recommend_no_answer .shareIcon .share_weibo,
.recommend_yes_answer .shareIcon .share_weibo{
    color: #f72e3a;
}
.recommend_no_answer .shareIcon .share_qq,
.recommend_yes_answer .shareIcon .share_qq{
    color: #4488ff;
}
.recommend_no_answer .shareIcon a{
    padding-left: 12px;
}
.recommend_yes_answer .shareIcon a{
    padding-left: 16px;
}
.content_wrapper .recommend_yes_answer {
    padding-top: 20px;
    border-bottom: 1px solid #eee;
}
.content_wrapper .recommend_yes_answer:last-child {
    border-bottom: transparent;
}
.recommend_no_answer p span, .recommend_yes_answer p span {
    margin-right: 5px;
    font-size: 12px;
    line-height: 30px;
    color: #999;
}

.recommend_no_answer p .date, .recommend_yes_answer p .date {
    float: right;
}
/*.recommend_no_answer h4 {*/
/*margin-left: 66px;*/
/*}*/
.recommend_no_answer h4 a, .recommend_yes_answer h4 a{
    line-height: 30px;
    font-family: "sans-serif";
    font-size: 18px;
    font-weight: bold;
    color: #333;
}
.recommend_no_answer h4 a:hover, .recommend_yes_answer h4 a:hover {
    color: #4d6fc3;
}
.recommend_no_answer .bottom {
    padding-top: 10px;
    margin-left: -10px;
    padding-left: 0;
}

.recommend_no_answer .bottom .anIcon ,
.recommend_yes_answer .bottom .anIcon {
    color: #077eec;
}
.recommend_no_answer .bottom .anIcon:hover,
.recommend_yes_answer .bottom .anIcon:hover {
    color: #06a8e8;
}

.recommend_no_answer .bottom .anIcon i,
.recommend_yes_answer .bottom .anIcon i{
    padding-right: 5px;
}
.recommend_no_answer .bottom .share_item {
    padding-top: 3px;
}
.recommend_no_answer .bottom a,.recommend_yes_answer .bottom a {
    font-family: "Microsoft YaHei";
    font-size: 12px;
    margin-right: -4px;
    line-height: 24px;
    color: #999;
}
.recommend_yes_answer .bottom .icon_revert {
    margin-right: 15px;
}
.recommend_yes_answer .bottom .icon_revert.opposed {
    margin-right: 10px;
}
.recommend_yes_answer .bottom .icon_revert i {
    /*padding-right: 5px;*/
    color: #cacaca;
}
.recommend_no_answer .bottom a:hover *,
.recommend_yes_answer .bottom a:hover *,
.recommend_no_answer .bottom a:hover,
.recommend_yes_answer .bottom a:hover {
    color: #333;
}
.recommend_no_answer .bottom a span,.recommend_yes_answer .bottom a span{
    color: #999;
}

.recommend_yes_answer .bottom a.active,.recommend_yes_answer .bottom a.active span,
.recommend_yes_answer .bottom a.active,.recommend_yes_answer .bottom a.active .iconfont{
    color: rgb(7, 126, 236);
}

.recommend_yes_answer .bottom a:last-child {
    margin-top: 0;
}
.recommend_yes_answer .user {
    margin-top: 10px;
    margin-bottom: 10px;
}
.recommend_yes_answer .user .avatar{
    float: left;
    margin-right: 10px;
    background-image: url('../../../../assets/images/frontend/timg.jpg');
    width: 24px;
    height: 24px;
    background-size: cover;
    border-radius: 100% !important;
}
.recommend_yes_answer .user .avatar_info p{
    font-family: "Microsoft YaHei";
    font-size: 12px;;
    /*line-height: 30px;*/
    display: inline-block;
    margin-right: 15px;
    margin-top: 5px;
    color: #333;
}
.recommend_yes_answer .user .adopt_icon {
    display: inline-block;
    position: absolute;
    margin-top: -30px;
    margin-left: 135px;
}
.recommend_yes_answer .user .avatar_info p:first-child{
    color: #333;
}
.recommend_yes_answer .user .avatar_info img {
    display: inline-block;
    height: 16px;
}
.recommend_yes_answer .user .avatar_info p:last-child{
    color: #999;
}
.recommend_yes_answer .content{
    clear: both;
    margin-bottom: 10px;
}
.recommend_yes_answer .content p a {
    float: right;
}
.recommend_yes_answer .content .content_desc{
    display: inline-block;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 14px;
    color: #333;
    line-height: 28px;
}
.recommend_yes_answer .content .content_desc a {
    color: #4464ba;
}
.recommend_yes_answer .content .content_desc a:hover {
    color: #077EEC;
}
.recommend_yes_answer .content a {
    color: #787d82;
    font-size: 12px;
}
.recommend_yes_answer .content a:hover {
    color:  #333;
}
.recommend_yes_answer .bottom {
    padding-right: 6px;
    padding-bottom: 20px;
}

.prompt_message {
    margin: 20px 0;
    padding-top: 70px;
    background-color: #fff;
    height: 160px;
    text-align: center;
}

/* right */
.page_sidebar {
    float: right;
    width: 300px;
    margin-top: 20px;
}


/*sidebar BEGIN*/
.page_sidebar>* {
    background: #fff;
    margin-bottom: 20px;
}
.user_info .info_wrapper {
    padding-bottom: 40px;
}
.user_info .head_img {
    position: relative;
    width: 48px;
    height: 48px;
    margin: 20px;
    -webkit-border-radius: 100%!important;
    -moz-border-radius: 100%!important;
    border-radius: 100%!important;
    background: no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
}
.user_info .author_name {
    position: relative;
    margin-left: 85px;
    margin-top: -53px;
    line-height: 1;
    font-size: 16px;
    color: #333;
    font-weight: 400;
}
.user_info .tree-list {
    border-top: 1px solid #eee;
    padding: 23px 0;
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
}
.user_info .tree-list .list_wrapper {
    float: left;
    width: 33.33%;
    position: relative;
    overflow: visible;
    border-right: 1px solid rgb(238,238,238);
}
.user_info .tree-list .list_wrapper:last-child{
    border-right: 0;
}
.user_info .tree-list .list_wrapper .item-num {
    font-weight: 600;
    color: #333;
    font-size: 20px;
    padding-bottom: 5px;
}
.user_info .tree-list .list_wrapper a{
    color: #999;
}

.quiz_wrapper .quiz_hd {
    position: relative;
    line-height: 62px;
    padding-left: 20px;
    color: #333;
    font-size: 16px;
    font-weight: 400;
    border-bottom: 1px solid #d8d8d8;
}
.quiz_wrapper .quiz_hd a{
    font-size: 14px;
}

.quiz_wrapper .quiz_hd .back_prev {
    position: absolute;
    right: 20px;
    top: calc(1px + 50%);
    line-height: 1;
    color: #999;
}
.quiz_wrapper .quiz_hd .back_prev:hover {
    color: #666;
    text-decoration: none;
}
.quiz_wrapper .quiz_bd {
    padding-left: 20px;
    padding-right: 20px
}
.quiz_wrapper .quiz_bd .form-body {
    padding-top: 20px;
}
.quiz_wrapper .quiz_bd .form-body .form_group {
    margin-bottom: 20px;
}
.quiz_wrapper .quiz_bd .form-actions {
    padding-top: 10px;
    padding-bottom: 20px;
}
.quiz_wrapper .quiz_bd .form-actions .btn {
    min-width: 100px;
    -webkit-border-radius: 2px!important;
    -moz-border-radius: 2px!important;
    border-radius: 2px!important;
}

/* 右侧 */
.sidebar_portlet {
    padding: 0 20px;
}
.sidebar_portlet .portlet_title {
    line-height: 60px;
    position: relative;
    border-bottom: 1px solid #eee;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
    margin-right: -20px;
    font-size: 16px;
    color: #333;
    font-weight: 400;
}
.sidebar_portlet .portlet_title .action_btn {
    position: absolute;
    right: 20px;
    top: calc(50% - 8px);
    height: auto;
    line-height: 1;
    color: #999;
}
.sidebar_portlet .portlet_title .action_btn:hover {
    color: #333;
}
.sidebar_portlet .portlet_content {
    height: 159px;
    padding: 20px 0;
}
.sidebar_portlet .portlet_content .no_content {
    background: #F5F5F5;
    text-align: center;
    padding: 47px 0;
}
.sidebar_portlet .portlet_content .no_content .prompt_text {
    line-height: 1;
    margin-bottom: 20px;
}
.sidebar_portlet .portlet_content .attention_wrapper {
    margin-bottom: -10px;
    margin-right: -10px;
}
.sidebar_portlet .portlet_content .attention_wrapper .attention_tag {
    float: left;
    padding: 9px 16px;
    border: 1px solid #ddd;
    color: #666;
    /*-webkit-border-radius: 15px!important;*/
    /*-moz-border-radius: 15px!important;*/
    /*border-radius: 15px!important;*/
    margin: 0 5px 10px 0;
    line-height: 1;
}

.sidebar_portlet .portlet_content .more_job {
    line-height: 40px;
    display: inline-block;
    border: 1px solid #ccc;
    width: 100%;
    text-align: center;
    color: #666;
    margin-top: 20px;
    
}
.sidebar_portlet .portlet_content .more_job:hover {
    border-color: #06a8e8;
    color: #06a8e8;
}

.sidebar_portlet {
    min-height: 210px;
    padding: 0 20px;
    padding-bottom: 42px;
}
.sidebar_portlet .portlet_title {
    line-height: 60px;
    position: relative;
    border-bottom: 1px solid #eee;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
    margin-right: -20px;
    font-size: 16px;
    color: #333;
    font-weight: 400;
}
.sidebar_portlet .portlet_title .action_btn {
    position: absolute;
    right: 20px;
    top: calc(50% - 8px);
    height: auto;
    line-height: 1;
    color: #999;
}
.sidebar_portlet .portlet_title .action_btn:hover {
    color: #333;
}
.sidebar_portlet .portlet_content {
    padding: 20px 0;
    height: auto;
}
.sidebar_portlet .portlet_content .no_content {
    background: #F5F5F5;
    text-align: center;
    padding: 47px 0;
}
.sidebar_portlet .portlet_content .no_content .prompt_text {
    line-height: 1;
    margin-bottom: 20px;
}
.sidebar_portlet .portlet_content .attention_wrapper {
    margin-bottom: -10px;
    margin-right: -10px;
}
.sidebar_portlet .portlet_content .attention_wrapper .attention_tag {
    float: left;
    padding: 9px 10px;
    border: 1px solid #ddd;
    color: #666;
    /*-webkit-border-radius: 15px!important;*/
    /*-moz-border-radius: 15px!important;*/
    /*border-radius: 15px!important;*/
    margin: 0 5px 10px 0;
}
.sidebar_portlet .portlet_content .job_wrapper .job_list {
    margin-bottom: 15px;
    display: block;
}
.sidebar_portlet .portlet_content .job_wrapper .job_list:last-child {
    margin-bottom: 0
}
.sidebar_portlet .portlet_content .job_wrapper .job_list>* {
    line-height: 24px;
    color: #999;
}
.sidebar_portlet .portlet_content .job_wrapper .job_list .job_info:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}
.sidebar_portlet .portlet_content .job_wrapper .job_list .job_info {
    zoom:1;
}
.sidebar_portlet .portlet_content .job_wrapper .job_list .job_info>* {
    float: left;
}
.sidebar_portlet .portlet_content .job_wrapper .job_list .job_info>.job_name {
    color: #333;
}
.sidebar_portlet .portlet_content .job_wrapper .job_list .job_info>.job_salary {
    float: right;
    color: #077EEC;
}
.sidebar_portlet .portlet_content .job_wrapper .job_list .job_info>.job_salary {
    float: right;
    color: #077EEC;
}
.sidebar_portlet .portlet_content .more_job {
    line-height: 40px;
    display: inline-block;
    border: 1px solid #ccc;
    width: 100%;
    text-align: center;
    color: #666;
    margin-top: 20px;
    
}
.sidebar_portlet .portlet_content .more_job:hover {
    border-color: #06a8e8;
    color: #06a8e8;
}

.concerneToggle {
    background-color: black;
    border:transparent;
}

/*.ranking_list {*/
/*padding: 20px;*/
/*}*/
.ranking_list .ranking_title {
    padding-top: 23px;
    padding-left: 20px;
    padding-bottom: 25px;
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #eee;
}
.ranking_title .time_squence{
    margin-top: -25px;
    margin-right: 6px;
    margin-bottom: 21px;
}
.ranking_title .time_squence button span i{
    padding-left: 5px;
}
.ranking_content {
    position: relative;
    /*padding: 20px;*/
}
.ranking_content .ranking_user {
    padding-top: 5px;
    padding-bottom: 5px;
}
.ranking_user .num {
    display: inline-block;
    position: relative;
    left: 25px;
    top: -15px;
    font-weight: bold;
    font-size: 18px;
}
.ranking_user .num i {
    font-size: 24px;
    margin-left: -3px;
}
.ranking_user .num.jin {
    color: #F88E1E;
}
.ranking_user .num.yin {
    color: #75879E;
}
.ranking_user .num.tong {
    color: #99573C;
}

.ranking_user .user_portrait {
    display: inline-block;
    width:50px;
    height: 50px;
    background-position: center;
    background-size: cover;
    border-radius: 100% !important;
    margin: 20px 20px 0px 34px;
}
.ranking_user .user {
    display: inline-block;
    position: absolute;
    margin-top: 20px;
}
.ranking_user .user p {
    line-height: 26px;
    font-size: 14px;
    color: #999;
}
.ranking_user .user p:first-child {
    color: #333;
}
.ranking_user .user p:last-child {
    font-size: 12px;
}
/*.modal_backdrop {*/
    /*background: rgba(0, 0, 0, .5);*/
    /*position: fixed;*/
    /*top: 0;*/
    /*left: 0;*/
    /*bottom: 0;*/
    /*right: 0;*/
    /*z-index: 100;*/
    /*-webkit-transition: all .15s;*/
    /*-moz-transition: all .15s;*/
    /*-ms-transition: all .15s;*/
    /*-o-transition: all .15s;*/
    /*transition: all .15s;*/
    /*overflow: hidden;*/
/*}*/
/*.modal_backdrop .modal_wrapper {*/
    /*position: fixed;*/
    /*top: 50%;*/
    /*left: 50%;*/
    /*width: 680px;*/
    /*height: 350px;*/
    /*background: #fff;*/
    /*overflow: hidden;*/
    /*-webkit-transform: translate(-50%, -50%);*/
    /*-moz-transform: translate(-50%, -50%);*/
    /*-ms-transform: translate(-50%, -50%);*/
    /*-o-transform: translate(-50%, -50%);*/
    /*transform: translate(-50%, -50%);*/
    /*padding-top: 61px;*/
/*}*/
.modal .modal_header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    line-height: 60px;
    border-bottom: 1px solid #eee;
    font-size: 16px;
    color: #333;
    padding: 0 20px;
}

.modal .modal-header i{
    float: right;
    margin-top: 20px;
    color: #999;
}
.modal .modal-header i:hover{
    color: #333;
}
.modal .modal-header a {
    float: right;
    font-size: 16px;
    margin-right: 10px;
    color: #ccc;
}
.modal .modal-header a:hover {
    color: #666;
    transform:rotate(360deg);
    -ms-transform:rotate(360deg); 	/* IE 9 */
    -moz-transform:rotate(360deg); 	/* Firefox */
    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
    -o-transform:rotate(360deg);
}
.modal .modal-body {
    font-size: 16px;
    color: #333;
    height: calc(100% - 60px);
    padding: 20px;
}
.modal .modal-body .modal_main {
    margin-right: -10px;
    margin-bottom: -10px;
}
.modal .modal-body .check_tag {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.check_tag:hover {
    color: #077EEC;
    border: 1px solid #077EEC;
}
.modal .modal_footer {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    line-height: 60px;
    text-align: right;
    padding: 0 20px;
}

.check_tag {
    float: left;
    padding: 10px 20px;
    margin-right: 10px;
    line-height: 1;
    border: 1px solid #d0d6d9;
    color: #787d82;
    cursor: pointer;
    text-align: center;
    margin-bottom: 10px;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -ms-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
}
.check_tag.checked {
    color: #077EEC;
    border-color: #077EEC;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.check_tag input {
    opacity: 0;
    position: absolute;
    display: inline-block;
    background-color: #edf1f2;
    width: 0;
    height: 0;
}
.check_tag.checked:after,
.check_tag.checked:before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 10px;
    position: absolute;
    border: 1px solid transparent;
    border-bottom-color: #fff;
    border-right-color: #fff;
    bottom: 3px;
    right: 3px;
    z-index: 5;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.check_tag.checked:after {
    z-index: 3;
    background: #077EEC;
    width: 30px;
    height: 30px;
    right: -15px;
    bottom: -15px;
}
.help-block {
    color: red;
    margin-top: -10px;
    font-size: 13px;
    text-align: right;
}

/*发表问题 注意事项*/
.bbs-sendque {
    width: 328px;
    color: #787d82;
    line-height: 24px;
    font-size: 14px;
    padding: 0;
}
.bbs-sendques .panel-body {
    padding: 30px;
}
.bbs-sendques h1 {
    margin-bottom: 14px;
    padding: 0 20px 0 55px;
    background: url("../../../../assets/images/frontend/bbs.png")0 -90px no-repeat;
    color: #14191e;
    font-size: 18px;
    line-height: 42px;
    word-wrap: break-word;
}
.bbs-sendques dd {
    margin: 12px 0;
    color: #999;
}
.modal_backdrop .qa_success, .modal_backdrop .qa_fail {
    position: fixed;
    top: 50%;
    left: 50%;
    background-color: #fff;
    text-align: center;
    z-index: 100;
    width: 160px;
    height: 60px;
    padding: 22px 0;
    box-shadow: 0 0 10px #ccc;
    -webkit-box-shadow: 0 0 10px #ccc;
    -moz-box-shadow: 0 0 10px #ccc;
}
.qa_fail {
    color: #AB2F2C;
}
.qa_success {
    color: #29B48C;
}
.qa_success i,.qa_fail i  {
    padding-right: 5px;
}

/*新增*/
.main{
    padding-top: 30px;
}
.main .question_answer{
    margin: 20px 0;
    padding-bottom: 30px;
    position: relative;
    border-bottom: 1px solid #eee;
}
.main .question_no{
    padding-bottom: 20px;
}
.main .answer_info{
    width:42px;
    height:42px;
    text-align: center;
    margin-right: 15px;
    float: left;
    overflow: hidden;
    background:rgba(4,195,160,0.2);
    -webkit-border-radius: 2px!important;
    -moz-border-radius: 2px!important;
    border-radius: 2px!important;
    font-size:14px;
    font-family:Source Han Sans CN;
    color:rgba(4,195,160,1);
}
.main .no_answer{
    background:rgba(245,246,247,1);
    color:rgba(51,51,51,1);
}
.main .resolved{
    background:rgba(4,195,160,1);
    color: #fff;
}
.question_answer .top{
    overflow: hidden;
    position: relative;
}
.question_answer .question_right{
    overflow: hidden;
}
.top .title{
    font-size:18px;
    font-family:Source Han Sans CN;
    font-weight: bold;
    color:rgba(51,51,51,1);
    margin-top: -3px;
}
.top .feedback{
    font-size:12px;
    font-family:Microsoft YaHei;
    color:rgba(153,153,153,1);
    position: absolute;
    bottom: -3px;
}
.main .huifu{
    width: 20px;
    height: 20px;
    left: 65px;
    top: 46px;
    border-width:0 10px 10px;
    border-style:solid;
    border-color:transparent transparent #F2F2F2;/*透明 透明  灰*/
    position: absolute;
    transform: translate(50% 50%);
}
.main .answer_content{
    margin-top: 23px;
    padding: 20px;
    overflow: hidden;
    background:rgba(242,242,242,1);
    -webkit-border-radius: 4px!important;
    -moz-border-radius: 4px!important;
    border-radius: 4px!important;
}
.answer_content .user_title{
    overflow: hidden;
}
.user_title .photo{
    width: 24px;
    height: 24px;
    border-radius:50%!important;
    float: left;
    margin-right: 10px;
    background-position: center;
    background-size: cover;
}
.user_title img{
    margin-left: 18px;
}
.user_title span{
    font-size:12px;
    font-family:Microsoft YaHei;
    color:rgba(102,102,102,1);
}
.answer_content .user_answer{
    max-height: 68px;
    display: -webkit-box;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size:14px;
    margin-top: 10px;
    font-family:Source Han Sans CN;
    line-height:24px;
    color: #666666;
}
.user_answer .content_desc a{
    color: #04C3A0;
}
.answer_content .bottom{
    margin-top: 10px;
}
.answer_content .bottom a{
    font-size: 12px;
    color: #999;
    margin-right: 20px;
}
.answer_content .bottom a:hover{
    color: #333;
}
.answer_content .bottom .share_item:hover{
    color: #333;
}
.ranking_list ul.hot{
    padding: 10px 20px;
    margin-left: 15px;
}
.ranking_list .hot li{
    margin: 10px 0;
    list-style-type: disc;
    color: #04C3A0;
}
.ranking_list .hot a{
    font-size:14px;
    font-family:Source Han Sans CN;
    color:rgba(51,51,51,1);
}
.answer_content .agree.active{
    color: #04C3A0;
}