﻿
.nav.pass-nav {
    height: 125px;
    line-height: 125px;
    background: #fff;
    margin-top: 0;
}

    .nav.pass-nav .nav-logo {
        height: 125px;
    }

    .nav.pass-nav .nav-right {
        margin-top: 70px;
    }

.find-psw {
    margin-top: 20px;
    background: #fff;
}

    .find-psw .phone-verify {
        padding: 8px;
    }

        .find-psw .phone-verify h2 {
            height: 55px;
            line-height: 55px;
            font-size: 24px;
            color: #333;
            margin-left: 12px;
            border-bottom: 1px dashed #ccc;
        }

.find-con {
    margin-top: 40px;
    margin-left: 365px;
}

.find-step span {
    width: 33px;
    height: 33px;
    line-height: 27px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    display: inline-block;
    background: #b3b3b3;
    border: 3px solid #ccc;
    border-radius: 50%;
    margin: 0 15px;
}

    .find-step span.span-active {
        width: 36px;
        height: 36px;
        line-height: 30px;
        background: #2b8eb8;
        border-color: #e5e5e5;
    }

.find-step i {
    width: 120px;
    height: 1px;
    display: inline-block;
    margin-top: -5px;
    vertical-align: middle;
    /*background: #d9d9d9;*/
    border-top:1px solid #d9d9d9
}

.step-word {
    position: relative;
    height: 40px;
}

    .step-word:before, .step-word:after {
        content: "";
        display: table;
        font: 0/0 a;
    }

    .step-word:after {
        clear: both;
        overflow: hidden;
    }

    .step-word span {
        line-height: 40px;
        font-size: 16px;
        color: #333;
        position: absolute;
        top: 0;
    }

    .step-word .phone-num {
        left: -15px;
    }

    .step-word .new-psw {
        left: 200px;
    }

    .step-word .over-psw {
        left: 400px;
    }

.psw-div span, .psw-affirm span {
    margin-left: 15px;
    font-size: 14px;
    color: #f54d4d;
    height: 48px;
    line-height: 48px;
    display: inline-block;
}

    .psw-div span i, .psw-affirm span i {
        font-size: 20px;
        margin-right: 5px;
        vertical-align: middle;
    }

.psw-affirm {
    margin-bottom: 10px;
}

    .psw-affirm span {
        margin-left: 0;
        height: 20px;
        line-height: 20px;
    }

.psw-input {
    margin-left: 60px;
    margin-top: 50px;
}

    .psw-input .psw-num {
        width: 340px;
        height: 48px;
        margin-bottom: 15px;
        display: inline-block;
    }

        .psw-input .psw-num input {
            width: 100%;
            height: 48px;
            line-height: 48px !important;
            border: 1px solid #808080;
            border-radius: 4px;
            padding-left: 20px;
            font-size: 16px !important;
        }

            .psw-input .psw-num input::input-placeholder {
                color: #999 !important;
            }

            .psw-input .psw-num input::-webkit-input-placeholder {
                color: #999 !important;
            }

            .psw-input .psw-num input:-moz-placeholder {
                color: #999 !important;
            }

            .psw-input .psw-num input::-moz-placeholder {
                color: #999 !important;
            }

            .psw-input .psw-num input:-ms-input-placeholder {
                color: #999 !important;
            }

            .psw-input .psw-num input:focus {
                border: 1px solid #59add1;
                color: #333;
            }

        .psw-input .psw-num.input-num01 {
            display: inline-block;
            width: 200px;
            position: relative;
        }

            .psw-input .psw-num.input-num01 > i {
                font-size: 20px;
                position: absolute;
                top: 10px;
                right: 5px;
            }

                .psw-input .psw-num.input-num01 > i.icon-good {
                    color: #03a82f;
                }

                .psw-input .psw-num.input-num01 > i.icon-fault {
                    color: #da382b;
                }

        .psw-input .psw-num.focus-code {
            display: inline-block;
            width: 120px;
            margin-left: 15px;
        }

            .psw-input .psw-num.focus-code input {
                background: #fff;
                padding-left: 0;
                text-align: center;
                color: #999;
            }

        .psw-input .psw-num.next-step button {
            width: 100%;
            height: 48px;
            line-height: 48px;
            border-radius: 4px;
            font-size: 22px !important;
            color: #fff;
            background: -webkit-linear-gradient(#49c3f2, #0c587e);
            background: -moz-linear-gradient(#49c3f2, #0c587e);
            background: -o-linear-gradient(#49c3f2, #0c587e);
            background: -ms-linear-gradient(#49c3f2, #0c587e);
            background: linear-gradient(#49c3f2, #0c587e);
            /* IE < 10 */
            filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#49c3f2, endColorStr=#0c587e);
        }

.psw-succeed {
    text-align: center;
    margin-top: 30px;
    padding-bottom: 100px;
}

    .psw-succeed p {
        font-size: 30px;
        color: #333;
    }

    .psw-succeed span {
        margin-top: 10px;
        display: inline-block;
        font-size: 16px;
        color: #333;
    }
