index.wxss 778 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. .VerticalBox {
  2. display: flex;
  3. align-items: flex-start;
  4. width: 100%;
  5. height: 100%;
  6. }
  7. .VerticalBox-item {
  8. width: 206rpx;
  9. height: 268rpx;
  10. text-align: center;
  11. background: #F6F7F8;
  12. border-radius: 12rpx;
  13. margin-right: 30rpx;
  14. }
  15. .VerticalBox-image {
  16. width: 186rpx;
  17. height: 134rpx;
  18. border-radius: 12rpx;
  19. margin: 10rpx auto 20rpx;
  20. }
  21. .VerticalBox-title {
  22. font-size: 28rpx;
  23. font-weight: 500;
  24. color: #000000;
  25. margin-bottom: 10rpx;
  26. }
  27. .VerticalBox-explain {
  28. font-size: 24rpx;
  29. color: #333333;
  30. }
  31. .zhanhui {
  32. flex-wrap: wrap;
  33. }
  34. .VerticalBox-item {
  35. margin-right: 23rpx;
  36. }
  37. .VerticalBox-item:nth-child(3n) {
  38. margin-right: 0 !important;
  39. }
  40. .VerticalBox-item:nth-child(n+3) {
  41. margin-bottom: 10rpx;
  42. }