@import '../../styles/utils.scss';

.home-page-container {
  flex: 1;
  position: relative;
  .echarts {
    width: px2rem(642px);
    height: px2rem(887px);
    position: absolute;
    top: px2rem(38px);
    left: 50%;
    transform: translateX(-50%);
  }
  .card-container {
    position: absolute;
    top: px2rem(83px * 2);
    &-bg-message-list {
      left: px2rem(30px * 2);
      width: px2rem(528px * 2);
      height: px2rem(448px * 2);
    }
  }
}
.message-card-container {
  color: #fff;
  overflow-y: auto;
  > a {
    color: #fff;
    cursor: pointer;
    &:hover {
      .title {
        transition: color 0.2s;
        color: #7cb3ff;
      }
    }
  }
  .message-item {
    padding-bottom: px2rem(30px * 2);
    .title {
      font-size: px2rem(16px * 2);
      display: flex;
      align-items: top;
      padding-bottom: px2rem(13px * 2);
      color: #fff;
      .index {
        color: #fff;
        width: px2rem(20px * 2);
        // width: 20px * 2;
      }
    }
    .desc {
      font-size: px2rem(16px * 2);
      padding-left: px2rem(20px * 2);
      // padding-left: 20px * 2;
    }
  }
}
