@CHARSET "UTF-8";
.container-login100{
	z-index:auto
}
.login-con {
    position: absolute;
    /* top: calc((100% - 545px)/2); */
    top: 10%;
    left: calc((100% - 800px)/2);
    width: 800px;
    z-index: 2;
}
.login-con .login-left {
    width: 40%;
    float: left;
}
.login-con .login-left img{
	width: 100%;
    position: relative;
    left: -30px;
}
.login-con .login-brand {
    text-align: center;
    padding: 0px;
}
.login-con .login-brand img {
    width: 100%;
    height: auto;
}
.login-con .form-con {
    width: 100%;
    float: right;
}
.login-con .clear {
    clear: both;
}
.ivu-card{
	min-height: 300px;
}
.login-con-background{
	padding: 5% 8%;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 20px;
}
.login-con-but{
	border-radius: 25px;
	min-width: 120px;
	background-color:#204673 !important;
	border-color:#204673;
}
.input100{
	color: #204673;
}
.wrap-input100{
	border-bottom-color : #204673;
	margin-bottom:15px
}
.focus-input100::after{
	color : #204673;
}
.label-checkbox100, .txt1{
	color : #204673;
}
#authCodeImg{
	margin-bottom: 5px;
	width: 100%;
	height: 70px;
	border: 1px solid #204673;
}
.other-authcode{
	color : #204673;
	font-size: 13px;
	line-height: 1.2;
	position: relative;
	top: -16px;
	float: right;
	cursor: pointer;
}
.no-authcode{
	margin-bottom: 50px;
}
.action-bar{
	 margin-top: 10px;
	 margin-bottom: 20px;
	 width: 100%;
	 display: inline;
}
#btnIndex{
    position:absolute;
    display:none;
    width:90%;
    left:5%;
    bottom: 20px;
}
.tips{
    color:#0062cc;
    margin-top:20px;
}
input::-webkit-input-placeholder { color: #000;}
input:-moz-placeholder { color: #000;}
input::-moz-placeholder { color: #000;}
input:-ms-input-placeholder { color: #000;}
/*设置响应式*/
@media (max-width: 800px) {
	.login-con {
    	left: 10%;
    	width: 80%;
	}
	.login-con .login-left {
		display: none;
	}
	.login-con .form-con {
	    width: 100%;
	}
	.tips{
        margin-top:80px;
    }
}