.pageBox {
  margin-left: 20px;
  width: 790px;

  .areaBox {
    min-height: calc(50vh - 100px);

    .titleBox {
      height: 41px;
      border-bottom: 1px #d3e3ef solid;

      .name {
        font-size: 16px;
        color: #0176c9;
        font-weight: bold;
        display: block;
        float: left;
        height: 41px;
        line-height: 41px;
        margin-bottom: -1px;
        border-bottom: 2px #0176c9 solid;
        padding: 0 18px;
        background: url(../../assets/logo/hdjlsj.png) bottom center no-repeat;
      }

      .more {
        margin-top: 10px;
        float: right;
        text-align: left;
        font-size: 14px;

        &:hover {
          color: #0062eb;
          cursor: pointer;
        }
      }
    }

    .contentList {
      margin-top: 20px;

      .contentBox {
        float: left;
        width: 220px;
        margin: 10px calc((100% - 660px)/8);

        .el-image {
          width: 220px;
          height: 180px;
          display: block;
        }

        .titleBox {
          height: 97px;
          border-top: 0;
          padding: 0 17px;
          border: 1px #d1d9ed solid;

          p {
            font-size: 14px;
            line-height: 25px;
            color: #496071;
            margin: 8px 0;
            height: 52px;
            overflow: hidden;
            display: -webkit-box;
            text-overflow: ellipsis;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
          }

          span {
            font-size: 14px;
            color: #acacac;
          }
        }

      }
    }
  }
}