index.css 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. page{
  2. background-color: #F8F8F8;
  3. }
  4. .top-fixed{
  5. position: absolute;
  6. z-index: 2;
  7. text-align: center;
  8. font-size: 34rpx;
  9. font-weight: 500;
  10. color: #FFFFFF;
  11. left: 0;
  12. right: 0;
  13. top: 0;
  14. }
  15. .indexBanner{
  16. width: 100%;
  17. height: 500rpx;
  18. }
  19. .card-box{
  20. margin: 30rpx;
  21. padding: 30rpx;
  22. background: #FFFFFF;
  23. border-radius: 20rpx 20rpx 20rpx 20rpx;
  24. opacity: 1;
  25. }
  26. .card-title{
  27. font-size: 36rpx;
  28. line-height: 50rpx;
  29. font-weight: bold;
  30. color: #333333;
  31. padding-left: 20rpx;
  32. position: relative;
  33. margin-bottom: 30rpx;
  34. }
  35. .card-title::before{
  36. content: '';
  37. width: 8rpx;
  38. height: 34rpx;
  39. background: #27D699;
  40. border-radius: 6rpx 6rpx 6rpx 6rpx;
  41. opacity: 1;
  42. position: absolute;
  43. left: 0;
  44. top: 50%;
  45. transform: translateY(-50%);
  46. }
  47. .card-item{
  48. width: calc(100% / 3);
  49. display: inline-block;
  50. margin-bottom: 40rpx;
  51. }
  52. .card-item-icon{
  53. width: 120rpx;
  54. height: 120rpx;
  55. margin: auto;
  56. }
  57. .card-item-label{
  58. height: 40rpx;
  59. font-size: 28rpx;
  60. text-align: center;
  61. font-weight: 500;
  62. color: #333333;
  63. margin: auto;
  64. margin-top: 14rpx;
  65. }