.progressBar { padding-top: 30px; color: #4A4A4A; position: relative; margin: 30px 0 50px 0; width: 95%; } .app_progress { display: flex; width: 106%; } .app_progress li { display: inline-block; text-align: center; flex: 1; width: 100%; } .app_progress .layui-progress { flex: 2.1; position: relative; top: 10px; margin-left: -3.8%; margin-right: -3.8%; } .item_proress { position: relative; width: 50px!important; z-index: 10; } .app_progress li p{ width: 29.5px; height: 29.5px; border-radius: 50%; background-color: #E6E6E6; margin: 0 auto; } .app_progress li h5 { white-space: nowrap; margin-top: 5px; } .active { background-color: #47E1BF!important; position: relative; } .active::after { content: " "; display: block; position: absolute; left: 10px; top: 6px; width: 8px; height: 12px; border-color: #fff; border-style: solid; border-width: 0 2px 2px 0; transform: rotate(45deg); } .layui-progress-bar { background-color: #47E1BF!important; } .next_button button { width: 140px; height: 42px; position: relative; } .next_button a { color: #ffffff; display: block; position: absolute; width: 140px; height: 42px; text-align: center; line-height: 42px; left: 0; top: 0; } .next_button a:hover { color: #ffffff; }