jje_uniapp/myPages/familyCard/index.scss

.page{
  padding: 0 32rpx;
  background: #F7F7F7;
  height: 100vh;
}
.scroll-y{
  height: 80vh;
  overflow: auto;
}
.bottom{
  height: 20vh;
}
.loveCard{
  width: 686rpx;
  height: 284rpx;
  background: #FFFFFF;
  border-radius: 25rpx;
  margin-top: 24rpx;
  overflow: hidden;
  position: relative;
}
.imgBack{
  width: 100%;
  height: 100%;
}
.loveCardMsg{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.avatar{
  width: 96rpx;
  height: 96rpx;
  border-radius: 50rpx;
  box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(255,224,92,0.1);
  //border: 2rpx solid #FFFFFF;
  margin-top: 26rpx;
  margin-left: 24rpx;
}
.name{
  font-weight: 400;
  font-size: 30rpx;
  color: #333333;
  line-height: 44rpx;
  margin-left: 16rpx;
  margin-top: 28rpx;
}
.vipNo{
  font-weight: 400;
  font-size: 26rpx;
  color: #333333;
  line-height: 40rpx;
  margin-left: 16rpx;
  margin-top: 8rpx;
}
.priceView{
  text-align: center;
  width: 50%;
  margin-top: 10rpx;
}
.priceTitle{
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 26rpx;
  color: #666666;
  line-height: 60rpx;
}
.priceSymbol{
  font-family: PingFangSC, PingFang SC;
  font-weight: 400;
  font-size: 24rpx;
  color: #333333;
  line-height: 44rpx;
  margin-top: 8rpx;
}
.price{
  font-family: DINAlternate, DINAlternate;
  font-weight: bold;
  font-size: 35rpx;
  color: #333333;
  line-height: 44rpx;
  margin-top: 8rpx;
}
.nullIcon{
  margin-top: 30rpx;
  width: 120rpx;
  height: 120rpx;
}
.nullMsg{
  color: rgba(153, 153, 153, 1);
  font-size: 24rpx;
  line-height: 34rpx;
  margin-top: 24rpx;
}
.title{
  font-family: PingFangSC, PingFang SC;
  font-weight: bold;
  font-size: 28rpx;
  color: #333333;
  line-height: 44rpx;
  margin-top: 24rpx;
}
.zsBtn{
  width: 686rpx;
  height: 84rpx;
  background: #FFE05C;
  border-radius: 54rpx;

  font-weight: 400;
  font-size: 28rpx;
  color: #333333;
  line-height: 84rpx;
  margin-top: 24rpx;
  text-align: center;
}
.agreementView{
  margin-top: 30rpx;
}
.read{
  font-weight: 400;
  font-size: 24rpx;
  color: #999999;
  line-height: 40rpx;
  margin-left: 8rpx;
}
.agreement{
  font-weight: bold;
  font-size: 24rpx;
  color: #333333;
  line-height: 40rpx;
  margin-left: 4rpx;
}
.borderRight1{
  border-left: 2rpx solid #FFFFFF;
}
.borderRight2{
  border-left: 2rpx solid #FFE05C;
}