body {
	/*background: #0f64a0;*/
}
body {
	background: linear-gradient(135deg, #0f64a0, #1cb5e0, #8e44ad, #f39c12);
	/*background-size: 400% 400%;
	animation: gradientBG 10s ease infinite;*/
}


.mgb10 {
	margin-bottom: 10px
}

.mgb20 {
	margin-bottom: 20px
}

.mgb25 {
	margin-bottom: 25px
}

.pdt15 {
	padding-top: 15px
}

.login {
	position: absolute;
	top: 35%;
	left: 50%;
	margin: -170px 0 0 -190px;
	width: 380px;
	background: #fff;
	z-index: 9;
	box-shadow: 0 0 18px 1px rgba(0, 0, 0, .2);
	border: 1px solid #eee;
	border-radius: 12px;
}

.login .logo {
	background: url(../Public/images/login/login_logo.jpg) no-repeat scroll
		0 0 rgba(0, 0, 0, 0);
	display: block;
	height: 90px;
	width: 160px;
	left: 46%;
	margin-left: -68px;
	position: absolute;
	top: -70px
}

.login-inner {
	width: 265px;
	margin: 27px auto
}

.login-title {
	width: 100%;
	line-height: 30px;
	font-size: 24px;
	text-align: center;
	margin: 0 auto;
	font-family: "microsoft yahei";
	font-weight: 400;
	padding-bottom: 40px;
	color: #6f6f6f
}

.login-item {
	position: relative;
	width: 243px;
	height: 28px;
	padding: 5px 10px;
	border: 1px solid #e5e5e5;
	background: #fff;
	border-radius: 8px;
}

.login-item input {
	border: 0;
	height: 28px;
	line-height: normal;
	width: 100%;
	font-size: 14px; *
	vertical-align: -1px
}

.clearIpt {
	display: block;
	position: absolute;
	right: 2px;
	top: 12px;
	width: 14px;
	height: 14px;
	z-index: 9;
	opacity: 0; *
	top: 6px;
	-webkit-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear
}

.clearIpt i {
	margin: 0
}

.login-item:hover .clearIpt {
	display: block;
	opacity: 1
}

.login-item.error {
	border-color: red
}

.login-item.code {
	width: 75px;
	padding: 5px 10px
}

.code-img {
	background: #fff;
	border: 1px solid #e5e5e5
}

.code-img img {
	height: 37px;
	width: auto;
	cursor: pointer
}

#code-refresh {
	line-height: 37px;
	color: #0E64A0
}

#code-refresh :hover {
	text-decoration: underline
}

.login .checkbox-group {
	display: block
}

.login-forgetlink {
	display: block;
	padding-top: 3px
}

.login-forgetlink:hover {
	text-decoration: underline;
	color: #0E64A0
}

.login-btn {
	display: block;
	background: #0E64A0;
	text-align: center;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-size: 18px;
	border: 0;
	cursor:
	hand;
	border-radius: 8px;
}

.login-btn.disabled {
	background: #ccc
}

.login-locationnow {
	text-align: center;
	padding: 24px 0 0
}

.login-locationnow a {
	color: #0E64A0;
	text-decoration: underline;
	font-size: 14px
}

.copyright {
	position: absolute;
	left: 0;
	bottom: -60px;
	text-align: center;
	width: 382px;
	height: 30px;
	line-height: 30px
}

.copyright,.copyright a {
	color: #999
}

.reg-helper {
	padding: 13px 0 24px;
	font-size: 14px;
	color: #999
}

.reg-helper i {
	margin-right: 5px;
	color: #fa0
}

.register .btn-getCode {
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 110px;
	color: #fff;
	font-size: 14px;
	background: #83ba21;
	margin-left: 10px
}

.register .btn-getCode.disabled {
	background: #d2d2d2
}

.register .login-item.code {
	width: 122px
}

.register .login-item.picode {
	width: 76px
}

.tooltips {
	display: none;
	color: #a94442;
	border-color: #ebccd1;
	background-color: #f2dede;
	z-index: 999999
}

.tooltips-arrow em {
	color: #ebccd1
}

.tooltips-arrow i {
	color: #f2dede
}

.popup-step1 {
	z-index: 9
}

.popup-step2,.popup-stepCode {
	z-index: 999;
	opacity: 0
}

.popup-overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .7;
	z-index: 99
}

.btn-close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 25px;
	height: 25px;
	background-image:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkEzQTU4Rjk2OEUzMTFFNTlFODVDNTE3RDhBMzA5NjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkEzQTU4RkE2OEUzMTFFNTlFODVDNTE3RDhBMzA5NjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyQTNBNThGNzY4RTMxMUU1OUU4NUM1MTdEOEEzMDk2MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyQTNBNThGODY4RTMxMUU1OUU4NUM1MTdEOEEzMDk2MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpUtwMoAAAFlSURBVHja1Ng7DsIwEARQM6JLzSk4RbhlTsMpqOmhpseWghQFJ/Fnx95daZrYhZ+USOOcpml6Ouc+PqPP29mai8/dZ8CMuM4PLgYR4eyfALn5PIxhlohw9luAvIxh/hDBgHnRCiaKCAtYbNKO2USsIZoxu4gYRCPmELEF0YRJQuxBNGCSEUeQnpgsRAqkByYbkQppiSlC5EBaYIoRuZAfZiRgqhAlEDdXfUlMNaIUIokRQdRAJDBiiFpIDUYUIQEpwYgjpCA5GApCEpKCoSGkIXuYNWKURIQ5E2rGD3NfYNwKIf7biQGJYRwTwXi1ug0Lsv4m6FcANECMpKJJhcQQb0LRpEK2EKzWTIEcIegYNERQMWiMoGHQAUHBoBNCHIOOCFEMOiPEMFCAEMFACaIaA0WIKgyUIYoxUIgowkApIhsDxYgsDJQjkjEwgEjCwAjiEANDiF0MjCE2MQEyGEPEMMNXgAEAukAZC6GYYp0AAAAASUVORK5CYII=)
		;
	background-position: center;
	background-repeat: no-repeat
}