123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173 |
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>忘记密码</title>
- <meta name="format-detection" content="telephone=no"/>
- <meta name="viewport"
- content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
- <meta name="apple-mobile-web-app-capable" content="yes"/>
- <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
- <link rel="stylesheet" href="../../../css/cross.css" type="text/css"/>
- <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css"/>
- <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css">
- <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css"/>
- <style>
- .n-list-info {
- position: relative;
- }
- .searchbar-clear {
- position: absolute;
- width: 28px;
- height: 28px;
- right: 0;
- top: 8px;
- opacity: 0;
- pointer-events: none;
- background-position: center;
- background-repeat: no-repeat;
- background-image: url(../../../images/delete01_pre.png);
- -webkit-background-size: 20px 20px;
- background-size: 20px 20px;
- -webkit-transition-duration: 300ms;
- transition-duration: 300ms;
- cursor: pointer;
- }
- #div-yzm {
- width: 80px;
- height: 29px;
- border: 1px solid #4DCD70;
- color: #4DCD70;
- font-size: 14px;
- line-height: 29px;
- text-align: center;
- border-radius: 10px;
- margin-top: 7px;
- }
- .c-btn-dcdcdc {
- background: #DCDCDC;
- }
- .c-btn.active {
- background: #4DCD70;
- }
- .mui-content-pad{
- margin-top: 0px;
- }
- .btn-lt {
- position: absolute;
- left: 10px;
- }
- .btn-rt{
- position: absolute;
- right: 10px;
- }
- a {
- text-decoration: none;
- color: #17b3ec;
- font-size: 14px;
- }
- .display{display: none}
- .iconImg{width:26px}
- </style>
- </head>
- <body>
- <!--<div class="h45">
- <div class="demo-comtop">
- <a class="mui-action-back"></a>
- <h1>登录</h1>
- </div>
- </div>-->
- <div class="main">
- <div id="idcardBox">
- <ul class="n-list edit-info registered c-border-tb mt15 c-f15 form-register">
- <li>
- <div class="n-list-key" style="width: 2.3em;">
- <img src="../images/zhanghao_icon.png"
- style="width: 20px; height: 26px;padding-left: 3px;padding-top: 10px;">
- <!--<i class="iconfont icon-shouji1"></i>-->
- </div>
- <div class="n-list-info">
- <input id="idcardTxt" maxlength="18" minlength="11" type="text" class="width-100 c-f16 c-5b5b5b"
- placeholder="身份证号" value="">
- <a href="#" class="searchbar-clear"></a>
- </div>
- <div id="checkIdCard" class="n-list-key pl15 c-17b3ec" >
- <span>身份验证</span>
- </div>
- <div id="checkIdCardmes" class="n-list-key pl15 display" style="color: #4dcd70">
- <span>验证通过</span>
- </div>
- </li>
- <li>
- <div class="n-list-key" style="width: 2.3em;">
- <i class="iconfont icon-shouji1"></i>
- </div>
- <div class="n-list-info">
- <input id="txtMobile" type="tel" class="width-100 c-f16 c-5b5b5b" maxlength="11" placeholder="手机号" disabled/>
- <a href="#" class="searchbar-clear"></a>
- </div>
- </li>
- </ul>
- </div>
- <div id="phoneBox" >
- <ul class="n-list edit-info registered c-border-tb mt15 c-f15 form-register">
- <li>
- <div class="n-list-key" style="width: 2.3em;">
- <i class="iconfont icon-yanzhengma01"></i>
- </div>
- <div class="n-list-info">
- <input id="txtCode" type="text" class="width-100 c-f16 c-5b5b5b" placeholder="请输入验证码"/>
- <a href="#" class="searchbar-clear"></a>
- </div>
- <div id="messageCode1" class="n-list-key pl15 c-17b3ec" onclick="sendCode()">
- <span>获取短信验证码</span>
- </div>
- <div id="messageCode2" class="n-list-key pl15 c-999999" style="display: none;">
- <span id="message" ></span>
- </div>
- </li>
- <li>
- <div class="n-list-key">
- <span class="f-fs16 c-323232">设置密码</span>
- </div>
- <div class="n-list-info">
- <input type="password" class="width-100 c-f16 c-5b5b5b reg-pwd" id="pwd1" placeholder="请输入密码"/>
- <a href="#" class="searchbar-clear"></a>
- </div>
- </li>
- <li>
- <div class="n-list-key">
- <span class="f-fs16 c-323232">确认密码</span>
- </div>
- <div class="n-list-info">
- <input id="pwd2" type="password" class="width-100 c-f16 c-5b5b5b" placeholder="请再次输入密码"/>
- <a href="#" class="searchbar-clear"></a>
- </div>
- </li>
- </ul>
- <div class="mb15 mlr15 mt20">
- <a id="phoneBtn" href="javascript:;" style="font-size: 18px;"
- class="c-btn c-btn-dcdcdc c-btn-full c-btn-radius c-f16">完成</a>
- </div>
- </div>
- <p style="font-size: 16px;text-align: center;color: #323232;" class="mr15 c-t-right">返回<span style="font-size: 17px;font-style: italic;color: #17b3ec;" onclick="accountShenshu()">账号申诉</span></p>
-
- </div>
- <script type="text/javascript" src="../../../js/jquery/2.1.3/jquery.js"></script>
- <script type="text/javascript" src="../../../js/common_http.js"></script>
- <script type="text/javascript" src="../../../js/weixin_common.js"></script>
- <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
- <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.js"></script>
- <script src="../../../js/security.js" type="text/javascript" charset="utf-8"></script>
- <script type="text/javascript" src="../../../js/commit_validate.js"></script>
- <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
- <script src="../../../js/mui.min.js"></script>
- <script src="../js/forgetPwd.js" type="text/javascript" charset="utf-8"></script>
- </body>
- </html>
|