beginner-guide.wxss 1.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. .steps-container {
  2. display: flex;
  3. /* padding: 0 55rpx; */
  4. padding: 10rpx;
  5. justify-content: space-between;
  6. /* width: 100%; */
  7. }
  8. .steps {
  9. display: flex;
  10. justify-content: space-between;
  11. width: 100%;
  12. position: relative;
  13. }
  14. .step {
  15. display: flex;
  16. align-items: center;
  17. flex-direction: column;
  18. flex: 1;
  19. }
  20. .step-icon {
  21. width: 44rpx;
  22. height: 44rpx;
  23. position: relative;
  24. margin: 10rpx 60rpx 60rpx 20rpx;
  25. }
  26. .step-title {
  27. color: #1B365D;
  28. text-align: center;
  29. font-size: 30rpx;
  30. font-weight: 500;
  31. /* line-height: 44rpx; */
  32. }
  33. .step-title image {
  34. width: 44rpx;
  35. height: 44rpx;
  36. }
  37. .step-line {
  38. width: 150rpx;
  39. height: 2rpx;
  40. background-color: #ccc;
  41. position: absolute;
  42. left: 80rpx;
  43. top: 40rpx;
  44. }
  45. .step-line-1 {
  46. width: 55rpx;
  47. height: 2rpx;
  48. background-color: #ccc;
  49. position: absolute;
  50. left: 20rpx;
  51. /* z-index: 99; */
  52. top: 50rpx;
  53. }
  54. .step-line-2 {
  55. width: 55rpx;
  56. height: 2rpx;
  57. background-color: #ccc;
  58. position: absolute;
  59. right: 20rpx;
  60. /* z-index: 99; */
  61. top: 50rpx;
  62. }