index.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  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 3s;
  9. }
  10. .zai-progress {
  11. position: relative;
  12. top: -10px;
  13. transition: background-color 3s;
  14. }
  15. .zai-lattice-box-shadow {
  16. background: #F7FFF9;
  17. box-shadow: 0px 7px 14px rgba(98, 160, 153, 0.35);
  18. border-radius: 19px;
  19. }
  20. .zai-lattice-box .zai-lattice-box-p {
  21. padding: 40upx;
  22. position: relative;
  23. }
  24. .zai-lattice-box-p .zai-lattice-title {
  25. color: #EFEEF2;
  26. margin-top: 20upx;
  27. font-size: 44upx;
  28. }
  29. .zai-lattice-box-p .zai-lattice-num {
  30. margin-bottom: 0upx;
  31. }
  32. .zai-lattice-box-p .zai-lattice-num .zai-lattice-num-title {
  33. font-weight: 600;
  34. font-size: 52upx;
  35. }
  36. .zai-lattice-now-day{
  37. font-size: 18upx;
  38. }
  39. .zai-lattice-box-p .zai-lattice-num .zai-lattice-num-unit {
  40. font-size: 34upx;
  41. margin-left: 10upx;
  42. color: #A1A0B5;
  43. }
  44. .zai-lattice-box-p .zai-lattice-icon {
  45. color: #A1A0B5;
  46. font-size: 66upx;
  47. position: absolute;
  48. right: 40upx;
  49. bottom: 40upx;
  50. }
  51. .zai-lattice-box-p .zai-lattice-img {
  52. position: absolute;
  53. right: 40upx;
  54. bottom: 40upx;
  55. width: 66upx;
  56. height: 66upx;
  57. }
  58. .zai-lattice-box-p .zai-lattice-img .zai-lattice-image {
  59. width: 66upx;
  60. height: 66upx;
  61. }