newGroup.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. page {
  2. background-color: #161616;
  3. }
  4. .page {
  5. width:100vh;height:100vh;
  6. background-color: #161616;
  7. background: url('../../static/sms/bg_alpha.png');
  8. background-size: 750rpx 1624rpx;
  9. }
  10. .topbg {
  11. }
  12. .topBody {
  13. width:750rpx;
  14. }
  15. .list_info {
  16. display: flex;flex-direction: column;justify-content: center;align-items: center;color:#fff;
  17. width:750rpx;
  18. .new_join {
  19. width:108rpx;height:108rpx;margin-top:180rpx;
  20. }
  21. .name {
  22. font-size: 40rpx;
  23. color: #FFFFFF;margin-top: 36rpx;
  24. }
  25. .qun_img {
  26. width:750rpx;height:450rpx;margin-top:56rpx;
  27. }
  28. .desc {
  29. width:690rpx;display: flex;flex-direction: row;justify-content: space-between;align-items: flex-start;
  30. color:#999;font-size: 24rpx;margin-top: 20rpx;
  31. }
  32. .qun_name {
  33. width: 560rpx;height: 104rpx;margin-top:-50rpx;
  34. background: #3E3F43;text-align: center;
  35. border-radius: 132rpx 132rpx 132rpx 132rpx;
  36. }
  37. .btn_submit {
  38. width: 560rpx;height: 104rpx;margin-top:52rpx;
  39. background: linear-gradient( 133deg, #FF5967 0%, #FF3C83 100%);
  40. border-radius: 132rpx 132rpx 132rpx 132rpx;
  41. font-weight: bold;font-size: 28rpx;color: #FFFFFF;
  42. display: flex;flex-direction: row;justify-content: center;align-items: center;
  43. }
  44. }