.bar-containter{margin:-20px;display:block;width:100%;margin:0;padding:0;height:70px;background-color:#fff}.progress-bar{position:relative;width:100%;height:50px;display:flex;padding:15px 0 15px 0;background-image:linear-gradient(90deg,transparent 10%,#ddd 0,#ddd 90%,transparent 0);background-size:100% 3px;background-position:center 50%;background-repeat:no-repeat;margin:0}.step{margin:0;display:inline-block;background:transparent;height:60px;color:#333;padding:5px 0 5px 0;width:20%;text-align:center}.step-no-active-finished{color:#fff;background-color:#057fdb}.step-no-active,.step-no-active-finished{display:block;padding-top:5px;width:30px;height:25px;border-radius:50%;margin-top:10px;font-size:1rem;font-weight:700;border:2px solid #057fdb;margin-bottom:10px;margin:auto}.step-no-active{color:#fff;color:#057fdb;z-index:2;background-color:#fff}.step-no{width:31px;border-radius:50%;color:#aaa;margin-bottom:10px;background-color:#fff;border:2px solid #aaa;margin:auto;z-index:10}.step-no,.step-no-finished{padding-top:5px;display:block;height:25px;margin-top:10px;font-size:1rem;font-weight:700}.step-no-finished{width:30px;border-radius:50%;margin-bottom:50px;border:1px solid #aaa;background-color:#aaa;color:#fff;margin:auto;z-index:3}.step-label{margin:5px 0 15px 0;color:#aaa}.step-label,.step-label-active{display:block;font-size:1rem;font-family:微软雅黑}.step-label-active{color:#057fdb;margin-top:5px;z-index:2}