/*首页*/
.mainlayout-flex {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  overflow: hidden;
}

.page-main {
  margin: 0 16px;
}

.page-title {
  font-size: 14px;
  font-weight: bold;
  line-height: 19px;
  color: #303133;
  margin: 16px;
}

.page-left {
  display: flex;
  flex-direction: column;

  .page-left-1 {
    width: 100%;
    height: 300px;
    margin-bottom: 16px;

    .tag_main {
      margin: 0 16px;
      margin-bottom: 24px;

      .el-tag {
        color: #303133;
        padding: 7px 16px;
        border: 1px solid #E4E7ED;
        opacity: 1;
        background: white;
        height: auto;
        width: auto;
        line-height: inherit;
        margin-right: 16px;
        margin-bottom: 15px;
        cursor: pointer;
      }
    }
  }

  .page-left-2 {
    width: 100%;
    height: 518px;
    position: relative;

    .page-title {
      margin-bottom: 10px;
    }

    .time {
      width: 166px;
      font-size: 12px;
      position: absolute;
      right: 16px;
      color: #909399;
      top: 65px;
    }
  }
}

.page-left,
.page-right {
  width: 906px;
  height: 100%;
}

.page-right {
  max-height: 835px;
}

.page-left div,
.page-right {
  background: white;
}

.hxsj-mian {
  width: 100%;
  height: 100%;
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  flex-wrap: wrap;

  .item {
    width: 281px;
    height: 192px;
    border: 1px solid #E4E7ED;
    margin-bottom: 8px;
    margin-right: 8px;

    p {
      font-size: 16px;
      font-family: D-DIN DIN;
      display: block;
    }

    .numpoint {
      text-align: center;
      // margin-left: 95px;
      margin-top: 72px;
      color: #AAB2C2;
      margin-bottom: 0;

      .num {
        font-weight: bold;
        font-size: 30px;
        font-family: D-DIN DIN;
      }
    }

    .sm {
      font-size: 14px;
      color: #606266;
      // margin-left: 95px;
      text-align: center;
      margin-top: 2px;
    }
  }
}

.hxsj-mian:after {
  content: ' ';
  width: 271px;
  flex: auto;
}

.dbrw-main {
  display: flex;
  width: 96%;
  height: 672px;
  margin: 0 16px;
  position: relative;
  overflow-y: auto;
  flex-direction: column;

  .dbitem {
    width: 100%;
    width: 834px;
    height: 82px;
    border: 1px solid #E4E7ED;
    margin-bottom: 15px;

    div {
      display: flex;
      justify-content: space-between;
      padding-top: 12px;
      padding-bottom: 5px;
      align-items: center;

      .title {
        font-size: 12px;
        color: #303133;
        font-weight: bold;
        margin-left: 12px;
      }

      .time {
        font-size: 13px;
        color: #909399;
        margin-right: 12px;
      }
    }

    .content {
      font-size: 12px;
      color: #606266;
      padding-top: 0;
      width: 100%;

      span {
        width: 100%;
        margin: 0 12px;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        cursor: pointer;
      }
    }
  }
}

:v-deep(.el-table--scrollable-y ::-webkit-scrollbar) {
  display: none;
}

