.w{width:1000px;}
.join-nav{width:100%;height:40px;line-height:40px;background-color:#444;}
.join-nav li{float: left;}
.join-nav li a{display:block;padding:0 20px;color:#fff;font-size:14px;}
.join-nav li a.active{background-color:#f50;}

.step-by-step{margin-left:10%;margin-bottom:50px;}
.step-by-step li{display:inline-block;border-bottom:3px dashed #ddd;height:30px;line-height:63px;padding:0 40px;margin-left:2px;font-size: 14px;}
.step-by-step li:first-child{padding-left:0;}
.step-by-step li:last-child{padding-right:0;}
.step-by-step li>*{display:inline-block;}
.step-by-step li>i{width:20px;height:20px;text-align: center;background-color:#ddd;border-radius:50%;line-height:20px;color:#fff;}
.step-by-step li>span{background-color:#fff;padding:0 5px;color:#999}
.step-by-step li.active{border-color:#5FB878;color:#5FB878;}
.step-by-step li.active>i{background-color:#5FB878;}