Blame view

public/scss/layout/_swiper.css 17.8 KB
王水玲 authored
1 2 3
/**
 * Swiper 3.0.8
 * Most modern mobile touch slider and framework with hardware accelerated transitions
毕凯 authored
4
 *
王水玲 authored
5
 * http://www.idangero.us/swiper/
毕凯 authored
6
 *
王水玲 authored
7 8 9
 * Copyright 2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
毕凯 authored
10
 *
王水玲 authored
11
 * Licensed under MIT
毕凯 authored
12
 *
王水玲 authored
13 14 15
 * Released on: June 14, 2015
 */
.swiper-container {
毕凯 authored
16 17 18 19
    position: relative;

    /* Fix of Webkit flickering */
    z-index: 1;
ccbikai authored
20 21
    overflow: hidden;
    margin: 0 auto;
毕凯 authored
22 23
}
王水玲 authored
24
.swiper-container-no-flexbox .swiper-slide {
毕凯 authored
25
    float: left;
王水玲 authored
26
}
毕凯 authored
27
王水玲 authored
28
.swiper-container-vertical > .swiper-wrapper {
毕凯 authored
29 30 31
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
ccbikai authored
32 33
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
王水玲 authored
34
}
毕凯 authored
35
王水玲 authored
36
.swiper-wrapper {
毕凯 authored
37 38 39 40 41 42 43
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
ccbikai authored
44 45 46 47 48
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
毕凯 authored
49 50 51 52 53
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
ccbikai authored
54 55 56 57
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
毕凯 authored
58 59
}
王水玲 authored
60 61
.swiper-container-android .swiper-slide,
.swiper-wrapper {
毕凯 authored
62 63 64 65 66
    -webkit-transform: translate3d(0px, 0, 0);
    -moz-transform: translate3d(0px, 0, 0);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate3d(0px, 0, 0);
    transform: translate3d(0px, 0, 0);
王水玲 authored
67
}
毕凯 authored
68
王水玲 authored
69
.swiper-container-multirow > .swiper-wrapper {
毕凯 authored
70 71 72
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
ccbikai authored
73 74
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
王水玲 authored
75
}
毕凯 authored
76
王水玲 authored
77
.swiper-container-free-mode > .swiper-wrapper {
ccbikai authored
78
    margin: 0 auto;
毕凯 authored
79 80 81 82 83 84 85
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
王水玲 authored
86
.swiper-slide {
ccbikai authored
87
    position: relative;
毕凯 authored
88
    -ms-flex: 0 0 auto;
ccbikai authored
89
    -webkit-flex-shrink: 0;
毕凯 authored
90 91 92
    flex-shrink: 0;
    width: 100%;
    height: 100%;
ccbikai authored
93 94 95 96
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
毕凯 authored
97 98
}
王水玲 authored
99 100
/* a11y */
.swiper-container .swiper-notification {
毕凯 authored
101 102
    position: absolute;
    top: 0;
ccbikai authored
103
    left: 0;
毕凯 authored
104
    z-index: -1000;
ccbikai authored
105 106
    opacity: 0;
    pointer-events: none;
毕凯 authored
107 108
}
王水玲 authored
109 110
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
毕凯 authored
111 112
    -ms-touch-action: pan-y;
    touch-action: pan-y;
王水玲 authored
113
}
毕凯 authored
114
王水玲 authored
115
.swiper-wp8-vertical {
毕凯 authored
116 117
    -ms-touch-action: pan-x;
    touch-action: pan-x;
王水玲 authored
118
}
毕凯 authored
119
王水玲 authored
120 121 122
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
毕凯 authored
123 124
    position: absolute;
    top: 50%;
ccbikai authored
125 126
    z-index: 10;
    margin-top: -22px;
毕凯 authored
127 128
    width: 27px;
    height: 44px;
ccbikai authored
129
    background-position: center;
毕凯 authored
130 131 132 133
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-repeat: no-repeat;
ccbikai authored
134
    cursor: pointer;
