1
+ abbr , address , article , aside , audio , b , blockquote , body , canvas , caption , cite , code , dd , del , details , dfn , div , dl , dt , em , fieldset , figcaption , figure , footer , form , h1 , h2 , h3 , h4 , h5 , h6 , header , hgroup , html , i , iframe , img , ins , kbd , label , legend , li , mark , menu , nav , object , ol , p , pre , q , samp , section , small , span , strong , sub , summary , sup , table , tbody , td , tfoot , th , thead , time , tr , ul , var , video {margin : 0 ;padding : 0 ;outline : 0 ;border : 0 ;background : 0 0 ;vertical-align : baseline;font-size : 100% }
2
+ * {-webkit-box-sizing : border-box;-moz-box-sizing : border-box;box-sizing : border-box}
3
+ body {background : # efeff4 ;background-image : url(../ img/bg0.jpg);background-size : cover;margin : 0 ;
4
+ border : 0 ;
5
+ padding : 0 ;}
6
+ .scroll {
7
+ position : absolute;
8
+ overflow : scroll;
9
+ -webkit-overflow-scrolling : touch;
10
+ top : 0 ;
11
+ left : 0 ;
12
+ bottom : 0 ;
13
+ right : 0 ;
14
+ }
15
+ header {background : # fbfbfb ;overflow : hidden;}
16
+
17
+ .swiper-container {
18
+ width : 100% ;
19
+ margin : 0 ;
20
+ padding : 10px 0 ;
21
+ }
22
+ .swiper-slide {
23
+ -webkit-transition : transform 1.0s ;
24
+ -moz-transition : transform 1.0s ;
25
+ -ms-transition : transform 1.0s ;
26
+ -o-transition : transform 1.0s ;
27
+ -webkit-transform : scale (0.7 );
28
+ transform : scale (0.7 );
29
+ }
30
+ .swiper-slide-active , .swiper-slide-duplicate-active {
31
+ -webkit-transform : scale (1 );
32
+ transform : scale (1 );
33
+ }
34
+ .none-effect {
35
+ -webkit-transition : none;
36
+ -moz-transition : none;
37
+ -ms-transition : none;
38
+ -o-transition : none;
39
+ }
40
+ .swiper-slide a {
41
+ background : # fff ;
42
+ padding : 5px ;
43
+ display : block;
44
+ border-radius : 5px ;
45
+ box-shadow : 0px 3px 5px rgba (0 , 0 , 0 , 0.1 );
46
+ }
47
+ .swiper-slide a : after {
48
+ position : absolute;
49
+ top : 0 ;
50
+ left : 0 ;
51
+ display : block;
52
+ box-sizing : border-box;
53
+ border : 5px solid # fff ;
54
+ content : "" ;
55
+ width : 100% ;
56
+ height : 100% ;
57
+ background : url(../ img/top_slick_cover_bg01.png) 0 0 repeat;
58
+ border-radius : 5px ;
59
+ }
60
+ .swiper-slide-active a : after {
61
+ background : none;
62
+ }
63
+ .swiper-slide img {
64
+ width : 100% ;
65
+ border-radius : 5px ;
66
+ display : block;
67
+ }
68
+ .nav {
69
+ width : 100% ;
70
+ overflow : hidden;
71
+ text-align : center;
72
+ margin : 0 auto;
73
+ }
74
+ .nav li {
75
+ float : left;
76
+ width : 33.333% ;
77
+ overflow : hidden;
78
+ margin-top : 5px ;
79
+ margin-bottom : 5px ;
80
+ text-align : center;
81
+ list-style-type : none;
82
+ }
83
+ .nav li a {
84
+ overflow : hidden;
85
+ color : # ffffff ;
86
+ font-size : 16px ;
87
+ font-weight : bold;
88
+ text-align : center;
89
+ transform : translate (0 ) rotate3d (0 ) scale (1 );
90
+ transition : opacity 300ms ease-out, transform 300ms ease-out;
91
+ display : block;
92
+ background-color : # 2196F3 ;
93
+ padding : 10px ;
94
+ border-radius : 3px ;
95
+ margin : 5px ;
96
+ text-decoration : none;
97
+ box-shadow : 0px 1px 3px rgba (0 , 0 , 0 , 0.1 );
98
+ }
99
+ .box {
100
+ padding : 10px ;
101
+ overflow : hidden;
102
+ border-radius : 2px ;
103
+ -webkit-transition : all .4s ease;
104
+ transition : all .4s ease;
105
+ position : relative;
106
+ text-align : center;
107
+ }
108
+ .box h1 {margin : 0 auto;line-height : 40px ;}
109
+ .box li {
110
+ margin-top : 15px ;
111
+ list-style : none;
112
+ float : left;
113
+ overflow : hidden;
114
+ }
115
+ .box li img {
116
+ color : # 777 ;
117
+ width : 95% ;
118
+ display : block;
119
+ text-align : center;
120
+ margin : 5px auto;
121
+ box-shadow : 0px 1px 3px rgba (0 , 0 , 0 , 0.1 );
122
+ }
123
+ .box li img ::before {content : "" ;padding-top : 100% ;display : block;}
124
+ .avatar li {width : 50% ;}
125
+ .avatar li img {border-radius : 5% ;}
126
+
127
+
128
+
129
+ .pager {text-align : center;padding : 10px ;display : flex;width : 100% ;list-style : none;}
130
+ .pager .prev , .pager .next {float : left;width : 100px ;
131
+ padding : 10px 15px ;
132
+ font-size : 15px ;
133
+ font-weight : 400 ;
134
+ line-height : 1.4 ;
135
+ border : none;
136
+ border-radius : 4px ;
137
+ -webkit-transition : border .25s linear, color .25s linear, background-color .25s linear;
138
+ transition : border .25s linear, color .25s linear, background-color .25s linear;
139
+ -webkit-font-smoothing : subpixel-antialiased;
140
+ color : # fff ;
141
+ background-color : # 282828 ;text-decoration : none;}
142
+ .pager .next {float : right;}
143
+ .pager .prev {float : right;}
144
+ .pager .nav_pagenum {margin : 0 auto;width : 90px ;
145
+ margin : 0 auto;
146
+ text-align : center;
147
+ border-color : # 34495e ;
148
+ color : hsla (0 , 0% , 100% , .75 );
149
+ background-color : # bdc3c7 ;
150
+ filter : alpha (opacity=70);
151
+ opacity : .7 ;
152
+ padding : 10px 15px ;
153
+ font-size : 15px ;
154
+ font-weight : 400 ;
155
+ line-height : 1.4 ;
156
+ border : none;
157
+ border-radius : 4px ;
158
+ -webkit-transition : border .25s linear, color .25s linear, background-color .25s linear;
159
+ transition : border .25s linear, color .25s linear, background-color .25s linear;}
160
+
161
+ .gallery li {width : 50% ;}
162
+ .default li {width : 25% ;height : 480px ;}
163
+
164
+ .content {overflow : hidden;}
165
+ .main {}
166
+ .main .post {background : # fff ;padding : 10px ;margin : 10px ;border-radius : 3px ;box-shadow : 0px 1px 3px rgba (0 , 0 , 0 , 0.1 );}
167
+ .main .post .post-content {font-size : 14px ;}
168
+ .main .post .post-content p {margin : 0 0 15px ;line-height : 1.5em ;}
169
+ .main .post img {max-width : 100% ;}
170
+ .main .post .post-title {margin : 5px 5px 10px ;text-align : center;}
171
+
172
+ .appBox {
173
+ margin : 10px ;
174
+ margin-top : 15px ;
175
+ overflow : hidden;
176
+ }
177
+ .appTui {
178
+ overflow : hidden;
179
+ margin : auto;
180
+ margin-bottom : 30px ;
181
+ border-radius : 5px ;
182
+ background : # fff ;
183
+ box-shadow : 0 3px 6px 2px rgba (0 , 0 , 0 , .03 );
184
+ padding : 15px 10px ;
185
+ text-align : left;
186
+ }
187
+ .appTui a {
188
+ text-decoration : none;
189
+ color : # 333 ;
190
+ }
191
+ .appTui h3 {
192
+ font-size : 1pc ;
193
+ margin : 8px 0 9pt ;
194
+ }
195
+ .appTui span {
196
+ font-size : 14px ;
197
+ }
198
+ .appTui .label {
199
+ font-size : 9pt ;
200
+ float : right;
201
+ display : inline-block;
202
+ padding : 3px 6px ;
203
+ border : 1px solid # ccc ;
204
+ border-radius : 2px ;
205
+ }
206
+ @media (max-width : 1320px ) {
207
+ .default li {height : 375px ;}
208
+ }
209
+ @media (max-width : 1240px ) {
210
+ .default li {height : 370px ;}
211
+ }
212
+ @media (max-width : 1024px ) {
213
+ .default li {height : 360px ;}
214
+ }
215
+ @media (max-width : 980px ) {
216
+ .default li {height : 350px ;}
217
+ }
218
+ @media (max-width : 860px ) {
219
+ .default li {width : 50% ;height : 560px ;}
220
+ }
221
+ @media (max-width : 720px ) {
222
+ .default li {height : 480px ;}
223
+ }
224
+ @media (max-width : 640px ) {
225
+ .default li {height : 430px ;}
226
+ }
227
+ @media (max-width : 480px ) {
228
+ .default li {height : 290px ;}
229
+ }
230
+ @media (max-width : 360px ) {}
0 commit comments