.column{ margin: 0 auto; padding-top: 15px; background: #f6f6f6;}
.column-contents{ padding-bottom: 32px; margin-top: 15px;}
.content-left{ float: left; width: 848px; padding: 17px 15px 35px; background: #ffffff; box-shadow: 0 4px 8px 0 rgba(7,17,27,.05);}
.content-right{ float: right; width: 312px;}
/*栏目列表左侧*/
.content-left .filter{ padding-bottom: 10px; border-bottom: 1px solid #f1f1f1; overflow: hidden;}
.content-left .filter a.active{ color: #333333;}
.content-left .filter a{ float: left; position: relative; padding: 0 10px; margin-right: 15px; font-size: 16px; color: #333333; line-height: 30px;}
.content-left .filter a.active:before{ content: ""; display: block; width: 100%; height: 1px; position: absolute; bottom: -10px; left: 0; background: #4591e7;}
.content-left .filter a:last-child{ margin-right: 0;}
.content-left .column-list{ padding: 0 20px; margin-bottom: 32px;}
.content-left .column-item{ padding: 32px 0; border-bottom: 1px dashed #ececec; overflow: hidden;}
.content-left .column-item>a{ display: block;}
.content-left .column-item .reply-num{ float: left; width: 66px; padding: 12px 0; border: 1px solid #f1f1f1; border-radius: 3px; text-align: center; font-size: 14px; line-height: 30px; color: #d7d7d7;}
.content-left .column-item .reply-num span{ font-size: 26px; line-height: 30px; color: #f78822;}
.content-left .column-item .qa-box{ float: left; width: 720px; margin-left: 18px;}
.content-left .column-item .qa-box h2{ overflow: hidden; font-size: 18px; line-height: 30px; color: #555555; white-space: nowrap; text-overflow: ellipsis; transition: 0.2s linear;font-weight: bold;}
.content-left .column-item:hover .qa-box h2{ color: #4591e7;}
.content-left .column-item .qa-box h2 span{ float: left; width: 20px; height: 20px; margin: 5px 12px 5px 0;}
.content-left .column-item .qa-box h2 span img{ display: block;}
.content-left .column-item .qa-box p{ overflow: hidden; font-size: 14px; line-height: 30px; max-height: 60px; color: #ababab;}
.content-left .column-item .qa-box p span{ float: left; height: 60px; margin-right: 12px;}

/*栏目详情左侧*/
.question-box h1{ font-size: 22px; line-height: 30px; color: #111111;}
.question-box .info{ margin-top: 5px; line-height: 30px; overflow: hidden;}
.question-box .info span{ float: left; margin-right: 45px; font-size: 14px; line-height: 30px; color: #c1c1c1;}
.question-box h2{ font-size: 14px; line-height: 30px; color: #333333;}
.question-box h2 span{ margin-left: 10px; color: #d8d8d8;}
.question-box .detail{ margin-top: 5px; font-size: 16px; line-height: 30px; color: #555555;}
.question-box .extra{ margin-top: 10px; overflow: hidden;}
.question-box .extra .btn{ float: left; width: 127px; height: 40px; margin-right: 18px; background: #4591e7; text-align: center; font-size: 16px; line-height: 40px; color: #ffffff; border-radius: 4px; padding-left: 0px;}
.question-box .extra .total{ float: left; padding: 5px 0; font-size: 14px; color: #c1c1c1; line-height: 30px;}
.question-box .extra .share{ float: right; height:auto; padding-left: 25px; background: url("../images/icon-share.png") left center no-repeat; font-size: 14px; color: #555555; line-height: 30px; cursor: pointer;}

.reply-box{ margin-top: 20px;}
.reply-box .reply-caption{ position: relative; overflow: hidden;}
.reply-box .reply-caption .caption{ float: left; position: relative; z-index: 2; font-size: 20px; line-height: 30px; color: #475a70; background: #ffffff; padding-right: 10px;}
.reply-box .reply-caption .line{ position: absolute; width: 100%; height: 1px; left: 0; top: 50%; background: #eaeaea; z-index: 1;}
.reply-box .reply-caption .activity{ float: right; position: relative; z-index: 2;  font-size: 14px; line-height: 30px; color: #555555; background: #ffffff; padding-left: 10px;}
.reply-box .reply-caption .activity a{ color: #4591e7;}
.reply-box .reply-list{}
.reply-box .reply-item{ padding: 44px 0 36px; position: relative; border-bottom: 1px dashed #f3f3f3;}
.reply-box .reply-item .responder{ overflow: hidden;}
.reply-box .reply-item .avatar{ float: left; width: 45px; height: 45px;}
.reply-box .reply-item .avatar img{ width: 45px; height: 45px;}
.reply-box .reply-item .text{ float: left; margin-left: 25px;}
.reply-box .reply-item .text .info{ line-height: 24px; overflow: hidden;}
.reply-box .reply-item .text .info .name{ margin-right: 10px; font-size: 18px; color: #333333;}
.reply-box .reply-item .text .info .call{ padding-left: 34px; background: url("../images/icon-v.png") left center no-repeat; font-size: 14px; color: #c1c1c1;}
.reply-box .reply-item .text .reply-date{ font-size: 14px; line-height: 24px; color: #c1c1c1;}
.reply-box .reply-item .answer-box{ margin-top: 5px; padding-left: 10px;}
.reply-box .reply-item .answer-text{ font-size: 16px; line-height: 30px; color: #555555;}
/* .reply-box .reply-item .answer-text p{ font-size: 14px; line-height: 30px; color: #555555;} */
.reply-box .reply-item .help-btn{ position: absolute; width: 85px; height: 35px; top: 50px; right: 0; line-height: 35px; border-radius: 18px; background: #4591e7; font-size: 14px; color: #ffffff; text-align: center;}
.reply-box .reply-item .answer-prise{ margin-top: 30px; overflow: hidden}
.reply-box .reply-item .answer-prise .prise-btn{ float: left; width: 95px; height: 35px; line-height: 35px; background: #deecfc; border-radius: 3px; text-align: center; font-size: 14px; color: #2485f2;}
.reply-box .reply-item .answer-prise .prise-btn img{ padding-right: 10px; vertical-align: text-bottom; cursor: pointer;}
.reply-box .reply-item .answer-prise .total{ float: left; margin-left: 16px; line-height: 35px; color: #c1c1c1; font-size: 14px;}
.reply-box .reply-item .answer-prise .total b{ font-weight: normal; color: #555555;}
.reply-box .ask-online{ display: block; margin-top: 10px; height: 42px; background: #4591e7; border-radius: 3px;}
.reply-box .ask-online a{ display: block; height: 100%; text-align: center; font-size: 14px; line-height: 42px; color: #ffffff;}
.reply-box .ask-online a img{ margin-left: 5px;}
.reply-box .form{ margin-top: 10px;}
.reply-box .form .form-title{ font-size: 14px; color: #cbcbcb; line-height: 30px;}
.reply-box .form .form-text{ margin-top: 24px;}
.reply-box .form .form-text textarea{ width: 816px; padding: 15px; height: 84px; border: 1px solid #e8e8e8; resize: none; font-size: 14px; line-height: 30px;}
.reply-box .form .form-submit{ margin-top: 20px;}
.reply-box .form .form-submit input{ width: 118px; height: 40px; line-height: 40px; background: #f78822; font-size: 14px; color: #ffffff; text-align: center; border-radius: 20px; cursor: pointer; outline: none;}
.reply-box .classify{ margin-top: 40px; padding-bottom: 1px; overflow: hidden;}
.reply-box .classify span,.reply-box .classify a{ float: left; font-size: 14px; color: #000000;}
.reply-box .classify a{ margin-right: 16px;}






/*栏目页右侧*/

.content-right .statistics{ height: 355px; background: #e8f4ff; overflow: hidden;box-shadow: 0 4px 8px 0 rgba(7,17,27,.05);}
.content-right .statistics-box{ width: 268px; height: 240px; margin: 24px auto; background: url("../images/shape.png") top right no-repeat #ffffff; overflow: hidden;}
.content-right .statistics-box h2{ margin-top: 42px; font-size: 42px; line-height: 42px; text-align: center; color: #4591e7;}
.content-right .statistics-box h6{ margin-top: 10px; font-size: 14px; line-height: 30px; text-align: center; color: #555555;}
.content-right .statistics-box p{ font-size: 14px; line-height: 30px; text-align: center;  color: #b9b9b9;}
.content-right .statistics-box .data{ margin-top: 10px; text-align: center}
.content-right .statistics-box .data span{ display: inline-block; width: 28px; height: 50px; border: 1px solid #c0d4ea; border-radius: 3px;
  font-size: 26px; line-height: 50px; color: #4591e7;}
.content-right .statistics .btn{ display: block; width: 266px; height: 45px; margin: 0 auto; border-radius: 24px; background: #f78822; text-align: center; line-height: 45px; color: #ffffff; font-size: 22px;}

.content-right .recommend{ margin-top: 22px; padding: 22px; background: #ffffff;box-shadow: 0 4px 8px 0 rgba(7,17,27,.05);}
.content-right .recommend .recommend-title{ margin-bottom: 15px; font-size: 20px; color: #333333; line-height: 20px;}
.content-right .recommend .recommend-item{ padding: 12px 0; border-bottom: 1px solid #f1f1f1;}
.content-right .recommend .recommend-item:last-child{ border-bottom: none;}
.content-right .recommend .recommend-item .title{ display: block; position: relative; padding-left: 16px; font-size: 14px; line-height: 30px; color: #777777; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.content-right .recommend .recommend-item .title:before{ content: ''; display: block; width: 4px; height: 4px; margin-top: -2px; position: absolute; left: 0; top: 50%; background: #aeaeae; border-radius: 50%;}
.content-right .recommend .recommend-item .info{ display: block; padding-left: 16px; overflow: hidden;}
.content-right .recommend .recommend-item .info b{ font-size: 14px; line-height: 30px; color: #bdbdbd; font-weight: normal;}
.content-right .recommend .recommend-item .info b.belong{ float: left;}
.content-right .recommend .recommend-item .info b.total{ float: right;}
.content-right .recommend .recommend-item .info b.total i{ font-style: normal;}

.content-right .ad{ margin-top: 20px;}