#sys-user .pub-navbar{width:600px;margin:40px auto;display:-webkit-box;display:-ms-flexbox;display:flex;position:relative}#sys-user .pub-navbar:before{content:" ";position:absolute;top:12px;left:100px;right:100px;border-top:1px solid #ccc}#sys-user .pub-navbar-row{width:33.33%;text-align:center;position:relative;z-index:5}#sys-user .pub-navbar-row>div{display:inline-block;background-color:#fff;padding:0 15px}#sys-user .pub-navbar-row span{font-size:14px;height:24px;line-height:24px;display:inline-block;vertical-align:top}#sys-user .pub-navbar-row span:first-child{width:24px;margin:0 auto;border-radius:50%;color:#fff;background-color:#ccc}#sys-user .pub-navbar-row span:nth-child(2){color:#ccc;margin-left:5px}#sys-user .pub-navbar-row.active span:first-child{color:#fff;background-color:#1772e2}#sys-user .pub-navbar-row.active span:nth-child(2){color:#1772e2}#sys-user .pub-navbar>div:last-child:before{left:0;right:0;border-top:0 none}#sys-user .sys-user-stps>div{margin-left:auto;margin-right:auto}#sys-user .sys-user-row{width:390px;color:#838588;font-size:16px}#sys-user .sys-user-row>span{padding:15px 24px;border:1px solid #dfe4ed;background-color:#f5f7fa;display:inline-block;vertical-align:top}#sys-user .sys-user-row>span:first-child{width:120px;border-radius:4px 0 0 4px}#sys-user .sys-user-row>input,#sys-user .sys-user-row>span:nth-child(2){width:265px;border-radius:0 4px 4px 0;margin-left:-1px}#sys-user .sys-user-row>input{color:#333;height:48px;line-height:48px;padding:0 15px;border:1px solid #dfe4ed;display:inline-block;vertical-align:top}#sys-user .sys-user-tips{color:#f56c6c;font-size:13px;text-align:center;margin-bottom:20px}#sys-user .sys-user-input{width:390px}#sys-user .sys-user-input>.el-input{width:243px}#sys-user .sys-user-input>.el-input>input{height:48px;line-height:44px;font-size:16px}#sys-user .sys-user-input>.el-button{width:130px;margin-left:12px;padding:16px 0}#sys-user .sys-user-btn{width:390px}#sys-user .sys-user-btn>.el-button{width:100%}#sys-user .mtb25{margin-top:25px;margin-bottom:25px}