.content{ background: #fff; width: 70%; position: relative; top: 0; bottom: 0; right: 0; left: 0; margin: 40% auto auto; border-radius: 20rpx; font-size: 28rpx; text-align: center; padding: 30rpx; } .content .close{ position: absolute; padding: 6rpx 15rpx; font-size: 40rpx; top: 0; right: 0; } .red{ color: #ee3a43; } .content .groupText{ margin: 20rpx 0 10rpx; } .content .useHeadImg{ display: flex; flex-direction: row; justify-content: center; margin: 20rpx 0; flex-wrap: wrap; } .content .useHeadImg .userList{ position: relative; } .content .useHeadImg .userList .headUser{ position: absolute; top: 0; left: 0; color: #fff; background: #ea5404; font-size: 18rpx; line-height: 1.5; border-radius: 10rpx; padding: 2rpx 6rpx; } .content .useHeadImg image{ width: 75rpx; height: 75rpx; background: #eee; border-radius: 50%; margin: 6rpx; } .content .useHeadImg .empty{ width: 75rpx; height: 75rpx; background: rgba(238, 58, 67, 0.2); border: 1rpx dashed #ee3a43; border-radius: 50%; margin: 0 5rpx; font-size: 50rpx; line-height: 80rpx; color:#ee3a43; } .content .btn{ margin-top: 20rpx; display: flex; flex-direction: row; } .content .btn button{ font-size: 28rpx; line-height: 2; }