您最多选择25个主题 主题必须以字母或数字开头,可以包含连字符 (-),并且长度不得超过35个字符
 
 
 
 

582 行
18 KiB

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