reader/pages/vipActivity/vipActivity.wxss

/* pages/vipActivity/vipActivity.wxss */
.vip-activity {
  width: 100%;
  height: 100%;
  padding: 0 14rpx;
  box-sizing: border-box;
  background: #EEEEEE;
  overflow: scroll;
}
.vip-activity-con {
  width: 100%;
  margin-bottom: 160rpx;
}
.vip-activity-con .vip-rule {
  position: relative;
  width: 100%;
  height: 300rpx;
  margin-top: 20rpx;
}
.vip-rule-bg {
  width: 100%;
  height: 100%;
}
.expire-date {
  position: absolute;
  left: 350rpx;
  top: 40rpx;
  font-size: 28rpx;
  color: #6E4008;
  font-weight: 500;
}
.plase-rule {
  position: absolute;
  top: 136rpx;
  left: 46rpx;
}
.plase-rule text {
  display: block;
  font-size: 30rpx;
  color: #FE6A00;
}
.plase-rule .rule-con {
  color: #000;
  font-size: 28rpx;
  box-shadow: -1px 5px 5px -3px #FFE150;
  margin-top: 20rpx;
}
.plase-friend-bg {
  width: 392rpx;
  height: 34rpx;
  margin: 30rpx auto;
  display: block;
}
.vip-activity-con .friend {
  width: 100%;
  background: #fff;
  display: flex;
  flex-direction: column;
  border-radius: 20rpx;
}
.vip-activity-con .no-data {
    margin-top: 150rpx;
}
.vip-activity-con .no-data image {
  width: 263rpx;
  height: 240rpx;
  display: block;
  margin: 0 auto;
}

.vip-activity-con .friend-title {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 14rpx 0 42rpx;
  box-sizing: border-box;
  margin: 26rpx 0;
  font-weight: 500;
  color: #333333;
  font-size: 36rpx;
}
.vip-activity-con .ios-title {
  padding: 0 59rpx 0 42rpx;
}
.vip-activity-con .friend .name-title {
  width: 340rpx;
}
.vip-activity-con .ios-title .name-title {
  width: 280rpx;
}
.friend-message {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 37rpx 0 24rpx;
  box-sizing: border-box;
  margin-bottom: 30rpx;
}
.friend-message .friend-head {
  width: 80rpx;
  height: 80rpx;
  border-radius: 50%;
}
.friend-message .name {
  display: flex;
  flex-direction: column;
  width: 375rpx;
}
.friend-message .name text {
  width: 375rpx;
  height: 40rpx;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.friend-message .ios-name {
  display: flex;
  flex-direction: column;
  width: 240rpx;
  height: 40rpx;
}
.friend-message .friend-time {
  font-size: 36rpx;
  color: #FE6A00;
}
.friend-message .ios-friend-time {
  font-size: 32rpx;
  color: #333;
}
.friend-message .text {
  color: #333333;
  font-size: 36rpx;
}
.friend-message .friend-date {
  color: #666;
  font-size: 25rpx;
}
.vip-go-read {
  position: fixed;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 139rpx;
  background: #fff;
  box-shadow: 0px -5px 4px 0px rgba(0, 0, 0, 0.11);
}
.vip-go-read text {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 607rpx;
  height: 80rpx;
  background: #FF9900;
  color: #fff;
  font-size: 40rpx;
  border-radius: 40rpx;
}