html, body, div, span, iframe, h1, h3, h4, h5, h6, p, blockquote, pre, a, address,
big, cite, code, del, em, font, img, ins, small, strong, var, b, u, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend { margin: 0; padding: 0; }

body { color: #3c3c3c; line-height: 25px; font-family: "microsoft yahei"; min-width: 1190px; background: #f5f5f5; min-height: 600px; height: 100%; }

html { font-size: 12px; }

ul li { list-style: none; }

a { text-decoration: none; color: #3c3c3c; cursor: pointer; }

.overflow { overflow: hidden; }

.pointer { cursor: pointer; }

.fl { float: left; }

.fr { float: right; }

li { list-style: none; }

input { vertical-align: middle; }

img { vertical-align: top; }

img { border: none; }

a:link, a:visited { text-decoration: none; cursor: pointer; }

a:hover { text-decoration: underline; }

.w_1190 { width: 1190px; margin: 0 auto; }

.pad_t10 { padding-top: 10px; }

.ie8_bg_06376c_60 { filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#9906376c,endColorstr=#9906376c); }
.ie8_bg_06376c_80 { filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#cc06376c,endColorstr=#cc06376c); }
:root .ie8_bg_06376c_60 { filter: none; }
:root .ie8_bg_06376c_80 { filter: none; }
.header { height: 76px; background:rgb(6,55,108);}
/*background:rgb(6,55,108);*/
.logo { margin: 10px 0; }

.content { height: calc(100% - 76px); /*calc(100% - 76px)*/ background: url(../LoginImg/bg1.jpg) no-repeat; background-size: 100% 100%; }

    .content .container { height: 100%; position: relative; }

    .content .login-form { position: absolute; right: 0; top: 50%; margin-top: -188px; width: 360px; height: 376px; background: rgba(255,255,255,.7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2ffffff,endColorstr=#B2ffffff); padding: 30px; box-sizing: border-box; }

        .content .login-form .title { font-size: 20px; }

            .content .login-form .title span { font-size: 16px; line-height: 30px; }

        .content .login-form .bar { position: relative; margin-top: 15px; width: 100%; }

            .content .login-form .bar span { position: absolute; width: 16px; height: 20px; background: url(../LoginImg/valid.png) no-repeat; left: 10px; top: 10px; }

            .content .login-form .bar .password-icon { background-position: 0 -52px; }

            .content .login-form .bar .code-icon { background-position: 0 -103px; }

        .content .login-form .code-img { position: absolute; height: 30px; width: 80px; top: 6px; right: 15px; font-style: oblique; background: url("../LoginImg/valid-code.jpg"); cursor: pointer; font-size: 16px; word-spacing: 8px; letter-spacing: 6px; text-indent: 0px; }

            .content .login-form .code-img img { height: 100%; width: 100%; cursor: pointer; }

        .content .login-form input { padding-left: 35px; padding-right: 20px; box-sizing: border-box; width: 100%; height: 42px; line-height: 42px; border-radius: 4px; border: 1px solid #bfbfbf; outline: none; background: #f7f7f7; }

        .content .login-form .code-input { padding-right: 115px; }

        .content .login-form .submit { color: #fff; background: #2a9fe4; border: none; outline: none; cursor: pointer; margin-top: 40px; }

.footer { text-align: center; padding: 5px 0; }

#info p { margin: 10px 0; padding: 0 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; }

#info .links { text-align: center; }

    #info .links * { width: 100px; height: 30px; display: inline-block; background: #1cbee4; text-align: center; line-height: 30px; color: #fff; border-radius: 3px; margin-top: 30px; }

    #info .links a:hover { text-decoration: none; }

.mar_l20 { margin-left: 20px; }