新增短信登录

css/global.css

@@ -156,7 +156,7 @@ input.button{
 .inputText:focus{
   border-color:#0196ff;
   color:#0196ff;
-  background:#fff；
+  background:#fff;
 }
 .table {
   width: 100%;
@@ -466,17 +466,17 @@ table th[class*="col-"] {
 }
 /*indexBanner*/
 .indexBanner {
-  background:url(indexbanner.jpg) no-repeat center top;
-  height:400px;
+  background:url(indexbanner.jpg) no-repeat center bottom;
+  height:420px;
   width:100%;
   border-top:1px solid #f5f5f5;
   border-bottom:1px solid #f5f5f5
 }
 .loginPanel {
   width:296px;
-  height:310px;
+  height:340px;
   background-color: #fff;
-  margin:40px 0 0 630px
+  margin:20px 0 0 630px
 }
 .formLine{
   position:relative;
@@ -488,10 +488,14 @@ table th[class*="col-"] {
   margin:0 0 20px 0
 }
 .loginPanel .warpLogin{
-  padding:20px 0 0 23px
+  padding:16px 23px 0 23px
 }
 .loginPanel h2{
-  font-size:18px
+  font-size:18px;
+  text-align: center;
+  padding-bottom: 8px;
+  margin-bottom: 8px;
+  border-bottom:1px solid #ccc;
 }
 .loginPanel input.text {
     border: 1px solid #B7B7B7;
@@ -517,6 +521,32 @@ table th[class*="col-"] {
   margin:10px 0 0 0;
   color:#ccc
 }
+.loginPanel .get-code{
+  position: absolute;
+  right: 8px;
+  top:8px;
+}
+.loginPanel .get-code .btn{
+  background: #006fd8;
+  color:#fff;
+  border: none;
+  padding:4px 8px;
+  border-radius: 3px
+}
+.loginPanel .get-code .btn:hover{
+  background: #1a83e7;
+  box-shadow: 0px 0px 4px 1px #ccc;
+  cursor: pointer;
+  }
+
+.loginPanel .get-code .btn:active{
+  background: #006fd8;
+  box-shadow: 0
+  }
+.loginPanel .get-code .btn:disabled{
+  background: #999;
+  cursor: default;
+  }
 .proList .width950{
   padding-bottom:30px;
   border-bottom:1px dashed #eee
@@ -1054,7 +1084,7 @@ table th[class*="col-"] {
   float:left
 }
 .voucher-list legend{
-  font-size: :14px;
+  font-size:14px;
   margin:10px 0
 }
 .product{
@@ -1067,46 +1097,48 @@ table th[class*="col-"] {
   font-weight: bold;
 }
 .bgBlack{
-  position:absolute;
-  top:0;
-  width:100%;
-  height:100%;
-  background-color: rgba(0,0,0,0.6);
+    position:absolute;
+    top:0;
+    width:100%;
+    height:100%;
+    background-color: rgba(0,0,0,0.6);
+    z-index: 1000;
 }
 .popupCon{
-  width:600px;
-  margin-top: 150px;
-  background:#fff;
+    width:600px;
+    margin-top: 150px;
+    background:#fff;
 }
 .erweima{
-  width:600px;
-  text-align: center;
-  padding-top: 30px;
+    width:600px;
+    text-align: center;
+    padding-top: 30px;
 }
 .popupText{
-  width:600px;
-  text-align: center;
-  font-size: 14px;
-  padding-bottom: 15px;
-  color: #999;
+    width:600px;
+    text-align: center;
+    font-size: 14px;
+    padding-bottom: 15px;
+    color: #999;
 }
 .popupTextB{
-  padding-top: 10px;
-  font-size: 20px;
-  color: #333;
+    padding-top: 10px;
+    font-size: 20px;
+    color: #333;
 }
 .popupBtn{
-  background: #1ABC9C;
-  color: #fff;
-  border:1px solid #1ABC9C;
-  padding:10px 25px;
-  margin-bottom: 35px;
+    background: #1ABC9C;
+    color: #fff;
+    border:1px solid #1ABC9C;
+    padding:10px 25px;
+    margin-bottom: 35px;
+    cursor: pointer;
 }
 .popupBtn:hover{
-  background: #48C9B0;
-  border:1px solid #48C9B0;
+    background: #48C9B0;
+    border:1px solid #48C9B0;
 }
 .popupBtn:active{
-  background: #16A085;
-  border:1px solid #16A085;
-}
+    background: #16A085;
+    border:1px solid #16A085;
+}

login.html

@@ -35,6 +35,8 @@
 		<div class="loginPanel">
 			<div class="warpLogin">
 				<h2>登录通行帐号</h2>
+				<!--密码登录-->
+				<!-- <span>使用密码登录，或 <a href="#">手机验证码</a></span>
 				<div class="formLine">
 					<label class="textTips">邮箱/手机号</label>
 					<input class="text" id="zhusername">
@@ -44,11 +46,32 @@
 					<input class="text" type="password" id="zhuserpasswd">
 				</div>
 				<div class="formLine clearfix">
-					<a href="#" class="button btn-blue">登录</a>
+					<input type="submit" href="#" class="button btn-blue" value="登录" style="width:249px">
+				</div> -->
+				<!--end 密码登录-->
+				<!--手机验证码登录-->
+				<span>使用手机验证码，或 <a href="#">密码登录</a></span>
+				<div class="formLine">
+					<label class="textTips">手机号</label>
+					<input class="text" id="zhusername">
 				</div>
 				<div class="formLine">
+					<label class="textTips">验证码</label>
+				      <input class="text erroT" type="text" class="form-control" >
+					<span for="zhusername" generated="true" class="erroT">验证码错误</span>
+				      <span class="get-code">
+				        <!-- <button class="btn" type="button">获取验证码</button> -->
+				        <button class="btn" type="button" disabled="">再次发送 58</button>
+				      </span>
+				</div>
+				<div class="formLine clearfix">
+					<input type="submit" href="#" class="button btn-blue" value="登录" style="width:249px">
+				</div>
+				<!--end 手机验证码登录-->
+				<div class="formLine">
+					<p class="clearfix">
+					<a href="#" class="button btn-green" style="width:190px">注册纵横通行帐号</a></p>
 					<p class="formLink"><a href="#">忘记密码</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="">使用帮助</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="">关于通行帐号</a></p>
-					<a href="#" class="button btn-green" style="width:190px">注册纵横通行帐号</a>
 				</div>
 			</div>	
 		</div>
@@ -59,31 +82,17 @@
 		<h2 class="proTitle"></h2>
 		<div class="listItem clearfix">
 			<div class="entry">
-				<div class="eImg jianzuimg"></div>
-				<div class="links"><a href="https://yun.smartcost.com.cn/login" target="_blank">立即登录大司空市政房建云计价</a></a></div>
-			</div>
-			<div class="entry">
-				<div class="eImg yhyunimg"></div>
-				<div class="links"><a href="https://yhyun.smartcost.com.cn/login" target="_blank">立即登录纵横公路养护云造价</a></a></div>
+				<div class="eImg zhzdimg"></div>
+				<div class="links"><a href="http://zhzdwd.com" target="_blank">问答</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://zhzdwk.com" target="_blank">文库</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://zhzdjg.com" target="_blank">价格信息</a></div>
 			</div>
 			<div class="entry">
 				<div class="eImg wsoftimg"></div>
 				<div class="links"><a href="http://websoft.smartcost.com.cn" target="_blank">立即下载免费网络版</a></a></div>
 			</div>
-			<!-- <div class="entry">
-				<div class="eImg qyimg"></div>
-				<div class="links"><a href="http://qy.smartcost.com.cn" target="_blank">立即登录纵横晴雨表</a></a></div>
-			</div> -->
-		</div>
-		<div class="listItem clearfix" style="margin-top:40px;">
 			<div class="entry">
-				<div class="eImg zhzdimg"></div>
-				<div class="links"><a href="http://zhzdwd.com" target="_blank">问答</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://zhzdwk.com" target="_blank">文库</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="http://zhzdjg.com" target="_blank">价格信息</a></div>
-			</div>
-			<!-- <div class="entry">
 				<div class="eImg qyimg"></div>
 				<div class="links"><a href="http://qy.smartcost.com.cn" target="_blank">立即登录纵横晴雨表</a></a></div>
-			</div> -->
+			</div>
 		</div>
 	</div>
 </div>

successMobile.html

@@ -55,14 +55,4 @@
 		<p>Copyright &copy; 2012 <a target="_blank" href="http://smartcost.com.cn">纵横创新软件有限公司</a>. All Rights Reserved </p>
 	</div>
 </div>
-
-<div class="bgBlack">
-	<div class="width950 popupCon">
-		<div class="erweima"><img src="images/xiami.jpg"></div>
-		<p class="popupText popupTextB">关注纵横微信公众号</p>
-		<p class="popupText">免费了解更多计量支付、市政房建等工程造价资讯</p>
-		<div class="erweima"><button class="popupBtn">好的</button></div>
-	</div>
-		
-</div>
 </body>