毕凯 authored
135 136
}
王水玲 authored
137 138
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
毕凯 authored
139 140 141
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
王水玲 authored
142
}
毕凯 authored
143
王水玲 authored
144 145
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
毕凯 authored
146
    right: auto;
ccbikai authored
147
    left: 10px;
ccbikai(👎🏻🍜) authored
148
    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");
王水玲 authored
149
}
毕凯 authored
150
王水玲 authored
151 152
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
ccbikai(👎🏻🍜) authored
153
    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");
王水玲 authored
154
}
毕凯 authored
155
王水玲 authored
156 157
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
ccbikai(👎🏻🍜) authored
158
    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");
王水玲 authored
159
}
毕凯 authored
160
王水玲 authored
161 162
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
毕凯 authored
163 164
    right: 10px;
    left: auto;
ccbikai(👎🏻🍜) authored
165
    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");
王水玲 authored
166
}
毕凯 authored
167
王水玲 authored
168 169
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
ccbikai(👎🏻🍜) authored
170
    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");
王水玲 authored
171
}
毕凯 authored
172
王水玲 authored
173 174
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
ccbikai(👎🏻🍜) authored
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"M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z"%20fill%3D"%23ffffff"%2F%3E%3C%2Fsvg%3E");
王水玲 authored
176
}
毕凯 authored
177
王水玲 authored
178 179
/* Pagination Styles */
.swiper-pagination {
毕凯 authored
180
    position: absolute;
ccbikai authored
181
    z-index: 10;
毕凯 authored
182 183 184 185 186 187 188 189 190 191 192
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
王水玲 authored
193
.swiper-pagination.swiper-pagination-hidden {
毕凯 authored
194
    opacity: 0;
王水玲 authored
195
}
毕凯 authored
196
王水玲 authored
197
.swiper-pagination-bullet {
ccbikai authored
198
    display: inline-block;
毕凯 authored
199 200 201 202 203 204 205
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #000;
    opacity: 0.2;
}
王水玲 authored
206
.swiper-pagination-clickable .swiper-pagination-bullet {
毕凯 authored
207
    cursor: pointer;
王水玲 authored
208
}
毕凯 authored
209
王水玲 authored
210
.swiper-pagination-white .swiper-pagination-bullet {
毕凯 authored
211
    background: #fff;
王水玲 authored
212
}
毕凯 authored
213
王水玲 authored
214
.swiper-pagination-bullet-active {
毕凯 authored
215
    background: #007aff;
ccbikai authored
216
    opacity: 1;
王水玲 authored
217
}
毕凯 authored
218
王水玲 authored
219
.swiper-pagination-white .swiper-pagination-bullet-active {
毕凯 authored
220
    background: #fff;
王水玲 authored
221
}
毕凯 authored
222
王水玲 authored
223
.swiper-pagination-black .swiper-pagination-bullet-active {
毕凯 authored
224
    background: #000;
王水玲 authored
225
}
毕凯 authored
226
王水玲 authored
227
.swiper-container-vertical > .swiper-pagination {
毕凯 authored
228
    top: 50%;
ccbikai authored
229
    right: 10px;
毕凯 authored
230 231 232 233 234 235 236
    -webkit-transform: translate3d(0px, -50%, 0);
    -moz-transform: translate3d(0px, -50%, 0);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate3d(0px, -50%, 0);
    transform: translate3d(0px, -50%, 0);
}
王水玲 authored
237
.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
毕凯 authored
238
    display: block;
ccbikai authored
239
    margin: 5px 0;
王水玲 authored
240
}
毕凯 authored
241
王水玲 authored
242
.swiper-container-horizontal > .swiper-pagination {
毕凯 authored
243 244 245
    bottom: 10px;
    left: 0;
    width: 100%;
王水玲 authored
246
}
毕凯 authored
247
王水玲 authored
248
.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
毕凯 authored
249
    margin: 0 5px;
