diff --git a/static/img/404.png b/static/img/404.png
new file mode 100644
index 0000000..e0b2f62
Binary files /dev/null and b/static/img/404.png differ
diff --git a/static/sass/index.scss b/static/sass/index.scss
index ef8b592..9457cde 100644
--- a/static/sass/index.scss
+++ b/static/sass/index.scss
@@ -10,6 +10,7 @@ $pxConvertRem: 40;
 html, body {
     font-family: helvetica,Arial,"黑体";
     width: 100%;
+    height: 100%;
     font-size: 12px;
     line-height: 1.4;
 }
diff --git a/static/sass/index/_error.scss b/static/sass/index/_error.scss
new file mode 100644
index 0000000..58fd5ac
--- /dev/null
+++ b/static/sass/index/_error.scss
@@ -0,0 +1,16 @@
+.err-page {
+    position: relative;
+    height: 100%;
+
+    .err-bg {
+        position: absolute;
+        height: 200rem / $pxConvertRem;
+        width: 200rem / $pxConvertRem;
+        top: 50%;
+        left: 50%;
+        margin-left: -100rem / $pxConvertRem;
+        margin-top: -100rem / $pxConvertRem;
+        background: image-url('404.png') no-repeat;
+        background-size: 100% 100%;
+    }
+}
\ No newline at end of file
diff --git a/static/sass/index/_index.scss b/static/sass/index/_index.scss
index 1c1c807..abf9b4d 100644
--- a/static/sass/index/_index.scss
+++ b/static/sass/index/_index.scss
@@ -126,5 +126,5 @@
    
 }
 
-@import "search","footer";
+@import "search","footer", "error";
 
diff --git a/template/m.yohobuy.com/actions/index/error/index.phtml b/template/m.yohobuy.com/actions/index/error/index.phtml
index e69de29..d4289da 100644
--- a/template/m.yohobuy.com/actions/index/error/index.phtml
+++ b/template/m.yohobuy.com/actions/index/error/index.phtml
@@ -0,0 +1,5 @@
+{{> layout/header}}
+<div class="err-page yoho-page">
+    <div class="err-bg"></div>
+</div>
+{{> layout/footer}}
\ No newline at end of file