diff --git a/resources/beike/shop/default/css/page-product.scss b/resources/beike/shop/default/css/page-product.scss
index 7a674ea6..7ce3e423 100644
--- a/resources/beike/shop/default/css/page-product.scss
+++ b/resources/beike/shop/default/css/page-product.scss
@@ -17,7 +17,7 @@ body.page-product {
     .left {
       margin-right: 1rem;
 
-      > div > div{
+      .swiper > div > div{
         border: 1px solid #eee;
         margin-bottom: 10px;
         width: 80px;
diff --git a/themes/default/product.blade.php b/themes/default/product.blade.php
index f6a73fc3..0d6caaa6 100644
--- a/themes/default/product.blade.php
+++ b/themes/default/product.blade.php
@@ -21,7 +21,8 @@
       <div class="col-12 col-md-6">
         <div class="product-image d-flex align-items-start">
 
-          <div class="left swiper" id="swiper" v-if="images.length">
+          <div class="left"  v-if="images.length">
+            <div class="swiper" id="swiper">
               <div class="swiper-wrapper">
                 <div class="swiper-slide" :class="!index ? 'active' : ''" v-for="image, index in images">
                   <a href="javascript:;" :data-image="image.preview" :data-zoom-image="image.popup">
@@ -33,6 +34,7 @@
                   <div class="swiper-button-next new-feature-slideshow-next"></div>
                   <div class="swiper-button-prev new-feature-slideshow-prev"></div>
               </div>
+            </div>
           </div>
 
           <div class="right" id="zoom">