.progress { padding: 30px 0; .pro-content { .pc-title { text-align: center; font-size: 20px; font-weight: bold; margin-bottom: 15px; } .pc-row { display: flex; flex-direction: row; font-size: 16px; padding: 0 30px; .pr-item { width: 25%; } .pr-items { width: 50%; } .pr-itemss { width: 100%; } .pr-item, .pr-items, .pr-itemss { .pi-tit { font-weight: bold; color: black; } span { color: black; font-weight: bold; } } } .p-line { border-top: 1px dashed #000000A6; margin: 6px 30px; } .pc-tit { font-size: 16px; padding: 5px 20px; margin: 5px 0; color: #fff; background: #02a7f0; } } .pro-bottom { display: flex; justify-content: center; } }