body{
    background: #eff5fb;
}
.step{
    padding: 50px 0;
    margin-bottom: 100px;
    /* 完成的状态 */
    .el-step__head.is-finish{
        color: #004889 !important; 
        border-color: #004889 !important; 
        .el-step__icon.is-text{
            border: 12px solid #004889;
        }
    }
    /* 过程中的状态 */
    .el-step__head.is-process{
        color: #dddddd !important; 
        border-color: #dddddd !important; 
        .el-step__icon.is-text{
            border: 12px solid #dddddd;
        }
        
    }
    .el-step__title.is-process{
        color: #dddddd !important; 
    }
    .el-step__title.is-wait{

    }
    .el-step__icon.is-text{
        border: 12px solid #dddddd;
    }
    .el-step__title{
        font-weight: bold;
    }
    .el-step__title.is-finish{
        color: #000000;
    }
    .el-step__icon-inner{
        color: #ffffff;
    }
    
}
.retrieve_password{
    height: 550px;
    margin: 80px auto;
    background: #ffffff;
    /* 1 */
    .mode{
        justify-content: space-evenly;
        .mode_item{
            cursor: pointer;
            align-items: center;
            background: #f8f8f8;
            border: 1px solid #dddddd;
            width: 380px;
            padding: 30px 35px;
            .mode_title{
                font-weight: 600;
                line-height: 30px;
                font-size: 24px;
                height: 40px
                
            }
            .mode_info{
                color: #707070;
                line-height: 40px;
                height: 30px;
            }
        }
    }
    /* 2 */
    .form-btn{
        margin-top: 30px;
        text-align: center;
        .el-button{
            width: 140px;
        }
    }
    .el-button{
        background:#3a61a8;
        color: #ffffff;
    }
    .el-button:hover{
        background:#3a61a8;
        color: #ffffff;
    }
    .back{
        background-color: #ffe9e6;
        color: #ca3420;
        border-color: #ffe9e6;
    }
    .back:hover{
        background-color: #ffe9e6;
        color: #ca3420;
    }
    /* 验证码按钮 */
    .code_btn{
        color:#404040;
        position: absolute;
        float: right;
        right: 0;
        background-color: #d8d8d8;
    }
    .code_btn:hover{
        color:#404040;
        background-color: #d8d8d8;
    }
    /* 表单 */
    .el-form{
        width: 45%;
        margin: 0 auto;
    }
    .el-form-item__label {
        text-align: center;
        font-weight: 600 !important;
        font-size: 16px;
    }
    .noEdit{
        .el-input__inner{
            border: none !important;
        }
    }
    /* 4 */
    .success_step{
        margin: 0 auto;
        text-align: center;
        .success_title{
            margin-top: 20px;
        }
        .back{
            background-color: #ffe9e6;
            color: #ca3420;
        }
    }
}