* {
    margin: 0;
    padding: 0;
}

body {
    background: #f8f8f8;
}

ul, li {
    list-style: none;
}

.clear {
    clear: both;
}

.login-wrap {
    background: #fff;
    width: 460px;
    margin: 80px auto 30px;
    border: 1px solid #fff;
    padding: 20px;
    border-radius: 8px;
}

.login-box {
    width: auto;
    height: 260px;
    float: left;
    border: 1px solid #ddd;
    padding: 10px 30px;
    margin: 0 15px;
    border-radius: 6px;
}

    .login-box.for-int {
        height: 280px;
    }

    .login-box h3 {
        line-height: 50px;
        width: 100%;
        text-align: right;
        min-height: 50px;
    }

        .login-box h3 span.box-title {
            float: left;
            font-weight: bold;
            font-size: 1.17rem;
        }

    .login-box li {
        padding: 10px 0;
    }

        .login-box li.options-line {
            font-size: 14px;
            color: #888;
        }

            .login-box li.options-line .options {
                display: inline-block;
                position: relative;
                width: 238px;
                height: 20px;
                vertical-align: text-top;
            }

                .login-box li.options-line .options > * {
                    position: relative;
                    margin: 0 3px;
                    cursor: pointer;
                }

                .login-box li.options-line .options input[type=radio] {
                    top: 0;
                    height: 18px;
                }

                .login-box li.options-line .options label {
                    top: -4px;
                }

                    .login-box li.options-line .options label + input[type=radio] {
                        margin-left: 13px;
                    }

                    .login-box li.options-line .options input[type=radio]:hover + label,
                    .login-box li.options-line .options label:hover {
                        color: #333;
                    }

.back-button {
    background: transparent;
    color: #fd5151;
    font-size: 18px;
    line-height: 35px;
    margin: 10px 0;
    border: 0;
    border-radius: 2px;
}

    .back-button:hover {
        color: #f60;
    }

.iconfont.login-icon-user, .iconfont.login-icon-password {
    line-height: 38px;
    position: relative;
    top: 4px;
    margin-right: 5px;
}

.login-title-user, .login-title-password {
    margin: 0 5px;
    line-height: 38px;
    vertical-align: baseline;
}

.login-text-user, .login-text-password {
    border: 1px solid #ddd;
    padding: 10px;
    width: 238px;
    border-radius: 2px;
    font-size: 14px;
}

.login-button {
    background: #fd5151;
    color: #fff;
    font-size: 18px;
    line-height: 35px;
    margin: 10px 0;
    text-align: center;
    width: 100%;
    border: 0;
    border-radius: 2px;
    text-indent: 20px;
    letter-spacing: 20px;
}

    .login-button:hover {
        background: #f60;
    }