*{
			margin:0;
			padding: 0;
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			-ms-box-sizing:border-box;
			-o-box-sizing:border-box;
			box-sizing:border-box;
		}
		body{
			font-family: '微软雅黑';
		}
		html,body,.w-login-box{
			width: 100%;
			height: 100%;
		}
		.w-login-box{
			position: relative;
			background: url('../img/login-left.png') no-repeat;
			background-size: 33.33% 100%;
		}
		.w-login-contain{
			position: absolute;
			left: 33.3333%;
			top: 0;
			right: 0;
			height: 100%;
			/*background-color: red;*/
			background: url('../img/login-right.png') no-repeat center;
		}
		.w-login-contain .w-login-header{
			padding-left: 40px;
			padding-top: 40px;
			line-height: 20px;
		}
		.w-login-contain .w-login-header > a{
			font-size: 14px;
			color:#666;
			text-decoration: none;
			padding-right:24px ;
			background: url('../img/login-more.png') no-repeat right center;
			background-size: 20px;
		}
		.w-login-contain .login-form-box{
			position: absolute;
			left: 0;
			z-index: 2;
			top: 25.4%;
			padding-left: 30px;
		}
		.w-login-contain .login-form-box .lform-tit{
			padding-left: 8px;
			line-height: 1em;
			font-size: 28px;
			font-weight: bold;
			margin-bottom: 6px;
		}
		.w-login-contain .login-form-box .lform-error{
			padding-left: 8px;
			line-height: 28px;
			height: 28px;
			font-size: 14px;
			color: #E94343;
			visibility: hidden;
		}
		.w-login-contain .login-form-box .lform-error.show{
			visibility:visible; 
		}
		.w-login-contain .login-form-box .lform-inp-box{
			width: 360px;
			height: auto;
		}
		.w-login-contain .login-form-box .lform-inp-box > *{
			margin-bottom: 16px;
			display: block;
		}
		.w-login-contain .login-form-box .lform-inp-box > input{
			width: 100%;
			height: 40px;
			background-color: #f6f6f6;
			border:1px solid #ddd;
			padding:10px 12px;
			line-height: 18px;
			font-size: 16px;
			color:#333;
			outline: none;
		}
		.w-login-contain .login-form-box .lform-inp-box .lform-code:after{
			content: '';
			clear:both;
			display: block;
			width: 0;
			height: 100%;
			overflow:hidden;
		}
		.w-login-contain .login-form-box .lform-inp-box .lform-code > input{
			float: left;
			width: 180px;
			height: 40px;
			background-color: #f6f6f6;
			border:1px solid #ddd;
			padding:10px 12px;
			line-height: 18px;
			font-size: 16px;
			color:#333;
			outline: none;
			margin-right: 14px;
		}
		.w-login-contain .login-form-box .lform-inp-box .lform-code .lform-img{
			float: right;
			position: relative;
			width: 166px;
			height: 40px;
		}
		.w-login-contain .login-form-box .lform-inp-box .lform-code .lform-img img{
			display: block;
			width: 110px;
			height: 32px;
			margin-top: 4px;
			cursor: pointer;
		}
		.w-login-contain .login-form-box .lform-inp-box .lform-code .lform-img > a{
			position: absolute;
			right: 0;
			top: 0;
			width: 55px;
			height: 40px;
			line-height: 40px;
			text-align: right;
			font-size: 14px;
			color:#2EA2FE;
			text-decoration: none;
		}
		.w-login-contain .login-form-box .lform-inp-box .lform-code .lform-img > a:hover{
			text-decoration: underline;
		}
		.w-login-contain .login-form-box .lform-inp-box .lform-submit > input{
			width: 100%;
			height: 40px;
			background-color: #087BD6;
			padding:10px 12px;
			line-height: 18px;
			font-size: 16px;
			color:#fff;
			outline: none;
			border:none;
			cursor: pointer;
			-webkit-transition:all .2s ease;
			-moz-transition:all .2s ease;
			-ms-transition:all .2s ease;
			-o-transition:all .2s ease;
			transition:all .2s ease;
		}
		.w-login-contain .login-form-box .lform-inp-box .lform-submit > input:hover{
			background-color: #0a66ae;
		}
		.w-login-contain .login-foot{
			position: absolute;
			left: 0;
			bottom: 14px;
			z-index: 2;
			padding-left: 23px;
			line-height: 1em;
			color:#adadad;
			font-size: 12px;
		}
		.w-login-contain .login-pic{
			position: absolute;
			left: 30%;
			top: 12%;
			z-index: 0;
		}
		.w-login-contain .login-pic > img{
			width: 100%;
		}
		@media screen and (min-width:1600px) and (max-width: 1919px){
			.w-login-contain .login-pic{
				left: 36%;
			}
		}
		@media screen and (min-width:1400px) and (max-width: 1599px){
			.w-login-contain .login-pic{
				left: 38%;
			}
		}
		@media screen and (min-width:1200px) and (max-width: 1399px){
			.w-login-contain .login-pic{
				left: 42%;
			}
		}
		@media screen and (max-width: 1199px){
			.w-login-contain .login-pic{
				left: 50%;
			}
		}