diff --git a/demo/pc/list.html b/demo/pc/list.html
index 263a0fe..e3874d6 100644
--- a/demo/pc/list.html
+++ b/demo/pc/list.html
@@ -412,7 +412,7 @@
 <fieldset class="layui-elem-field layui-field-title">
     <legend>订单列表-简约卡片</legend>
     <div class="layui-field-box">
-        <div class="ul-order-list-simple-card">
+        <div class="ul-order-list-simple-card ul-bg-gray ul-padding-md">
             <div class="item" data-repeat="3">
                 <div class="item-header">
                     <div class="item-header-title"> <i class="layui-icon layui-icon-home"></i> 奥宏商店</div>
diff --git a/source/scss/list/_ul-order-list-simple-card.scss b/source/scss/list/_ul-order-list-simple-card.scss
index 3b6dd43..ab7c089 100644
--- a/source/scss/list/_ul-order-list-simple-card.scss
+++ b/source/scss/list/_ul-order-list-simple-card.scss
@@ -4,6 +4,7 @@
         border-radius: 2px;
         padding      : 15px;
         margin-bottom: 15px;
+        background-color: #fff;
     }
 
     .item-header {
diff --git a/view/index/index/index.html b/view/index/index/index.html
index 3984582..afbb67a 100644
--- a/view/index/index/index.html
+++ b/view/index/index/index.html
@@ -129,7 +129,7 @@
 
         $('.main-content h2,.main-content>.demo-page>fieldset').each(function (index, elem) {
             if ($(elem).find('.demo-js-src').length == 0) {
-                $(elem).find('.layui-field-box').addClass('demo-js-src').css('display', 'block');
+                $(elem).children('.layui-field-box').addClass('demo-js-src').css('display', 'block');
             }
         })
         $('.main-content h2,.main-content>.demo-page>fieldset>legend').each(function (index, elem) {