@charset "utf-8";
/* CSS Document */
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
  margin: 0;
  padding: 0;
}
body {
  padding: 0;
  margin: 0;
}
html,
body,
fieldset,
img,
iframe,
abbr {
  border: 0;
}
li {
  list-style: none;
}
textarea {
  overflow: auto;
  resize: none;
}
a,
button {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
em,
strong,
b {
  font-weight: bold;
}
a,
a:hover {
  text-decoration: none;
}
body,
textarea,
input,
button {
  color: #000;
}
html,
body {
  width: 100%;
  height: auto;
}
.g-clr:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.g-clr {
  *zoom: 1;
}
.hide {
  display: none;
}
/**.keyframes(demo_keyframes, {
    100% {
		.transform(rotate(360-43deg));
        margin-left: -20px;
        width: 26px;
	}
});*/
img {
  vertical-align: top;
}
body,
html {
  width: 100%;
  max-width: 1920px;
  font-family: "Microsoft YaHei";
  margin: 0 auto;
}
.login {
  background: url(../images/login-bg.jpg) no-repeat 50% 0;
  width: 100%;
  height: 1080px;
  overflow: hidden;
}
.login-container {
  position: relative;
  background: url(../images/login-import-bg.png) no-repeat;
  width: 900px;
  height: 500px;
  margin: 250px auto 0;
}
.login-container .name {
  position: relative;
  font-size: 20px;
  color: #00a0e9;
  padding-left: 60px;
  height: 26px;
  line-height: 26px;
  padding-top: 48px;
}
.login-container .name i {
  position: absolute;
  top: 52px;
  background: url(../images/login-logo.png) no-repeat 0 50%;
  width: 28px;
  height: 18px;
}
.login-container .name span {
  padding-left: 42px;
}
.login-container .user-login {
  position: absolute;
  right: 75px;
  top: 50%;
  margin-top: -139px;
  width: 300px;
  height: 278px;
}
.login-container .user-login form {
  width: 100%;
  display: block;
}
.login-container .user-login label {
  display: block;
  position: relative;
  height: 67px;
  font-size: 0;
  width: 100%;
  overflow: hidden;
}
.login-container .user-login label.user i {
  background: url(../images/login-user.png) no-repeat;
}
.login-container .user-login label.psw i {
  background: url(../images/login-psw.png) no-repeat;
}
.login-container .user-login label.code input {
  width: 110px;
}
.login-container .user-login label.code i {
  background: url(../images/login-code.png) no-repeat;
}
.login-container .user-login label i {
  position: absolute;
  top: 50%;
  margin-top: -12px;
  left: 5px;
  width: 22px;
  height: 24px;
}
.login-container .user-login label input {
  padding-left: 40px;
  border: 0;
  border-bottom: 1px solid #ddd;
  font-size: 20px;
  line-height: 66px;
  height: 66px;
  color: #000;
}
.login-container .user-login label input::-webkit-input-placeholder,
.login-container .user-login label input::-moz-placeholder {
  color: #aaaaaa;
}
.login-container .user-login label .code-img {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -21.5px;
  height: 100%;
  width: 120px;
  cursor: pointer;
}
.login-container .user-login .login-in {
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  width: 200px;
  height: 50px;
  line-height: 50px;
  background-color: #3bc572;
  margin: 40px auto 0;
  border-radius: 25px;
  cursor: pointer;
}