@charset "UTF-8";.step{position:relative;display:flex;justify-content:space-around;align-items:center;height:14.25rem;background-color:#faf4e0}.step::after,.step::before{content:"";position:absolute;width:100%;height:.375rem;background-color:#e7d3b1;top:50%;transform:translateY(-50%)}.step::after{background-color:#c6a066;left:0;z-index:8;width:0%;transition:all .3s}.step .step_item{position:relative;width:3.125rem;height:3.125rem;line-height:2.625rem;border:.25rem solid #c79645;background-color:#fff;border-radius:50%;z-index:9;text-align:center;font-size:1.5rem}.step .step_item::before{position:absolute;content:"";left:50%;transform:translateX(-50%);width:3.75rem;height:3.75rem;top:-4.375rem}.step .step_item:nth-of-type(1)::before{background:url(/assets/pagetwo/step1.png) no-repeat center center/40%}.step .step_item:nth-of-type(2)::before{background:url(/assets/pagetwo/step2.png) no-repeat center center/60%}.step .step_item:nth-of-type(3)::before{background:url(/assets/pagetwo/step3.png) no-repeat center center/40%}.step .step_item::after{position:absolute;left:50%;transform:translateX(-50%);width:10.75rem;bottom:-3.4375rem;font-size:1.5rem;color:#c79645;white-space:nowrap;font-weight:700}.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{width:3.75rem;height:3.75rem;line-height:3.25rem;background-color:#c79645;color:#fff}.step .step_item.active::after{bottom:-4.0625rem}.step .step_item.complete{background:url(/assets/pagetwo/tick.png) no-repeat center/60%;background-color:#fff}.step .step_item.disabled{border-color:#e7d3b1;color:#e7d3b1}.step .step_item.disabled::before{opacity:.4}.step .step_item.disabled::after{color:#e7d3b1}@keyframes step1_active{0%{width:0%}100%{width:15%}}.step.step1_active::after{animation:step1_active 1s forwards}@keyframes step2_active{0%{width:15%}100%{width:50%}}.step.step2_active::after{animation:step2_active 1.5s forwards}@keyframes step3_active{0%{width:50%}100%{width:100%}}.step.step3_active::after{animation:step3_active 2s forwards}