body {
    background-color: #fff;
    padding: 0px;
    margin: 0px;
    font-family: Arial,Times New Roman,"宋体";
    font-size: 13px;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-family: Arial,Times New Roman,"宋体";
    color: #ccc;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    font-family: Arial,Times New Roman,"宋体";
    color: #ccc;
}

input::-moz-placeholder, textarea::-moz-placeholder {
    font-family: Arial,Times New Roman,"宋体";
    color: #ccc;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    font-family: Arial,Times New Roman,"宋体";
    color: #ccc;
}


.login-body {
    background: url(../images/login_bg.jpg) repeat-x;
    /*background-size: cover;*/
}

    .login-body .title {
        font-size: 20px;
        text-align: center;
        margin-bottom: 30px;
        background: url(../images/title.png) no-repeat;
        width: 220px;
        height: 38px;
        margin: 10px auto;
    }
    .login-body .banner-wp {
        width: 300px;
        height: 300px;
        background: url(../images/banner.png) no-repeat;
        margin: 100px auto 0;
    }
    .login-body .resetPassword {
        line-height: 1.5;
        padding-top: 7px;
        padding-bottom: 7px;
        display:inline-block;
    }
    .login-body .form-body {
        background: rgba(255,255,255,0.5);
        width: 500px;
        padding: 30px 0;
        margin: 10px auto;
        font-size: 17px;
    }

        .login-body .form-body .form-item {
            display: flex;
            margin-bottom: 10px;
            justify-content: space-between;
        }

            .login-body .form-body .form-item label {
                flex: 0 0 auto;
                width: 100px;
                text-align: right;
                padding-right: 20px;
                line-height: 1.5;
                padding-top: 7px;
                padding-bottom: 7px;
            }

            .login-body .form-body .form-item input[type="text"], .login-body .form-body .form-item input[type="password"] {
                flex-grow: 1;
                margin-right: 100px;
                padding: 6px 12px;
                line-height: 1.5;
                border-radius: 4px;
                border: 1px solid #ced4da;
                font-size:17px;
            }

            .login-body .form-body .form-item .fix-ckbox {
                padding-left: 120px;
                display:flex;
            }
            .login-body .form-body .form-item .fix-resetPwd {
                padding-right: 100px;
            }

                .login-body .form-body .form-item .fix-ckbox input {
                    margin-top: 11px;
                    margin-right: 10px;
                    width: 17px;
                    height: 17px;
                    vertical-align: top;
                    background-color: #fff;
                    background-repeat: no-repeat;
                    background-position: center;
                    background-size: contain;
                    border: 1px solid rgba(0,0,0,.25);
                }

                .login-body .form-body .form-item .fix-ckbox label {
                    text-align: left;
                }

            .login-body .form-body .form-item .fix-vcdoe {
                margin-right: 100px;
                display: flex;
                flex-grow: 1;
            }

        .login-body .form-body .login-btn {
            padding: 4px 20px;
            line-height: 1.5;
            background-color: #E60012;
            color: #fff;
            border: none;
            font-size: 17px;
        }

    .login-body .vcode-container {
        text-align: center;
    }
        .login-body .vcode-container .vCodeImg {
            width: 80px;
            height: 39px;
            display: inline-block;
            border-radius:0 4px 4px 0;
        }
        .login-body .vcode-container input {
            width: 174px;
            border-radius: 4px 0 0 4px !important;
            border-right:none !important;
        }
    .login-body .tools-container {
        text-align: center;
    }

        .login-body .tools-container li {
            display: inline;
            font-size: 15px;
        }

    .login-body .copyright-container {
        text-align: center;
    }