.new-page {
  :global {
    .content-item {
      margin: 0 5px 20px 5px;
      // background: #ffffff;
      // .ant-card-bordered {
      // border-color: #ebebeb;
      // border-radius: 8px;
      // }
    }
    .content-chart {
      height: 365px;
    }
    .content-none {
      text-align: center;
      padding: 50px 0;
    }
  }
}
.tab-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 76px;
  z-index: 98;
}
.showmore-btn {
  display: block;
  text-align: center;
  font-size: 18px;
  margin: 35px auto;
}
.login-text {
  color: #faa12f;
}
.jy-rank-wrapper {
  background: #fbfbfb;
  border: 1px solid #ebebeb;
  border-radius: 8px;
  overflow: hidden;
  :global {
    .jy-title-tab {
      border-bottom: 1px solid #ebebeb;
      background: #ffffff;
    }
    .jy-rank-content {
      padding: 20px;
      .jy-rank-article {
        border-bottom: 1px solid #ebebeb;
        display: flex;
        align-items: flex-start;
        padding: 10px 0;
        &:last-child {
          border-bottom: none;
        }
        .jy-article {
          flex: 1;
          font-size: 16px;
          line-height: 20px;
          .jy-link-art {
            color: #333333;
          }
          .art-title {
            display: inline-block;
            margin-right: 10px;
            &:hover {
              color: #faa12f;
            }
          }
          .jy-otherlink {
            color: #faa12f;
            margin-right: 10px;
            cursor: pointer;
          }
          .jy-time {
            font-size: 14px;
            line-height: 16px;
            margin-top: 10px;
          }
        }
      }
    }
  }
}
.charts-tip-wrapper {
  padding: 4px 16px;
  margin: -10px 0 10px 0;
  background: #fff1e9;
  color: #e37318;
  font-size: 18px;
  line-height: 36px;
  :global {
    .charts-tips-icon {
      color: #fadb14;
    }
  }
}

@media (max-width: 800px) {
  .new-page {
    :global {
      .my-masonry-grid {
        margin-left: -15px;
      }
      .my-masonry-grid_column {
        padding-left: 15px;
      }
      .content-item {
        margin: 5px 5px;
      }
    }
  }
}
