share.wxss 960 B

12345678910111213
  1. @import "/static/font.wxss";
  2. .icon{font-family: 'icomoon' !important; font-size: 160rpx;}
  3. .icon-weixin{color:#00ae19;}
  4. .icon-gifts{color:#e03d42;}
  5. .modal{width: 80%; background: #fff; border-radius: 20rpx; position: fixed; top: 50%; left: 50%; z-index: 10002;box-shadow: 0 5rpx 10rpx rgba(0,0,0,.4); transform:translate(-50%,-50%);}
  6. .modal-bg{position: fixed; top: 0; left: 0; z-index: 10001; background: #000; opacity: .4; width: 100%; height: 100%;}
  7. .invite-box{position: relative; display: flex; align-items: center; justify-content: space-around; padding:40rpx 60rpx;}
  8. .invite-icon{flex-shrink: 1; position: relative; text-align: center;}
  9. .invite-icon > button{opacity: 0; height: 100%; width: 100%; position: absolute; top: 0; left: 0;}
  10. .invite-icon .text{display: block; width: 100%; font-size: 24rpx; color: #898989;}
  11. .modal image{width: 120rpx; height: 120rpx;}
  12. .modal .close{width: 25rpx; height: 25rpx; position: absolute; top: 30rpx; right: 30rpx;}