@charset "UTF-8";.step{position:relative;display:flex;justify-content:space-evenly;align-items:center;height:120px;margin-bottom:60px}.step::after,.step::before{content:"";position:absolute;width:100%;height:3px;background:#c7cad1;top:50%;transform:translateY(-50%)}.step::after{background-color:#4a4e59;left:0;z-index:8;width:0%;transition:all .3s}.step .step_item{position:relative;width:40px;height:40px;line-height:34px;border:3px solid #4a4e59;background-color:#fff;border-radius:50%;z-index:9;text-align:center;font-size:18px}.step .step_item::before{position:absolute;content:"";left:50%;transform:translateX(-50%);width:50px;height:50px;top:-55px}.step .step_item:nth-of-type(1)::before{background:no-repeat center/contain url(https://www.z5d.net/static/images/icon_step1.png)}.step .step_item:nth-of-type(2)::before{background:no-repeat center/contain url(https://www.z5d.net/static/images/icon_step2.png)}.step .step_item:nth-of-type(3)::before{background:no-repeat center/contain url(https://www.z5d.net/static/images/icon_step3.png)}.step .step_item::after{position:absolute;left:50%;transform:translateX(-50%);width:100px;bottom:-39px;font-size:14px;color:#4a4e59;white-space:nowrap}.step .step_item:nth-of-type(1)::after{content:"极速开户"}.step .step_item:nth-of-type(2)::after{content:"实名认证"}.step .step_item:nth-of-type(3)::after{content:"领红包交易"}.step .step_item.active:nth-of-type(1)::before,.step .step_item.complete:nth-of-type(1)::before{background:no-repeat center/contain url(https://www.z5d.net/static/images/icon_step1_active.png)}.step .step_item.active:nth-of-type(2)::before,.step .step_item.complete:nth-of-type(2)::before{background:no-repeat center/contain url(https://www.z5d.net/static/images/icon_step2_active.png)}.step .step_item.active:nth-of-type(3)::before,.step .step_item.complete:nth-of-type(3)::before{background:no-repeat center/contain url(https://www.z5d.net/static/images/icon_step3_active.png)}.step .step_item.active{background:#4a4e59;color:#fff}.step .step_item.complete{background:url(https://www.z5d.net/static/images/tick.png) no-repeat center/50%;background-color:#fff}.step .step_item.disabled{border-color:#c7cad1;color:#c7cad1}.step .step_item.disabled::before{opacity:.4}.step .step_item.disabled::after{color:#c7cad1}@keyframes step1_active{0%{width:0%}100%{width:25%}}.step.step1_active::after{animation:step1_active 1s forwards}@keyframes step2_active{0%{width:25%}100%{width:50%}}.step.step2_active::after{animation:step2_active 1.5s forwards}@keyframes step3_active{0%{width:50%}100%{width:75%}}.step.step3_active::after{animation:step3_active 2s forwards}