diff --git a/public/build/beike/shop/default/css/app.css b/public/build/beike/shop/default/css/app.css
index 10eebfe4..06b16b2a 100644
--- a/public/build/beike/shop/default/css/app.css
+++ b/public/build/beike/shop/default/css/app.css
@@ -623,7 +623,7 @@ body.page-account .account-card .order-wrap .text {
 }
 
 body.page-product .product-image .swiper {
-  height: 538px;
+  height: 500px;
 }
 body.page-product .product-image .swiper:hover .swiper-pager > div {
   background-color: rgba(255, 255, 255, 0.548);
@@ -635,7 +635,7 @@ body.page-product .product-image .swiper:hover .swiper-pager > div:hover {
 body.page-product .product-image .left {
   margin-right: 1rem;
 }
-body.page-product .product-image .left > .swiper > div > div {
+body.page-product .product-image .left .swiper > div > div {
   border: 1px solid #eee;
   margin-bottom: 10px;
   width: 80px;
@@ -643,7 +643,7 @@ body.page-product .product-image .left > .swiper > div > div {
   padding: 2px;
   cursor: pointer;
 }
-body.page-product .product-image .left > .swiper > div > div.active, body.page-product .product-image .left > .swiper > div > div:hover {
+body.page-product .product-image .left .swiper > div > div.active, body.page-product .product-image .left .swiper > div > div:hover {
   border: 1px solid #3a3a3a;
 }
 body.page-product .product-image .left .swiper-pager > div {
diff --git a/resources/beike/shop/default/css/page-product.scss b/resources/beike/shop/default/css/page-product.scss
index 7ce3e423..c4ab640e 100644
--- a/resources/beike/shop/default/css/page-product.scss
+++ b/resources/beike/shop/default/css/page-product.scss
@@ -3,7 +3,7 @@
 body.page-product {
   .product-image {
     .swiper {
-      height: 538px;
+      height: 500px;
       &:hover {
         .swiper-pager > div {
           background-color: rgba(255, 255, 255, 0.548);