.login-main {
	min-width: 1200px;
	height: 100%;
	margin: 0 auto;
}
.login-main .login{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.login-main .back-img {
	float: left;
	height: 100%;
	width: 66.66%;
	position: relative;
	background: #2b83e4;
}

.login-main .back-img .img {
	background: url(./back.png) no-repeat;
	background-size:100% 100%;
	width: 70%;
}
.login-main .back-logo {
	background: url(./logo.png) no-repeat;
	width: 305px;
	height: 46px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -157px;
	margin-top: -23px;
}
.login-main .login-con{
	width: 33.34%;
	height: 100%;
	background-color: rgba(255,255,255,1);
	float: right;
	position: relative;
}
.login-main .login-con-image{
	width: 100%;
	text-align: center;
	margin-bottom: 40px;
}
.login-main .login-con-image-con {
	font-size: 26px;
	font-family: MicrosoftYaHei-Bold;
	color: #485060;
	line-height: 35px;
	font-weight: bold;
}
.login-main .login-con-black {
	width: 100%;
	height: 1px;
	background: #F7F7F7;
	margin-bottom: 15px;
}
.login-main .login-con-header{
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	padding: 30px 0;
}
.login-main .login-con .form-con{
	padding: 10px 0 0;
	height: 340px;
	position: absolute;
	top: 50%;
	width: 310px;
	margin-top: -210px;
	left: 50%;
	margin-left: -155px;
}
.login-main .login-con .form-con .acc-con {
	max-height: 300px;
	overflow-y: auto;
}
.login-main .login-con .form-con .acc-con-part {
	height: 88px;
	background: #F1F1F1;
	padding: 14px 22px;
	margin-bottom: 12px;
	border-radius: 2px;
	cursor: pointer;
}
.login-main .login-con .form-con .acc-con-part img {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	float: left;
	margin-right: 14px;
}
.login-main .login-con .form-con .acc-con-part .uname {
	font-weight: bold;
	color: #333333;
	padding: 16px 0;
	font-size: 16px;
}
.login-main .login-con .form-con .acc-con-part .cont {
	color: #666666;
	width: 210px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow: ellipsis;
	font-size: 12px;
}
.login-main .login-con .form-con .acc-con-part.active {
	background: #007AFF !important;
}
.login-main .login-con .form-con .acc-con-part.active .uname {
	color: #FFFFFF!important;
}
.login-main .login-con .form-con .acc-con-part.active .cont {
	color: #FFFFFF!important;
}
.login-main .login-con .acc-con-part:hover {
	border: 1px solid #007AFF;
}
.login-main .login-con .forget-pwd {
	float: right;
	margin-top: 5px;
	font-size:13px;
	font-family:MicrosoftYaHei;
	color: #80848F!important;
	line-height:20px;
}
.login-main .login-con .forget-pwd:hover {
	color:#2d8cf0!important;
}
.login-main .login-con .reg-account-div {
	width: 100%;
	text-align: center;
	margin-top: 20px;
}
.login-main .login-con .reg-account {
	color:#2d8cf0;
	cursor: pointer;
	font-size:15px;
	color:rgba(45,140,240,1);
	line-height:20px;
}
.login-main .login-con .reg-account:hover {
	font-size: 14px;
}
.login-main .btn-primary {
	padding: 16px;
}
.login-main .login-con .ivu-card {
	background: #F5F5F5;
}
.login-main .login-con .ivu-card:hover {
	box-shadow: 0 1px 6px rgba(0,0,0,0);
	border-color: #F5F5F5;
}
.login-main .login-con .ivu-input-large {
	font-size: 14px!important;
	padding: 0 15px;
	height: 50px!important;
	line-height: 48px!important;
}
.login-main .login-con .ivu-card-body {
	padding: 0;
}
.login-main .login-con .ivu-form-item {
	margin-bottom: 0;
}
.login-main .login-con .ivu-form-item:first-child {
	margin-bottom: 30px;
}
.login-main .login-con input {
	background: #ffffff;
	border-radius: 25px;
	border: 1px solid #999999;
}
.login-main .remember-account {
	margin: 0px 0 10px;
	font-size: 15px;
	color: rgba(128,132,143,1);
	line-height: 20px;
}
.login-main .item-content-btn .ivu-btn-large {
	height: 50px!important;
	padding: 12px!important;
	border-radius: 25px!important;
	font-size:18px!important;
	width: 100%!important;
	color:rgba(255,255,255,1);
	line-height:25px!important;
	background: #2877FF;
	box-shadow:0px 2px 6px 2px rgba(214,214,214,0.46);
}
.login-main .margin-bottom-30 {
	margin-bottom: 30px!important;
}
.login-main .login-tips-error {
	font-size: 12px;
	color: #D72B00;
	line-height: 17px;
}
.login-main .input-icon {
	font-size: 16px;
	color: #B2B2B2;
	position: absolute;
	z-index: 5;
	padding: 13px;
}
.login-main .input-code {
	float: left;
	margin-right: 10px;
}
.login-main .on-focus {
	cursor: pointer;
}
.login-main .version{
	position: absolute;
    bottom: 0;
    width: 410px;
    text-align: center;
    color: #fff;
}
.login-main .margin30 {
	margin: 30px 0;
}
.login-con-small {
	min-width: 400px!important;
}
.login-con-small .back-img {
	display: none;
}
.login-con-small .login-con {
	width: 100%;
	overflow-y: auto;
}

.login-con-small .login-con .form-con {
	padding: 10px 0 0;
	height: 440px;
	position: absolute;
	top: 50%;
	width: 310px;
	margin-top: -160px;
	left: 50%;
	margin-left: -155px;
}