/* Minification failed. Returning unminified contents. (5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (56,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' */ #swiper-focus { max-width: 540px; max-height: 380px; display: block; --swiper-navigation-color:#fff; } #swiper-focus .swiper-slide { display: inline-block; height: 100%; } #swiper-focus .swiper-slide img { width: 540px; height: 380px; display: inline-block; } #swiper-focus .swiper-slide .shadow { width: 100%; position: absolute; bottom: 0; left: 0; z-index: 10; height: 50px; line-height: 50px; background: rgba(0,0,0,0.6); filter: progid:DXImageTransform.Microsoft.gradient( gradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9; display: block; text-align: left; } #swiper-focus .swiper-slide .shadow .shadow-text { width: 240px; height: 50px; padding-left: 15px; line-height: 50px; color: #fff; } #swiper-focus .swiper-slide .shadow .shadow-text a { text-decoration: none; color: #fff; font-size: 14px; font-weight: bolder; overflow: hidden; } .swiper-picture { position: relative; width: 100%; height: 100%; display: block; --swiper-navigation-color:#fff; background:rgba(255,255,255,1); } .swiper-picture .swiper-slide { text-align: center; font-size: 16px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; transition: 300ms; transform: scale(0.8); } .swiper-picture .swiper-slide img { display: block; width: 300px; height: 225px; object-fit: cover; } .swiper-picture .swiper-slide-active, .swiper-picture .swiper-slide-duplicate-active { transform: scale(1); }