@charset "utf-8";
/* CSS Document */

* { font: 13px/1.5 '微软雅黑'; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -box-sizing: border-box; padding:0; margin:0; list-style:none; box-sizing: border-box; }
body, html { height:100%; overflow:hidden; }
body {background: url("/css/login/images/login-bg.png") no-repeat round;background-size: 100%;}
a { color:#27A9E3; text-decoration:none; cursor:pointer; }
img{ border:none;}

.login_box{ width: 100%;height: 100%;}
.login_box .login_l_img{ float:left; width:432px; height:440px; margin-left:50px;}
.login_box .login_l_img img{width:500px; height:440px; }
.login {height: 360px;width: 400px;padding: 50px;background-color: #4C9BCE;border-radius: 6px;box-sizing: border-box;position: relative;left: 50%;top: 50%;margin-left: -200px;margin-top: -180px;}
.login_logo{ width:120px; height:120px; border:5px solid #93defe;border-radius:100px; background:#fff; text-align:center; line-height:110px; position:absolute; top:-60px; right:140px;}
.login_name{ width:100%; float:left; text-align:center; margin-top:20px;}
.login_name p{ width:100%; text-align:center; font-size:20px; color:#ffffff; padding:10px 0 20px;}
.login_logo img{ width:75px; height:75px;display: inline-block; vertical-align: middle;}
input[type=text], input[type=file], input[type=password], input[type=email], select { border: 1px solid #DCDEE0; vertical-align: middle; border-radius: 6px; height: 40px; padding: 0px 16px; font-size: 14px; color: #555555; outline:none; width:100%;margin-bottom: 15px;line-height:40px; color:#888;}
input[type=text]:focus, input[type=file]:focus, input[type=password]:focus, input[type=email]:focus, select:focus { border: 1px solid #27A9E3; }
input[type=submit], input[type=button] { display: inline-block; vertical-align: middle; padding: 12px 24px; margin-top: 10px; font-size:16px; line-height: 18px; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; color: #ffffff; background-color: #00DAA6; border-radius: 6px; border: none; -webkit-appearance: none; outline:none; width:100%; }
.copyright {  font-size: 14px;color: #fff;width: 100%;position: relative;left: 50%;margin-left: -50%;text-align: center;top: 68%;}

.controls{position:relative}
.controls .user-span{position: absolute;top: 90px;left: 265px;}
.controls .pwd-span{position: absolute;top: 8px;left: 265px;}
.controls img{width:75%;height:75%;}

#password_text{border: 1px solid #DCDEE0; vertical-align: middle; border-radius: 3px; height: 50px; padding: 0px 16px; font-size: 14px; color: #888; outline:none; width:100%;margin-bottom: 15px;display: block; line-height:50px;}

.loginCheck { font-size: 0; }
.loginCheck span { font-size: 14px;color: #444; }
.loginCheck .checkIcon { display: none; }
:root .loginCheck .checkIcon { width: 23px; height: 20px; display: inline-block; vertical-align: top; /* margin: 2px 3px 0 -5px; */ background: url(images/login-icons.png) -53px -3px; }
.loginCheck input[type="checkbox"]:checked~.checkIcon { background-position: -78px -3px; }
.loginCheck { height: 21px; line-height: 20px; padding: 0px 0 27px; display: inline-block; color: #ccc; font-size: 14px;margin-top:20px; }
.loginCheck input[type="checkbox"] { margin-top: 2px; vertical-align: top;}
:root .loginCheck input[type="checkbox"] { width: 15px; height: 15px; padding: 0; margin: 0; }

.loginWarning { height: 27px; line-height: 27px; color: #4a4a4a; font-size: 14px; background: #fff0f0; margin: -16px 0 0px; }
.loginWarning>i { width: 25px; height: 100%; margin: 0 0px 0 5px; display: inline-block; vertical-align: top; background: url(images/login-icons.png) -105px 1px; }
.loginWarning .red { color: #ff3600; }