﻿body,
html {
    font-family: "微软雅黑";
    background-color: #f7f7f7;
}

tml,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

* {
    outline: none;
}

html, body {
    width: 100%;
    height: 100%;
}

.login-bg {
    width: 100%;
    height: 100%;
    background-color: #eeeeee;
    position: relative;
    background: url(/images/bgimg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

    .login-bg .input-wrap {
        width: 380px;
        height: auto;
        overflow: hidden;
        -webkit-border-radius: 4px;
        padding: 24px;
        margin: 0 auto;
        background: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -190px;
        margin-top: -240px;
    }

        .login-bg .input-wrap h1 {
            font-size: 24px;
            text-align: center;
            padding-bottom: 40px;
            color: #2a7fe7;
        }
        .login-bg .input-wrap .inputstyle {
            height: 40px;
            color: #333;
            border: 1px solid #ebebeb;
            padding-left: 16px;
            padding-right: 16px;
            display: block;
            background: #f5f5f5;
            width: 90%;
        }

        .login-bg .input-wrap .input-pwd {
            margin-top: 20px;
        }

    .login-bg .btn-submit {
        width: 100%;
        height: 40px;
        background: #20a0ff;
        color: #fff;
        line-height: 36px;
        font-size: 16px;
        text-decoration: none;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        display: block;
        text-align: center;
        margin-top: 30px;
        border: 1px solid #20a0ff;
    }

        .login-bg .btn-submit:hover {
            background: #4db3ff;
            text-decoration: none;
            border: 1px solid #4db3ff;
        }

    .login-bg .check-wrap {
        width: 100%;
        margin-top: 10px;
        color: #333;
        font-size: 13px;
    }

    .login-bg .code-wrap {
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 20px;
    }

        .login-bg .code-wrap .input {
            width: 130px;
            margin-right: 10px;
        }

::-webkit-input-placeholder { /* WebKit browsers */
    color: #b4b4b4;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #b4b4b4;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #b4b4b4;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #b4b4b4;
}
.error{
    font-size: 12px;
    color: #dc3636;
    height:28px;
    line-height:28px;
}

#ygLoadBox {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    z-index: 9999;
    background-color: rgba(248,248,248,0.5);
}

    #ygLoadBox table {
        width: 100%;
        height: 100%;
        text-align: center;
    }