progress.less 954 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. .progress {
  2. padding: 30px 0;
  3. .pro-content {
  4. .pc-title {
  5. text-align: center;
  6. font-size: 20px;
  7. font-weight: bold;
  8. margin-bottom: 15px;
  9. }
  10. .pc-row {
  11. display: flex;
  12. flex-direction: row;
  13. font-size: 16px;
  14. padding: 0 30px;
  15. .pr-item {
  16. width: 25%;
  17. }
  18. .pr-items {
  19. width: 50%;
  20. }
  21. .pr-itemss {
  22. width: 100%;
  23. }
  24. .pr-item,
  25. .pr-items,
  26. .pr-itemss {
  27. .pi-tit {
  28. font-weight: bold;
  29. color: black;
  30. }
  31. span {
  32. color: black;
  33. font-weight: bold;
  34. }
  35. }
  36. }
  37. .p-line {
  38. border-top: 1px dashed #000000A6;
  39. margin: 6px 30px;
  40. }
  41. .pc-tit {
  42. font-size: 16px;
  43. padding: 5px 20px;
  44. margin: 5px 0;
  45. color: #fff;
  46. background: #02a7f0;
  47. }
  48. }
  49. .pro-bottom {
  50. display: flex;
  51. justify-content: center;
  52. }
  53. }