|
@@ -83,8 +83,36 @@ overflow: hidden; |
|
@@ -83,8 +83,36 @@ overflow: hidden; |
|
83
|
margin-right: 2px;
|
83
|
margin-right: 2px;
|
|
84
|
}
|
84
|
}
|
|
85
|
.swiper-pagination-bullet-active {
|
85
|
.swiper-pagination-bullet-active {
|
|
86
|
- background-color: #000;
|
|
|
|
87
|
- }
|
86
|
+ background-color: #000;
|
|
|
|
87
|
+ }
|
|
|
|
88
|
+
|
|
|
|
89
|
+ .swiper-button-prev,
|
|
|
|
90
|
+ .swiper-button-next {
|
|
|
|
91
|
+ position: absolute;
|
|
|
|
92
|
+ top: 50%;
|
|
|
|
93
|
+ width: pxToRem(48px);
|
|
|
|
94
|
+ height: pxToRem(48px);
|
|
|
|
95
|
+ margin-top: pxToRem(-44px);
|
|
|
|
96
|
+ cursor: pointer;
|
|
|
|
97
|
+ z-index:10;
|
|
|
|
98
|
+ -moz-background-size: pxToRem(48px) pxToRem(48px);
|
|
|
|
99
|
+ -webkit-background-size: pxToRem(48px) pxToRem(48px);
|
|
|
|
100
|
+ background-size: pxToRem(48px) pxToRem(48px);
|
|
|
|
101
|
+ background-position: center;
|
|
|
|
102
|
+ background-repeat: no-repeat;
|
|
|
|
103
|
+ }
|
|
|
|
104
|
+
|
|
|
|
105
|
+ .swiper-button-next.swiper-button-grey {
|
|
|
|
106
|
+ 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'%23f0f0f0'%2F%3E%3C%2Fsvg%3E");
|
|
|
|
107
|
+ right: pxToRem(30px);
|
|
|
|
108
|
+ left: auto;
|
|
|
|
109
|
+ }
|
|
|
|
110
|
+
|
|
|
|
111
|
+ .swiper-button-prev.swiper-button-grey {
|
|
|
|
112
|
+ 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'%23f0f0f0'%2F%3E%3C%2Fsvg%3E");
|
|
|
|
113
|
+ left: pxToRem(30px);
|
|
|
|
114
|
+ right: auto;
|
|
|
|
115
|
+ }
|
|
88
|
}
|
116
|
}
|
|
89
|
|
117
|
|
|
90
|
}
|
118
|
}
|
