protocol-style

@@ -29,10 +29,10 @@
         </div>
         <input name="token" type="hidden" value="{{token}}">
         <div data-geetest="{{useGeetest}}" id="js-img-check"{{#unless useGeetest}} class="full-img-verify"{{/unless}}></div>
+        <button id="regBtn" class="reg-btn">注册</button>
         <div class="protocol">
             <span class="iconfont checkbox icon-cb-radio"></span>
-            <a href="#" title="注册协议">注册协议</a>
+            我已阅读并同意遵守<a href="/service/qaDetail?keyword=服务条款&sonId=197" title="Yoho!Buy有货服务条款" target="_blank">Yoho!Buy有货服务条款</a>
         </div>
-        <button id="regBtn" class="reg-btn">注册</button>
     </div>
 </div>
\ No newline at end of file

@@ -151,25 +151,29 @@ $disableGray:           #b0b0b0;
             }
         }
 
-        .protocol {
-            width: 100%;
-            text-align: center;
-
-            a {
-                font-size: 16px;
-                color: #444;
-            }
-        }
-
         .reg-btn {
             width: 600px;
             height: 70px;
             border-radius: 4px;
             background-color: $disableGray;
-            margin-top: 20px;
+            margin-top: 40px;
             font-size: 32px;
             color: #fff;
         }
+
+        .protocol {
+            width: 100%;
+            text-align: center;
+            margin-top: 20px;
+            font-size: 16px;
+            color: #444;
+
+            a {
+                font-size: 16px;
+                color: #c00;
+                text-decoration: underline;
+            }
+        }
     }
 
     .full-img-verify {