@charset "utf-8";
body{background:#f1f1f5;}
/*问答列表*/
.ask_header_search input[type="text"]{text-align:center;}
.list {background:#ffffff;margin:15px 0;width:100%}
.list .item {padding:20px;}
.item .first-class{font-size:0.8rem;color:#999;}
.item .first-class a{color:#999;}
.item  img {width:100%;}
.item .question{padding-bottom:0.3rem;font-size:0.9rem;color:#333;font-weight:bold;line-height:1.4rem;}
.item .answer{padding-top:0.4rem; color:#383838;font-size:0.8rem;line-height:1.2rem;}
.clearfix::after {display: block;clear: both; width: 0; height: 0;content: '.';visibility: hidden;}
.replyer-meta {margin:2.5rem 0 0.8rem;font-size:0.7rem;color:#666;}
.fr{float: right;}
.replyer-meta span {margin-left:1.1rem;line-height:1.1rem;}
.replyer-meta .label{background:#f5f5f5;padding:3px 0.7rem;}
.replyer-meta .label span{margin:0;color:#b3b3b3;}
.replyer-meta .browse i{display:inline-block;width:18px;height:12px;vertical-align:middle;background:url(../images/faq_icon.png) no-repeat -114px -42px;}
.cursor {cursor: pointer;}
.replyer-meta .zan i {width: 19px;height: 18px;background: url(../images/faq_icon.png) no-repeat 0 -79px;vertical-align: top;*margin: -2px 6px 0 0;}
.ie-ik {display: inline-block;vertical-align: middle;*display: inline;*zoom: 1;}
.replyer-meta .like {color: #dc137b;}
.replyer-meta .like i {background: url(../images/faq_icon.png) no-repeat -41px -79px;}
.replyer-meta .second-class a {background:#F5F5F5;padding:0 10px;}
/*新版问答列表*/
.font{font-size:0;}
.ask_header_tabs{background:#fff;overflow:hidden;}
.ask_header_tabs .list-group{width:100%;overflow-x: auto;overflow-y: hidden;white-space: nowrap;-webkit-overflow-scrolling: touch;}
.ask_header_tabs a{display:inline-block;width:4.3rem;line-height:2.8rem;color:#4c4c4c;font-size:1rem;text-align:center;}
.ask_header_tabs .active{border-bottom:0.05rem solid #dc137b;}
.panel{margin-top:1rem;padding:1.4rem;color:#333;background:#fff;}
.panel span{font-size:.9rem;}
.panel .button{display:inline-block;width:4rem;line-height:1.5rem;color:#808080;border-radius:2px;background:#f0f0f0;text-align:center;}
.panel-heading{padding-left:.5rem;height:1rem;line-height:.9rem;border-left:3px solid #dc137b;}
.panel-heading b{font-size:1rem;}
.panel-heading b+a{position:relative;top:-0.4rem;}
.panel-all .panel-heading span{font-size:.8rem;}
.panel .list-group{padding-top:1rem;}
.panel-all .list-group{padding-top:1.3rem;}
.panel-all .list-group-name{display:inline-block;margin:0 6.5% 1rem 0;width:29%;line-height:2.5rem;font-size:1.1rem;color:#333;background:#f0f0f0;border-radius:7px;text-align:center;}
.panel-all .list-group-name:nth-of-type(3n+3){margin-right:0;}
.panel-all .active{color:#fff;background: linear-gradient(to right, #ff7239 , #ff4839); background: -webkit-linear-gradient(left, #ff7239 , #ff4839);}
.panel-newest .panel-heading .button{width:4.3rem;line-height:1.7rem;}
.panel-newest .panel-heading span::after{content:'';position:relative;display:inline-block;top:-0.05rem;left:0.2rem;width: 0.65rem;height: 0.55rem;background: url(../images/faq_icon.png) no-repeat 0 -5.05rem;background-size: 24.35rem 22.2rem;}
.list-group-item{border-top:0.05rem solid #d6d6d6;}
.list-group-item:first-child{border:none;}
.list-group-item-cont{display:block;}
.list-group-item-cont h3{position:relative;padding-left:1.8rem;line-height:3.5rem;font-size:1.2rem;color:#000;}
.list-group-item-cont h3::before,.list-group-item-cont p::before{position:absolute;left:0;width:1.4rem;line-height:1.4rem;font-size:1rem;font-weight:normal;border-radius:3px;text-align:center;}
.list-group-item-cont h3::before { content: '问'; top: 1.1rem; background: #fff2eb; /*color:rgba(288,90,0,.9);*/ color: #dc137b; }
.list-group-item-cont p{position:relative;padding-left:1.8rem;height:3rem;line-height:1.5rem;color:#333;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.list-group-item-cont p::before{content:'答';top:.3rem;background:#ebf3ff;color:rgba(88,147,255,.9);}
.list-group-item .badge-list{line-height:3.2rem;}
.list-group-item .badge-list .fr{color:#a8a8a8;}
/*新版问答列表页轮播*/
.banner{position:relative;min-height:1rem;}
.banner .swipe{overflow: hidden;}
.banner .swipe_wrap div{float: left;position:relative;}
.banner .swipe_wrap img{width:100%;}
.banner .num{position:absolute;bottom:0.3rem;left:50%;margin-left:-66px;}
.banner .numbg{width:130px;height:16px;opacity:0.3;}
.banner #numlist {padding: 0;position: absolute;left: 0;bottom: 1px;width: 100%;text-align: center;}
.banner #numlist li {width: 8px;height: 8px;display: inline-block;border-radius: 5px;border: 1px solid #DDDDDD;box-sizing: border-box;background: rgba(0,0,0,0.3);}
.banner #numlist li.cur {background: #fff;}
/*问答详情*/
.view .apply_news { margin: 0.75rem 0 -0.75rem 0; width: 100%; border-top: 1px solid #dbdbdb;}
.view .apply_news .apply_news_cont {padding: 0 0.75rem 0 1rem; height: 5.4rem; background: #ff4e41;}
.view .apply_news .title { font-size: 0.9rem; color: #fff;  font-weight: lighter; padding: 0.8rem 0 0.6rem 0;}
.view .apply_news .apply_form { height: 2.1rem; overflow: hidden;}
.view .apply_news .apply_form input:first-child { margin-right: 3.5%;}
.view .apply_news .apply_form .text { width: 33%; height: 2.1rem; background: #fff; float: left;font-size: 0.9rem; color: #666;line-height: normal; box-sizing: border-box; padding-left: 0.5rem;border: 0;}
.view .apply_news .apply_form input:last-child {margin-left: 4.5%;float: left; width: 26%;  height: 2.1rem; border-radius: 1rem; background: #f8d00c; border: 0; font-size:0.9rem; color: #ff4e41; line-height: 2rem; text-align: center;font-weight:bold;letter-spacing:3px;}
.view .question {background:#ffffff;margin:2px 0 1px;height:66px;padding-top:10px;}
.view .question .title {font: 0.9rem/1rem '微软雅黑';margin:0 0.5rem;padding-top:0.5rem;}
.view .question .bt {font:12px '宋体';padding:12px    0px 7px;}
.view .question .bt .sort a {background: #F5F5F5;padding: 3px 0.5rem;color:#b3b3b3;}
.view .question .bt .browse {color:#8D8D8D;margin:0 10px;}
.view .question .bt .browse i{display:inline-block;width:16px;height:16px;vertical-align:middle;background:url(../images/view_icon.png) no-repeat 0 0;background-size: 100%}
.view .question .bt .time {color:#B7AEAE;;}
.view .question .bt .time i{display:inline-block;width:16px;height:16px;vertical-align:middle;background:url(../images/date_icon.png) no-repeat 0 0; background-size: 100%}

.answer-item{background:#ffffff;margin:1px 0;}
.answer-item .replyer-box .clearfix .avatar {margin-right: 21px;width: 60px;height: 60px;border-radius: 100%;overflow: hidden;float:left;padding-left: 10px;padding-top:10px;}
.answer-item .replyer-box img {width:93%;}
.answer-item .replyer-box .replyer-info .name {padding-top:12px;font-size:16px;}
.answer-item .replyer-box .replyer-text {margin: 0 0.7rem;padding:1.4rem 0 1rem;line-height:1.5rem;font-size:0.8rem;text-indent:1.1rem;color:#333;}
.answer-item .replyer-box .edit .edit-time {font: 12px/20px "宋体",Arial;padding-right:20px; color:#B7AEAE;margin-top: 10px;}
.answer-item .replyer-box .btn-zan {height:30px;font-size: 14px;padding-bottom:1rem;}
.answer-item .replyer-box .btn-zan .sr {float:right;padding:4px 8px 2px 8px; border:1px solid #E3E3E3; margin-right: 15px; border-radius: 15px;}
.answer-item .replyer-box .btn-zan .sr .zan i {width: 19px;height: 18px;background: url(../images/faq_icon.png) no-repeat 0 -79px;vertical-align: top;margin: -1px 0px 0 0;}
.answer-item .replyer-box .btn-zan .sr .like {color: #dc137b;}
.answer-item .replyer-box .btn-zan .sr .like i {background: url(../images/faq_icon.png) no-repeat -41px -79px;}

/*问题推荐*/
.view .recommend-que .que-title {color:#808080;font: bold 0.8rem/1rem '微软雅黑';margin:2.5rem 0 0.5rem;margin-left:15px;}
.view .recommend-que .que-item{background:#ffffff;margin-top:0;}
.view .recommend-que .que-item .que {border-bottom: 1px solid #ccc;padding:0.8rem;}
.view .recommend-que .que-item .que .que-content {font:bold 0.8rem/1.5rem '微软雅黑';}
.view .recommend-que .que-item .ans{overflow:hidden;float: right;}
.view .recommend-que .que-item .ans .count-ans {float:right;font:16px '微软雅黑';color:#b3b3b3;}

/*产品推荐*/
.view .recommend-pro .title {margin-top:0.5rem; color:#808080;margin:0.8rem 0.8rem 0.5rem 0.8rem;}
.view .recommend-pro .title .title-content {font: bold 16px '微软雅黑';}
.view .recommend-pro .title .more {float:right; font:16px '微软雅黑';color:#808080;}
.view .recommend-pro .pro_list {padding: 15px;overflow: hidden;background:#ffffff;}
.view .recommend-pro .pro_list ul::after {content: '';clear: both;display: block;height: 0;visibility: hidden;}
.view .recommend-pro .pro_list ul li:nth-child(2n+1) {margin-right: 1.5%;}
.view .recommend-pro .pro_list ul li {border: 1px solid #E5E5E5;float: left;width: 48.25%; height: 16rem;margin-bottom: 0.5rem;overflow: hidden;}
.pro_list ul li img { width: 100%;height: 11.4rem;}
.pro_list ul li .des{padding:0.6rem 0 0.5rem 0.8rem;}
.pro_list ul li .des p:nth-child(1) {color:#333;font-size:0.8rem;line-height:1.5rem;}
.pro_list ul li .des p:nth-child(2) {font: 18px '微软雅黑';color: #ff6c00;line-height:1.5rem;}

.op_crumbs {
    background: #fff;
    border-top: none;
    border-bottom: none;
}
.view .tit{
    background: #ffffff;
    display: flex;
    line-height: 3rem;
    padding: 0 6px;
    font-size: 1rem;
}
.view .tit .line{
    height: 0;
    border: 1px solid #E3E3E3;
    flex: 1;
    margin: auto 10px;
}
.view .tit a{
    color: #C80101;
}
.view .answer-list{
    margin-top: -10px;
}
.apply_ask_form{
    background: #fff;
    margin-top: 10px;
    padding: 10px 0;
    position: relative;
}
.apply_ask_form img{
    width: 100%;
}
.apply_ask_form form{
    position: absolute;
    top: 45%;
    width: 100%;
}
.apply_ask_form form input{
    width: 78%;
    height: 3rem;
    border: 1px solid #999999;
    border-radius: 5px;
    outline: none;
    font-size: 1rem;
    text-indent: 2.4rem;
    margin-left: 10%
}
.apply_ask_form form input.app_name{
    background: url("../images/input_user_icon.png") left center no-repeat;
    background-size: auto 1.5rem;
    background-color: #f6f6f6;

}
.apply_ask_form form input.app_phone{
    margin-top: 1.3rem;
    background: url("../images/input_phone_icon.png") left center no-repeat;
    background-size: auto 1.5rem;
    background-color: #f6f6f6;
}
.apply_ask_form form .tip{
    width: 100%;
    text-align: center;
    color: #ff0000;
    font-size: .8rem;
    line-height: 1.5rem;
    height: 1.5rem;
}
.apply_ask_form form input.btn_submit{
    background: #ff5911;
    color: #fff;
    border-radius: 1.5rem;
    border: none;
    text-indent: 0;
    font-size: 1.2rem;
    font-weight: bold;
}
.form_cout{
    width: 77%;
    height: 3rem;
    border: 1px solid #999999;
    border-radius: 5px;
    background: #f6f6f6;
    position: absolute;
    top: 30%;
    left: 8%;
    font:bold 1.4rem/3rem '微软雅黑';
    text-align: right;
    padding: 0 1rem;
}
.form_cout span:nth-child(2){
    font-size: 0.8rem;
}