/* 支付成功 */ .success{ width: 750rpx; height: 200rpx; margin-top: 40rpx; text-align: center; } .success image{ width: 200rpx; height: 100%; } .success-title{ color: #333333; font-size: 36rpx; font-weight: 600; margin-top: 20rpx; text-align: center; margin-bottom: 40rpx; } /* 邀请好友 */ .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; } .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; font-size: 32rpx; color: #333333; }