.article-div {
  font-weight: 200;
  width: 60%;
  margin: 0 auto; }
  .article-div .article-title {
    margin-top: 45px;
    text-align: center; }
    .article-div .article-title .title {
      font-weight: bolder;
      font-size: 33px;
      height: 40px;
      line-height: 40px;
      overflow: hidden;
      white-space: nowrap;
      max-width: 100%;
      text-overflow: ellipsis; }
    .article-div .article-title .time {
      font-size: 20px; }
  .article-div .article-content {
    margin-top: 35px;
    margin-bottom: 30px;
    overflow: hidden; }
    .article-div .article-content img {
      max-width: 100%; }
  .article-div .article-bottom {
    border-top: 1px solid #D7D7D7;
    border-bottom: 1px solid #D7D7D7;
    padding: 15px 0;
    display: flex; }
    .article-div .article-bottom .right {
      width: 200px;
      flex: inherit;
      text-align: right;
      position: relative; }
      .article-div .article-bottom .right .action-btn {
        font-size: 14px;
        color: #242424;
        font-weight: 200;
        padding: 0 15px;
        height: 30px;
        line-height: 30px;
        border: 1px solid #242424;
        border-radius: 0;
        position: absolute;
        right: 0;
        bottom: 22px; }
      .article-div .article-bottom .right .action-btn:hover {
        color: white;
        background-color: #242424; }
    .article-div .article-bottom .left {
      flex: 1;
      color: #313131; }
      .article-div .article-bottom .left p {
        font-size: 20px; }
        .article-div .article-bottom .left p a {
          color: #313131; }

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