index.css 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. .zai-lattice-box {
  2. width: 90%;
  3. margin: 0 auto;
  4. position: relative;
  5. background: #a59ae2;
  6. color: #fff;
  7. border-radius: 30upx;
  8. transition: background-color 3s;
  9. }
  10. .zai-lattice-box-shadow {
  11. box-shadow: 0 4upx 30upx 0 #3c3556d9;
  12. }
  13. .zai-lattice-box .zai-lattice-box-p {
  14. padding: 40upx;
  15. position: relative;
  16. }
  17. .zai-lattice-box-p .zai-lattice-title {
  18. color: #EFEEF2;
  19. margin-top: 40upx;
  20. font-size: 34upx;
  21. }
  22. .zai-lattice-box-p .zai-lattice-num {
  23. margin-bottom: 30upx;
  24. }
  25. .zai-lattice-box-p .zai-lattice-num .zai-lattice-num-title {
  26. font-weight: 600;
  27. font-size: 52upx;
  28. }
  29. .zai-lattice-box-p .zai-lattice-num .zai-lattice-num-unit {
  30. font-size: 34upx;
  31. margin-left: 10upx;
  32. color: #A1A0B5;
  33. }
  34. .zai-lattice-box-p .zai-lattice-icon {
  35. color: #A1A0B5;
  36. font-size: 66upx;
  37. position: absolute;
  38. right: 40upx;
  39. bottom: 40upx;
  40. }
  41. .zai-lattice-box-p .zai-lattice-img {
  42. position: absolute;
  43. right: 40upx;
  44. bottom: 40upx;
  45. width: 66upx;
  46. height: 66upx;
  47. }
  48. .zai-lattice-box-p .zai-lattice-img .zai-lattice-image {
  49. width: 66upx;
  50. height: 66upx;
  51. }