payProject/subPackagesB/pages/groupOrder/groupOrder.wxss

/* 拼团流程 */
.order-top {
  width: 710rpx;
  height: 144rpx;
  border-radius: 24rpx;
  background-color: #FFFFFF;
  margin-top: 40rpx;
  margin-left: 20rpx;
  display: flex;
  padding-top: 24rpx;
  box-sizing: border-box;
}

.startGroup,
.initFriend,
.successGroup {
  width: 80rpx;
  height: 80rpx;
  text-align: center;
}

.arrows {
  width: 36rpx; 
  height: 20rpx;
  margin-top: 20rpx;
}

.arrows image {
  width: 36rpx;
  height: 20rpx;
}

.startGroup view,
.initFriend view,
.successGroup view {
  font-size: 20rpx;
  color: #333333;
}

.startGroup {
  margin-left: 80rpx;
  margin-right: 60rpx;
}

.initFriend {
  margin-left: 70rpx;
  margin-right: 60rpx;
}

.successGroup {
  margin-left: 60rpx;
}

.startGroup image {
  width: 60rpx;
  height: 60rpx;
}

.initFriend image {
  width: 60rpx;
  height: 60rpx;
}

.successGroup image {
  width: 60rpx;
  height: 60rpx;
}

.order-content {
  width: 710rpx;
  height: auto;
  margin-top: 20rpx;
  background-color: #FFFFFF;
  margin-left: 20rpx;
  padding: 40rpx 20rpx 0 20rpx;
  box-sizing: border-box;
  text-align: center;
  border-radius: 24rpx;
  padding-bottom: 40rpx;
}
.order-content-top {
  display: flex;
  justify-content: center;
  align-items: center;
}
.order-content-top .line{
  width: 72rpx;
  height: 2rpx;
  background-color: #FA7D22;
}
.order-title {
  color: #333333;
  font-size: 36rpx;
  font-weight: 600;
  margin:  0 72rpx;
}

.order-init {
  display: flex;
  justify-content: center;
  margin-top: 80rpx;
  align-items: center;
}

.order-init .order-initiator {
  width: 120rpx;
  height: 120rpx;
}

.order-initiator image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.add {
  width: 36rpx;
  height: 36rpx;
  margin: 0 60rpx;
}

.add image {
  width: 100%;
  height: 100%;
}

.order-init .order-beInvited {
  width: 120rpx;
  height: 120rpx;
}
.order-beInvited image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
 .whoGroup {
  width: 120rpx;
  height: 100%;
  font-size: 48rpx;
  color: #F1F1F1;
  line-height: 120rpx;
  border-radius: 50%;
  border: 2rpx solid #F1F1F1;
  text-align: center;
}

.inviteFriends {
  width: 670rpx;
  height: 84rpx;
  line-height: 84rpx;
  background-color: #FA7D22;
  margin-top: 80rpx;
  border-radius: 42rpx;
  font-size: 32rpx;
  color: #FFFFFF;
}

.cancelGroup {
  width: 670rpx;
  height: 84rpx;
  border: 2rpx solid #E1E1E1;
  border-radius: 42rpx;
  line-height: 84rpx;
  margin-top: 20rpx;
}
.groupSuccess{
  width: 670rpx;
  height: 84rpx;
  border: 2rpx solid #E1E1E1;
  border-radius: 42rpx;
  line-height: 84rpx;
  margin-top: 80rpx;
}