/* pages/userInfo/userInfo.wxss */
.pageWrap {
  padding: 24rpx;
}

.area {
  background: #fff;
  border-radius: 20rpx;
  overflow: hidden;
}

.area+.area {
  margin-top: 24rpx;
}

.logo {
  position: relative;
  display: flex;
  align-items: center;
  height: 178rpx;
  border-bottom: solid #f5f5f5 1rpx;
}

.icon-arrowr {
  position: absolute;
  top: 50%;
  right: 16rpx;
  transform: translateY(-50%);
  font-size: 30rpx;
  color: #707070;
}

.logo .avatar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 65rpx;
  width: 128rpx;
  height: 128rpx;
  border-radius: 50%;
}

.lineGroup {
  position: relative;
}

.lineGroup+.lineGroup {
  border-top: solid #f5f5f5 1rpx;
}

.lineInner {
  display: flex;
}

.lineGroup .label,
.logo .label {
  padding: 0 24rpx;
  height: 98rpx;
  line-height: 98rpx;
  font-size: 32rpx;
  color: #666;
}

.lineGroup .content {
  flex: 1;
  width: 0;
}

.lineGroup .placeholderStyle {
  padding: 0 24rpx;
  height: 98rpx;
  line-height: 98rpx;
  text-align: right;
}

.lineGroup .placeholderStyle.textarea {
  padding: 31rpx 24rpx;
  line-height: 36rpx;
  min-height: 150rpx;
}

.lineGroup .text {
  padding: 31rpx 24rpx;
  line-height: 36rpx;
  text-align: right;
  font-size: 28rpx;
  color: #282828;
  word-break: break-all;
}

.lineGroup .text.textarea {
  padding: 31rpx 24rpx;
  line-height: 36rpx;
  min-height: 150rpx;
}
.lineSpread {
  position: relative;
  padding: 24rpx;
  display: flex;
  align-items: center;
}

.lineSpread:before {
  content: "";
  position: absolute;
  top: 0;
  left: 24rpx;
  right: 24rpx;
  height: 1rpx;
  background: #f5f5f5;
}

.lineSpread .btn {
  flex: 1;
  height: 80rpx;
  line-height: 80rpx;
  font-size: 32rpx;
  color: #d5d1d1;
  background: transparent;
  border: solid #c4c4c4 1rpx;
  border-radius: 0;
}

.lineSpread .btn+.btn {
  margin-left: 20rpx!important;
}