注册验证码ui修改

@@ -7,8 +7,10 @@
             <input id="phone-num" class="input phone-num" type="text" placeholder="手机号">
             <input id="phone-num" class="input phone-num" type="text" placeholder="手机号">
         </div>
         </div>
         <div class="passport-captcha row">
         <div class="passport-captcha row">
-            <input id="verify-code" type="text" placeholder="验证码">
             <div class="passport-captcha-img"><img id="verify-code-img" src="{{verifySrc}}" alt="verify code"></div>
             <div class="passport-captcha-img"><img id="verify-code-img" src="{{verifySrc}}" alt="verify code"></div>
+            <div class="passport-captcha-input">
+                <input id="verify-code" type="text" placeholder="验证码">
+            </div>
         </div>
         </div>
         <span id="btn-next" class="btn btn-next disable row">下一步</span>
         <span id="btn-next" class="btn btn-next disable row">下一步</span>
     </div>
     </div>

@@ -8,10 +8,12 @@
         </div>
         </div>
         <!-- 验证码: start-->
         <!-- 验证码: start-->
         <div class="passport-captcha row">
         <div class="passport-captcha row">
-            <input id="js-captcha"  type="text" placeholder="验证码">
             <div class="passport-captcha-img">
             <div class="passport-captcha-img">
                 <img class="passport-captcha-png" src="{{captchaUrl}}">
                 <img class="passport-captcha-png" src="{{captchaUrl}}">
             </div>
             </div>
+            <div class="passport-captcha-input">
+                <input id="js-captcha"  type="text" placeholder="验证码">
+            </div>
         </div>
         </div>
         <!-- 验证码: end-->
         <!-- 验证码: end-->
         <span id="btn-next" class="btn btn-next disable row">下一步</span>
         <span id="btn-next" class="btn btn-next disable row">下一步</span>

@@ -7,22 +7,27 @@ div.passport-captch
        img
        img
 
 
 emmet:
 emmet:
-div.passport-captcha>input+div.passport-captcha-img>img
+div.passport-captcha>(div.passport-captcha-input>input)+div.passport-captcha-img>img
 
 
 */
 */
 
 
 .passport-captcha {
 .passport-captcha {
     text-align: left;
     text-align: left;
+    border-radius: 5PX;
+    overflow: hidden;
+}
+
+.passport-captcha-input {
+    overflow: hidden;
 
 
     input {
     input {
         position: relative;
         position: relative;
         padding-left: 15px;
         padding-left: 15px;
         height: 52PX;
         height: 52PX;
-        width: 50%;
+        width: 100%;
         font-size: 20PX;
         font-size: 20PX;
         background-color: #575757;
         background-color: #575757;
         border: 1px solid #606060;
         border: 1px solid #606060;
-        border-radius: 5PX;
         color: #fff;
         color: #fff;
     }
     }
 }
 }
@@ -38,4 +43,4 @@ div.passport-captcha>input+div.passport-captcha-img>img
         width: 90PX;
         width: 90PX;
         vertical-align: bottom;
         vertical-align: bottom;
     }
     }
-} 
+}