@charset "utf-8";
body {
	background: url(../img/login_bg.gif) center top;
}
iframe[name="hiddenFrame"] {
	display: none;
}
#login {
	margin: 100px auto;
	padding: 20px;
	width: 1160px;
	height: 333px;
}
#login>img {
	float: left;
	margin: -35px 0 0 140px;
}
#login form {
	float: right;
	margin-right: 150px;
	padding: 25px 0 20px;
	width: 302px;
	text-align: center;
	background: url(../img/login_line.png) center 60px no-repeat #e8edf0;
	border: 1px solid #fafafa;
	border-radius: 4px;
	box-shadow: 3px 3px 9px rgba(0,0,0,.3);
}
#login form h1 {
	height: 40px;
	font-size: 19px;
	font-weight: normal;
	color: #e00;
}
#login form input {
	display: inline-block;
	font-size: 13px;
	font-family: "Microsoft YaHei", Arial, SimSun, sans-serif;
	width: 196px;
	height: 32px;
	border-radius: 3px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	ime-mode: disabled;
	transition: all .2s;
}
#login form p {
	margin: 10px 0;
}
#login form p label {
	color: #e00;
}
#login form input[name="code"] {
	width: 80px;
}
#login form input[name="phone"], #login form input[name="code"] {
	padding-left: 5px;
}
#login form input[type="text"]:focus {
	color: #e00;
	border-color: #aaa;
}
#login form input[type="button"] {
	margin-left: 10px;
	padding: 0;
	width: 106px;
	cursor: pointer;
	background-color: #f0f0f0;
}
#login form input[type="button"]:hover {
	background-color: #f5f5f5;
}
#login form>input {
	margin-top: 10px;
	padding-bottom: 1px;
	height: 33px;
	width: 252px;
	font-size: 15px;
	color: #fff;
	border: none;
	background-color: #e00;
	cursor: pointer;
}
#login form>input:hover {
	background-color: #f00;
}
#login form>.btns {
	padding: 20px 0 0 25px;
	text-align: left;
}
#login form>.btns span {
	display: inline-block;
	vertical-align: middle;
	margin: -2px 6px 0 0;
	width: 28px;
	height: 28px;
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
}
#login form>.btns span:before {
	content: "";
	display: inline-block;
	width: 28px;
	height: 28px;
	background: url(../img/ico.png) center -154px no-repeat #45c45d;
	transition: background-color .2s;
}
#login #qqLoginBtn:before {
	background-position: center -190px;
	background-color: #3ab1f7;
}
#login #wxLoginBtn:hover:before {
	background-color: #49d063;
}
#login #qqLoginBtn:hover:before {
	background-color: #3ebdfa;
}
#login form>.tips {
	padding: 15px 25px 0;
	text-align: left;
	font-size: 12px;
	color: #888;
}
#login form>.tips a {
	color: #c00;
}
#login form>.tips a:hover {
	color: #f60;
}
#login form input[type="button"]:disabled, #login form input[type="submit"]:disabled {
	color: #999;
	background-color: #ddd;
	cursor: default;
}