.invitation_friend_bg_image {
  width: 100%;
  height: 100%;
}

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

page {
  width: 100%;
  height: 100%;
}

.invatation_bottom {
  width: 690rpx;
  height: 350rpx;
  position: absolute;
  bottom: 50rpx;
  left: 50%;
  margin-left: -345rpx;
  display: flex;
  align-content: center;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
}

.invitation_buttom_goto {
  width: 100%;
  height: 85rpx;
  background: linear-gradient(0deg, rgba(255, 186, 38, 1), rgba(255, 225, 164, 1));
  border-radius: 42rpx;
  font-size: 40rpx;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
  line-height: 85rpx;
  text-align: center;
}

.invatation_buttom_reward image {
  width: 100%;
  height: 240rpx;
}

.invatation_buttom_reward {
  width: 100%;
  height: 240rpx;
}

.reward_text {
  position: absolute;
  top: 135rpx;
  /* left: 42%; */
  left: 50%;
  margin-left: -345rpx;
  font-size: 30rpx;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
  line-height: 17rpx;
  width: 690rpx;
  text-align: center;
}

.my_reward {
  width: 690rpx;
  height: 120rpx;
  position: absolute;
  bottom: 80rpx;
  left: 50%;
  margin-left: -345rpx;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}

.my_reward view {
  width: 33%;
  text-align: center;
  border-left: 1px solid rgba(224, 224, 224, 1);
  height: 65rpx;
}

.my_reward_text {
  display: block;
  font-size: 26rpx;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: rgba(51, 51, 51, 1);
  line-height: 17rpx;
  margin: 15rpx;
}

.my_reward_num {
  font-size: 40rpx;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: rgba(252, 48, 57, 1);
  line-height: 17rpx;
  display: inline-block;
  height: 29rpx;
  width: 100%;
}

.active_rule {
  width: 180rpx;
  height: 50rpx;
  background: linear-gradient(180deg, rgba(253, 183, 61, 1) 0%, rgba(255, 121, 22, 1) 100%);
  border-radius: 25px 0px 0px 25px;
  font-size: 28rpx;
  font-family: PingFang-SC-Medium;
  font-weight: 500;
  color: rgba(255, 255, 255, 1);
  line-height: 50rpx;
  position: absolute;
  top: 30rpx;
  right: 0rpx;
  text-align: center;
}
.active_rule image{
  width: 12rpx;
  height: 20rpx;
  float: right;
  margin-top: 18rpx;
  margin-right: 15rpx;
}