addGroup.css 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637
  1. /* addLabel.css */
  2. page{background: #F9F9F9;padding-bottom: 170rpx;}
  3. .tits{background: #F9F9F9;height: 60rpx;background: #F9F9F9;padding: 0 34rpx;line-height: 60rpx;font-size: 28rpx;color: #999;}
  4. .ipt-box{padding: 0 30rpx;background: #fff;}
  5. .ipt{padding: 30rpx 0;font-size: 34rpx;color: #666;}
  6. .placeholder{color: #ccc;}
  7. .ui-list{background: #fff;margin-top: 60rpx;}
  8. .ui-list .li{padding-left: 33rpx;}
  9. .ui-list .li .dflex{border-bottom: 1rpx solid #f5f5f5;height: 111rpx;font-size: 28rpx;color: #333;padding-right: 30rpx;}
  10. .label-ico{width: 62rpx;height: 62rpx;}
  11. .rico{width: 13rpx;height: 21rpx;margin-left: 20rpx;}
  12. .switch{ zoom: .8;}
  13. .add{padding: 30rpx;font-size: 34rpx;color: #3387FF;background: #fff;}
  14. .add image{width: 30rpx;height: 30rpx;margin-right: 19rpx;}
  15. .tit{height: 50rpx;background: #F9F9F9;font-size: 20rpx;color: #999;padding: 0 50rpx;}
  16. .list{background: #fff;}
  17. .list .li{padding: 0 0 0 30rpx;/* height: 134rpx; */align-items: flex-start;}
  18. .userimg{width: 92rpx;height: 92rpx;border-radius: 8rpx;background: #E4E4E4;margin-right: 20rpx;}
  19. .list .li .item{border-bottom: 1rpx solid #ECECEC;/* height: 133rpx; */padding: 30rpx 30rpx 30rpx 0}
  20. .username{font-size: 32rpx;color: #222;}
  21. .username text{font-size: 26rpx;color: #F6904A;margin-left: 10rpx;}
  22. .action{font-size: 24rpx;color: #aaa;margin-top: 5rpx;}
  23. .del image{width: 38rpx;height: 38rpx;padding-left: 30rpx;margin-left: 30rpx;}
  24. .btns{position: fixed;left: 0;right: 0;bottom: 0;z-index: 50;padding: 0 30rpx 50rpx;justify-content: space-between;}
  25. .delete{width: 330rpx;height: 80rpx;background: #FF4211;font-size: 32rpx;color: #fff;text-align: center;line-height: 80rpx;margin-right: 30rpx;border-radius: 40rpx;}
  26. .btn{height: 80rpx;background: var(--main);border-radius: 40rpx;font-size: 32rpx;color: #fff;text-align: center;line-height: 80rpx;}
  27. .text{width: 92rpx;height: 92rpx;background: #CEAD71;border-radius: 50%;font-size: 30rpx;color: #fff;text-align: center;line-height: 92rpx;margin-right: 23rpx;margin-top: 30rpx;}
  28. .ren {margin-top: 15rpx;font-size: 26rpx;color: #6A7076;flex-wrap: wrap;}
  29. .ren image {width: 24rpx;height: 24rpx;margin-right: 6rpx;}
  30. .ren view {margin-right: 30rpx;margin-bottom: 10rpx;}
  31. .ceng{position: fixed;left: 0;right: 0;bottom: 0;top: 0;background: rgba(0,0,0,.5);z-index: 99;}
  32. .popup{position: fixed;left: 0;right: 0;bottom: -100%;border-radius: 32rpx 32rpx 0 0;background: #fff;z-index: 100;padding: 60rpx 50rpx 0;height: 590rpx;box-sizing: border-box;transition: all .3s ease-in;}
  33. .pop-tit{font-size: 32rpx;color: #263343;font-weight: bold;margin-bottom: 40rpx;}
  34. .pop-list{flex-wrap: wrap;}
  35. .pop-list .li{position: relative;width: 62rpx;height: 62rpx;margin: 0 55rpx 60rpx 0;}
  36. .pop-list .li:nth-child(6n){margin-right: 0;}
  37. .gou{width: 36rpx;height: 36rpx;background: #fff;border-radius: 50%;position: absolute;right: -16rpx;bottom: -12rpx;}