fix YH-4373

-<div class="sms-login passport-page yoho-page">
+<div class="sms-login sms-login-check passport-page yoho-page">
     {{> passport/header}}
     {{> passport/header}}
     <div class="content">
     <div class="content">
         <p class="sms-login-msg">验证码已发至&nbsp;<span class="tel">+{{area}} {{mobile}}</span></p>
         <p class="sms-login-msg">验证码已发至&nbsp;<span class="tel">+{{area}} {{mobile}}</span></p>
         <div class="input-container input-group sms-input row">
         <div class="input-container input-group sms-input row">
             <input id="sms-code" class="input" type="text" placeholder="验证码">
             <input id="sms-code" class="input" type="text" placeholder="验证码">
-            <span class="input-addon">
+            <div class="input-addon">
                 <button type="button" id="resend-sms">重发验证码</button>
                 <button type="button" id="resend-sms">重发验证码</button>
-            </span>
+            </div>
+            <button class="clear-input" type="button"></button>
         </div>
         </div>
         <button id="btn-next" class="btn btn-next disable row" type="button">登录</button>
         <button id="btn-next" class="btn btn-next disable row" type="button">登录</button>
     </div>
     </div>

@@ -3,6 +3,7 @@ var tip = require('plugin/tip');
 var $resendBtn,
 var $resendBtn,
     $nextBtn,
     $nextBtn,
     $smsCode,
     $smsCode,
+    $resetBtn,
     mobile, area;
     mobile, area;
 
 
 var page = {
 var page = {
@@ -23,6 +24,7 @@ var page = {
     domInit: function() {
     domInit: function() {
         $resendBtn = $('#resend-sms');
         $resendBtn = $('#resend-sms');
         $nextBtn = $('#btn-next');
         $nextBtn = $('#btn-next');
+        $resetBtn = $('.clear-input');
         $smsCode = $('#sms-code');
         $smsCode = $('#sms-code');
         mobile = $('#mobile').val();
         mobile = $('#mobile').val();
         area = $('#area').val();
         area = $('#area').val();
@@ -41,11 +43,17 @@ var page = {
 
 
             $nextBtn.toggleClass('disable', !hasVal);
             $nextBtn.toggleClass('disable', !hasVal);
             $nextBtn.prop('disabled', !hasVal);
             $nextBtn.prop('disabled', !hasVal);
+            $resetBtn.toggle(hasVal);
         });
         });
 
 
         $nextBtn.on('click', function() {
         $nextBtn.on('click', function() {
             !self.disableAjax && self.submit();
             !self.disableAjax && self.submit();
         });
         });
+
+        $resetBtn.on('click', function() {
+            $smsCode.val('');
+            $resetBtn.hide();
+        });
     },
     },
 
 
 
 

@@ -4,10 +4,9 @@
     }
     }
 
 
     #resend-sms {
     #resend-sms {
-        display: block;
         background-color: transparent;
         background-color: transparent;
-        width: 190px;
-        margin: 0 15PX;
+        width: 148PX;
+        margin: 0 15PX 0 28PX;
         border: 1PX solid #36a74c;
         border: 1PX solid #36a74c;
         padding: 5PX 0;
         padding: 5PX 0;
         border-radius: 20PX;
         border-radius: 20PX;
@@ -20,6 +19,12 @@
     }
     }
 }
 }
 
 
+.sms-login-check {
+    .clear-input {
+        right: 175PX;
+    }
+}
+
 .sms-login-msg {
 .sms-login-msg {
     font-size: 28px;
     font-size: 28px;
     color: #fff;
     color: #fff;