index.wxss 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. /**index.wxss**/
  2. .caption-wrap {
  3. background-color: white;
  4. margin-top: 15px;
  5. }
  6. .caption-title {
  7. background-color: #f7f7f7;
  8. display: block;
  9. margin-left: 5px;
  10. }
  11. .index-collapse {
  12. font-size: 14px;
  13. line-height: 24px;
  14. }
  15. .index-collapse-item {
  16. padding: 8px 15px !important;
  17. border: 0px !important;
  18. }
  19. .slide-image {
  20. width: 100%;
  21. height: 150px;
  22. }
  23. .index-cell {
  24. padding: 5px 15px !important;
  25. }
  26. p{
  27. display: none;
  28. }
  29. .cate-section {
  30. display: -webkit-box;
  31. display: -webkit-flex;
  32. display: -ms-flexbox;
  33. display: flex;
  34. -webkit-justify-content: space-around;
  35. -ms-flex-pack: distribute;
  36. justify-content: space-around;
  37. -webkit-box-align: center;
  38. -webkit-align-items: center;
  39. -ms-flex-align: center;
  40. align-items: center;
  41. -webkit-flex-wrap: wrap;
  42. -ms-flex-wrap: wrap;
  43. flex-wrap: wrap;
  44. padding: 30rpx 22rpx;
  45. background: #fff;
  46. /* 原图标颜色太深,不想改图了,所以加了透明度 */
  47. }
  48. .cate-section .cate-item {
  49. display: -webkit-box;
  50. display: -webkit-flex;
  51. display: -ms-flexbox;
  52. display: flex;
  53. -webkit-box-orient: vertical;
  54. -webkit-box-direction: normal;
  55. -webkit-flex-direction: column;
  56. -ms-flex-direction: column;
  57. flex-direction: column;
  58. -webkit-box-align: center;
  59. -webkit-align-items: center;
  60. -ms-flex-align: center;
  61. align-items: center;
  62. font-size: 26rpx;
  63. background: #fff;
  64. color: #5d626b;
  65. }
  66. .cate-section image {
  67. width: 60rpx;
  68. height: 60rpx;
  69. margin-bottom: 14rpx;
  70. border-radius: 10%;
  71. opacity: .7;
  72. -webkit-box-shadow: 4rpx 4rpx 20rpx rgba(250, 67, 106, 0.3);
  73. box-shadow: 4rpx 4rpx 20rpx rgba(250, 67, 106, 0.3);
  74. }
  75. button::after {
  76. border: none
  77. }
  78. .cate-item-3{
  79. width:33.33%;
  80. height:160rpx;
  81. margin-top:40rpx
  82. }