.join-records {
  position: relative;
  height: 100%;
  overflow: hidden;
  .go-back-icon {
    position: absolute;
    top: 30rpx;
    left: 20rpx;
    width: 36rpx;
    height: 36rpx;
  }
  .title-box {
    display: flex;
    justify-content: center;
    padding-bottom: 16rpx;
    .title {
      width: 236rpx;
      height: 96rpx;
    }
  }
  .record-list {
    padding: 32rpx 32rpx 0 32rpx;
  }
  .record-empty {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: calc(100% - 120rpx);
    .empty-icon {
      width: 200rpx;
      height: 200rpx;
    }
    .desc {
      padding-top: 40rpx;
      color: #ffbd67;
      font-size: 28rpx;
    }
  }
}