Selaa lähdekoodia

注册登录完成

liting2017 6 vuotta sitten
vanhempi
commit
390b787de7

BIN
img/indedImg/enroll2.png


BIN
img/indedImg/enroll3.png


BIN
img/indedImg/enroll4.png


BIN
img/indedImg/enroll5.png


BIN
img/indedImg/enroll6.png


BIN
img/indedImg/enroll9.png


BIN
img/indedImg/zhuce_bj.png


BIN
img/indedImg/zhuce_ok.png


BIN
img/index/index_denglu.jpg


BIN
img/index/index_login11.png


BIN
img/index/index_login1122.png


+ 125 - 58
src/css/newMenu/public.css

@@ -84,65 +84,85 @@ header .colorRed{
 	position: fixed;
 	top: 0;
 	left: 0;
+	height: 100%;
 	z-index: 999999;
 	display: none;
 }
 
 .login_mian {
-	width: 600px;
+	width: 1000px;
+	height: 500px;
 	background: #ffffff;
 	position: absolute;
 	top: 50%;
-	margin-top: -200px;
 	left: 50%;
-	margin-left: -300px;
-	padding-top: 60px;
-	padding-bottom: 96px;
+	margin-top: -250px;
+	margin-left: -500px;
+	/* transform: translate(-50%,-50%); */
+	box-shadow: 0 0 20px #333;
 }
 
 .login_left {
 	float: left;
-	padding-bottom: 10px;
-	width: 265px;
-	text-align: center;
+	height: 500px;
+	width: 600px;
+	background: url(../../../img/index/index_denglu.jpg)no-repeat;
+	background-size:100% 100%; 
 }
