add send email page

-<div class="send-email-page passport-page yoho-page clearfix">
+{{> sign-header}}
+<div class="send-email-page back-page passport-page clearfix">
     {{# sendEmail}}
-        <div class="content">
-            <div class="send-tips"><i class="iconfont">&#xe61e;</i>我们已经把验证邮件发送至您的邮箱，请在24小时内通过邮件内的<br>链接继续设置新的密码。</div>
-            <div class="no-find">没有收到？到您邮箱的垃圾邮件里找找。</div>
-            <div class="to-my-email">
-                <a href="{{email}}" target="_blank" class="btn_b_ar_r">去我的邮箱&gt;</a>
+
+        <ul>
+            <li class="clearfix">
+                <div class="title">密码重置</div>
+            </li>
+            <div class="indicator">
+                <li class="clearfix small">
+
+                    <div class="draw">
+                        <div class="step first cur-step">
+                            <div class="circle"></div>
+                        </div>
+                        <div class="step">
+                            <div class="line cur-step"></div>
+                        </div>
+                        <div class="step second">
+                            <div class="circle ring"></div>
+                        </div>
+                        <div class="step">
+                            <div class="line"></div>
+                        </div>
+                        <div class="step third cur-step">
+                            <div class="circle ring"></div>
+                        </div>
+                    </div>
+
+                </li>
+                <li class="clearfix small">
+                    <div class="text">
+                        <div class="step first cur-step">验证身份</div>
+                        <div class="step second cur-step">重置密码</div>
+                        <div class="step third">重置成功</div>
+                    </div>
+
+                </li>
             </div>
 
-        </div>
+            <li style="margin-bottom: 0">
+
+            </li>
+
+            <li>
+
+                <div class="center">我们已经把验证邮件发送至您的邮箱
+                </div>
+                <br>
+                <div class="center">请在24小时内通过邮件内的链接继续设置新的密码
+                </div>
+
+            </li>
+            <li class="small">
+
+            </li>
+            <div class="no-find">没有收到？到您邮箱的垃圾邮件里找找。</div>
+            <br>
+
+            <li class="clearfix">
+                <div>
+                    <a class="btn to-my-email" href="{{email}}" target="_blank" class="btn_b_ar_r">去我的邮箱</a>
+                </div>
+            </li>
+        </ul>
     {{/ sendEmail}}
 </div>

@@ -105,42 +105,30 @@
 }
 
 .send-email-page {
-    font-size: 14px;
+    @mixin passport-page;
 
-    .content {
-        margin: 216px 0 0 !important;
+    li {
+        @mixin li-setting;
     }
 
     .send-tips {
-        line-height: 28px;
-        color: #4c4c4c;
-        text-align: center;
-        font-size: 15px;
 
-        .iconfont {
-            margin: 0 8px 0 0;
-        }
     }
 
     .no-find {
-        margin: 10px 0 0;
-        line-height: 20px;
-        color: #a5a4a4;
         text-align: center;
+        color: $captcha-fresh;
     }
 
     .to-my-email {
-        a {
-            display: block;
-            margin: 53px auto 0;
-            width: 270px;
-            height: 45px;
-            line-height: 45px;
-            background: #ff1901;
-            text-align: center;
-            color: #fff;
-            letter-spacing: 2px;
-        }
+        display: inline-block;
+        width: $item-width;
+        height: $item-height;
+        line-height: @height;
+        font-size: 15px;
+        background-color: $theme-color;
+        text-align: center;
+        color: white;
     }
 }