* {
			box-sizing: border-box;
		}
		html, body {
			height: 100%;
			padding: 0;
			margin: 0;
		}
		button{
			outline:none;
		}
		input::-webkit-input-placeholder{
			color:#ccc;
			font-size:16px;
			font-weight:500;
		}
		input::-moz-placeholder{   /* Mozilla Firefox 19+ */
			color:#ccc;
			font-size:16px;
			font-weight:500;
		}
		input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
			color:#ccc;
			font-size:16px;
			font-weight:500;
		}
		input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
			color:#ccc;
			font-size:16px;
			font-weight:500;
		}		
		[flex] {
			display: -webkit-box;
			display: -webkit-flex;
			display: -ms-flexbox;
			display: flex;
		}
		[flex~="main:center"] {
			-webkit-box-pack: center;
			-webkit-justify-content: center;
			-ms-flex-pack: center;
			justify-content: center;
		}
		[flex~="cross:center"] {
			-webkit-box-align: center;
			-webkit-align-items: center;
			-ms-flex-align: center;
			align-items: center;
		}
		[flex]>* {
			display: block;
		}
		.div_login{height:100%;background-color: #f3f3f3;}
		.logo {
			position: absolute;
			left: 40px;
			top: 40px;
			height: 50px;
		}
		.el-card_logo1{
			position: relative;
			z-index: 99;
			border: 0;
			width:430px;
			height:60px;
			margin: 0 auto;
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-position: center;
			background-size: 100% 100%;
		}
		.el-card_logo{
			background:url("../../images/logo/logo_chang_simple.png") no-repeat center center;
			width:430px;
			height:60px;
			margin-bottom:50px;
		}
		.el-card_logo{
			background:url("../../images/logo/logo_xzzx_login.png") no-repeat center center;
		}
		.opacity {
			background-color: #f3f3f3;
			height: 100%;
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
			z-index: 1;
		}
		.opacity{
			position: relative;
			top: calc(50% - 50px);
			transform: translateY(-50%);
		}
		.login .box-card {
			position: relative;
			border-radius: 15px;
			z-index: 99;
			border: 0;
			box-shadow1: 0 2px 12px 0 rgba(0, 0, 0, .5);
			height: 490px;
			width: 430px;
			margin: 0 auto;
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-position: center;
			background-size: 100% 100%;
		}	
		.login-form {
			padding: 50px 45px 30px;
			height: 380px;
			width: 400px;
			float: right;
			background-color: #fff;
			border-radius:15px;
			margin:0px 15px;
		}
		.form-title {
			font-size: 26px;
			color: #1F4881;
			margin-bottom: 40px;
		}	
		.el-form-item--mini.el-form-item, .el-form-item--small.el-form-item {
			margin-bottom111: 20px;
		}		
		.el-form-item--mini.el-form-item, .el-form-item--small.submit_div {
			margin-top: 45px;
		}			
    

		.el-form-item__content {
			line-height1: 40px;
			position: relative;
			font-size: 14px;
			border-bottom1: 1px solid #eaeaea;
		}
		.el-form-item--small .el-form-item__content, .el-form-item--small .el-form-item__label {
			line-height1: 43px;
		}
		.el-form-item__content::after, .el-form-item__content::before {
			display: table;
			content: "";
		}		
		.el-input {
			position: relative;
			font-size: 14px;
			display: inline-block;
			width: 100%;
		}		
		.el-input--small {
			font-size: 13px;
		}
		.el-input__inner {
			-webkit-appearance: none;
			background-color: #FFF;
			background-image: none;
			border-radius: 4px;
			border: 0px solid #DCDFE6;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			color: #606266;
			display: inline-block;
			font-size: inherit;
			height: 40px;
			line-height: 40px;
			outline: 0;
			padding: 0 15px;
			-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
			transition: border-color .2s cubic-bezier(.645,.045,.355,1);
			width: 100%;
			border-bottom: 1px solid #eaeaea;
		}
		.el-input--small .el-input__inner {
			height: 32px;
			line-height: 32px;
		}



		.el-input .el-input__inner {
			height: 43px;
			border-radius: 0px;
			font-size:16px;
			/*
			background-color: #f7f5fb;
			border-color: #f7f5fb;
			*/
			background:#fff;
		}

		.el-form-item__content::after {
			clear: both;
		}
		.pic-captcha {
			width: 100px;
			height: 36px;
			vertical-align: middle;
			cursor: pointer;
			
			position:absolute;right:0px;
		}
	.foot {
		position: absolute;
		left: 0;
		right: 0;
		width: auto;
		color: #fff;
		text-align: center;
		font-size: 16px;
	}	
	.form_submit{width:300px;height:50px;background:#1c8cff;color:#fff;border:0px;border-radius:5px;cursor:pointer;}

	.div_username .el-input input{
			background:url('../../images/kehu.png') no-repeat 0% center;
			background-size: 25px;padding-left:35px;
	}	
	.div_password .el-input input{
			background:url('../../images/password.png') no-repeat 0% center;
			background-size: 25px;padding-left:35px;
	}	
	.div_capath .el-input input{
			background:url('../../images/yzm.png') no-repeat 0% center;
			background-size: 25px;padding-left:35px;
	}
	.help-block{height: 20px;line-height: 20px;color: #f00;display:none;margin:0px;padding:0px;}
	.help-block-error{display:block;}