-
-.login_left .login_ewm {
-	width: 95px;
-	padding-top: 34px;
-	margin-bottom: 10px;
+.login_left a{
+	width: 100%;
+	height: 100%;
 	display: inline-block;
-	text-align: center;
 }
-
-.login_left .login_ewm img {
-	margin-bottom: 10px;
-	width: 90px;
-}
-
-.login_left p {
-	line-height: 26px;
-	font-size: 16px;
-	text-align: center;
-}
-
 .login_right {
 	float: left;
-	padding-left: 32px;
-	width: 288px;
-	border-left: 1px solid #E5E5E5;
+	
+	width: 400px;
+	height: 500px;
+	overflow: hidden;
+	position: relative;
+	z-index: 1000000;
+}
+.login_right>div{
+	padding: 40px 30px;
+	width: 100%;
+	height: 500px;
+	z-index: 1000011;
+}
+.login_right .loginB{
+	position: absolute;
+	left: 0;
+	top: 0;
+	transition: all .6s ease-in;
+}
+.login_right .loginSelect{
+	position: absolute;
+	left:400px;
+	top: 0;
+	transition: all .6s ease-in;
+}
+.login_right .loginB.active{
+	left: -400px;
+	transition: all .6s ease-in-out;
+}
+.login_right .loginSelect.active{
+	left: 0px;
+	transition: all .6s ease-in-out;
 }
-
 .login_check,
 .login_submit {
-	width: 260px!important;
+	width: 100%;
 }
 
 .login_right h5 {
-	font-size: 18px;
-	color: #373739;
+	width: 100%;
+	height: 50px;
+	line-height: 50px;
+	border-bottom: 2px solid #f1f1f1;
+	font-size: 26px;
+	color: #666666;
 	font-weight: normal;
-	margin-bottom: 10px;
+	margin-bottom: 36px;
 }
 
 .login_right h5 a {
@@ -150,13 +170,15 @@ header .colorRed{
 	color: #f81009;
 	margin-left: 56px;
 }
-
+.login_uesr.active,.login_pass.active{
+	box-shadow: 0 0 15px #ccc;
+}
 .login_right form .login_uesr,
 .login_pass {
-	width: 256px;
-	height: 40px;
+	background: #eeeeee;
+	width: 100%;
+	height: 60px;
 	position: relative;
-	border: 1px solid #cccccc;
 }
 #customerType{border:none;width:200px;height:36px;color:#707070; background: transparent;
 	outline: none;
@@ -182,23 +204,55 @@ header .colorRed{
 #customerType::-ms-expand { display: none; }
 .login_uesr label img,
 .login_pass label img {
-	width: 20px;
-	height: 22px;
+	width: 30px;
+	height: 30px;
 	position: absolute;
-	top: 8px;
-	left: 10px;
+	top: 15px;
+	left: 20px;
 	border: none;
 }
 
+.loginSelect div{
+	line-height: 60px;
+	
+}
+.loginSelect label{
+	width: 100%;
+	font-size: 16px;
+	color: #666666;
+	font-weight: normal;
+}
+.loginSelect label::before{
+	content: '';
+	width: 20px;
+	height: 20px;
+	display: inline-block;
+	border: 1px solid #979797;
+	border-radius: 50%;
+	margin-left: 40px;
+	margin-top: 19px;
+	vertical-align: top;
+}
+
+.loginSelect  div input{
+	margin-right: 20px;
+	margin-left: -20px;
+	visibility: hidden;
+}
+.loginSelect label.active::before{
+	content: '';
+	background: #fe6e42;
+	border-color:transparent;
+}
 #Lo_user,
 #Lo_pass {
-	width: 214px;
-	height: 37px;
-	line-height: 40px;
+	width: 270px;
+	height: 60px;
+	line-height: 60px;
 	border: none;
-	border-left: 1px solid #CCCCCC;
-	padding-left: 12px;
-	left: 40px;
+	background: transparent;
+	padding-left: 4px;
+	left: 70px;
 	font-size: 16px;
 	position: absolute;
 	color: #333333;
@@ -219,15 +273,24 @@ header .colorRed{
 
 .login_pass {
 	position: relative;
-	margin-top: 20px;
+	margin-top: 40px;
+}
+.login_check{
+	overflow: hidden;
+	margin-top:25px;
+	margin-bottom:40px;
 }
-
 .login_check a {
-	color: #f18101;
+	color: #ff6940;
 	float: right;
 	line-height: 38px;
+	font-size: 16px;
+}
+.login_check .forgetPass{
+	display: inline-block;
+	margin-left: 18px;
+	color: #999999;
 }
-
 .login_check label {
 	height: 38px;
 	line-height: 38px;
@@ -254,16 +317,19 @@ header .colorRed{
 	cursor: pointer;
 }
 
-.login_submit {
+.login_submit,.typeQren {
 	width: 100%;
-	height: 38px;
+	height: 60px;
 	font-size: 20px;
-	background: #f18101;
+	line-height: 60px;
+	background: #fe6e42;
 	color: #FFFFFF;
 	text-align: center;
 	border: none;
 }
-
+.typeQren{
+	margin-top:40px;
+}
 .login_hua {
 	position: absolute;
 	top: 0;
@@ -271,12 +337,13 @@ header .colorRed{
 }
 
 .login_close {
+	cursor: pointer;
 	position: absolute;
 	top: 10px;
 	right: 10px;
 	width: 24px;
 	height: 22px;
-	z-index: 2000;
+	z-index: 20000000;
 }
 
 .login_close:hover {
@@ -286,7 +353,7 @@ header .colorRed{
 .login_shadow {
 	position: absolute;
 	bottom: -25px;
-	width: 600px;
+	width: 1000px;
 	height: 25px;
 	right: 0;
 	z-index: 2000;

+ 52 - 42
src/css/register.css

@@ -1,30 +1,9 @@
-*{padding: 0;margin: 0;box-sizing:border-box;}
-html{font-size:62.5%;}
-body{font:14px "simsun",Arial,Helvetica,sans-serif;width:100%;
-    background-color:#fff;
-    font-size:1.4rem;
-}
-body,h1,h2,h3,h4,h6,p,ul,ol,dl,dd{margin:0;padding:0;list-style:none;}
-a{text-decoration:none;}
-a:hover{text-decoration:none;}
-.lf{float:left;}
-.rf{float:right;}
-.clear{clear:both;}
-
-input:focus{outline: none;}
-ul,ol{padding: 0;margin: 0;list-style: none;}
-
-::input-placeholder{color:#cccccc;}
-::-webkit-input-placeholder{color:#cccccc;}
-::-moz-input-placeholder{color:#cccccc;}
-::-ms-input-placeholder{color:#cccccc;} 
-
 
 /*registered页面container的css*/
 .registered{width:100%;height:800px;
-    background: url(../../img/resiger_bj.jpg) no-repeat ;
-    background-size: 100% 100%;
+    background: linear-gradient(to right, #fc9950 50%,#ff633e);
     margin-top: 65px;
+   
 }
 .topNavBj .topHeader{
     border-bottom:5px solid #2C6698
@@ -33,15 +12,15 @@ ul,ol{padding: 0;margin: 0;list-style: none;}
     /* background-image:url(../../img/zhucebg5.jpg) ;*/
 } 
 .clear_first{width:100%;height:1px;}
-.zhuce{width:775px;height:515px;margin:0 auto;margin-top:80px;
-    background: #fff; position: relative;}
+.zhuce{width:1200px;height:535px;margin:0 auto;margin-top:56px;
+    position: relative;}
 .title{width:100%;height:50px;font-size: 2rem;color:#5C5C5D;
 line-height:50px;padding-left:50px;}
 .shadow{width:775px;height:25px;margin:0 auto;margin-top:-3px;}
-.regist{width:350px;height:450px;padding-left:50px;display: inline-block;
-    position: absolute;top:50px;left:0;}
-.zhuce_input{width:255px;height:40px;border:1px solid #E5E5E5;position: relative;
-margin-bottom:10px;line-height:38px;}
+.regist{width:450px;height:100%;padding:0 35px;
+    position: absolute;top:0px;right:0;background: #fff; box-shadow: 0 0 30px #333;}
+.zhuce_input{width:95%;height:50px;position: relative;
+margin-bottom:10px;line-height:50px;background: #eeeeee}
 .zhuce_input>select{border:none;width:200px;height:36px;color:#707070; background: transparent;
     outline: none;}
 .zhuce_input>input{border:none;width: 200px;}
@@ -58,8 +37,8 @@ margin-bottom:10px;line-height:38px;}
     line-height: 38px;display:inline-block;margin-right:10px;}
 input{padding-left:10px;}
 .cellcode>a{color:#F18101;}
-#photo{color:#ccc;display: inline-block;padding-left: 0;background: none;text-align: center;border:none}
-#photo_num{width: 152px;display: inline-block;color:#ccc;height: 38px;line-height: 38px;border: none}
+#photo{width: 100px;;color:#ccc;display: inline-block;padding-left: 0;background: none;text-align: center;border:none}
+#photo_num{width: 240px;display: inline-block;color:#ccc;height: 38px;line-height: 38px;border: none}
 .leibie{width:120px;height:30px;display:inline-block;color:#F18101;font-size: 1.4rem;
     line-height: 28px;font-weight: bold;padding-left: 20px;position: relative;}
 .leibie input{display:inline-block;width:15px;height:15px;margin-right: 5px;position: absolute;
@@ -72,15 +51,17 @@ input{padding-left:10px;}
 .zhuangjiaName{width:255px;height:40px;border:1px solid #E5E5E5;
     margin-bottom:10px;line-height:38px;display:none;}
 #business,#linkman,#man{width:250px;}
-.submit{width:255px;height:40px;border:1px solid #E5E5E5;
-    margin-bottom:10px;line-height:38px;}
-.submit>input{width:100%;height:100%;background-color: #F18101;color:#fff;
-font-size: 1.8rem;font-weight: bold;letter-spacing:20px;}
+.submit{width:100%;height:50px;
+    margin-bottom:10px;line-height:50px;}
+.submit>input{cursor: pointer;border:none;width:100%;height:100%;background-color: #fe6e42;color:#fff;
+font-size: 18px;font-weight: bold;letter-spacing:10px;}
 .protocol{width:255px;height:30px;line-height: 20px;}
-.protocol a{color:#F18101;font-weight: 400;}
+.protocol a{color:#aee1fc;font-weight: 400;}
 #protocol{visibility: hidden;}
-.picture{width:420px;height:420px;border-left:1px solid #E5E5E5;
-    display: inline-block;position: absolute;top:50px;left:350px;}
+.picture{width:680px;height:535px;
+    display: inline-block;position: absolute;top:0px;left:0px;background: url(../../img/indedImg/zhuce_bj.png)no-repeat;
+    background-size:100% 100%; 
+}
 .denglu{width:400px;height:20px;text-align: right;display: inline-block;
 position: absolute;top:0;left:0;}
 .denglu>a{color:#F18101;}
@@ -98,19 +79,27 @@ padding: 20px 50px;overflow-y: auto;box-shadow: 0 4px 10px 0 #777;}
     width: 180px;
 }
 .star{
+    font-size: 24px;
    position: absolute;
    right: 0;
+   top: 5px;
     color: red;
     margin-right: -20px;
 }
 .zhuce_input input{
-   height: 38px;
-   line-height: 38px;
+    width: 350px;
+   height: 50px;
+   line-height: 50px;
+   background: transparent;
 }
 .zhuce_input>img{
-    width: 40px;
+    width: 22px;
     display: inline-block;
-    height: 30px;
+    height: 22px;
+    margin-left: 20px;
+    vertical-align: top;
+    margin-top: 14px;
+    margin-right: 12px;
 }
 /*登陆页面*/
 .login{width: 100%;background: rgba(6,6,6,.4);position: fixed;top: 0;left: 0;z-index: 999;}
@@ -161,7 +150,28 @@ padding: 20px 50px;overflow-y: auto;box-shadow: 0 4px 10px 0 #777;}
     margin-top: 10px;
 }
 
+.regist .titleUser{
+    margin-top: 18px;
+    border: none;
+    border-bottom: 1px solid #efefef;
+    height: 44px;
+}
+.regist .titleUser p:nth-child(1){
+    float: left;
+    font-size: 24px;
+    color: #666666;
+}
+.regist .titleUser p:nth-child(2){
+    float: right;
+    font-size: 14px;
+    color: #666666;
+    vertical-align: bottom;
+    margin-top: 10px;
+}
+.regist .titleUser p a{
+    color: #2ca7f3;
 
+}
 
 
 

+ 29 - 14
src/js/public.js

@@ -58,7 +58,7 @@ window.onload=function(){
 		$('#Lo_user').val('');
 		$('#Lo_user').focus();
 		$('#Lo_user').css({color:'#333333'});
-	})	
+	})
 //	登陆事件	
 	$('.head_login').click(function(e){
 		e.preventDefault();
@@ -74,6 +74,7 @@ window.onload=function(){
 		}else{
 			$('.login').fadeOut(800)
 			$('#form_register').fadeIn(800)
+			$('.login_right>div').removeClass('active')
 		}
 	})
 	//登录调用;
@@ -133,6 +134,17 @@ window.onload=function(){
 			   }
           })
 	}
+	//登录框获得焦点样式处理演示
+	loginStyle();
+	function loginStyle(){
+		$('.loginSelect label').eq(0).addClass('active');
+		$('.login_uesr input,.login_pass input').focus(function(){
+			$(this).parent().addClass('active')
+		})
+		$('.login_uesr input,.login_pass input').blur(function(){
+			$(this).parent().removeClass('active')
+		})
+	}
 	$('#form_login').submit(function(e){
 		e.preventDefault();
 		var Suser=$('#Lo_user').val();
@@ -161,8 +173,7 @@ window.onload=function(){
 				if(data.data.type!=null){
 					loginBegin(data.data.type);
 				}else{
-					$('.modeBj').show(200);
-					$('.modeLogin').addClass('active');
+					$('.login_right>div').addClass('active')
 					modelLogin(data.data.id);
 				}
 			}
@@ -170,18 +181,22 @@ window.onload=function(){
 	}
 	
 	function modelLogin(ids){
-		$('.modeLogin div p').click(function(){
-			$(this).addClass('active').siblings('p').removeClass('active');
-		});
-		$('.modeLogin .btn-default,.modeLogin .delLogin').click(function(){
-			$('.modeLogin').removeClass('active');
-			$('.modeBj').hide(100);
-		});
-		$('.modeLogin .btn-success').click(function(){
-			let typeMode = $('.modeLogin div .active')[1].getAttribute('data-val');
-			if(typeMode==null){
+		/* 此处做类型选择处理 */
+		$('.loginSelect label').eq(0).find('input').prop('checked',true);
+		$('.loginSelect label').eq(0).addClass('active').siblings().removeClass('active');
+		$('.loginSelect label').click(function(){
+			let check = $(this).find('input').prop('checked');
+			if(check){
+				$(this).addClass('active').parent().siblings().find('label').removeClass('active');
 				return;
+			}else{
+				$(this).removeClass('active').parent().siblings().find('label').addClass('active');
 			}
+		})
+		
+		$('.typeQren').click(function(e){
+			e.preventDefault();
+			let typeMode = $('.loginSelect label input:checked').val();
 			$.ajax({
 				method:'post',
 				dataType:'json',
@@ -213,7 +228,7 @@ window.onload=function(){
         }, 2000)
     } 	  
 	//点击登录界面的忘记密码 ,将会弹出忘记密码界面
-	$('.login_check a').click(function(e){
+	$('.login_check .forgetPass').click(function(e){
 		e.preventDefault();
 		$('#forget_user').val('');
 		$('#forget_phone').val('');

+ 40 - 39
template/index.html

@@ -658,44 +658,47 @@
 		<div class="login">
 			<div class="login_mian">
 				<div class="login_left">
-					<div class="login_ewm">
-						<img src="../img/Android.jpg" alt="二维码" />
-						<p>Android版</p>
-						<p>客户端</p>
-					</div>
-					<div class="login_ewm">
-						<img src="../img/iPhone.jpg" alt="二维码" />
-						<p>iPhone版</p>
-						<p>客户端</p>
-					</div>
+					<a href="#"></a>
 				</div>
 				<div class="login_right">
-					<h5>用户登陆
-						<a href="">免费注册有好礼呦!!</a>
-					</h5>
-					<form id="form_login">
-						<div class="login_uesr">
-							<label for="uesname">
-								<img src="../img/login_use.png" />
-							</label>
-							<input type="text" name="uesname" id="Lo_user" placeholder="用户名" />
-							<img src="../img/login_del.png" class="log_del" />
-						</div>
-						<div class="login_pass">
-							<label for="pass">
-								<img src="../img/login_password.png" />
-							</label>
-							<input type="password" autocomplete="off" name="pass" id="Lo_pass" placeholder="请输入密码" />
-						</div>
-						<div class="login_check">
-							<a href="">忘记密码?</a>
-						</div>
-						<input type="submit" value="登 陆" class="login_submit" />
-					</form>
-					<img src="../img/login_hua.png" alt="" class="login_hua" />
-					<img src="../img/login_shadow.png" alt="阴影效果" class="login_shadow" />
-					<img src="../img/login_close.png" alt="" class="login_close" />
+					<div class="loginB">
+						<h5>用户登陆</h5>
+						<form id="form_login">
+							<div class="login_uesr">
+								<label for="uesname">
+									<img src="../img/index/index_login11.png" />
+								</label>
+								<input type="text" name="uesname" id="Lo_user" placeholder="用户名" />
+							</div>
+							<div class="login_pass">
+								<label for="pass">
+									<img src="../img/index/index_login1122.png" />
+								</label>
+								<input type="password" autocomplete="off" name="pass" id="Lo_pass" placeholder="请输入密码" />
+							</div>
+							<div class="login_check">
+								<a href="" class="forgetPass">忘记密码?</a><a href="#">点我注册</a>
+							</div>
+							<input type="submit" value="登 陆" class="login_submit" />
+						</form>
+					</div>
+					<div class="loginSelect">
+						<h5>用户类型</h5>
+						<form class="formSelect">
+							<div class="login_uesr">
+								<label for="type1"  class="active">
+								<input type="radio" name="userType" value="0" id="type1" />个人用户</label>
+							</div>
+							<div class="login_pass">
+								<label for="type2">
+								<input type="radio" name="userType"  value="1" id="type2"/>企业用户</label>
+							</div>
+							<input type="submit" value="确 认" class="typeQren" />
+						</form>
+					</div>
 				</div>
+				<img src="../img/login_shadow.png" alt="阴影效果" class="login_shadow" />
+				<img src="../img/login_close.png" alt="" class="login_close" />
 			</div>
 		</div>
 		<div id="forget">
@@ -780,7 +783,7 @@
 		<div class="smg">
 			<input type="text" name="msg" value="111" id="msg" />
 		</div>
-		<div class="modeBj">
+		<!-- <div class="modeBj">
 			<div class="modeLogin">
 				<i class="glyphicon glyphicon-remove delLogin"></i>
 				<div>
@@ -791,13 +794,11 @@
 					<button class="btn btn-default">返回</button>
 				</div>
 			</div>
-		</div>
+		</div> -->
 	</footer>
 </body>
 
 <script src="../src/js/jquery-2.1.0.js"></script>
-<!--<script src="../src/js/banner.js"></script>-->
-<!--<script src="../src/js/public.js"></script>-->
 <script src="../src/js/newMenu/index.js"></script>
 <script language="javascript" src="https://put.zoosnet.net/JS/LsJS.aspx?siteid=PUT70876498&float=1&lng=cn"></script>
 </html>

+ 24 - 28
template/register.html

@@ -9,7 +9,9 @@
 	<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=no">
 	<meta http-equiv="x-ua-compatible" content="ie=edge">
 	<title>注册</title>
-	
+	<link rel="stylesheet" href="../src/css/newMenu/header.css">
+	<link rel="stylesheet" href="../src/css/newMenu/public.css">
+	<link rel="stylesheet" href="../src/css/register.css">
 </head>
 <body>
 <header>
@@ -38,39 +40,41 @@
 		<form action="" method="post" id="form_register">
 			<div class="clear_first"></div>
 			<div class="zhuce">
-				<div class="title">用户注册</div>
+				<div class="picture">
+				</div>
 				<div class="regist">
+					<div class="titleUser">
+						<p >用户注册</p>
+						<p >已注册可直接<a href="">登录</a></p>
+					</div>
 					<div class="zhuce_input">
-						<img src="../img/name.jpg" alt=""/>
-						<input type="text" name="userName" value="请输入用户名"  id="username" autocomplete="off"/>
-						<img src="../img/login_del.png" class="log_del"/>
+						<img src="../img/indedImg/enroll3.png" alt=""/>
+						<input type="text" name="photo" value="请输入手机号码" id="usePhoto" autocomplete="off"/>
 						<span class="star"> * </span>
 					</div>
 					<div class="zhuce_input">
-						<img src="../img/pass2.jpg" alt=""/>
+						<img src="../img/indedImg/enroll4.png" alt=""/>
+						<input type="text" name="cellCode" value="手机验证码" id="photo_num" autocomplete="off" />
+						<span id="photo"/>获取验证码</span>
+					</div>
+					<div class="zhuce_input">
+						<img src="../img/indedImg/enroll6.png" alt=""/>
 						<input type="text" name="userPassword" value="请输入密码" id="userpassword" autocomplete="off"/>
 						<span class="star"> * </span>
 					</div>
 					<div class="zhuce_input">
-						<img src="../img/pass2.jpg" alt=""/>
+						<img src="../img/indedImg/enroll6.png" alt=""/>
 						<input type="text" name="userPassword2" value="确认密码" id="userpassword2" autocomplete="off"/>
 						<span class="star"> * </span>
 					</div>
 					<div class="zhuce_input">
-						<img src="../img/resiger_username.jpg" alt=""/>
-						<input type="text" name="customerName" value="请输入客户名称" id="customerName" autocomplete="off"/>
+						<img src="../img/indedImg/enroll3.png" alt=""/>
+						<input type="text" name="userName" value="请输入用户名"  id="username" autocomplete="off"/>
 						<span class="star"> * </span>
 					</div>
 					<div class="zhuce_input">
-						<img src="../img/resiger_photo2.jpg" alt=""/>
-						<input type="text" name="photo" value="请输入手机号码" id="usePhoto" autocomplete="off"/>
-						<span class="star"> * </span>
-					</div>
-					<div class="cellcode">
-						<div>
-							<input type="text" name="cellCode" value="手机验证码" id="photo_num" autocomplete="off" />
-						</div>
-						<input type="button" id="photo" value="获取验证码" />
+						<img src="../img/indedImg/enroll9.png" alt=""/>
+						<input type="text" name="beInviteCode" placeholder="请输入邀请码" id="beInviteCode" autocomplete="off">
 					</div>
 					<div class="protocol">
 						<label for="protocol" class="cheackeds_no">
@@ -79,18 +83,10 @@
 						</label>
 					</div>
 					<div class="submit">
-						<input type="submit" class="sub"/>
+						<input type="submit" class="sub" value="注册"/>
 					</div>
 				</div>
-				<div class="picture">
-					<div class="denglu">已有账号?去 <a href="javascript:;" class="head_login">登陆</a></div>
-					<a href="#" class="clear huodong">
-						<img src="../img/huodong.jpg" alt=""/>
-					</a>
-				</div>
-			</div>
-			<div class="shadow">
-				<img src="../img/shadow7.png" alt=""/>
+				
 			</div>
 		</form>
 	</div>