王水玲 authored
250
}
毕凯 authored
251
王水玲 authored
252 253
/* 3D Container */
.swiper-container-3d {
毕凯 authored
254 255 256 257
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px;
王水玲 authored
258
}
毕凯 authored
259
王水玲 authored
260 261 262 263 264 265 266
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.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-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
毕凯 authored
267 268 269 270
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
王水玲 authored
271
}
毕凯 authored
272
王水玲 authored
273 274 275 276
.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-slide-shadow-bottom {
毕凯 authored
277 278
    position: absolute;
    top: 0;
ccbikai authored
279 280
    left: 0;
    z-index: 10;
毕凯 authored
281 282 283 284 285
    width: 100%;
    height: 100%;
    pointer-events: none;
}
王水玲 authored
286
.swiper-container-3d .swiper-slide-shadow-left {
毕凯 authored
287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

    /* Safari 4+, Chrome */
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    /* Firefox 3.6-15 */
    background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    /* Opera 11.10-12.00 */
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    /* Firefox 16+, IE10, Opera 12.50+ */
}
王水玲 authored
304
.swiper-container-3d .swiper-slide-shadow-right {
毕凯 authored
305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

    /* Safari 4+, Chrome */
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    /* Firefox 3.6-15 */
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    /* Opera 11.10-12.00 */
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    /* Firefox 16+, IE10, Opera 12.50+ */
}
王水玲 authored
322
.swiper-container-3d .swiper-slide-shadow-top {
毕凯 authored
323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

    /* Safari 4+, Chrome */
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    /* Firefox 3.6-15 */
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    /* Opera 11.10-12.00 */
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    /* Firefox 16+, IE10, Opera 12.50+ */
}
王水玲 authored
340
.swiper-container-3d .swiper-slide-shadow-bottom {
毕凯 authored
341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));

    /* Safari 4+, Chrome */
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    /* Firefox 3.6-15 */
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    /* Opera 11.10-12.00 */
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));

    /* Firefox 16+, IE10, Opera 12.50+ */
}
王水玲 authored
358 359
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper {
毕凯 authored
360 361 362

    /* Windows 8 IE 10 fix */
    -ms-perspective: 1200px;
王水玲 authored
363
}
毕凯 authored
364
王水玲 authored
365 366
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
毕凯 authored
367 368 369 370 371
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
王水玲 authored
372
}
毕凯 authored
373
王水玲 authored
374
.swiper-container-fade .swiper-slide {
毕凯 authored
375
    pointer-events: none;
王水玲 authored
376
}
毕凯 authored
377
王水玲 authored
378
.swiper-container-fade .swiper-slide .swiper-slide {
毕凯 authored
379
    pointer-events: none;
王水玲 authored
380
}
毕凯 authored
381
王水玲 authored
382 383
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
毕凯 authored
384
    pointer-events: auto;
