/* user-login/0.0.17 safe-step.css Date:2025-07-15 17:08:15 */
.step{width:350px;margin:0 auto}.stepflex{display:inline-block;display:block;text-align:center;margin:30px 0 0}.stepflex:after{content:".";display:block;height:0;clear:both;visibility:hidden}* html .stepflex{height:1%}*+html .stepflex{min-height:1%}.stepflex dl{float:left;position:relative;width:110px;top:-5px;border-top:5px solid #ccc}.stepflex dl.doing{border-top-color:#7abd54}.stepflex dl.doing .s-num{background-position:-23px 0}.stepflex dl.doing .s-text{color:#7abd54}.stepflex dl.done{border-top-color:#caecb6}.stepflex dl.done .s-num{background-position:-46px 0}.stepflex dl.done .s-text{color:#caecb6}.stepflex .doing b,.stepflex .doing s,.stepflex .first s,.stepflex .last b{width:5px;height:5px;position:absolute;line-height:0;font-size:0;top:-5px;background-image:url(//storage.jd.com/retail-mall/jdc_user_login/pc/user/login/0.0.17/css/i/step2013.png);overflow:hidden}.stepflex .s-num{position:relative;margin:-15px auto 0;color:#fff;font-weight:700;width:23px;height:23px;background-image:url(//storage.jd.com/retail-mall/jdc_user_login/pc/user/login/0.0.17/css/i/step2013.png);line-height:23px}.stepflex .s-text{color:#ccc}.stepflex s{left:0}.stepflex b{right:0}.stepflex .first s{background-position:0 -24px;background-color:#fff}.stepflex .last b{background-position:-5px -24px;background-color:#fff}.stepflex .doing s{background-position:-23px -24px}.stepflex .doing b{background-position:-28px -24px;background-color:#ccc}.stepflex .doing.last s,.stepflex .doing.normal s{background-color:#caecb6}.stepflex .doing.last b{background-color:#fff}.stepflex .done s{background-position:-46px -24px}.stepflex .done b{background-position:-51px -24px}.stepflex .doing.last .s-num{background-position:-91px 0}#sflex01{width:110px}#sflex02{width:220px}#sflex03{width:3300px}