You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

568 lines
21 KiB

2 years ago
  1. /**
  2. * Swiper 4.3.5
  3. * Most modern mobile touch slider and framework with hardware accelerated transitions
  4. * http://www.idangero.us/swiper/
  5. *
  6. * Copyright 2014-2018 Vladimir Kharlampidi
  7. *
  8. * Released under the MIT License
  9. *
  10. * Released on: July 31, 2018
  11. */
  12. .swiper-container {
  13. margin: 0 auto;
  14. position: relative;
  15. overflow: hidden;
  16. list-style: none;
  17. padding: 0;
  18. z-index: 1
  19. }
  20. .swiper-container-no-flexbox .swiper-slide {
  21. float: left
  22. }
  23. .swiper-container-vertical>.swiper-wrapper {
  24. -webkit-box-orient: vertical;
  25. -webkit-box-direction: normal;
  26. -webkit-flex-direction: column;
  27. -ms-flex-direction: column;
  28. flex-direction: column
  29. }
  30. .swiper-wrapper {
  31. position: relative;
  32. width: 100%;
  33. height: 100%;
  34. z-index: 1;
  35. display: -webkit-box;
  36. display: -webkit-flex;
  37. display: -ms-flexbox;
  38. display: flex;
  39. -webkit-transition-property: -webkit-transform;
  40. transition-property: -webkit-transform;
  41. -o-transition-property: transform;
  42. transition-property: transform;
  43. transition-property: transform, -webkit-transform;
  44. -webkit-box-sizing: content-box;
  45. box-sizing: content-box
  46. }
  47. .swiper-container-android .swiper-slide, .swiper-wrapper {
  48. -webkit-transform: translate3d(0, 0, 0);
  49. transform: translate3d(0, 0, 0)
  50. }
  51. .swiper-container-multirow>.swiper-wrapper {
  52. -webkit-flex-wrap: wrap;
  53. -ms-flex-wrap: wrap;
  54. flex-wrap: wrap
  55. }
  56. .swiper-container-free-mode>.swiper-wrapper {
  57. -webkit-transition-timing-function: ease-out;
  58. -o-transition-timing-function: ease-out;
  59. transition-timing-function: ease-out;
  60. margin: 0 auto
  61. }
  62. .swiper-slide {
  63. -webkit-flex-shrink: 0;
  64. -ms-flex-negative: 0;
  65. flex-shrink: 0;
  66. width: 100%;
  67. height: 100%;
  68. position: relative;
  69. -webkit-transition-property: -webkit-transform;
  70. transition-property: -webkit-transform;
  71. -o-transition-property: transform;
  72. transition-property: transform;
  73. transition-property: transform, -webkit-transform
  74. }
  75. .swiper-invisible-blank-slide {
  76. visibility: hidden
  77. }
  78. .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  79. height: auto
  80. }
  81. .swiper-container-autoheight .swiper-wrapper {
  82. -webkit-box-align: start;
  83. -webkit-align-items: flex-start;
  84. -ms-flex-align: start;
  85. align-items: flex-start;
  86. -webkit-transition-property: height, -webkit-transform;
  87. transition-property: height, -webkit-transform;
  88. -o-transition-property: transform, height;
  89. transition-property: transform, height;
  90. transition-property: transform, height, -webkit-transform
  91. }
  92. .swiper-container-3d {
  93. -webkit-perspective: 1200px;
  94. perspective: 1200px
  95. }
  96. .swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  97. -webkit-transform-style: preserve-3d;
  98. transform-style: preserve-3d
  99. }
  100. .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  101. position: absolute;
  102. left: 0;
  103. top: 0;
  104. width: 100%;
  105. height: 100%;
  106. pointer-events: none;
  107. z-index: 10
  108. }
  109. .swiper-container-3d .swiper-slide-shadow-left {
  110. background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
  111. background-image: -webkit-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));
  112. background-image: -o-linear-gradient(right, rgba(0,0,0,.5), rgba(0,0,0,0));
  113. background-image: linear-gradient(to left, rgba(0,0,0,.5), rgba(0,0,0,0))
  114. }
  115. .swiper-container-3d .swiper-slide-shadow-right {
  116. background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
  117. background-image: -webkit-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));
  118. background-image: -o-linear-gradient(left, rgba(0,0,0,.5), rgba(0,0,0,0));
  119. background-image: linear-gradient(to right, rgba(0,0,0,.5), rgba(0,0,0,0))
  120. }
  121. .swiper-container-3d .swiper-slide-shadow-top {
  122. background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
  123. background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));
  124. background-image: -o-linear-gradient(bottom, rgba(0,0,0,.5), rgba(0,0,0,0));
  125. background-image: linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0))
  126. }
  127. .swiper-container-3d .swiper-slide-shadow-bottom {
  128. background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), to(rgba(0,0,0,0)));
  129. background-image: -webkit-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));
  130. background-image: -o-linear-gradient(top, rgba(0,0,0,.5), rgba(0,0,0,0));
  131. background-image: linear-gradient(to bottom, rgba(0,0,0,.5), rgba(0,0,0,0))
  132. }
  133. .swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper {
  134. -ms-touch-action: pan-y;
  135. touch-action: pan-y
  136. }
  137. .swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper {
  138. -ms-touch-action: pan-x;
  139. touch-action: pan-x
  140. }
  141. .swiper-button-next, .swiper-button-prev {
  142. position: absolute;
  143. top: 50%;
  144. width: 27px;
  145. height: 44px;
  146. margin-top: -22px;
  147. z-index: 10;
  148. cursor: pointer;
  149. background-size: 27px 44px;
  150. background-position: center;
  151. background-repeat: no-repeat
  152. }
  153. .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  154. opacity: .35;
  155. cursor: auto;
  156. pointer-events: none
  157. }
  158. .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  159. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  160. left: 10px; /*有改過*/
  161. right: auto
  162. }
  163. .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  164. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  165. left: 10px; /*有改過*/
  166. left: auto
  167. }
  168. .swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
  169. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
  170. }
  171. .swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
  172. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
  173. }
  174. .swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
  175. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
  176. }
  177. .swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
  178. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
  179. }
  180. .swiper-button-lock {
  181. display: none
  182. }
  183. .swiper-pagination {
  184. position: absolute;
  185. text-align: center;
  186. -webkit-transition: .3s opacity;
  187. -o-transition: .3s opacity;
  188. transition: .3s opacity;
  189. -webkit-transform: translate3d(0, 0, 0);
  190. transform: translate3d(0, 0, 0);
  191. z-index: 10
  192. }
  193. .swiper-pagination.swiper-pagination-hidden {
  194. opacity: 0
  195. }
  196. .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  197. bottom: 10px;
  198. left: 0;
  199. width: 100%
  200. }
  201. .swiper-pagination-bullets-dynamic {
  202. overflow: hidden;
  203. font-size: 0
  204. }
  205. .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  206. -webkit-transform: scale(.33);
  207. -ms-transform: scale(.33);
  208. transform: scale(.33);
  209. position: relative
  210. }
  211. .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  212. -webkit-transform: scale(1);
  213. -ms-transform: scale(1);
  214. transform: scale(1)
  215. }
  216. .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  217. -webkit-transform: scale(1);
  218. -ms-transform: scale(1);
  219. transform: scale(1)
  220. }
  221. .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  222. -webkit-transform: scale(.66);
  223. -ms-transform: scale(.66);
  224. transform: scale(.66)
  225. }
  226. .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  227. -webkit-transform: scale(.33);
  228. -ms-transform: scale(.33);
  229. transform: scale(.33)
  230. }
  231. .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  232. -webkit-transform: scale(.66);
  233. -ms-transform: scale(.66);
  234. transform: scale(.66)
  235. }
  236. .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  237. -webkit-transform: scale(.33);
  238. -ms-transform: scale(.33);
  239. transform: scale(.33)
  240. }
  241. .swiper-pagination-bullet {
  242. width: 8px;
  243. height: 8px;
  244. display: inline-block;
  245. border-radius: 100%;
  246. background: #000;
  247. opacity: .2
  248. }
  249. button.swiper-pagination-bullet {
  250. border: none;
  251. margin: 0;
  252. padding: 0;
  253. -webkit-box-shadow: none;
  254. box-shadow: none;
  255. -webkit-appearance: none;
  256. -moz-appearance: none;
  257. appearance: none
  258. }
  259. .swiper-pagination-clickable .swiper-pagination-bullet {
  260. cursor: pointer
  261. }
  262. .swiper-pagination-bullet-active {
  263. opacity: 1;
  264. background: #007aff
  265. }
  266. .swiper-container-vertical>.swiper-pagination-bullets {
  267. right: 10px;
  268. top: 50%;
  269. -webkit-transform: translate3d(0, -50%, 0);
  270. transform: translate3d(0, -50%, 0)
  271. }
  272. .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  273. margin: 6px 0;
  274. display: block
  275. }
  276. .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  277. top: 50%;
  278. -webkit-transform: translateY(-50%);
  279. -ms-transform: translateY(-50%);
  280. transform: translateY(-50%);
  281. width: 8px
  282. }
  283. .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  284. display: inline-block;
  285. -webkit-transition: .2s top, .2s -webkit-transform;
  286. transition: .2s top, .2s -webkit-transform;
  287. -o-transition: .2s transform, .2s top;
  288. transition: .2s transform, .2s top;
  289. transition: .2s transform, .2s top, .2s -webkit-transform
  290. }
  291. .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  292. margin: 0 4px
  293. }
  294. .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  295. left: 50%;
  296. -webkit-transform: translateX(-50%);
  297. -ms-transform: translateX(-50%);
  298. transform: translateX(-50%);
  299. white-space: nowrap
  300. }
  301. .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  302. -webkit-transition: .2s left, .2s -webkit-transform;
  303. transition: .2s left, .2s -webkit-transform;
  304. -o-transition: .2s transform, .2s left;
  305. transition: .2s transform, .2s left;
  306. transition: .2s transform, .2s left, .2s -webkit-transform
  307. }
  308. .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  309. -webkit-transition: .2s right, .2s -webkit-transform;
  310. transition: .2s right, .2s -webkit-transform;
  311. -o-transition: .2s transform, .2s right;
  312. transition: .2s transform, .2s right;
  313. transition: .2s transform, .2s right, .2s -webkit-transform
  314. }
  315. .swiper-pagination-progressbar {
  316. background: rgba(0,0,0,.25);
  317. position: absolute
  318. }
  319. .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  320. background: #007aff;
  321. position: absolute;
  322. left: 0;
  323. top: 0;
  324. width: 100%;
  325. height: 100%;
  326. -webkit-transform: scale(0);
  327. -ms-transform: scale(0);
  328. transform: scale(0);
  329. -webkit-transform-origin: left top;
  330. -ms-transform-origin: left top;
  331. transform-origin: left top
  332. }
  333. .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  334. -webkit-transform-origin: right top;
  335. -ms-transform-origin: right top;
  336. transform-origin: right top
  337. }
  338. .swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  339. width: 100%;
  340. height: 4px;
  341. left: 0;
  342. top: 0
  343. }
  344. .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar {
  345. width: 4px;
  346. height: 100%;
  347. left: 0;
  348. top: 0
  349. }
  350. .swiper-pagination-white .swiper-pagination-bullet-active {
  351. background: #fff
  352. }
  353. .swiper-pagination-progressbar.swiper-pagination-white {
  354. background: rgba(255,255,255,.25)
  355. }
  356. .swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  357. background: #fff
  358. }
  359. .swiper-pagination-black .swiper-pagination-bullet-active {
  360. background: #000
  361. }
  362. .swiper-pagination-progressbar.swiper-pagination-black {
  363. background: rgba(0,0,0,.25)
  364. }
  365. .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  366. background: #000
  367. }
  368. .swiper-pagination-lock {
  369. display: none
  370. }
  371. .swiper-scrollbar {
  372. border-radius: 10px;
  373. position: relative;
  374. -ms-touch-action: none;
  375. background: rgba(0,0,0,.1)
  376. }
  377. .swiper-container-horizontal>.swiper-scrollbar {
  378. position: absolute;
  379. left: 1%;
  380. bottom: 3px;
  381. z-index: 50;
  382. height: 5px;
  383. width: 98%
  384. }
  385. .swiper-container-vertical>.swiper-scrollbar {
  386. position: absolute;
  387. right: 3px;
  388. top: 1%;
  389. z-index: 50;
  390. width: 5px;
  391. height: 98%
  392. }
  393. .swiper-scrollbar-drag {
  394. height: 100%;
  395. width: 100%;
  396. position: relative;
  397. background: rgba(0,0,0,.5);
  398. border-radius: 10px;
  399. left: 0;
  400. top: 0
  401. }
  402. .swiper-scrollbar-cursor-drag {
  403. cursor: move
  404. }
  405. .swiper-scrollbar-lock {
  406. display: none
  407. }
  408. .swiper-zoom-container {
  409. width: 100%;
  410. height: 100%;
  411. display: -webkit-box;
  412. display: -webkit-flex;
  413. display: -ms-flexbox;
  414. display: flex;
  415. -webkit-box-pack: center;
  416. -webkit-justify-content: center;
  417. -ms-flex-pack: center;
  418. justify-content: center;
  419. -webkit-box-align: center;
  420. -webkit-align-items: center;
  421. -ms-flex-align: center;
  422. align-items: center;
  423. text-align: center
  424. }
  425. .swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
  426. max-width: 100%;
  427. max-height: 100%;
  428. -o-object-fit: contain;
  429. object-fit: contain
  430. }
  431. .swiper-slide-zoomed {
  432. cursor: move
  433. }
  434. .swiper-lazy-preloader {
  435. width: 42px;
  436. height: 42px;
  437. position: absolute;
  438. left: 50%;
  439. top: 50%;
  440. margin-left: -21px;
  441. margin-top: -21px;
  442. z-index: 10;
  443. -webkit-transform-origin: 50%;
  444. -ms-transform-origin: 50%;
  445. transform-origin: 50%;
  446. -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  447. animation: swiper-preloader-spin 1s steps(12, end) infinite
  448. }
  449. .swiper-lazy-preloader:after {
  450. display: block;
  451. content: '';
  452. width: 100%;
  453. height: 100%;
  454. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  455. background-position: 50%;
  456. background-size: 100%;
  457. background-repeat: no-repeat
  458. }
  459. .swiper-lazy-preloader-white:after {
  460. background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
  461. }
  462. @-webkit-keyframes swiper-preloader-spin {
  463. 100% {
  464. -webkit-transform:rotate(360deg);
  465. transform:rotate(360deg)
  466. }
  467. }
  468. @keyframes swiper-preloader-spin {
  469. 100% {
  470. -webkit-transform:rotate(360deg);
  471. transform:rotate(360deg)
  472. }
  473. }
  474. .swiper-container .swiper-notification {
  475. position: absolute;
  476. left: 0;
  477. top: 0;
  478. pointer-events: none;
  479. opacity: 0;
  480. z-index: -1000
  481. }
  482. .swiper-container-fade.swiper-container-free-mode .swiper-slide {
  483. -webkit-transition-timing-function: ease-out;
  484. -o-transition-timing-function: ease-out;
  485. transition-timing-function: ease-out
  486. }
  487. .swiper-container-fade .swiper-slide {
  488. pointer-events: none;
  489. -webkit-transition-property: opacity;
  490. -o-transition-property: opacity;
  491. transition-property: opacity
  492. }
  493. .swiper-container-fade .swiper-slide .swiper-slide {
  494. pointer-events: none
  495. }
  496. .swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  497. pointer-events: auto
  498. }
  499. .swiper-container-cube {
  500. overflow: visible
  501. }
  502. .swiper-container-cube .swiper-slide {
  503. pointer-events: none;
  504. -webkit-backface-visibility: hidden;
  505. backface-visibility: hidden;
  506. z-index: 1;
  507. visibility: hidden;
  508. -webkit-transform-origin: 0 0;
  509. -ms-transform-origin: 0 0;
  510. transform-origin: 0 0;
  511. width: 100%;
  512. height: 100%
  513. }
  514. .swiper-container-cube .swiper-slide .swiper-slide {
  515. pointer-events: none
  516. }
  517. .swiper-container-cube.swiper-container-rtl .swiper-slide {
  518. -webkit-transform-origin: 100% 0;
  519. -ms-transform-origin: 100% 0;
  520. transform-origin: 100% 0
  521. }
  522. .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  523. pointer-events: auto
  524. }
  525. .swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
  526. pointer-events: auto;
  527. visibility: visible
  528. }
  529. .swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  530. z-index: 0;
  531. -webkit-backface-visibility: hidden;
  532. backface-visibility: hidden
  533. }
  534. .swiper-container-cube .swiper-cube-shadow {
  535. position: absolute;
  536. left: 0;
  537. bottom: 0;
  538. width: 100%;
  539. height: 100%;
  540. background: #000;
  541. opacity: .6;
  542. -webkit-filter: blur(50px);
  543. filter: blur(50px);
  544. z-index: 0
  545. }
  546. .swiper-container-flip {
  547. overflow: visible
  548. }
  549. .swiper-container-flip .swiper-slide {
  550. pointer-events: none;
  551. -webkit-backface-visibility: hidden;
  552. backface-visibility: hidden;
  553. z-index: 1
  554. }
  555. .swiper-container-flip .swiper-slide .swiper-slide {
  556. pointer-events: none
  557. }
  558. .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  559. pointer-events: auto
  560. }
  561. .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  562. z-index: 0;
  563. -webkit-backface-visibility: hidden;
  564. backface-visibility: hidden
  565. }
  566. .swiper-container-coverflow .swiper-wrapper {
  567. -ms-perspective: 1200px
  568. }