progress.less 846 B

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