Merge remote-tracking branch 'origin/master'
Showing
3 changed files
with
276 additions
and
2 deletions
... | @@ -94,7 +94,7 @@ div.navigation { | ... | @@ -94,7 +94,7 @@ div.navigation { |
94 | text-align: center; | 94 | text-align: center; |
95 | } | 95 | } |
96 | .navigation .layui-nav-item { | 96 | .navigation .layui-nav-item { |
97 | width: 100px; | 97 | width: 130px; |
98 | position: relative; | 98 | position: relative; |
99 | margin: 0 22px; | 99 | margin: 0 22px; |
100 | } | 100 | } |
... | @@ -108,7 +108,7 @@ div.navigation { | ... | @@ -108,7 +108,7 @@ div.navigation { |
108 | height: 22px; | 108 | height: 22px; |
109 | border-left: 1px solid #ccc; | 109 | border-left: 1px solid #ccc; |
110 | top: 21px; | 110 | top: 21px; |
111 | left: -20px; | 111 | left: -22px; |
112 | } | 112 | } |
113 | 113 | ||
114 | div.nav ul li { | 114 | div.nav ul li { | ... | ... |
1 | /* ----------------------公共样式-------------------------- */ | ||
2 | .contentBox { | ||
3 | width: 1200px; | ||
4 | margin: 0 auto; | ||
5 | overflow: hidden; | ||
6 | } | ||
7 | .business_guide { | ||
8 | overflow-x: hidden; | ||
9 | } | ||
10 | /* -------------------------end------------------------------- */ | ||
11 | /* -------------------------头部start----------------------------------- */ | ||
12 | html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { | ||
13 | border: 0; | ||
14 | margin: 0; | ||
15 | outline: 0 none; | ||
16 | padding: 0; | ||
17 | vertical-align: baseline; | ||
18 | font-size: 100%; | ||
19 | background: transparent; | ||
20 | font-family: Arial; | ||
21 | } | ||
22 | |||
23 | div a { | ||
24 | color: #000000; | ||
25 | text-decoration: none; | ||
26 | } | ||
27 | |||
28 | div.subject h2 a:hover { | ||
29 | color: #f46143; | ||
30 | } | ||
31 | |||
32 | div.subject { | ||
33 | margin: 0 auto; | ||
34 | float: none; | ||
35 | clear: both; | ||
36 | position: relative; | ||
37 | min-width: 1200px; | ||
38 | } | ||
39 | div.top-logo { | ||
40 | width: 1200px; | ||
41 | height: 70px; | ||
42 | padding-top: 20px; | ||
43 | } | ||
44 | |||
45 | div.top-logo ::-webkit-input-placeholder { /* WebKit browsers */ | ||
46 | font-size: 13px; | ||
47 | } | ||
48 | |||
49 | div.top-logo ::-moz-placeholder { /* Mozilla Firefox 19+ */ | ||
50 | font-size: 13px; | ||
51 | } | ||
52 | |||
53 | div.top-logo :-ms-input-placeholder { /* Internet Explorer 10+ */ | ||
54 | font-size: 13px; | ||
55 | } | ||
56 | .top_logo_content { | ||
57 | height: 40px; | ||
58 | width: 100%; | ||
59 | margin: 0 auto; | ||
60 | } | ||
61 | div.top-logo .top_logo_search { | ||
62 | float: left; | ||
63 | width: 350px; | ||
64 | position: relative; | ||
65 | margin-left: 400px; | ||
66 | } | ||
67 | div.top-logo .top_logo_search input { | ||
68 | border-radius: 50px; | ||
69 | } | ||
70 | div.top-logo .login { | ||
71 | float: right; | ||
72 | margin-top: 8px; | ||
73 | } | ||
74 | div.top-logo .top_logo_search i { | ||
75 | position: absolute; | ||
76 | right: 10px; | ||
77 | top: 11px; | ||
78 | cursor: pointer; | ||
79 | } | ||
80 | .top-logo h1 { | ||
81 | display: inline-block; | ||
82 | float: left; | ||
83 | } | ||
84 | .top-logo ul li { | ||
85 | display: inline-block; | ||
86 | padding: 0 8px; | ||
87 | } | ||
88 | |||
89 | .top-logo ul li:first-child { | ||
90 | border-right: 1px solid grey; | ||
91 | } | ||
92 | |||
93 | div.navigation { | ||
94 | text-align: center; | ||
95 | } | ||
96 | .navigation .layui-nav-item { | ||
97 | width: 130px; | ||
98 | position: relative; | ||
99 | margin: 0 22px; | ||
100 | } | ||
101 | .layui-bg-blue { | ||
102 | background-color: #006CFF!important; | ||
103 | } | ||
104 | |||
105 | .layui-nav-item:not(:first-child)::before { | ||
106 | content: ''; | ||
107 | position: absolute; | ||
108 | height: 22px; | ||
109 | border-left: 1px solid #ccc; | ||
110 | top: 21px; | ||
111 | left: -22px; | ||
112 | } | ||
113 | |||
114 | /* ------------------------------end--------------------------------------- */ | ||
115 | |||
116 | .navigation_crumbs { | ||
117 | width: 100%; | ||
118 | height: 25px; | ||
119 | padding: 10px 0; | ||
120 | line-height: 25px; | ||
121 | background: #FAFAFA; | ||
122 | border: 1px solid #E6E6E6; | ||
123 | } | ||
124 | .navigation_crumbs .layui-breadcrumb a:hover { | ||
125 | color: #f46143!important; | ||
126 | } | ||
127 | /* --------------------导航tab------------------------- */ | ||
128 | .one_content { | ||
129 | border: 1px solid #DEDEDE;; | ||
130 | margin-top: 30px; | ||
131 | } | ||
132 | .one_content .layui-tab { | ||
133 | margin: 0; | ||
134 | } | ||
135 | .one_content .layui-tab-title li { | ||
136 | width: 100px; | ||
137 | font-weight: 600; | ||
138 | color: #6D7278; | ||
139 | } | ||
140 | .one_content .layui-tab-title .layui-this { | ||
141 | color: #4A4A4A; | ||
142 | } | ||
143 | .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after { | ||
144 | border-color: #006CFF; | ||
145 | } | ||
146 | .layui-tab .layui-tab-brief .layui-this { | ||
147 | color: #006CFF; | ||
148 | } | ||
149 | .layui-tab .layui-tab-brief li { | ||
150 | width: 30px; | ||
151 | } | ||
152 | .online_business { | ||
153 | margin-top: 20px; | ||
154 | } | ||
155 | .online_business h2 { | ||
156 | width: 100%; | ||
157 | height: 43px; | ||
158 | line-height: 43px; | ||
159 | background: #FAFAFA; | ||
160 | border-radius: 4px; | ||
161 | border: 1px solid #DEDEDE; | ||
162 | padding-left: 15px; | ||
163 | box-sizing: border-box; | ||
164 | } | ||
165 | .online_list { | ||
166 | padding-bottom: 20px; | ||
167 | overflow: hidden; | ||
168 | } | ||
169 | .online_list li{ | ||
170 | width: 45%!important; | ||
171 | float: left; | ||
172 | height: 60px; | ||
173 | line-height: 60px; | ||
174 | border-bottom: 1px dotted #DEDEDE; | ||
175 | } | ||
176 | .online_list li:nth-child(even) { | ||
177 | margin-left: 10%; | ||
178 | } | ||
179 | .online_list li a{ | ||
180 | display: block; | ||
181 | width: 100%; | ||
182 | } | ||
183 | .online_list li a:hover span{ | ||
184 | color: #f46143; | ||
185 | } | ||
186 | .online_list li a button { | ||
187 | float: right; | ||
188 | margin-top: 15px; | ||
189 | } | ||
190 | /* ---------------------------------------------------- */ | ||
191 | /* -----------------底部start----------------------------- */ | ||
192 | div.footer { | ||
193 | background-color: #233042; | ||
194 | } | ||
195 | div.footer .system_service { | ||
196 | width: 100%; | ||
197 | border-bottom: 1px solid #4A4A4A; | ||
198 | } | ||
199 | div.footer .system_service ul { | ||
200 | padding: 40px 0; | ||
201 | width: 1400px; | ||
202 | margin: 0 auto; | ||
203 | font-size: 0; | ||
204 | } | ||
205 | div.footer .system_service ul li { | ||
206 | width: 20%; | ||
207 | display: inline-block; | ||
208 | text-align: center; | ||
209 | height: 18px; | ||
210 | box-sizing: border-box; | ||
211 | } | ||
212 | div.footer .system_service ul li:not(:last-child) { | ||
213 | border-right: 1px solid #6D7278; | ||
214 | } | ||
215 | div.footer .system_service ul li a{ | ||
216 | font-size: 16px; | ||
217 | font-weight: 400; | ||
218 | color: #DEDEDE; | ||
219 | } | ||
220 | div.footer .system_service ul li a:hover { | ||
221 | color: #f46143; | ||
222 | } | ||
223 | .footer .subject { | ||
224 | width: 1200px; | ||
225 | margin: 0 auto; | ||
226 | padding: 40px 0; | ||
227 | overflow: hidden; | ||
228 | } | ||
229 | .footer .subject .footer_logo { | ||
230 | float: left; | ||
231 | } | ||
232 | .footer .subject .footer_logo a{ | ||
233 | display: block; | ||
234 | width: 64px; | ||
235 | height: 74px; | ||
236 | padding: 10px; | ||
237 | } | ||
238 | .footer .subject .footer_logo a img { | ||
239 | width: 100%; | ||
240 | height: 100%; | ||
241 | } | ||
242 | .footer .subject ul, ol { | ||
243 | float: left; | ||
244 | color: #CBCBCB; | ||
245 | text-align: left; | ||
246 | } | ||
247 | .footer .subject ul { | ||
248 | width: 73%; | ||
249 | box-sizing: border-box; | ||
250 | padding-left: 40px; | ||
251 | margin-top: 10px; | ||
252 | } | ||
253 | .footer .subject ul li { | ||
254 | width: 30%; | ||
255 | display: inline-block; | ||
256 | text-align: left; | ||
257 | margin-bottom: 30px; | ||
258 | } | ||
259 | .footer .subject ol li { | ||
260 | display: inline-block; | ||
261 | text-align: center; | ||
262 | } | ||
263 | .footer .subject ol li:last-child { | ||
264 | margin-left: 60px; | ||
265 | } | ||
266 | .footer .subject ol li img { | ||
267 | width: 80px; | ||
268 | height: 80px; | ||
269 | } | ||
270 | .footer .subject ol li p { | ||
271 | font-size: 12px; | ||
272 | color: #CBCBCB; | ||
273 | margin-top: 5px; | ||
274 | } | ||
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
This diff is collapsed.
Click to expand it.
-
Please register or sign in to post a comment