.successBox {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 300rpx;
}

.successBg {
  width: 80%;
  height: 260rpx;
  position: relative;
}

.bgImg {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: -999;
}

.successTitle {
  display: flex;
  justify-content: center;
  align-items: center;
  /* color: var(--subtitleColor); */
  font-size: 36rpx;
  font-weight: 700;
  position: relative;
  margin-top: 40rpx;
}

/* 活动信息 */
.actInfo {
  font-size: 22rpx;
  margin: 32rpx 0 0 50rpx;
  display: flex;
  justify-content: space-between;
  width: 82%;
}

/* 参团信息 */
.boxPadding {
  padding: 20rpx 30rpx !important;
  margin-bottom: 20rpx;
}

.ballom {
  position: absolute;
  right: 30rpx;
  width: 215rpx;
  height: 196rpx;
  top: 106rpx;
}

.groupItem {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.redButt {
  width: 153rpx;
  height: 47rpx;
  border-radius: 30rpx;
  background-color: var(--themeColor);
  color: #000;
  font-size: 26rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}

.groupImg {
  border-radius: 50%;
  width: 60rpx;
  height: 60rpx;
}

.groupNo {
  border: 1px dashed #666;
  background-color: var(--subtitleColor);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #666;
  box-sizing:border-box
}

/* 专属活动 */
.selfActTitle {
  display: flex;
  height: 100%;
  align-items: center;
  font-size: 28rpx;
  justify-content: space-between;
}

.titleLine {
  height: 30rpx;
  width: 8rpx;
  background-color: var(--subtitleColor);
  border-radius: 6rpx;
  margin-right: 10rpx;
}

.selfInfo {
  font-size: 28rpx;
  display: flex;
  justify-content: space-between;
  margin-top: 20rpx;
}

.infoLeft {
  text-align: left;
  margin-right: 20rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 27rpx;
  margin-top: 10rpx;
  padding-bottom: 10rpx;
  color: #000;
}

.infocode {
  height: 50rpx;
  width: 52rpx;
  margin-right: 10rpx;
}

/* 邀请按钮 */
.shareBtn {
  border: 1px solid var(--themeColor);
  background-color: var(--themeColor);
  border-radius: 35rpx;
  padding: 13rpx 30rpx;
  /* color: var(--subtitleColor); */
  font-size: 33rpx;
  margin-top: 28rpx;
  width: 280rpx;
  display: flex;
  justify-content: center;
}

.backBtn {
  display: flex;
  justify-content: space-between;
  font-size: 28rpx;
  color: #C6C7C8;
  width: 330rpx;
  margin-top: 20rpx;
}

.ellipsisDisplay {
  /* 单行省略 */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tips-content {
  text-align: center;
  padding: 40rpx 0;
}

.tips-content .icon {
  font-size: 160rpx;
}

.sessionQrcode {
  width: 200rpx;
  height: 200rpx;
  margin-bottom: 20rpx;
}



.borderRadiu {
  border-radius: 20rpx;
  overflow: hidden;
}

.modal-col {
  margin-top: 20rpx;
}

.headerBox {
  margin: 30rpx 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 15%;
  box-sizing: border-box;
}

.headerCol {
  margin: 12rpx;
  position: relative;
}

.show-more {
  border-top: 1rpx solid #eee;
  text-align: center;
  padding: 10rpx;
}

.show-more text::after {
  content: '';
  transform: rotate(45deg);
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
  width: 16rpx;
  height: 16rpx;
  display: inline-block;
}

.groupHead {
  color: #fff;
  background-color: #ee3a43;
  padding: 0 8rpx;
  position: absolute;
  left: -20rpx;
  top: -10rpx;
  z-index: 9;
  font-size: 20rpx;
  border: 2rpx solid #fff;
  border-radius: 16rpx;
}

.headerImg {
  width: 80rpx;
  height: 80rpx;
  border-radius: 50%;
}

.name {
  width: 80rpx;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 24rpx;
  color: #908f90;
}

.vacancy {
  width: 80rpx;
  height: 80rpx;
  border: 1px dashed #ee3a43;
  border-radius: 50%;
  background-color: #e8cace;
  font-size: 50rpx;
  color: #ee3a43;
  text-align: center;
  line-height: 80rpx;
}

.pay-buttons {
  padding: 0 60rpx;
}

.pay-buttons>.button {
  height: 60rpx;
  line-height: 60rpx;
  margin-right: 20rpx;
}

.pay-buttons>.button:last-child {
  margin-right: 0;
}

.order-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 28rpx;
  color: #ee3a43;
  margin-bottom: 20rpx;
}

.Unpaid {
  display: inline-block;
  background: url('data:image/png;base64,[encoded data, 18712 characters]') no-repeat;
  background-size: cover;
  width: 24rpx;
  height: 24rpx;
}

.tip {
  padding: 0 60rpx;
  text-align: left;
  margin-top: 20rpx;
  color: #999;
}

.sub-order-password {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  text-align: left;
}

.sub-order-password>.sub-order-item {
  flex: 1;
  font-size: 28rpx;
}

.link::after {
  content: "";
  width: 14rpx;
  height: 14rpx;
  position: absolute;
  right: 0;
  top: 50%;
  border-top: 1px solid #C7C7C7;
  border-right: 1px solid #C7C7C7;
  transform: translateY(-50%) rotate(45deg);
}

.link {
  padding-right: 30rpx;
}

.column {
  background: #fff;
  padding: 20rpx;
  margin-top: 20rpx;
  font-size: 28rpx;
}

.column .title {
  line-height: 2;
}

 .ins {
  font-size: 24rpx;
  color: var(--subtitleColor);
}

.column .art {
  color: #999;
}