ride_rule.acss 997 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. /* required by usingComponents */
  2. /* pages/ride_rule/ride_rule.wxss */
  3. page {
  4. background-color: #fcfcfa;
  5. }
  6. .top {
  7. width: 100%;
  8. height: auto;
  9. }
  10. .content {
  11. margin: 0 20rpx;
  12. }
  13. .title {
  14. background-color: #2b2676;
  15. height: 80rpx;
  16. line-height: 80rpx;
  17. width: 220rpx;
  18. text-align: center;
  19. font-size: 36rpx;
  20. color: #ffffff;
  21. font-weight: 600;
  22. border-top-right-radius: 20rpx;
  23. }
  24. .child {
  25. background-color: #ffffff;
  26. border-radius: 10rpx;
  27. padding: 20rpx;
  28. margin-bottom: 50rpx;
  29. box-shadow: 0 0 15px #e6e4e4;
  30. }
  31. .title2 {
  32. color: #2b2676;
  33. font-size: 32rpx;
  34. font-weight: 600;
  35. margin: 50rpx 0;
  36. }
  37. .text {
  38. font-size: 28rpx;
  39. line-height: 40rpx;
  40. color: #333333;
  41. }
  42. .list {
  43. display: flex;
  44. flex-wrap: wrap;
  45. justify-content: space-between;
  46. flex-direction: row;
  47. }
  48. .item {
  49. flex: 0 0 30%;
  50. margin-top: 30rpx;
  51. height: 70rpx;
  52. text-align: center;
  53. line-height: 70rpx;
  54. border: solid 1rpx var(--globleColor);
  55. color: var(--globleColor);
  56. font-size: 26rpx;
  57. }