jzmall_wx/pages/activity/invitefriends/inviteFriends.wxss

/* pages/activity/inviteFriends.wxss */
page {
  height: 100vh;
}

.backg {
  width: 750rpx;
  height: 1460rpx;
  background-size: 750rpx 1460rpx;
  background-image: url(https://jzmall.lifejingzhi.com/file/jzmall/weixin/yhyzl.jpg);
}

.line_gzls {
  width: 700rpx;
  height: 200rpx;
  /* border: 1px solid red; */
  float: right;
}

.line_gzls image {
  width: 61rpx;
  height: 64rpx;
}

.line_gzls_gz {
  position: absolute;
  right: -8rpx;
  top: 40rpx;
  /* border: 1px solid red; */
  width: 70rpx;
  height: 70rpx;
}

.line_gzls_ls {
  position: absolute;
  right: -8rpx;
  top: 120rpx;
  /* border: 1px solid red; */
  width: 70rpx;
  height: 70rpx;
}

.lqkp {
  width: 750rpx;
  /* height: 820rpx; */
  /* border: 1px solid red; */
  float: right;
  text-align: center;
  margin-top: 170rpx;
}

.lqkp .shibai {
  position: absolute;
  margin-top: 45rpx;
  text-align: center;
  /* border: 1px solid red; */
  width: 100%;
  font-size: 36rpx;
}

.lqkp .charen {
  position: absolute;
  margin-top: 30rpx;
  text-align: center;
  /* border: 1px solid red; */
  width: 100%;
  font-size: 36rpx;
}

.lqkp .dianjiljyq {
  /* width: 481rpx;
  height: 100rpx;
  position: absolute;
  left: 140rpx;
  margin-top: 460rpx; */
  width: 481rpx;
  height: 100rpx;
  position: absolute;
  left: 140rpx;
  margin-top: -170rpx;
  background-size: 481rpx 100rpx;
  border-radius: 65rpx;
  background-image: url(https://jzmall.lifejingzhi.com/file/jzmall/weixin/ljyq.png);
}

.lqkp .dianjilq { 
  width: 481rpx;
  height: 100rpx;
  position: absolute;
  left: 140rpx;
  margin-top: -250rpx;
  background-size: 481rpx 100rpx;
  border-radius: 65rpx;
  background-image: url(https://jzmall.lifejingzhi.com/file/jzmall/weixin/djlq.png);
}

.lqkp .dianjizlyc { 
  width: 481rpx;
  height: 100rpx;
  position: absolute;
  left: 140rpx;
  margin-top: -170rpx;
  background-size: 481rpx 100rpx;
  border-radius: 65rpx;
  background-image: url(https://jzmall.lifejingzhi.com/file/jzmall/weixin/zlyc.png);
}
 

.lqkp .zlyc {
  width: 187rpx;
  height: 59rpx;
  position: absolute;
  left: 280rpx;
  margin-top:-115rpx;
  border-radius: 65rpx;
  background-size: 187rpx 59rpx;
  background-image: url(https://jzmall.lifejingzhi.com/file/jzmall/weixin/zlycdj.png);
}

.shixiao {
  width: 750rpx;
  height: 60rpx;
  margin-top: 20rpx;
  /* border: 1px solid red; */
  float: right;
  text-align: center;
}

.headimage {
  width: 750rpx;
  height: 180rpx;
  margin-top: 20rpx;
  float: right;
  /* border: 1px solid red; */
}

.headimage view {
  width: 154rpx;
  height: 137rpx;
  margin-left: 69rpx;
  /* border: 1px solid red; */
  float: left;
  text-align: center;
  overflow: hidden;
}

.headimage image {
  width: 93rpx;
  height: 93rpx;
  margin: 0px auto;
  border-radius: 50rpx;
}

.headimage span {
  display: block;
}


/*弹窗*/
.mask {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  z-index: 9000;
  opacity: 0.7;
}

.modalDlg {
  width: 580rpx;
  height: 750rpx;
  position: fixed;
  top: 45%;
  left: 0;
  z-index: 9999;
  margin: -370rpx 85rpx;
  background-color: #fff;
  border-radius: 36rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.modalDlg text {
  width: 95%;
  margin: 11px;
  height: 600rpx;
  overflow: scroll;
}