/* pages/member/IntegralPresent/IntegralPresent.wxss */
.integral_share .content {
  height: 1254rpx;
  background-image: url("https://www.yunzmall.com/addons/yun_shop/static/app/img/integral_bg.dc0705f.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.integral_share .content .info {
  padding-top: 40rpx;
  width: 632rpx;
  height: 912rpx;
  margin: 0 auto;
  background-image: url('https://www.yunzmall.com/addons/yun_shop/static/app/img/info_bg.108833d.png');
  background-position: top center;
  background-size: 632rpx 912rpx;
  background-repeat: no-repeat;
  position: relative;
}

.integral_share .content .info .header {
  width: 128rpx;
  height: 128rpx;
  border-radius: 50%;
  border: solid 4rpx #fff;
  overflow: hidden;
  margin: 0 auto;
}

.integral_share .content .info .header image {
  width: 100%;
}

.integral_share .content .info .name .li {
  font-size: 36rpx;
  font-weight: bold;
  text-align: center;
  color: #ff7216;
  line-height: 72rpx;
  padding: 0 40rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.integral_share .content .info .list {
  margin: 40rpx auto;
  padding: 0 60rpx;
}

.integral_share .content .info .list .li {
  margin-bottom: 20rpx;
}

.integral_share .content .info .list .li .span:first-child {
  width: 48rpx;
  height: 48rpx;
  line-height: 40rpx;
  font-size: 32rpx;
  color: #fff;
  border-radius: 14rpx;
  margin-right: 20rpx;
}

.integral_share #content .info .list .li .span:last-child {
  width: 444rpx;
  color: #ff7216;
  font-size: 32rpx;
  text-align: left;
  line-height: 48rpx;
}

.integral_share .content .info .integral {
  position: absolute;
  bottom: 120rpx;
  left: calc(50% - 124rpx);
  min-width: 248rpx;
  height: 92rpx;
  padding: 0 15rpx;
  color: #ffe331;

  /* line-height: 92rpx; */
  font-size: 28rpx;
  text-align: center;

  /* background: red;
  align-items: center;
  border: 4rpx solid #333; */

  background-image: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/integral_v2_btn_bg_1.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.integral_share .content .info .integral .span {
  font-weight: bold;
  font-size: 48rpx;
}

.integral_share .content .btn {
  margin: 80rpx auto;
  color: #ff7216;
  font-weight: bold;
  line-height: 98rpx;
  font-size: 36rpx;
  width: 360rpx;
  height: 98rpx;

  /* background: #f9d151; */
  text-align: center;
  border-radius: 10rpx;
  background-image: url("https://mini-app-img-1251768088.cos.ap-guangzhou.myqcloud.com/integral_v2_btn_bg_2.png");
  background-size: 100%;
}
