品优购项目--登录页面

效果图

HTML部分

	
	
	
	
	
	


	

		

			

				品优购
			
		
	

	

		

			

				

					扫描登陆
					|
					账户登陆
				
				
公共场所不建议自动登录，以免账号丢失
				

					
					
					
					
				
				

					自动登录
					忘记密码?
				
				登录
				

					
					立即注册
				
			
		
	

	

		

			关于我们  |  联系我们  |  联系客服  |  商家入驻  |  营销中心  |  手机品优购  |  友情链接  |  销售联盟  |  品优购社区  |  品优购公益  |  English Site  |  Contact U
		
		

			地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn  

          	京ICP备08001421号京公网安备110108007702
		
	

CSS部分

.header {
	height: 82px;
	width: 1200px;
	margin: 0 auto;
}
.logo {
	margin-top: 15px;
}
.login-main {
	height: 470px;
	background-color: #7F00FF;
}
.login-main .w {
	position: relative;
	height: 470px;
	background: url(../img/loginbg.png) no-repeat ;
}
.loginfrom {
	position: absolute;
	left: 700px;
	top: 60px;
	width: 304px;
	height: 340px;
	background-color: #fff;
	padding: 20px 38px 0 38px;
}
.a-from {
	height: 20px;
}
.from1 {
	font-size: 18px;
	color: #656565;
	padding-right: 63px;
}
.spa {
	text-align: center;
	font-size: 18px;
	color: #ccc;
}
.from2 {
	font-size: 18px;
	color: #C71523;
}
.anno {
	width: 295px;
	height: 24px;
	padding-left: 5px;
	line-height: 24px;
	border: 1px solid #F6EFCE;
	margin: 20px 0 10px;
	font-size: 12px;
	color: #656565;
	background-color: #FFFDED;
}
.loginfrom input {
	width: 260px;
	height: 34px;
	border: 1px solid #CECDCD;
	padding-left: 40px;
	margin-bottom: 18px;
}
.logininput {
	position: relative;
}
.logininput i {
	position: absolute;
	width: 37px;
	height: 34px;
	line-height: 34px;
	background-color: #CECDCD;
	top: 0;
	left: 0;
	font-size: 18px;
	color: #fff;
	font-family: 'icomoon';
	text-align: center;
}
.logininput .useri {
	top: 1px;
	left: 1px;
}
.logininput .passwordi {
	top: 55px;
	left: 1px;
}
.check {
	height: 14px;
	line-height: 14px;
	font-size: 12px;
}
.check input {
	float: left;
	width: 14px;
	height: 14px;
}
.check span {
	float: left;
	color: #CECDCD;
}
.check a {
	float: right;
	color: #CECDCD;
}
.check a:hover {
	color: red;
}
.loginbtn {
	display: block;
	width: 302px;
	height: 42px;
	background-color: #C71523;
	color: #fff;
	text-align: center;
	line-height: 42px;
	font-size: 16px;
	margin: 20px 0 25px 0;
}
.link span {
	float: right;
	font-size: 14px;
	color: #1373AF;
}