找回密码

 {{> layout/simple-header}}     
 {{> layout/simple-header}}     
-<div class="login-page back-page yoho-page clearfix">
+<div class="login-page passport-page yoho-page clearfix">
     {{# back}}
     {{# back}}
         {{> passport/cover}}
         {{> passport/cover}}
         <div class="content">
         <div class="content">
-                
+            <div class="back-header clearfix">
+                <h2 class="title">找回密码</h2>
+                <span class="country-code">
+                    <em>中国 +86</em>
+                    <i class="iconfont">&#xe61d;</i>
+                </span>
+                <ul id="country-code-list" class="country-code-list">
+                    <li data-cc="+61">澳大利亚 +61</li>
+                    <li data-cc="+82">韩国 +82</li>
+                    <li data-cc="+1">加拿大 +1</li>
+                    <li data-cc="+60">马来西亚 +60</li>
+                    <li data-cc="+1">美国 +1</li>
+                    <li data-cc="+81">日本 +81</li>
+                    <li data-cc="+65">新加坡 +65</li>
+                    <li data-cc="+44">英国 +44</li>
+                    <li data-cc="+86">中国 +86</li>
+                    <li data-cc="+853">中国澳门 +853</li>
+                    <li data-cc="+886">中国台湾 +886</li>
+                    <li data-cc="+852">中国香港 +852</li>                      
+                </ul>
+            </div>
+            <form id="back-form" class="back-form" action="">
+                <input id="country-code-hide" type="hidden" name="country-code" value="+44">
+                <ul>
+                    <li class="input-container-li clearfix">
+                        <input id="phone-num" class="input va phone-num" type="text" name="phoneNum" placeholder="邮箱/手机号码" autocomplete="off">
+                    </li>
+                    <li class="input-container-li clearfix">
+                        <input id="captcha" class="input va captcha" type="text" name="captcha" placeholder="验证码" autocomplete="off" maxlength="4">
+                        <img id="captcha-img" class="captcha-img" src="http://www.yohobuy.com/passport/images" alt="" onclick="imgcode()">
+                        <a class="link change-captcha" onclick="imgcode()">换一张</a>
+                    </li>
+                    <li class="input-container-li clearfix">
+                        <input name="refer" id="refer" type="hidden" value="http%3A%2F%2Fwww.yohobuy.com%2F">
+                        <input id="find-btn" class="btn find-btn disable" type="submit" value="下一步" disabled="">
+                    </li>
+                </ul>
+            </form>
         </div>
         </div>
     {{/ back}}
     {{/ back}}
 </div>
 </div>

@@ -2,7 +2,7 @@
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
 <svg xmlns="http://www.w3.org/2000/svg">
 <svg xmlns="http://www.w3.org/2000/svg">
 <metadata>
 <metadata>
-Created by FontForge 20120731 at Fri Dec 11 11:28:33 2015
+Created by FontForge 20120731 at Mon Dec 14 09:37:47 2015
  By Ads
  By Ads
 </metadata>
 </metadata>
 <defs>
 <defs>
@@ -19,7 +19,7 @@ Created by FontForge 20120731 at Fri Dec 11 11:28:33 2015
     bbox="0 -214 1172.1 864"
     bbox="0 -214 1172.1 864"
     underline-thickness="50"
     underline-thickness="50"
     underline-position="-100"
     underline-position="-100"
-    unicode-range="U+0078-E61C"
+    unicode-range="U+0078-E61D"
   />
   />
 <missing-glyph horiz-adv-x="374" 
 <missing-glyph horiz-adv-x="374" 
 d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
 d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
@@ -102,5 +102,8 @@ d="M982 137l-4 6l-10 12q-12 13 -42 38q-12 10 -25.5 20.5t-27.5 21t-26 17.5l-48 31
 q-101 95 -135 172q-8 13 -1.5 37t26.5 34q12 6 25 11.5t23 9.5t18 9q7 4 14.5 8.5t18.5 11.5l2 1l4 4l2 1l3 3q19 18 9 43l-3 8q-1 4 -4 10t-12.5 24.5t-19.5 34.5q-8 14 -19.5 31t-21.5 31q-10 13 -20.5 24t-18.5 17.5t-14.5 11.5t-9.5 6l-4 2l-13 7q-9 4 -17.5 4.5t-16 -1
 q-101 95 -135 172q-8 13 -1.5 37t26.5 34q12 6 25 11.5t23 9.5t18 9q7 4 14.5 8.5t18.5 11.5l2 1l4 4l2 1l3 3q19 18 9 43l-3 8q-1 4 -4 10t-12.5 24.5t-19.5 34.5q-8 14 -19.5 31t-21.5 31q-10 13 -20.5 24t-18.5 17.5t-14.5 11.5t-9.5 6l-4 2l-13 7q-9 4 -17.5 4.5t-16 -1
 t-16.5 -4.5q-5 -2 -9.5 -4.5t-8.5 -4t-9 -4.5l-7 -4q-3 -2 -8 -6t-7 -5t-7.5 -5.5t-7 -5.5t-8 -6.5t-7.5 -5.5q-44 -37 -69.5 -82.5t-19.5 -86.5q10 -72 88 -198.5t182.5 -225.5t237.5 -173t209 -84q79 -10 169 73q16 15 31.5 34.5t24.5 38.5q6 14 7.5 30t-5.5 31v0z
 t-16.5 -4.5q-5 -2 -9.5 -4.5t-8.5 -4t-9 -4.5l-7 -4q-3 -2 -8 -6t-7 -5t-7.5 -5.5t-7 -5.5t-8 -6.5t-7.5 -5.5q-44 -37 -69.5 -82.5t-19.5 -86.5q10 -72 88 -198.5t182.5 -225.5t237.5 -173t209 -84q79 -10 169 73q16 15 31.5 34.5t24.5 38.5q6 14 7.5 30t-5.5 31v0z
 M982 137z" />
 M982 137z" />
+    <glyph glyph-name="uniE61D" unicode="&#xe61d;" 
+d="M888 620q8 8 18.5 10.5t20.5 0t18 -10.5q4 -4 6.5 -8.5t4 -9.5t1.5 -10.5t-1.5 -10t-4 -9.5t-6.5 -9l-406 -405q-12 -12 -28.5 -12t-27.5 12q-6 5 -9 12.5t-3 15.5t3 15t9 13zM539 214q3 -3 5 -6t3.5 -7t2 -7.5t0.5 -7.5t-0.5 -8t-2 -7.5t-3.5 -6.5t-5 -6
+q-12 -12 -28.5 -12t-28.5 12l-406 405q-7 8 -10 18.5t0 20.5t10 18q6 6 13.5 9t15 3t15 -3t13.5 -9zM539 214z" />
   </font>
   </font>
 </defs></svg>
 </defs></svg>

@@ -1109,7 +1109,7 @@
                     display: inline-block;
                     display: inline-block;
                     *display: inline;
                     *display: inline;
                     *zoom: 1;
                     *zoom: 1;
-                }
+                } 
                 &.down {
                 &.down {
                     display: none;
                     display: none;
                 }
                 }