diff --git a/application/views/mobile_first/gh-pc.php b/application/views/mobile_first/gh-pc.php
index 1d8e8583..54e64d1d 100644
--- a/application/views/mobile_first/gh-pc.php
+++ b/application/views/mobile_first/gh-pc.php
@@ -543,6 +543,18 @@
             return result;
         }
     </script>
+<style type="text/css">
+.emailist{border:1px solid #bdbdbd; border-radius: 4px; background-color:#fff; color:#666; font-size:14px; list-style-type:0; padding:0; margin:0; overflow:hidden;}
+.emailist li{padding:2px 11px; cursor:pointer;}
+.emailist .on, .emailist li:hover{background-color:#eee;}
+</style>
+<script src="https://data.globalhighlights.com/js/jquery-1.8.2.min.js"></script>
+<script src="https://data.globalhighlights.com/js/jquery.mailAutoComplete-4.0.min.js"></script>
+<script>
+  $("#email").mailAutoComplete({
+    email: ['gmail.com','outlook.com','yahoo.com','icloud.com','hotmail.com','live.com','aol.com']
+  });
+</script>
     <!--@IN-ARTICLE-GOOGLE@-->
     <script type="application/ld+json">
 {
diff --git a/application/views/mobile_first/gh.php b/application/views/mobile_first/gh.php
index 0902a6e6..3040c8bd 100644
--- a/application/views/mobile_first/gh.php
+++ b/application/views/mobile_first/gh.php
@@ -485,6 +485,18 @@
       });
     });
   </script>
+<style type="text/css">
+.emailist{border:1px solid #bdbdbd; border-radius: 4px; background-color:#fff; color:#666; font-size:14px; list-style-type:0; padding:0; margin:0; overflow:hidden;}
+.emailist li{padding:2px 11px; cursor:pointer;}
+.emailist .on, .emailist li:hover{background-color:#eee;}
+</style>
+<script src="https://data.globalhighlights.com/js/jquery-1.8.2.min.js"></script>
+<script src="https://data.globalhighlights.com/js/jquery.mailAutoComplete-4.0.min.js"></script>
+<script>
+  $("#email").mailAutoComplete({
+    email: ['gmail.com','outlook.com','yahoo.com','icloud.com','hotmail.com','live.com','aol.com']
+  });
+</script>
   <!--@PRODUCT-JS@-->
   <!--@ADDON-JS@-->
   <!--@IN-ARTICLE-GOOGLE@-->