/* =========================================================
   轮播图自适应补丁（banner-responsive-patch.css）
   使用方法：
   1. 把本文件放到 /skin/css/ 目录下
   2. 在 HTML 的 <head> 里，放在所有其他 <link> 之后（最后加载），例如：
      <link rel="stylesheet" href="{pboot:sitedomain}/skin/css/banner-responsive-patch.css">
   3. 或者直接把下面整段复制到 </body> 之前的 <style> 标签里
   4. 同时必须改 JS：imgSwiper 的 effect:"fade" 改为 effect:"slide"（见回复说明）
   ========================================================= */

.banner,
.banner.web_pc,
.banner.web_wap {
    height: auto !important;
}

.img-swiper {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    top: auto !important;
    left: auto !important;
}

.img-swiper .swiper-wrapper,
.img-swiper .swiper-slide {
    height: auto !important;
}

.img-swiper .swiper-slide img,
.img-swiper .swiper-slide .h-img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
}
