diff --git a/pages/store/index.vue b/pages/store/index.vue
index d9a695a..7b1e52e 100644
--- a/pages/store/index.vue
+++ b/pages/store/index.vue
@@ -312,17 +312,20 @@
             // }
             &-item:nth-child(1){
             	background: #fef2ae;
+                background: rgba($color: #fef2ae, $alpha:.5);
             }
             &-item:nth-child(2){
             	background: #c9ead9;
+                background: rgba($color: #c9ead9, $alpha:.5);
             }
             &-item:nth-child(3){
                 margin-top: $padding - 8;
             	background: #bde0ff;
+                background: rgba($color: #bde0ff, $alpha:.5);
             }
             &-item:nth-child(4){
                 margin-top: $padding - 8;
-            	background: #ffd9e1;
+            	background: rgba($color: #ffd9e1, $alpha:.5);
             }
         }
         .card-cover{
diff --git a/unpackage/dist/dev/app-plus/app-view.js b/unpackage/dist/dev/app-plus/app-view.js
index d447bb7..0ad33ca 100644
--- a/unpackage/dist/dev/app-plus/app-view.js
+++ b/unpackage/dist/dev/app-plus/app-view.js
@@ -3352,7 +3352,7 @@ if(false) {}
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__(/*! ../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/runtime/api.js */ 10);
 exports = ___CSS_LOADER_API_IMPORT___(false);
 // Module
-exports.push([module.i, "@charset \"UTF-8\";\n/**\n * 这里是uni-app内置的常用样式变量\n *\n * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量\n * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App\n *\n */\n/**\n * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能\n *\n * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件\n */\n/**\n * Web唐明明\n * 匆匆数载恍如梦，岁月迢迢华发增。\n * 碌碌无为枉半生，一朝惊醒万事空。\n */\n.ios-bottom {\n  padding-bottom: env(safe-area-inset-bottom);\n  padding-bottom: constant(safe-area-inset-bottom);\n}\n.ios-left {\n  padding-left: env(safe-area-inset-left);\n  padding-left: constant(safe-area-inset-left);\n}\n.ios-right {\n  padding-right: env(safe-area-inset-right);\n  padding-right: constant(safe-area-inset-right);\n}\n.ios-top {\n  padding-top: var(--status-bar-height);\n}\n.vertical {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-box-pack: center;\n}\n.nowrap, .card-box-item .card-subtitle {\n  max-width: 100%;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.ellipsis {\n  max-width: 100%;\n  display: -webkit-box;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n}\n/* 颜色变量 */\n/* 行为相关颜色 */\n/* 文字基本颜色 */\n/* 背景颜色 */\n/* 边框颜色 */\n/* 尺寸变量 */\n/* 文字尺寸 */\n/* 图片尺寸 */\n/* Border Radius */\n/* 水平间距 */\n/* 垂直间距 */\n/* 透明度 */\n/* 文章场景相关 */\n.content {\n  background: #F3F6FB;\n}\n.goods-box {\n  padding-bottom: 30rpx;\n}\n.goods-box > .title {\n  padding: 30rpx 30rpx 0;\n  font-size: 30rpx;\n  color: #333;\n  font-weight: bold;\n  margin-bottom: -15rpx;\n}\n.classify-box .classify-item {\n  padding: 0 10rpx;\n}\n.classify-box .classify-item:last-child {\n  padding-right: 30rpx;\n}\n.classify-box .classify-item:first-child {\n  padding-left: 30rpx;\n}\n.classify-box .classify-item-nav {\n  text-align: center;\n  width: 138rpx;\n}\n.classify-box .classify-item-cover {\n  width: 86rpx;\n  height: 86rpx;\n  border-radius: 50%;\n  vertical-align: top;\n  margin-bottom: 15rpx;\n}\n.classify-box .classify-item-title {\n  line-height: 40rpx;\n  font-size: 26rpx;\n  color: #333;\n}\n.card-box {\n  padding: 30rpx 20rpx;\n  padding-bottom: 0;\n  display: flex;\n  flex-wrap: wrap;\n}\n.card-box-item {\n  margin: 0 10rpx;\n  width: calc(50% - 20rpx);\n  padding: 30rpx;\n  border-radius: 20rpx;\n  box-sizing: border-box;\n  position: relative;\n}\n.card-box-item .card-title {\n  font-size: 30rpx;\n  font-weight: bold;\n  color: #333;\n  line-height: 40rpx;\n  width: calc(100% - 80rpx);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.card-box-item .card-subtitle {\n  font-size: 20rpx;\n  color: #666;\n  min-height: 20rpx;\n}\n.card-box-item .card-cover {\n  width: 80rpx;\n  height: 80rpx;\n  position: absolute;\n  border-radius: 50%;\n  right: 30rpx;\n  top: 30rpx;\n}\n.card-box-item:nth-child(1) {\n  background: #fef2ae;\n}\n.card-box-item:nth-child(2) {\n  background: #c9ead9;\n}\n.new-box {\n  padding: 0 30rpx;\n  border-radius: 20rpx;\n}\n.new-box .title {\n  font-size: 30rpx;\n  color: #333;\n  font-weight: bold;\n  padding-bottom: 10rpx;\n}\n.new-box .title .title-des {\n  font-size: 24rpx !important;\n  padding-left: 10rpx;\n  color: #999;\n  font-weight: normal;\n}\n.new-box .news {\n  margin: 15rpx -10rpx 0;\n  display: flex;\n}\n.new-box .news .news-item {\n  margin: 0 10rpx;\n  width: calc(25% - 20rpx);\n}\n.new-box .news .news-item .news-cover {\n  position: relative;\n  width: 100%;\n  padding-top: 100%;\n  background-color: white;\n  border-radius: 12rpx;\n  overflow: hidden;\n}\n.new-box .news .news-item .news-cover uni-image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n.new-box .news .news-item .news-title {\n  margin-top: 15rpx;\n  font-size: 26rpx;\n  text-align: center;\n  color: #333;\n  line-height: 40rpx;\n}\n.new-box .news .news-item .news-price {\n  text-align: center;\n  font-size: 26rpx;\n  font-weight: bold;\n  color: #e6576b;\n  line-height: 40rpx;\n}\n.new-box .news .news-item .news-price uni-text {\n  margin-left: 6rpx;\n  font-size: 70%;\n}\n.offline-box .title {\n  font-size: 30rpx;\n  color: #333;\n  font-weight: bold;\n  margin-top: 30rpx;\n  margin-left: 30rpx;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n}\n.offline-box .title .more {\n  flex: 1;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  padding-right: 30rpx;\n}\n.offline-box .title .more .more-txt {\n  font-size: 24rpx;\n  color: #666;\n  font-weight: normal;\n}\n.offline-box .card-btn {\n  font-size: 20rpx;\n  color: #fff;\n  padding: 4rpx 20rpx;\n  border-radius: 20rpx;\n  background-color: #e6576b;\n  display: inline-block;\n}\n.offline-box .card-box-item:nth-child(1) {\n  background: #fef2ae;\n}\n.offline-box .card-box-item:nth-child(2) {\n  background: #c9ead9;\n}\n.offline-box .card-box-item:nth-child(3) {\n  margin-top: 22rpx;\n  background: #bde0ff;\n}\n.offline-box .card-box-item:nth-child(4) {\n  margin-top: 22rpx;\n  background: #ffd9e1;\n}\n.offline-box .card-cover {\n  width: 100rpx;\n  height: 100rpx;\n  position: absolute;\n  right: 30rpx;\n  top: 30rpx;\n}\n.offline-box .title-des {\n  font-size: 24rpx;\n  padding-left: 10rpx;\n  color: #999;\n  font-weight: normal;\n}\n.swiper {\n  background: linear-gradient(#FFF, #F3F6FB);\n  padding: 30rpx;\n}\n.swiper .swiper-box {\n  position: relative;\n  padding-top: 40%;\n}\n.swiper .swiper-box uni-swiper,\n.swiper .swiper-box uni-image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n.swiper .swiper-box uni-image {\n  border-radius: 20rpx;\n}\n.swiper .swiper-pages {\n  position: absolute;\n  z-index: 9;\n  left: 0;\n  right: 0;\n  bottom: 20rpx;\n  height: 7rpx;\n  text-align: center;\n}\n.swiper .swiper-pages .pages-item {\n  vertical-align: top;\n  display: inline-block;\n  height: 7rpx;\n  width: 25rpx;\n  margin: 0 5rpx;\n  background: rgba(255, 255, 255, 0.5);\n}\n.swiper .swiper-pages .pages-item.show {\n  background: white;\n}\n", ""]);
+exports.push([module.i, "@charset \"UTF-8\";\n/**\n * 这里是uni-app内置的常用样式变量\n *\n * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量\n * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App\n *\n */\n/**\n * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能\n *\n * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件\n */\n/**\n * Web唐明明\n * 匆匆数载恍如梦，岁月迢迢华发增。\n * 碌碌无为枉半生，一朝惊醒万事空。\n */\n.ios-bottom {\n  padding-bottom: env(safe-area-inset-bottom);\n  padding-bottom: constant(safe-area-inset-bottom);\n}\n.ios-left {\n  padding-left: env(safe-area-inset-left);\n  padding-left: constant(safe-area-inset-left);\n}\n.ios-right {\n  padding-right: env(safe-area-inset-right);\n  padding-right: constant(safe-area-inset-right);\n}\n.ios-top {\n  padding-top: var(--status-bar-height);\n}\n.vertical {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-box-pack: center;\n}\n.nowrap, .card-box-item .card-subtitle {\n  max-width: 100%;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n.ellipsis {\n  max-width: 100%;\n  display: -webkit-box;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n}\n/* 颜色变量 */\n/* 行为相关颜色 */\n/* 文字基本颜色 */\n/* 背景颜色 */\n/* 边框颜色 */\n/* 尺寸变量 */\n/* 文字尺寸 */\n/* 图片尺寸 */\n/* Border Radius */\n/* 水平间距 */\n/* 垂直间距 */\n/* 透明度 */\n/* 文章场景相关 */\n.content {\n  background: #F3F6FB;\n}\n.goods-box {\n  padding-bottom: 30rpx;\n}\n.goods-box > .title {\n  padding: 30rpx 30rpx 0;\n  font-size: 30rpx;\n  color: #333;\n  font-weight: bold;\n  margin-bottom: -15rpx;\n}\n.classify-box .classify-item {\n  padding: 0 10rpx;\n}\n.classify-box .classify-item:last-child {\n  padding-right: 30rpx;\n}\n.classify-box .classify-item:first-child {\n  padding-left: 30rpx;\n}\n.classify-box .classify-item-nav {\n  text-align: center;\n  width: 138rpx;\n}\n.classify-box .classify-item-cover {\n  width: 86rpx;\n  height: 86rpx;\n  border-radius: 50%;\n  vertical-align: top;\n  margin-bottom: 15rpx;\n}\n.classify-box .classify-item-title {\n  line-height: 40rpx;\n  font-size: 26rpx;\n  color: #333;\n}\n.card-box {\n  padding: 30rpx 20rpx;\n  padding-bottom: 0;\n  display: flex;\n  flex-wrap: wrap;\n}\n.card-box-item {\n  margin: 0 10rpx;\n  width: calc(50% - 20rpx);\n  padding: 30rpx;\n  border-radius: 20rpx;\n  box-sizing: border-box;\n  position: relative;\n}\n.card-box-item .card-title {\n  font-size: 30rpx;\n  font-weight: bold;\n  color: #333;\n  line-height: 40rpx;\n  width: calc(100% - 80rpx);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.card-box-item .card-subtitle {\n  font-size: 20rpx;\n  color: #666;\n  min-height: 20rpx;\n}\n.card-box-item .card-cover {\n  width: 80rpx;\n  height: 80rpx;\n  position: absolute;\n  border-radius: 50%;\n  right: 30rpx;\n  top: 30rpx;\n}\n.card-box-item:nth-child(1) {\n  background: #fef2ae;\n}\n.card-box-item:nth-child(2) {\n  background: #c9ead9;\n}\n.new-box {\n  padding: 0 30rpx;\n  border-radius: 20rpx;\n}\n.new-box .title {\n  font-size: 30rpx;\n  color: #333;\n  font-weight: bold;\n  padding-bottom: 10rpx;\n}\n.new-box .title .title-des {\n  font-size: 24rpx !important;\n  padding-left: 10rpx;\n  color: #999;\n  font-weight: normal;\n}\n.new-box .news {\n  margin: 15rpx -10rpx 0;\n  display: flex;\n}\n.new-box .news .news-item {\n  margin: 0 10rpx;\n  width: calc(25% - 20rpx);\n}\n.new-box .news .news-item .news-cover {\n  position: relative;\n  width: 100%;\n  padding-top: 100%;\n  background-color: white;\n  border-radius: 12rpx;\n  overflow: hidden;\n}\n.new-box .news .news-item .news-cover uni-image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n.new-box .news .news-item .news-title {\n  margin-top: 15rpx;\n  font-size: 26rpx;\n  text-align: center;\n  color: #333;\n  line-height: 40rpx;\n}\n.new-box .news .news-item .news-price {\n  text-align: center;\n  font-size: 26rpx;\n  font-weight: bold;\n  color: #e6576b;\n  line-height: 40rpx;\n}\n.new-box .news .news-item .news-price uni-text {\n  margin-left: 6rpx;\n  font-size: 70%;\n}\n.offline-box .title {\n  font-size: 30rpx;\n  color: #333;\n  font-weight: bold;\n  margin-top: 30rpx;\n  margin-left: 30rpx;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n}\n.offline-box .title .more {\n  flex: 1;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  box-sizing: border-box;\n  padding-right: 30rpx;\n}\n.offline-box .title .more .more-txt {\n  font-size: 24rpx;\n  color: #666;\n  font-weight: normal;\n}\n.offline-box .card-btn {\n  font-size: 20rpx;\n  color: #fff;\n  padding: 4rpx 20rpx;\n  border-radius: 20rpx;\n  background-color: #e6576b;\n  display: inline-block;\n}\n.offline-box .card-box-item:nth-child(1) {\n  background: #fef2ae;\n  background: rgba(254, 242, 174, 0.5);\n}\n.offline-box .card-box-item:nth-child(2) {\n  background: #c9ead9;\n  background: rgba(201, 234, 217, 0.5);\n}\n.offline-box .card-box-item:nth-child(3) {\n  margin-top: 22rpx;\n  background: #bde0ff;\n  background: rgba(189, 224, 255, 0.5);\n}\n.offline-box .card-box-item:nth-child(4) {\n  margin-top: 22rpx;\n  background: rgba(255, 217, 225, 0.5);\n}\n.offline-box .card-cover {\n  width: 100rpx;\n  height: 100rpx;\n  position: absolute;\n  right: 30rpx;\n  top: 30rpx;\n}\n.offline-box .title-des {\n  font-size: 24rpx;\n  padding-left: 10rpx;\n  color: #999;\n  font-weight: normal;\n}\n.swiper {\n  background: linear-gradient(#FFF, #F3F6FB);\n  padding: 30rpx;\n}\n.swiper .swiper-box {\n  position: relative;\n  padding-top: 40%;\n}\n.swiper .swiper-box uni-swiper,\n.swiper .swiper-box uni-image {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n}\n.swiper .swiper-box uni-image {\n  border-radius: 20rpx;\n}\n.swiper .swiper-pages {\n  position: absolute;\n  z-index: 9;\n  left: 0;\n  right: 0;\n  bottom: 20rpx;\n  height: 7rpx;\n  text-align: center;\n}\n.swiper .swiper-pages .pages-item {\n  vertical-align: top;\n  display: inline-block;\n  height: 7rpx;\n  width: 25rpx;\n  margin: 0 5rpx;\n  background: rgba(255, 255, 255, 0.5);\n}\n.swiper .swiper-pages .pages-item.show {\n  background: white;\n}\n", ""]);
 // Exports
 module.exports = exports;