@charset "UTF-8";
/* 文章详情页 */
.article-title {
  overflow: hidden;
  margin-top: 18px; }
  .article-title h1 {
    color: #333;
    font-size: 34px;
    font-weight: bold;
    line-height: 48px;
    word-wrap: break-word; }
  .article-title .article-author {
    color: #BCBCBC;
    font-size: 16px;
    float: left;
    margin-top: 11px; }
    .article-title .article-author li {
      margin-right: 14px;
      float: left; }
      .article-title .article-author li a {
        color: #BCBCBC; }
  .article-title .article-share {
    color: #BCBCBC;
    font-size: 16px;
    float: right;
    margin-top: 11px; }
    .article-title .article-share li {
      float: left;
      margin-right: 13px;
      line-height: 23px; }
    .article-title .article-share .wechat a {
      background: url(../img/wachat.png) no-repeat;
      display: inline-block;
      width: 30px;
      height: 24px;
      background-size: 30px 24px; }
    .article-title .article-share .wechat a:hover {
      background: url(../img/wechat-hover.png) no-repeat;
      display: inline-block;
      width: 30px;
      height: 24px;
      background-size: 30px 24px; }
    .article-title .article-share .tencent a {
      background: url(../img/qq.png) no-repeat;
      display: inline-block;
      width: 19px;
      height: 22px;
      background-size: 19px 22px; }
    .article-title .article-share .tencent a:hover {
      background: url(../img/qq-hover.png) no-repeat;
      display: inline-block;
      width: 19px;
      height: 22px;
      background-size: 19px 22px; }
    .article-title .article-share .sina a {
      background: url(../img/sina.png) no-repeat;
      display: inline-block;
      width: 28px;
      height: 22px;
      background-size: 28px 22px; }
    .article-title .article-share .sina a:hover {
      background: url(../img/sina-hover.png) no-repeat;
      display: inline-block;
      width: 28px;
      height: 22px;
      background-size: 28px 22px; }

.article-content {
  overflow: hidden;
  margin-top: 24px; }
  .article-content p {
    font-size: 18px;
    color: #222;
    line-height: 30px;
    margin-bottom: 30px; }
  .article-content .article-tips ul li {
    float: left;
    margin-right: 10px; }
    .article-content .article-tips ul li a {
      background: #F5F5F5;
      border-radius: 2px;
      width: 70px;
      height: 26px;
      display: inline-block;
      font-size: 14px;
      color: #777;
      line-height: 26px;
      text-align: center; }
    .article-content .article-tips ul li a:hover {
      color: #661D20; }
  .article-content .share-box .article-share {
    color: #BCBCBC;
    font-size: 16px;
    float: right;
    margin-top: 11px; }
    .article-content .share-box .article-share li {
      float: left;
      margin-right: 13px;
      line-height: 22px; }
    .article-content .share-box .article-share .wechat a {
      background: url(../img/wachat.png) no-repeat;
      display: inline-block;
      width: 30px;
      height: 24px;
      background-size: 30px 24px; }
    .article-content .share-box .article-share .wechat a:hover {
      background: url(../img/wechat-hover.png) no-repeat;
      display: inline-block;
      width: 30px;
      height: 24px;
      background-size: 30px 24px; }
    .article-content .share-box .article-share .tencent a {
      background: url(../img/qq.png) no-repeat;
      display: inline-block;
      width: 19px;
      height: 22px;
      background-size: 19px 22px; }
    .article-content .share-box .article-share .tencent a:hover {
      background: url(../img/qq-hover.png) no-repeat;
      display: inline-block;
      width: 19px;
      height: 22px;
      background-size: 19px 22px; }
    .article-content .share-box .article-share .sina a {
      background: url(../img/sina.png) no-repeat;
      display: inline-block;
      width: 28px;
      height: 22px;
      background-size: 28px 22px; }
    .article-content .share-box .article-share .sina a:hover {
      background: url(../img/sina-hover.png) no-repeat;
      display: inline-block;
      width: 28px;
      height: 22px;
      background-size: 28px 22px; }

.top-box1 {
  margin-left: 26px;
  margin-right: 26px;
  border-bottom: 1px solid #eee;
  padding-bottom: 23px; }
  .top-box1 a {
    display: block;
    text-align: center; }
    .top-box1 a img {
      border-radius: 100%;
      width: 80px;
      height: 80px;
      margin-top: 37px; }
  .top-box1 span {
    display: block;
    text-align: center;
    width: 200px;
    word-break: break-all;
    line-height: 23px;
    margin: 0px auto;
    padding-top: 15px; }
  .top-box1 p {
    position: relative;
    padding-top: 39px;
    font-size: 14px;
    color: #222;
    padding-left: 22px;
    line-height: 24px;
    word-break: break-all; }
    .top-box1 p i {
      background: url(../img/icon-img.png) no-repeat;
      width: 20px;
      height: 17px;
      display: block;
      position: absolute;
      top: 20px;
      left: 0px; }

.bottom-box1 {
  color: #333;
  font-size: 14px;
  margin-left: 26px;
  margin-right: 26px;
  overflow: hidden; }
  .bottom-box1 h1 {
    color: #222;
    font-size: 16px;
    margin-top: 16px;
    margin-bottom: 17px;
    font-weight: bold; }
  .bottom-box1 p {
    line-height: 22px;
    position: relative;
    width: 283px;
    float: right;
    margin-bottom: 10px; }
    .bottom-box1 p i {
      width: 6px;
      height: 6px;
      background: #F73B42;
      display: block;
      margin-right: 17px;
      position: absolute;
      left: -22px;
      top: 8px; }
  .bottom-box1 .more-article {
    border: 1px solid #E73F3F;
    border-radius: 22px;
    clear: both;
    width: 156px;
    height: 40px;
    display: block;
    line-height: 40px;
    text-align: center;
    color: #E73F3F;
    font-size: 14px;
    margin: 25px auto; }

.list-box {
  border-top: 1px solid #E6E6E6;
  margin-top: 35px;
  padding-top: 24px; }
  .list-box .list-box-tit {
    color: #333;
    font-size: 24px;
    font-weight: bold;
    line-height: 25px; }
    .list-box .list-box-tit i {
      width: 7px;
      height: 25px;
      background: #E73F3F;
      display: inline-block;
      margin-right: 9px;
      vertical-align: bottom; }
  .list-box .w700-tips-detail {
    margin-top: 13px;
    position: absolute;
    right: 0;
    bottom: 0px; }
    .list-box .w700-tips-detail li {
      float: left;
      margin-right: 10px;
      color: #777;
      font-size: 14px;
      padding: 4px 9px;
      display: inline-block;
      background: #F5F5F5;
      border-radius: 2px; }
      .list-box .w700-tips-detail li a {
        color: #777; }
      .list-box .w700-tips-detail li a:hover {
        color: #531315; }
      .list-box .w700-tips-detail li .on-tips {
        color: #531315; }

.comment-box {
  border-top: 1px solid #E6E6E6;
  padding-top: 21px; }
  .comment-box .comment-title {
    overflow: hidden;
    margin-bottom: 12px; }
    .comment-box .comment-title .user-comment {
      float: left; }
      .comment-box .comment-title .user-comment a img {
        width: 40px;
        height: 40px;
        border-radius: 100%; }
      .comment-box .comment-title .user-comment span {
        color: #000;
        font-size: 16px;
        display: inline-block;
        line-height: 40px;
        margin-left: 16px; }
    .comment-box .comment-title p {
      float: right;
      color: #999;
      font-size: 16px; }
      .comment-box .comment-title p strong {
        color: #F73B42;
        font-size: 26px;
        margin-right: 4px; }
  .comment-box .textarea-box {
    border: 1px solid #333;
    width: 699px;
    height: 97px;
    border-radius: 2px;
    margin-bottom: 32px; }
    .comment-box .textarea-box textarea {
      width: 697px;
      height: 64px;
      line-height: 25px;
      padding: 5px 10px;
      font-size: 14px; }
    .comment-box .textarea-box .textarea-bottom p {
      background: #eee;
      border-radius: 0 0 0 2px;
      width: 557px;
      height: 31px;
      line-height: 31px;
      float: left;
      color: #999;
      font-size: 14px;
      padding-left: 14px; }
    .comment-box .textarea-box .textarea-bottom .publish-btn {
      background: #333;
      width: 140px;
      height: 31px;
      border-radius: 0 0 2px 0;
      display: inline-block;
      color: #fff;
      font-size: 18px;
      line-height: 31px;
      text-align: center;
      float: right; }
  .comment-box .comment-list ul li:last-child {
    border-bottom: none; }
  .comment-box .comment-list ul li {
    border-bottom: 1px solid #EFEFEF;
    padding-bottom: 15px;
    margin-bottom: 13px; }
    .comment-box .comment-list ul li .comment {
      position: relative; }
      .comment-box .comment-list ul li .comment a {
        cursor: pointer; }
      .comment-box .comment-list ul li .comment img {
        width: 24px;
        height: 24px;
        margin-right: 9px;
        border-radius: 100%; }
      .comment-box .comment-list ul li .comment p {
        display: inline-block;
        font-size: 14px;
        color: #999;
        line-height: 24px; }
        .comment-box .comment-list ul li .comment p span {
          margin-right: 10px; }
      .comment-box .comment-list ul li .comment h1 {
        font-size: 14px;
        color: #222;
        margin-left: 36px;
        margin-top: 8px;
        line-height: 24px; }
      .comment-box .comment-list ul li .comment .comment-opera {
        color: #70C9E8;
        margin-left: 36px;
        margin-top: 6px; }
        .comment-box .comment-list ul li .comment .comment-opera span {
          color: #49A1C0;
          font-size: 14px;
          cursor: pointer; }
        .comment-box .comment-list ul li .comment .comment-opera .hide-panel {
          background: url(../img/show.png) no-repeat right center;
          background-size: 12px 8px;
          padding-right: 20px; }
        .comment-box .comment-list ul li .comment .comment-opera .show-panel {
          background: url(../img/hide.png) no-repeat right center;
          background-size: 12px 8px;
          padding-right: 20px; }
        .comment-box .comment-list ul li .comment .comment-opera .back-show {
          cursor: pointer; }
      .comment-box .comment-list ul li .comment .like-btn {
        background: url(../img/like-icon.png) no-repeat right center;
        width: 17px;
        height: 16px;
        display: block;
        position: absolute;
        right: 0px;
        top: 35px;
        color: #D3D3D3; }
      .comment-box .comment-list ul li .comment .like-active {
        background: url(../img/like-active.png) no-repeat right center;
        background-size: 17px 16px;
        display: block;
        position: absolute;
        right: 0px;
        top: 35px;
        color: #FF1437;
        font-size: 16px;
        padding-right: 23px; }
      .comment-box .comment-list ul li .comment .textarea-show {
        border: 1px solid #333;
        width: 661px;
        height: 97px;
        border-radius: 2px;
        margin-top: 15px;
        margin-left: 36px;
        display: none; }
        .comment-box .comment-list ul li .comment .textarea-show textarea {
          width: 659px;
          height: 64px;
          line-height: 25px;
          padding: 5px 10px; }
        .comment-box .comment-list ul li .comment .textarea-show .textarea-bottom p {
          background: #eee;
          border-radius: 0 0 0 2px;
          width: 519px;
          height: 31px;
          line-height: 31px;
          float: left;
          color: #999;
          font-size: 14px;
          padding-left: 14px; }
        .comment-box .comment-list ul li .comment .textarea-show .textarea-bottom .publish-btn {
          background: #333;
          width: 140px;
          height: 31px;
          border: 0 0 2px 0;
          display: inline-block;
          color: #fff;
          font-size: 18px;
          line-height: 31px;
          text-align: center;
          float: right; }
    .comment-box .comment-list ul li .comment-show {
      margin-left: 39px;
      margin-top: 17px;
      display: none; }
      .comment-box .comment-list ul li .comment-show .comment {
        margin-bottom: 19px; }
        .comment-box .comment-list ul li .comment-show .comment h1 {
          width: 575px; }
  .comment-box .comment-list .more-back-btn {
    width: 200px;
    height: 40px;
    background: #FBFBFB;
    border-radius: 2px;
    color: #49A1C0;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    display: block;
    margin: 15px auto; }

.detail-footer {
  background: #FBFBFB;
  width: 100%;
  height: 130px;
  clear: both; }
  .detail-footer .footer-auto {
    width: 553px;
    margin: 0px auto;
    padding-top: 27px; }
    .detail-footer .footer-auto ul {
      overflow: hidden; }
      .detail-footer .footer-auto ul li:first-child {
        border-left: none; }
      .detail-footer .footer-auto ul li {
        float: left;
        margin-right: 16.5px;
        padding-left: 16.5px;
        border-left: 1px solid #bebebe;
        display: inline-block; }
        .detail-footer .footer-auto ul li a {
          color: #999;
          font-size: 14px; }
    .detail-footer .footer-auto p {
      color: #999;
      font-size: 14px;
      text-align: center;
      margin-top: 13px;
      line-height: 20px; }

/*  文章详情页 */

/*# sourceMappingURL=article-details.css.map */
