.pole-monitor-wrap {
 .search-section{
    padding: 16px 0;
 }
 .pole-monitor-main {
   .left-panel {
      .main-image {
         box-sizing: border-box;
         min-height: 512px;
         img {
            width: 100%;
            height: 512px;
         }
      }
      .thumbnail-container {
            width: 100%;
            overflow: visible;
            .swiper {
              width: 100%;
              height: 100%;
              .swiper-slide {
                width: 20%;
                border-radius:4px;
                img {
                    width: 100%;
                    height: 100%;
                    border-radius:4px;
                }
              }
              .active-slide img {
                border-radius:4px;
                border: 2px solid #2ECCE0;
              }
              .swiper-button-prev,
              .swiper-button-next {
                background-color: rgba(0, 0, 0, 0.5);
                color: white;
                width: 32px;
                height: 32px;
                border-radius: 50%;
              }
      
              .swiper-button-prev::after,
              .swiper-button-next::after {
                font-size: 12px ;
                color: #FFF;
              }
      
              /* 修改按钮悬停样式 */
              .swiper-button-prev:hover,
              .swiper-button-next:hover {
                background-color: rgba(0, 0, 0, 0.8);
              }
            }
          
      }
   }
 }
}