.external-class-content {
  padding: 32rpx 0 !important;
}

.text {
  font-size: 24rpx !important;
  line-height: 40rpx !important;
  padding-top: 20rpx !important;
}
.image {
  width: 64rpx !important;
  height: 64rpx !important;
}
.image-icon {
  width: 64rpx;
  height: 64rpx;
}

.badge-circle {
  display: flex;
  justify-content: center;
  background-color: #e34d59;
  border-radius: 15rpx;
  width: 36rpx;
  height: 32rpx;
  align-items: center;
  position: absolute;
  top: -15rpx;
  left: 46rpx;
}

.circle {
  width: 4rpx;
  height: 4rpx;
  border-radius: 2rpx;
  background-color: white;
  margin-left: 4rpx;
}

.badge-circle-container {
  margin-left: -4rpx;
  display: flex;
}

.badge .image {
  position: inherit;
}

.badge .image::before {
  content: ' ';
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  border-radius: 24rpx;
  border: 2rpx solid var(--td-gray-color-4);
  transform-origin: 0 0;
  transform: scale(0.5);
}