.login-box {
	width: 480px;
	height: auto;
	position: relative;
	
	margin: 70px auto 60px;

}
.login-box .login-logo {
	width: 125px;
	height: 66px;
	margin: -111px auto 0 -63px;
	text-align: center;
	position: absolute;
	left: 50%;
	background-color: #f0f4fb
}
.login-box .login-logo img {
	height: 75px;
	width: 84px
}
.login-box .tab-box li {
	width: 240px;
	height: 70px;
	line-height: 70px;
	background-color: #eff2f8;
	float: left;
	text-align: center;
	color: #adb7cb;
	font-size: 20px;
	cursor: pointer
}
.login-box .tab-box li.active {
	background-color: #fff;
	color: #333
}
.tab-box-list{ display:none;}
.login-form-box {
	background-color: #fff;
	padding: 110px 85px 60px
}
.login-box .login-input {
	border: none;
	border-bottom: 1px solid #f0f0f0;
	height: 35px;
	width: 100%;
	font-size: 16px;
	line-height: 35px;
	background-color: transparent;
	margin-bottom: 12px
}
.login-box .btn-login {
	width: 100%;
	height: 48px;
	background-color: #3ca5f6;
	color: #fff;
	line-height: 36px;
	font-size: 18px;
	border-radius: 0;
	border: none;
	margin: 12px 0 15px
}
.login-box input:focus {
	box-shadow: none;
	outline: 0
}
.login-box input::-webkit-input-placeholder {
color:#bbb;
text-overflow:ellipsis
}
.login-box input:-moz-placeholder {
color:#bbb!important;
text-overflow:ellipsis
}
.login-box input::-moz-placeholder {
color:#bbb!important;
text-overflow:ellipsis
}
.login-box input:-ms-input-placeholder {
color:#bbb!important;
text-overflow:ellipsis
}
.login-box input[type=checkbox] {
	width: 24px;
	height: 24px;
	-webkit-appearance: none;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEY0N0UzN0E2MTAxMTFFNUE3NjRBMzc2RjcwNjgwRjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEY0N0UzN0I2MTAxMTFFNUE3NjRBMzc2RjcwNjgwRjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0RjQ3RTM3ODYxMDExMUU1QTc2NEEzNzZGNzA2ODBGOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0RjQ3RTM3OTYxMDExMUU1QTc2NEEzNzZGNzA2ODBGOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkeHUqMAAADBSURBVHja7NTLCoQgFAbglNkZXWjTxtTe/5Um3HSzghBsV4yT4Gwac9Eq+lcnDnz4GwXmeQ6uCAwuygPdH6rrehzHw9XLX2maZhgGPQAAsizzPdG6xz62bSuEMLNSyreaJt57jNV1Xd/3ZpWmKcbYtxrnfFkWPVRVFYahVZIkKYpCV/OF8jzX59+2Te2xCiHkUPlbDSFUliWEv20cxw7Fddm6EWPMWFEUUUodyvdVuv9HUsppmk6Vc+j5aO8NfQQYAEM+U0oKkQLJAAAAAElFTkSuQmCC)
}
.login-box input[type=checkbox]:checked {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Njk0QkY4MUU2MTAxMTFFNThENDE4MzREOTAwRTgwMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Njk0QkY4MUY2MTAxMTFFNThENDE4MzREOTAwRTgwMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2OTRCRjgxQzYxMDExMUU1OEQ0MTgzNEQ5MDBFODAxRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2OTRCRjgxRDYxMDExMUU1OEQ0MTgzNEQ5MDBFODAxRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps25+l8AAADoSURBVHjaYrRZ+o2BGoCJgUpg1KDhb1CuEWuwGgtWKRbiTckyZA3TYPnPwPD7H8OmO3+IdREPGyMvGyOcm6LHGqkJshUopCXMRKzXuFkZ+xzZ+pzYgAwgN1GXJV4H6vZdD/52nfpFrNeabNg0wdb2OrKdefEPbsq+R39bj//695/oMFp09beeKDsHC4O2CBMQQQQPPv7bdBS7KTi9dvHVv7KDP38gBeiRJ38bj/76+5/06D//8l/VoZ8//4LYx5/9rTvyCxhZZKaj0y/+VR/6dfjJ35rDBEwhnI5OPv8LRKOZdrgaBBBgAAxlVeF8TR0PAAAAAElFTkSuQmCC)
}
.login-box .label-span {
	position: absolute;
	font-weight: 400;
	font-size: 14px;
	color: #bbb;
	margin: 7px 0 0 10px
}
.login-box .auxiliary-box ul {
	height: 30px
}
.login-box .auxiliary-box ul li {
	width: 50%;
	float: left
}
.login-box .auxiliary-box ul li label {
	cursor: pointer
}
.login-box .auxiliary-box ul li:last-child {
	text-align: right
}
.login-box .auxiliary-box ul li:last-child a {
	position: relative;
	top: 6px;
	color: #bbb
}
.login-box .auxiliary-box ul li:last-child a:hover {
	color: #3da9f7
}
.login-box .lgn-three-title {
	text-align: center;
	font-size: 16px;
	color: #bbb;
	margin: 50px 0 20px
}
.login-box .lgn-three-btn-box ul {
	padding: 0;
	margin: 0 32px
}
.login-box .lgn-three-btn-box li {
	height: 60px;
	border-radius: 30px;
	width: 60px;
	text-align: center;
	display: inline-block
}
.login-box .lgn-three-btn-box li:nth-child(2) {
	margin: 0 29px
}
.login-box .error-msg {
	position: absolute;
	color: #f63756;
	font-size: 14px;
	margin-top: -15px
}
.error-msg-info {
	color: #f63756
}
.login-box .lgn-three-btn-box li:before {
	content: "";
	position: absolute;
	z-index: 0;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	opacity: 0;
	-webkit-transition: .5s cubic-bezier(.3, 0, 0, 1.3);
	-moz-transition: .5s cubic-bezier(.3, 0, 0, 1.3);
	-ms-transition: .5s cubic-bezier(.3, 0, 0, 1.3);
	-o-transition: .5s cubic-bezier(.3, 0, 0, 1.3);
	transition: .5s cubic-bezier(.3, 0, 0, 1.3);
	-webkit-transform: scale(0, 0);
	-moz-transform: scale(0, 0);
	-ms-transform: scale(0, 0);
	-o-transform: scale(0, 0);
	transform: scale(0, 0);
	margin-left: -30px
}
.login-box .lgn-three-btn-box li:nth-child(1):before {
	background-color: #00A6F5
}
.login-box .lgn-three-btn-box li:nth-child(2):before {
	background-color: #FF3752
}
.login-box .lgn-three-btn-box li:nth-child(3):before {
	background-color: #20CD6D
}
.login-box .lgn-three-btn-box li:nth-child(1):hover .icon-three-qq {
	background-position: -9px -571px
}
.login-box .lgn-three-btn-box li:nth-child(2):hover .icon-three-wb {
	background-position: -99px -571px
}
.login-box .lgn-three-btn-box li:nth-child(3):hover .icon-three-wx {
	background-position: -189px -571px
}
.login-box .lgn-three-btn-box li:hover:before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1)
}
.login-box .three-login-user {
	width: 100%;
	background-color: #fff;
	height: 190px;
	box-shadow: 0 1px 4px rgba(128,157,209,.51);
	position: relative
}
.login-box .three-login-user .user-box {
	padding: 0 85px
}
.login-box .three-login-user .user-face {
	width: 50px;
	height: 50px;
	border-radius: 25px;
	overflow: hidden;
	float: left;
	margin-top: 40px
}
.login-box .three-login-user .user-face img {
	width: 100%
}
.login-box .info-title {
	font-size: 18px;
	color: #333;
	top: 55px;
	position: relative;
	left: 19px
}
.login-box .binding-box, .login-box .binding-title {
	height: 60px;
	line-height: 60px;
	color: #adb7cb;
	font-size: 16px;
	text-align: center
}
.login-box .binding-box {
	bottom: 0;
	position: absolute;
	width: 100%;
	border-top: 1px solid #f0f0f0
}
.erweima, .erweima img {
	position: relative
}
.login-box .binding-title {
	border-bottom: 1px solid #f0f0f0
}
.login-box .binding-form-box {
	margin: 30px 0 0;
	padding: 0 85px 30px
}
.login-box .input-code {
	display: none
}
.login-box .binding-warp {
	background-color: #fff;
	margin-top: 20px
}
.login-box input.ver-code {
	width: 192px
}