王水玲 authored
385
}
毕凯 authored
386
王水玲 authored
387 388
/* Cube */
.swiper-container-cube {
毕凯 authored
389
    overflow: visible;
王水玲 authored
390
}
毕凯 authored
391
王水玲 authored
392
.swiper-container-cube .swiper-slide {
毕凯 authored
393
    visibility: hidden;
ccbikai authored
394 395
    width: 100%;
    height: 100%;
毕凯 authored
396 397 398 399
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
ccbikai authored
400
    pointer-events: none;
毕凯 authored
401 402 403 404 405 406
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
王水玲 authored
407
.swiper-container-cube.swiper-container-rtl .swiper-slide {
毕凯 authored
408 409 410 411
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
王水玲 authored
412
}
毕凯 authored
413
王水玲 authored
414 415 416 417
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
毕凯 authored
418
    visibility: visible;
ccbikai authored
419
    pointer-events: auto;
王水玲 authored
420
}
毕凯 authored
421
王水玲 authored
422
.swiper-container-cube .swiper-cube-shadow {
毕凯 authored
423
    position: absolute;
ccbikai(👎🏻🍜) authored
424
    bottom: 0;
ccbikai authored
425
    left: 0;
毕凯 authored
426 427 428 429 430 431 432 433
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
}
王水玲 authored
434
.swiper-container-cube.swiper-container-vertical .swiper-cube-shadow {
毕凯 authored
435
    z-index: 0;
王水玲 authored
436
}
毕凯 authored
437
王水玲 authored
438 439
/* Scrollbar */
.swiper-scrollbar {
毕凯 authored
440
    position: relative;
ccbikai authored
441
    border-radius: 10px;
毕凯 authored
442
    background: rgba(0, 0, 0, 0.1);
ccbikai authored
443
    -ms-touch-action: none;
王水玲 authored
444
}
毕凯 authored
445
王水玲 authored
446
.swiper-container-horizontal > .swiper-scrollbar {
毕凯 authored
447 448
    position: absolute;
    bottom: 3px;
ccbikai authored
449
    left: 1%;
毕凯 authored
450 451
    z-index: 50;
    width: 98%;
ccbikai authored
452
    height: 5px;
毕凯 authored
453 454
}
王水玲 authored
455
.swiper-container-vertical > .swiper-scrollbar {
毕凯 authored
456 457
    position: absolute;
    top: 1%;
ccbikai authored
458
    right: 3px;
毕凯 authored
459 460 461 462 463
    z-index: 50;
    width: 5px;
    height: 98%;
}
王水玲 authored
464
.swiper-scrollbar-drag {
毕凯 authored
465 466
    position: relative;
    top: 0;
ccbikai authored
467 468 469 470 471
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.5);
毕凯 authored
472 473
}
王水玲 authored
474
.swiper-scrollbar-cursor-drag {
毕凯 authored
475
    cursor: move;
王水玲 authored
476
}
毕凯 authored
477
王水玲 authored
478 479
/* Preloader */
.swiper-lazy-preloader {
毕凯 authored
480 481
    position: absolute;
    top: 50%;
ccbikai authored
482
    left: 50%;
毕凯 authored
483
    z-index: 10;
ccbikai authored
484 485 486 487
    margin-top: -21px;
    margin-left: -21px;
    width: 42px;
    height: 42px;
毕凯 authored
488 489 490 491 492 493 494 495
    -webkit-transform-origin: 50%;
    -moz-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
王水玲 authored
496
.swiper-lazy-preloader:after {
毕凯 authored
497 498 499
    display: block;
    width: 100%;
    height: 100%;
ccbikai(👎🏻🍜) authored
500
    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"0.27"%2F%3E%3Cuse%20xlink%3Ahref%3D"%23l"%20opacity%3D"0.27"%20transform%3D"rotate(30%2060%2C60)"%2F%3E%3Cuse%20xlink%3Ahref%3D"%23l"%20opacity%3D"0.27"%20transform%3D"rotate(60%2060%2C60)"%2F%3E%3Cuse%20xlink%3Ahref%3D"%23l"%20opacity%3D"0.27"%20transform%3D"rotate(90%2060%2C60)"%2F%3E%3Cuse%20xlink%3Ahref%3D"%23l"%20opacity%3D"0.27"%20transform%3D"rotate(120%2060%2C60)"%2F%3E%3Cuse%20xlink%3Ahref%3D"%23l"%20opacity%3D"0.27"%20transform%3D"rotate(150%2060%2C60)"%2F%3E%3Cuse%20xlink%3Ahref%3D"%23l"%20opacity%3D"0.37"%20transform%3D"rotate(180%2060%2C60)"%2F%3E%3Cuse%20xlink%3Ahref%3D"%23l"%20opacity%3D"0.46"%20transform%3D"rotate(210%2060%2C60)"%2F%3E%3Cuse%20xlink%3Ahref%3D"%23l"%20opacity%3D"0.56"%20transform%3D"rotate(240%2060%2C60)"%2F%3E%3Cuse%20xlink%3Ahref%3D"%23l"%20opacity%3D"0.66"%20transform%3D"rotate(270%2060%2C60)"%2F%3E%3Cuse%20xlink%3Ahref%3D"%23l"%20opacity%3D"0.75"%20transform%3D"rotate(300%2060%2C60)"%2F%3E%3Cuse%20xlink%3Ahref%3D"%23l"%20opacity%3D"0.85"%20transform%3D"rotate(330%2060%2C60)"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
毕凯 authored
501 502 503 504
    background-position: 50%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
ccbikai authored
505
    content: "";
毕凯 authored
506 507
}
王水玲 authored
508
.swiper-lazy-preloader-white:after {
ccbikai(👎🏻🍜) authored
509
    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"0.27"%2F%3E%3Cuse%20xlink%3Ahref%3D"%23l"%20opacity%3D"0.27"%20transform%3D"rotate(30%2060%2C60)"%2F%3E%3Cuse%20xlink%3Ahref%3D"%23l"%20opacity%3D"0.27"%20transform%3D"rotate(60%2060%2C60)"%2F%3E%3Cuse%20xlink%3Ahref%3D"%23l"%20opacity%3D"0.27"%20transform%3D"rotate(90%2060%2C60)"%2F%3E%3Cuse%20xlink%3Ahref%3D"%23l"%20opacity%3D"0.27"%20transform%3D"rotate(120%2060%2C60)"%2F%3E%3Cuse%20xlink%3Ahref%3D"%23l"%20opacity%3D"0.27"%20transform%3D"rotate(150%2060%2C60)"%2F%3E%3Cuse%20xlink%3Ahref%3D"%23l"%20opacity%3D"0.37"%20transform%3D"rotate(180%2060%2C60)"%2F%3E%3Cuse%20xlink%3Ahref%3D"%23l"%20opacity%3D"0.46"%20transform%3D"rotate(210%2060%2C60)"%2F%3E%3Cuse%20xlink%3Ahref%3D"%23l"%20opacity%3D"0.56"%20transform%3D"rotate(240%2060%2C60)"%2F%3E%3Cuse%20xlink%3Ahref%3D"%23l"%20opacity%3D"0.66"%20transform%3D"rotate(270%2060%2C60)"%2F%3E%3Cuse%20xlink%3Ahref%3D"%23l"%20opacity%3D"0.75"%20transform%3D"rotate(300%2060%2C60)"%2F%3E%3Cuse%20xlink%3Ahref%3D"%23l"%20opacity%3D"0.85"%20transform%3D"rotate(330%2060%2C60)"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
王水玲 authored
510
}
毕凯 authored
511
王水玲 authored
512
@-webkit-keyframes swiper-preloader-spin {
毕凯 authored
513 514 515
    100% {
        -webkit-transform: rotate(360deg);
    }
王水玲 authored
516
}
毕凯 authored
517
王水玲 authored
518
@keyframes swiper-preloader-spin {
毕凯 authored
519 520 521
    100% {
        transform: rotate(360deg);
    }
王水玲 authored
522
}
ccbikai authored
523
陈轩 authored
524 525 526 527 528 529 530
.swiper-pagination-s1 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0.5rem;
    text-align: center;
    z-index: 1;
ccbikai(👎🏻🍜) authored
531
陈轩 authored
532 533 534 535 536 537
    .pagination-inner {
        display: inline-block;
        padding: 0 0.2rem 0.1rem;
        background: rgba(0, 0, 0, 0.2);
        border-radius: 1.25rem;
    }
ccbikai(👎🏻🍜) authored
538
陈轩 authored
539 540 541 542 543 544 545
    .pagination-inner span {
        display: inline-block;
        width: 0.35rem;
        height: 0.35rem;
        background: #fff;
        opacity: 0.5;
        margin: 0 0.225rem;
ccbikai(👎🏻🍜) authored
546
        border-radius: 50%;
陈轩 authored
547
    }
ccbikai(👎🏻🍜) authored
548
陈轩 authored
549 550 551 552 553
    .pagination-inner span.swiper-pagination-bullet-active {
        background: #fff;
        opacity: 1;
    }
}