tpx/tpxttt/unpackage/dist/dev/mp-weixin/plugins/pt/components/app-group-avatar-short.wxss

@charset "UTF-8";
.text-center.data-v-53e548ad {
  text-align: center;
}
.font-weight.data-v-53e548ad {
  font-weight: bold;
}
.page-width.data-v-53e548ad {
  width: 100%;
}
.goods-hover-class.data-v-53e548ad {
  opacity: .9;
  background-color: #f7f7f7;
}
.background-image.data-v-53e548ad {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
/*全局文字大小*/
/* 屏幕宽度*/
page.data-v-53e548ad {
  font-size: 32rpx;
  background: #f7f7f7;
}
.page-width.data-v-53e548ad {
  width: 100%;
}
.u-hover-class.data-v-53e548ad {
  opacity: .9;
  background-color: #f7f7f7;
}
.safe-area-inset-bottom.data-v-53e548ad {
  padding-bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.app-group-avatar-short.data-v-53e548ad {
  background-color: #f7f7f7;
  padding: 10rpx 24rpx;
  box-sizing: border-box;
  min-height: 374rpx;
  position: relative;
}
.app-group-avatar-short .app-background.data-v-53e548ad {
  position: absolute;
  width: 702rpx;
  height: 220rpx;
  z-index: 0;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  left: 50%;
  margin-top: 10rpx;
}
.app-group-avatar-short .app-background-image.data-v-53e548ad {
  width: 702rpx;
  min-height: 220rpx;
  padding-top: 42rpx;
  box-sizing: border-box;
}
.app-group-avatar-short .app-background-image .app-text.data-v-53e548ad {
  font-size: 25rpx;
  text-align: center;
  margin-bottom: 32rpx;
  z-index: 1000;
  position: relative;
}
.app-group-avatar-short .app-background-image .app-text .app-people.data-v-53e548ad {
  color: #1b1b1b;
}
.app-group-avatar-short .app-background-image .app-text .app-people .app-num.data-v-53e548ad {
  color: #ff2755;
  display: inline-block;
  margin: 0 10rpx;
}
.app-group-avatar-short .app-background-image .app-content.data-v-53e548ad {
  width: 702rpx;
  background-color: #ffe7e7;
}
.app-group-avatar-short .app-background-image .app-content .app-item.data-v-53e548ad {
  width: 70rpx;
  height: 82rpx;
  margin-right: 16rpx;
  margin-bottom: 20rpx;
  z-index: 1000;
  position: relative;
}
.app-group-avatar-short .app-background-image .app-content .app-item .app-avatar.data-v-53e548ad {
  width: 70rpx;
  height: 70rpx;
  border-radius: 50%;
  background-color: white;
}
.app-group-avatar-short .app-background-image .app-content .app-item .app-name.data-v-53e548ad {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #ff5c5c;
  color: white;
  line-height: 26rpx;
  width: 56rpx;
  height: 26rpx;
  font-size: 16rpx;
  border-radius: 10rpx;
  text-align: center;
}
.app-group-avatar-short .app-background-image .app-content .app-add .app-add-avatar.data-v-53e548ad {
  border: 1rpx solid #ff6363;
}
.app-group-avatar-short .app-share.data-v-53e548ad {
  width: 702rpx;
  height: 88rpx;
  line-height: 88rpx;
  border-radius: 46rpx;
  text-align: center;
  font-size: 32rpx;
  color: #ffffff;
  margin: 24rpx 0 32rpx 0;
}
.app-group-avatar-short .buy-btn.data-v-53e548ad {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #ffffff;
  z-index: 1550;
  width: 100%;
  height: 110rpx;
}