cube.wxss 718 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. .cube {
  2. position: relative;
  3. padding: 0 20rpx 20rpx;
  4. border-radius: 10rpx;
  5. overflow: hidden;
  6. background: #fff;
  7. }
  8. .cube-item {
  9. display: flex;
  10. justify-content: space-between;
  11. margin-bottom: 5rpx;
  12. }
  13. .cube-item:last-child {
  14. margin-bottom: 0;
  15. }
  16. .cube-one {
  17. width: 710rpx;
  18. }
  19. .cube-left {
  20. left: 0;
  21. width: 275rpx;
  22. height: 365rpx;
  23. }
  24. .cube-two {
  25. left: 0;
  26. width: 430rpx;
  27. height: 365rpx;
  28. }
  29. .cube-three {
  30. left: 0;
  31. width: 430rpx;
  32. height: 180rpx;
  33. }
  34. .cube-four {
  35. width: 212.5rpx;
  36. height: 180rpx;
  37. }
  38. .w450 {
  39. width: 430rpx;
  40. }
  41. .cube-item.two-row {
  42. flex-wrap: wrap;
  43. }
  44. .cube-w {
  45. flex: 1;
  46. }
  47. .cube-item.two-row .cube-w {
  48. flex: initial;
  49. width: 355rpx;
  50. }
  51. .w100p {
  52. width: 100%;
  53. }