register.html 8.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  1. <!DOCTYPE html>
  2. <html lang=zh-cn>
  3. <head>
  4. <meta charset=utf-8>
  5. <title>注册纵横通行帐号</title>
  6. <meta name=description content=一个帐号通用纵横旗下所有网络产品。>
  7. <meta name=copyright content=smartcost.com.cn>
  8. <link rel=stylesheet href=css/global.css>
  9. <script src=js/jquery-1.7.1.min.js></script>
  10. <script src=js/global.js></script>
  11. <script src=js/smartcost.js></script>
  12. </head>
  13. <body>
  14. <div class="globalHeader">
  15. <div class="width950">
  16. <div class="globalNav">
  17. <a href="http://smartcost.com.cn" target="_blank">纵横官网</a>
  18. <a href="http://sso.smartcost.com.cn" target="_blank" class="now">通行帐号</a>
  19. <a href="#">网络版</a>
  20. <div class="zhzd">
  21. <a class="zhzdFir">纵横知道<b></b></a>
  22. <div class="zhzdMenu">
  23. <a href="http://zhzdwd.com" target="_blank">问答</a>
  24. <a href="http://zhzdwk.com" target="_blank">文库</a>
  25. <a href="http://zhzdjg.com" target="_blank">价格信息</a>
  26. </div>
  27. </div>
  28. </div>
  29. </div>
  30. </div>
  31. <div class="width950 userInfoPanel clearfix">
  32. <img src="images/mainlogo.png" class="fL"><!-- <p><b>techen</b>,<a href="#">管理</a>&nbsp;<a href="#">退出</a></p> -->
  33. </div>
  34. <div class="globalContent width950">
  35. <div class="formItem">
  36. <h2>注册通行帐号</h2>
  37. <div class="trainForm">
  38. <div class="trainFormTab clearfix">
  39. <!-- <a>使用邮箱注册</a> -->
  40. <a class="now">使用手机注册</a>
  41. </div>
  42. </div>
  43. <div class="trainFormItem">
  44. <div class="formEntry clearfix">
  45. <!-- <div class="regInfo fR">
  46. <div class="regStepTip">
  47. <p class="colGreen"><b>第一步 填写注册信息</b></p>
  48. <p>第二步 进行邮箱验证</p>
  49. <p>第三步 完成注册</p>
  50. </div>
  51. <div class="regTips">
  52. <b>什么是纵横通行账号?</b>
  53. <p>纵横通行账号是纵横推出的统一帐号系统。拥有了纵横通行证即可以畅通纵横网站服务,在众多个性化产品中直接登录使用,免去了重复注册,重复登录的步骤,并能充分享受为您量身定制的各种个性化会员服务。</p>
  54. <b style="margin-top:10px;display:block;">通行账号(SSO)目前可以使用:</b>
  55. <p><a class="product" href="http://ol.smartcost.com.cn/" target="_blank">造价软件网络版 ol.smartcost.com.cn</a><a class="product" href="https://yun.smartcost.com.cn/login" target="_blank">大司空云计价 yun.smartcost.com.cn</a><a class="product" href="https://yhyun.smartcost.com.cn/login" target="_blank">纵横公路养护云版 yhyun.smartcost.com.cn</a><a class="product" href="http://zhzdwk.com/" target="_blank">纵横知道-文库 zhzdwk.com</a><a class="product" href="http://zhzdwd.com/" target="_blank">纵横知道-问答 zhzdwd.com</a></p>
  56. </div>
  57. </div> -->
  58. <!-- <dl class="regForm">
  59. <dt>您的邮箱</dt>
  60. <dd><input id="zhemail" class="inputText"><p class="tips">找回密码,修改密码等操作重要凭证</p></dd>
  61. <dt>密码</dt>
  62. <dd><input type="password" class="inputText">
  63. <p class="tips">密码长度为6~16位,建议使用数字与英文混合</p>
  64. </dd>
  65. <dt>确认密码</dt>
  66. <dd><input type="password" class="inputText erroT"><span class="text-danger erroT">密码不一致</span></dd>
  67. <dt>怎么称呼您</dt>
  68. <dd><input id="zhuser" class="inputText inputSus">
  69. <p class="tips">3-18位,可以由中英文、数字和标点符号等组合</p>
  70. </dd>
  71. <dt>密码保护问题</dt>
  72. <dd>
  73. <select style="width:290px">
  74. <option>请选择</option>
  75. <option>您父亲的名字是?</option>
  76. <option>您母亲的名字是?</option>
  77. <option>您的英文名字是?</option>
  78. <option>您身份证最后6位数字是?</option>
  79. <option>您就读的第一所学校全称是?</option>
  80. <option>自定义问题</option>
  81. </select>
  82. </dd>
  83. <dt>自定义问题</dt>
  84. <dd><input class="inputText"></dd>
  85. <dt>您的答案</dt>
  86. <dd><input class="inputText">
  87. <p class="tips">找回账号密码时必填项,请牢记!</p></dd>
  88. <dt><label><input type="checkbox"><b style="color:#E36335;font-size:16px"> 同时开通纵横软件网络版</b></label></dt>
  89. </dl> -->
  90. <!-- <dl class="regForm softInfo" style="border-left:1px solid #E36335;padding:0 0 0 10px">
  91. <dd style="color:#E36335">*您需要完整填写以下信息方可使用网络版软件</dd>
  92. <dt>真实姓名</dt>
  93. <dd><input class="inputText"><p class="tips">请输入您的中文真实姓名</p></dd>
  94. <dt>手机号码</dt>
  95. <dd><input class="inputText"><p class="tips">便于后期升级服务,我们会严格保密</p></dd>
  96. <dt>单位(公司)名称</dt>
  97. <dd><input class="inputText"><p class="tips">请输入您的单位(公司)名称</p></dd>
  98. <dt>电话号码</dt>
  99. <dd><input class="inputText" style="width:40px" placeholder="区号"> <input class="inputText" style="width:215px" placeholder="便于后期升级服务,我们会严格保密"></dd>
  100. <dt>QQ</dt>
  101. <dd><input class="inputText"><p class="tips">便于后期升级服务,我们会严格保密</p></dd>
  102. <dt>联系地址</dt>
  103. <dd><select><option>所在省份</option></select> <input id="zhemail" class="inputText" placeholder="便于为您服务,我们会严格保密"></dd>
  104. <dt>获悉渠道(您是通过什么方式知道纵横免费网络版的?)</dt>
  105. <dd style="padding:10px;background:#f2f2f2;text-align:left">
  106. <label style="width:115px;display:inline-block;margin-bottom:5px"><input type="radio"> 纵横销售人员</label>
  107. <label style="width:115px;display:inline-block"><input type="radio"> 纵横网站</label>
  108. <label style="width:115px;display:inline-block"><input type="radio"> 别人推荐</label>
  109. <label style="width:115px;display:inline-block"><input type="radio"> 网络搜索</label>
  110. <label style="width:115px;display:inline-block;margin-bottom:5px"><input type="radio"> 造价论坛</label>
  111. <label style="width:115px;display:inline-block"><input type="radio"> QQ群</label>
  112. <label style="width:115px;display:inline-block"><input type="radio"> 邮件</label>
  113. <label style="width:115px;display:inline-block;margin-bottom:5px"><input type="radio"> 微博</label>
  114. <label style="width:115px;display:inline-block"><input type="radio"> 微信</label>
  115. <label style="width:115px;display:inline-block"><input type="radio"> 其他</label>
  116. </dd>
  117. </dl> -->
  118. <!-- <dl class="regForm">
  119. <dd class="clearfix"><br><br><a class="button btn-green " href="">同意以下协议并注册</a></dd>
  120. <dd><br><a href="#" style="color:#999">《通行帐号注册协议》</a></dd>
  121. </dl> -->
  122. </div>
  123. <div class="formEntry reportContent">
  124. <div class="regInfo fR">
  125. <div class="regStepTip">
  126. <p class="colGreen"><b>第一步 填写注册信息</b></p>
  127. <p>第二步 完成注册</p>
  128. </div>
  129. <div class="regTips">
  130. <b>什么是纵横通行账号?</b>
  131. <p>纵横通行账号是纵横推出的统一帐号系统。拥有了纵横通行证即可以畅通纵横网站服务,在众多个性化产品中直接登录使用,免去了重复注册,重复登录的步骤,并能充分享受为您量身定制的各种个性化会员服务。</p>
  132. </div>
  133. </div>
  134. <dl class="regForm">
  135. <dt>手机号</dt>
  136. <dd>
  137. <input id="zhuser" class="inputText inputSus">
  138. <p class="tips">请输入你的手机号码</p>
  139. </dd>
  140. <dt>密码</dt>
  141. <dd><input type="password" class="inputText">
  142. <p class="tips">密码长度为6~16位,建议使用数字与英文混合</p>
  143. </dd>
  144. <dt>短信校验码</dt>
  145. <dd><input type="password" class="inputText erroT" style="width:177px;"><p class="tips">校验码是6位数字</p><span class="erroT">校验码是6位数字</span><button class="btnTextOne">获取验证码</button></dd>
  146. <dd><input type="password" class="inputText" style="width:177px;"><p class="tips">校验码是6位数字</p><button class="btnText">再次刷新10s</button></dd>
  147. <dt>QQ</dt>
  148. <dd>
  149. <input class="inputText">
  150. <p class="tips">请输入你的QQ号码</p>
  151. </dd>
  152. <dt>怎么称呼您</dt>
  153. <dd>
  154. <input id="zhuser" class="inputText inputSus">
  155. <p class="tips">3-18位,可以由中英文、数字和标点符号等组合</p>
  156. </dd>
  157. </dl>
  158. <dl class="regForm">
  159. <dd class="clearfix"><br><br><a class="button btn-green " href="">同意以下协议并注册</a></dd>
  160. <dd><br><a href="#" style="color:#999">《通行帐号注册协议》</a></dd>
  161. </dl>
  162. </div>
  163. </div>
  164. </div>
  165. </div>
  166. <div class="footer">
  167. <div class="width950">
  168. <p>Copyright &copy; 2012 <a target="_blank" href="http://smartcost.com.cn">纵横创新软件有限公司</a>. All Rights Reserved </p>
  169. </div>
  170. </div>
  171. </body>