Commit e3d15e5e7682ad542f85d0714183037eccd1cbb2

Authored by liuqimichale
1 parent b0fa87e9

index api 详情

Showing 2 changed files with 463 additions and 272 deletions
css/libCss/common.css
... ... @@ -327,9 +327,115 @@ section{
327 327 padding-left: 24px;
328 328 color: #888990;
329 329 }
  330 +/*API详情----------------------------------------*/
  331 +.list-detail-wrap{
  332 + height: 581px;
  333 + overflow-y: scroll;
  334 +}
  335 +.list-detail-title{
  336 + font-size: 20px;
  337 + margin: 24px 0 12px 0;
  338 + color: #000;
  339 +}
  340 +.list-detail-des{
  341 + font-size: 13px;
  342 + color: #626c72;
  343 +}
  344 +/*url*/
  345 +.list-detail-url{
  346 + font-weight: 500;
  347 + background-color: #f6f6f6;
  348 + height: 44px;
  349 + line-height: 44px;
  350 + color: #626c72;
  351 + font-size:14px ;
  352 +}
  353 +.list-detail-url li:nth-of-type(1){
  354 + padding-left: 24px;
  355 + width: 200px;
  356 +}
  357 +.list-detail-url li:nth-of-type(2){
  358 + padding-left: 24px;
  359 +}
  360 +.list-detail-url-wrap{
  361 + background-color: #fff;
  362 + color: #888990;
  363 + font-size: 12px;
  364 +}
  365 +.list-detail-url-wrap li{
  366 + height: 40px;
  367 + line-height: 40px;
  368 + border-bottom: 1px solid #e5e5e5;
  369 +}
  370 +.list-detail-url-wrap li div:nth-of-type(1){
  371 + width: 200px;
  372 + padding-left: 24px;
  373 + border-right: 1px solid #e5e5e5;
  374 +}
  375 +.list-detail-url-wrap li div:nth-of-type(2){
  376 + padding-left: 24px;
  377 +}
  378 +/*请求参数*/
  379 +.list-detail-parameter{
  380 + height: 44px;
  381 + line-height: 44px;
  382 + background-color: #f6f6f6;
  383 + font-size: 14px;
  384 + color: #626c72;
  385 + font-weight: 500;
  386 +}
  387 +.list-detail-parameter li{
  388 + padding-left: 24px;
  389 +}
330 390  
331   -
332   -
  391 +.list-detail-parameter li:nth-of-type(1),.list-detail-parameter li:nth-of-type(2),.list-detail-parameter li:nth-of-type(3){
  392 + width: 200px;
  393 +}
  394 +.list-detail-parameter-wrap li{
  395 + height: 40px;
  396 + line-height: 40px;
  397 + background-color: #fff;
  398 + color: #888990;
  399 + font-size: 12px;
  400 + border-bottom: 1px solid #e5e5e5;
  401 +}
  402 +.list-detail-parameter-wrap li div:nth-of-type(1) ,.list-detail-parameter-wrap li div:nth-of-type(2),.list-detail-parameter-wrap li div:nth-of-type(3){
  403 + width: 200px;
  404 + border-right: 1px solid #e5e5e5;
  405 + padding-left: 24px;
  406 +}
  407 +.list-detail-parameter-wrap li div:nth-of-type(4) {
  408 + padding-left: 24px;
  409 +}
  410 +/*请求类型*/
  411 +.list-detail-type{
  412 + height: 44px;
  413 + line-height: 44px;
  414 + background-color: #f6f6f6;
  415 + color: #626c72;
  416 + font-weight: 500;
  417 +}
  418 +.list-detail-type li{
  419 + padding-left: 24px;
  420 +}
  421 +.list-detail-type li:nth-of-type(1),.list-detail-type li:nth-of-type(2){
  422 + width: 200px;
  423 +}
  424 +.list-detail-type-wrap li{
  425 + height: 40px;
  426 + line-height: 40px;
  427 + background-color: #fff;
  428 + font-size: 12px;
  429 + border-bottom: 1px solid #e5e5e5;
  430 + color: #888990;
  431 +}
  432 +.list-detail-type-wrap li div{
  433 + padding-left: 24px;
  434 +}
  435 +.list-detail-type-wrap li div:nth-of-type(1),.list-detail-type-wrap li div:nth-of-type(2){
  436 + border-right: 1px solid #e5e5e5;
  437 + width: 200px;
  438 +}
333 439  
334 440  
335 441  
... ...
index.html
... ... @@ -166,276 +166,361 @@
166 166  
167 167 <!--API别表-->
168 168 <div class="link-con-1 ">
169   - <ul class="list-con-title">
170   - <li class="float-left">名称</li>
171   - <li class="float-left">描述</li>
172   - </ul>
173   - <ul class="list-con-wrap">
174   - <li>
175   - <div class="float-left">
176   - <span data-id="1">名称名称名称名称名称</span>
177   - </div>
178   - <div class="float-left">名称名称名称名称名称</div>
179   - </li>
180   - <li>
181   - <div class="float-left">
182   - <span>名称名称名称名称名称</span>
183   - </div>
184   - <div class="float-left">名称名称名称名称名称</div>
185   - </li>
186   - <li>
187   - <div class="float-left">
188   - <span>名称名称名称名称名称</span>
189   - </div>
190   - <div class="float-left">名称名称名称名称名称</div>
191   - </li>
192   - <li>
193   - <div class="float-left">
194   - <span>名称名称名称名称名称</span>
195   - </div>
196   - <div class="float-left">名称名称名称名称名称</div>
197   - </li>
198   - <li>
199   - <div class="float-left">
200   - <span>名称名称名称名称名称</span>
201   - </div>
202   - <div class="float-left">名称名称名称名称名称</div>
203   - </li>
204   - <li>
205   - <div class="float-left">
206   - <span>名称名称名称名称名称</span>
207   - </div>
208   - <div class="float-left">名称名称名称名称名称</div>
209   - </li>
210   - <li>
211   - <div class="float-left">
212   - <span>名称名称名称名称名称</span>
213   - </div>
214   - <div class="float-left">名称名称名称名称名称</div>
215   - </li>
216   - <li>
217   - <div class="float-left">
218   - <span>名称名称名称名称名称</span>
219   - </div>
220   - <div class="float-left">名称名称名称名称名称</div>
221   - </li>
222   - <li>
223   - <div class="float-left">
224   - <span>名称名称名称名称名称</span>
225   - </div>
226   - <div class="float-left">名称名称名称名称名称</div>
227   - </li>
228   - <li>
229   - <div class="float-left">
230   - <span>名称名称名称名称名称</span>
231   - </div>
232   - <div class="float-left">名称名称名称名称名称</div>
233   - </li>
234   - <li>
235   - <div class="float-left">
236   - <span>名称名称名称名称名称</span>
237   - </div>
238   - <div class="float-left">名称名称名称名称名称</div>
239   - </li>
240   - <li>
241   - <div class="float-left">
242   - <span>名称名称名称名称名称</span>
243   - </div>
244   - <div class="float-left">名称名称名称名称名称</div>
245   - </li>
246   - <li>
247   - <div class="float-left">
248   - <span>名称名称名称名称名称</span>
249   - </div>
250   - <div class="float-left">名称名称名称名称名称</div>
251   - </li>
252   - <li>
253   - <div class="float-left">
254   - <span>名称名称名称名称名称</span>
255   - </div>
256   - <div class="float-left">名称名称名称名称名称</div>
257   - </li>
258   - <li>
259   - <div class="float-left">
260   - <span>名称名称名称名称名称</span>
261   - </div>
262   - <div class="float-left">名称名称名称名称名称</div>
263   - </li>
264   - <li>
265   - <div class="float-left">
266   - <span>名称名称名称名称名称</span>
267   - </div>
268   - <div class="float-left">名称名称名称名称名称</div>
269   - </li>
270   - <li>
271   - <div class="float-left">
272   - <span>名称名称名称名称名称</span>
273   - </div>
274   - <div class="float-left">名称名称名称名称名称</div>
275   - </li>
276   - <li>
277   - <div class="float-left">
278   - <span>名称名称名称名称名称</span>
279   - </div>
280   - <div class="float-left">名称名称名称名称名称</div>
281   - </li>
282   - <li>
283   - <div class="float-left">
284   - <span>名称名称名称名称名称</span>
285   - </div>
286   - <div class="float-left">名称名称名称名称名称</div>
287   - </li>
288   - <li>
289   - <div class="float-left">
290   - <span>名称名称名称名称名称</span>
291   - </div>
292   - <div class="float-left">名称名称名称名称名称</div>
293   - </li>
294   - <li>
295   - <div class="float-left">
296   - <span>名称名称名称名称名称</span>
297   - </div>
298   - <div class="float-left">名称名称名称名称名称</div>
299   - </li>
300   - <li>
301   - <div class="float-left">
302   - <span>名称名称名称名称名称</span>
303   - </div>
304   - <div class="float-left">名称名称名称名称名称</div>
305   - </li>
306   - <li>
307   - <div class="float-left">
308   - <span>名称名称名称名称名称</span>
309   - </div>
310   - <div class="float-left">名称名称名称名称名称</div>
311   - </li>
312   - <li>
313   - <div class="float-left">
314   - <span>名称名称名称名称名称</span>
315   - </div>
316   - <div class="float-left">名称名称名称名称名称</div>
317   - </li>
318   - <li>
319   - <div class="float-left">
320   - <span>名称名称名称名称名称</span>
321   - </div>
322   - <div class="float-left">名称名称名称名称名称</div>
323   - </li>
324   - <li>
325   - <div class="float-left">
326   - <span>名称名称名称名称名称</span>
327   - </div>
328   - <div class="float-left">名称名称名称名称名称</div>
329   - </li>
330   - <li>
331   - <div class="float-left">
332   - <span>名称名称名称名称名称</span>
333   - </div>
334   - <div class="float-left">名称名称名称名称名称</div>
335   - </li>
336   - <li>
337   - <div class="float-left">
338   - <span>名称名称名称名称名称</span>
339   - </div>
340   - <div class="float-left">名称名称名称名称名称</div>
341   - </li>
342   - <li>
343   - <div class="float-left">
344   - <span>名称名称名称名称名称</span>
345   - </div>
346   - <div class="float-left">名称名称名称名称名称</div>
347   - </li>
348   - <li>
349   - <div class="float-left">
350   - <span>名称名称名称名称名称</span>
351   - </div>
352   - <div class="float-left">名称名称名称名称名称</div>
353   - </li>
354   - <li>
355   - <div class="float-left">
356   - <span>名称名称名称名称名称</span>
357   - </div>
358   - <div class="float-left">名称名称名称名称名称</div>
359   - </li>
360   - <li>
361   - <div class="float-left">
362   - <span>名称名称名称名称名称</span>
363   - </div>
364   - <div class="float-left">名称名称名称名称名称</div>
365   - </li>
366   - <li>
367   - <div class="float-left">
368   - <span>名称名称名称名称名称</span>
369   - </div>
370   - <div class="float-left">名称名称名称名称名称</div>
371   - </li>
372   - <li>
373   - <div class="float-left">
374   - <span>名称名称名称名称名称</span>
375   - </div>
376   - <div class="float-left">名称名称名称名称名称</div>
377   - </li>
378   - <li>
379   - <div class="float-left">
380   - <span>名称名称名称名称名称</span>
381   - </div>
382   - <div class="float-left">名称名称名称名称名称</div>
383   - </li>
384   - <li>
385   - <div class="float-left">
386   - <span>名称名称名称名称名称</span>
387   - </div>
388   - <div class="float-left">名称名称名称名称名称</div>
389   - </li>
390   - <li>
391   - <div class="float-left">
392   - <span>名称名称名称名称名称</span>
393   - </div>
394   - <div class="float-left">名称名称名称名称名称</div>
395   - </li>
396   - <li>
397   - <div class="float-left">
398   - <span>名称名称名称名称名称</span>
399   - </div>
400   - <div class="float-left">名称名称名称名称名称</div>
401   - </li>
402   - <li>
403   - <div class="float-left">
404   - <span>名称名称名称名称名称</span>
405   - </div>
406   - <div class="float-left">名称名称名称名称名称</div>
407   - </li>
408   - <li>
409   - <div class="float-left">
410   - <span>名称名称名称名称名称</span>
411   - </div>
412   - <div class="float-left">名称名称名称名称名称</div>
413   - </li>
414   - <li>
415   - <div class="float-left">
416   - <span>名称名称名称名称名称</span>
417   - </div>
418   - <div class="float-left">名称名称名称名称名称</div>
419   - </li>
420   - <li>
421   - <div class="float-left">
422   - <span>名称名称名称名称名称</span>
423   - </div>
424   - <div class="float-left">名称名称名称名称名称</div>
425   - </li>
426   - <li>
427   - <div class="float-left">
428   - <span>名称名称名称名称名称</span>
429   - </div>
430   - <div class="float-left">名称名称名称名称名称</div>
431   - </li>
432   - <li>
433   - <div class="float-left">
434   - <span>名称名称名称名称名称</span>
435   - </div>
436   - <div class="float-left">名称名称名称名称名称</div>
437   - </li>
438   - </ul>
  169 + <div class="list-main-wrap display-none" id="list-main-wrap">
  170 + <ul class="list-con-title">
  171 + <li class="float-left">名称</li>
  172 + <li class="float-left">描述</li>
  173 + </ul>
  174 + <ul class="list-con-wrap">
  175 + <li>
  176 + <div class="float-left">
  177 + <span data-id="1">名称名称名称名称名称</span>
  178 + </div>
  179 + <div class="float-left">名称名称名称名称名称</div>
  180 + </li>
  181 + <li>
  182 + <div class="float-left">
  183 + <span>名称名称名称名称名称</span>
  184 + </div>
  185 + <div class="float-left">名称名称名称名称名称</div>
  186 + </li>
  187 + <li>
  188 + <div class="float-left">
  189 + <span>名称名称名称名称名称</span>
  190 + </div>
  191 + <div class="float-left">名称名称名称名称名称</div>
  192 + </li>
  193 + <li>
  194 + <div class="float-left">
  195 + <span>名称名称名称名称名称</span>
  196 + </div>
  197 + <div class="float-left">名称名称名称名称名称</div>
  198 + </li>
  199 + <li>
  200 + <div class="float-left">
  201 + <span>名称名称名称名称名称</span>
  202 + </div>
  203 + <div class="float-left">名称名称名称名称名称</div>
  204 + </li>
  205 + <li>
  206 + <div class="float-left">
  207 + <span>名称名称名称名称名称</span>
  208 + </div>
  209 + <div class="float-left">名称名称名称名称名称</div>
  210 + </li>
  211 + <li>
  212 + <div class="float-left">
  213 + <span>名称名称名称名称名称</span>
  214 + </div>
  215 + <div class="float-left">名称名称名称名称名称</div>
  216 + </li>
  217 + <li>
  218 + <div class="float-left">
  219 + <span>名称名称名称名称名称</span>
  220 + </div>
  221 + <div class="float-left">名称名称名称名称名称</div>
  222 + </li>
  223 + <li>
  224 + <div class="float-left">
  225 + <span>名称名称名称名称名称</span>
  226 + </div>
  227 + <div class="float-left">名称名称名称名称名称</div>
  228 + </li>
  229 + <li>
  230 + <div class="float-left">
  231 + <span>名称名称名称名称名称</span>
  232 + </div>
  233 + <div class="float-left">名称名称名称名称名称</div>
  234 + </li>
  235 + <li>
  236 + <div class="float-left">
  237 + <span>名称名称名称名称名称</span>
  238 + </div>
  239 + <div class="float-left">名称名称名称名称名称</div>
  240 + </li>
  241 + <li>
  242 + <div class="float-left">
  243 + <span>名称名称名称名称名称</span>
  244 + </div>
  245 + <div class="float-left">名称名称名称名称名称</div>
  246 + </li>
  247 + <li>
  248 + <div class="float-left">
  249 + <span>名称名称名称名称名称</span>
  250 + </div>
  251 + <div class="float-left">名称名称名称名称名称</div>
  252 + </li>
  253 + <li>
  254 + <div class="float-left">
  255 + <span>名称名称名称名称名称</span>
  256 + </div>
  257 + <div class="float-left">名称名称名称名称名称</div>
  258 + </li>
  259 + <li>
  260 + <div class="float-left">
  261 + <span>名称名称名称名称名称</span>
  262 + </div>
  263 + <div class="float-left">名称名称名称名称名称</div>
  264 + </li>
  265 + <li>
  266 + <div class="float-left">
  267 + <span>名称名称名称名称名称</span>
  268 + </div>
  269 + <div class="float-left">名称名称名称名称名称</div>
  270 + </li>
  271 + <li>
  272 + <div class="float-left">
  273 + <span>名称名称名称名称名称</span>
  274 + </div>
  275 + <div class="float-left">名称名称名称名称名称</div>
  276 + </li>
  277 + <li>
  278 + <div class="float-left">
  279 + <span>名称名称名称名称名称</span>
  280 + </div>
  281 + <div class="float-left">名称名称名称名称名称</div>
  282 + </li>
  283 + <li>
  284 + <div class="float-left">
  285 + <span>名称名称名称名称名称</span>
  286 + </div>
  287 + <div class="float-left">名称名称名称名称名称</div>
  288 + </li>
  289 + <li>
  290 + <div class="float-left">
  291 + <span>名称名称名称名称名称</span>
  292 + </div>
  293 + <div class="float-left">名称名称名称名称名称</div>
  294 + </li>
  295 + <li>
  296 + <div class="float-left">
  297 + <span>名称名称名称名称名称</span>
  298 + </div>
  299 + <div class="float-left">名称名称名称名称名称</div>
  300 + </li>
  301 + <li>
  302 + <div class="float-left">
  303 + <span>名称名称名称名称名称</span>
  304 + </div>
  305 + <div class="float-left">名称名称名称名称名称</div>
  306 + </li>
  307 + <li>
  308 + <div class="float-left">
  309 + <span>名称名称名称名称名称</span>
  310 + </div>
  311 + <div class="float-left">名称名称名称名称名称</div>
  312 + </li>
  313 + <li>
  314 + <div class="float-left">
  315 + <span>名称名称名称名称名称</span>
  316 + </div>
  317 + <div class="float-left">名称名称名称名称名称</div>
  318 + </li>
  319 + <li>
  320 + <div class="float-left">
  321 + <span>名称名称名称名称名称</span>
  322 + </div>
  323 + <div class="float-left">名称名称名称名称名称</div>
  324 + </li>
  325 + <li>
  326 + <div class="float-left">
  327 + <span>名称名称名称名称名称</span>
  328 + </div>
  329 + <div class="float-left">名称名称名称名称名称</div>
  330 + </li>
  331 + <li>
  332 + <div class="float-left">
  333 + <span>名称名称名称名称名称</span>
  334 + </div>
  335 + <div class="float-left">名称名称名称名称名称</div>
  336 + </li>
  337 + <li>
  338 + <div class="float-left">
  339 + <span>名称名称名称名称名称</span>
  340 + </div>
  341 + <div class="float-left">名称名称名称名称名称</div>
  342 + </li>
  343 + <li>
  344 + <div class="float-left">
  345 + <span>名称名称名称名称名称</span>
  346 + </div>
  347 + <div class="float-left">名称名称名称名称名称</div>
  348 + </li>
  349 + <li>
  350 + <div class="float-left">
  351 + <span>名称名称名称名称名称</span>
  352 + </div>
  353 + <div class="float-left">名称名称名称名称名称</div>
  354 + </li>
  355 + <li>
  356 + <div class="float-left">
  357 + <span>名称名称名称名称名称</span>
  358 + </div>
  359 + <div class="float-left">名称名称名称名称名称</div>
  360 + </li>
  361 + <li>
  362 + <div class="float-left">
  363 + <span>名称名称名称名称名称</span>
  364 + </div>
  365 + <div class="float-left">名称名称名称名称名称</div>
  366 + </li>
  367 + <li>
  368 + <div class="float-left">
  369 + <span>名称名称名称名称名称</span>
  370 + </div>
  371 + <div class="float-left">名称名称名称名称名称</div>
  372 + </li>
  373 + <li>
  374 + <div class="float-left">
  375 + <span>名称名称名称名称名称</span>
  376 + </div>
  377 + <div class="float-left">名称名称名称名称名称</div>
  378 + </li>
  379 + <li>
  380 + <div class="float-left">
  381 + <span>名称名称名称名称名称</span>
  382 + </div>
  383 + <div class="float-left">名称名称名称名称名称</div>
  384 + </li>
  385 + <li>
  386 + <div class="float-left">
  387 + <span>名称名称名称名称名称</span>
  388 + </div>
  389 + <div class="float-left">名称名称名称名称名称</div>
  390 + </li>
  391 + <li>
  392 + <div class="float-left">
  393 + <span>名称名称名称名称名称</span>
  394 + </div>
  395 + <div class="float-left">名称名称名称名称名称</div>
  396 + </li>
  397 + <li>
  398 + <div class="float-left">
  399 + <span>名称名称名称名称名称</span>
  400 + </div>
  401 + <div class="float-left">名称名称名称名称名称</div>
  402 + </li>
  403 + <li>
  404 + <div class="float-left">
  405 + <span>名称名称名称名称名称</span>
  406 + </div>
  407 + <div class="float-left">名称名称名称名称名称</div>
  408 + </li>
  409 + <li>
  410 + <div class="float-left">
  411 + <span>名称名称名称名称名称</span>
  412 + </div>
  413 + <div class="float-left">名称名称名称名称名称</div>
  414 + </li>
  415 + <li>
  416 + <div class="float-left">
  417 + <span>名称名称名称名称名称</span>
  418 + </div>
  419 + <div class="float-left">名称名称名称名称名称</div>
  420 + </li>
  421 + <li>
  422 + <div class="float-left">
  423 + <span>名称名称名称名称名称</span>
  424 + </div>
  425 + <div class="float-left">名称名称名称名称名称</div>
  426 + </li>
  427 + <li>
  428 + <div class="float-left">
  429 + <span>名称名称名称名称名称</span>
  430 + </div>
  431 + <div class="float-left">名称名称名称名称名称</div>
  432 + </li>
  433 + <li>
  434 + <div class="float-left">
  435 + <span>名称名称名称名称名称</span>
  436 + </div>
  437 + <div class="float-left">名称名称名称名称名称</div>
  438 + </li>
  439 + </ul>
  440 + </div>
  441 +
  442 + <div class="list-detail-wrap" id="list-detail-wrap">
  443 + <div class="list-detail-title">
  444 + 名称名称名称名称名称名称名称(名称名称名称名称名称名称名称名称)
  445 + </div>
  446 + <div class="list-detail-des">
  447 + 名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称
  448 + </div>
  449 + <div class="list-detail-title">
  450 + 请求url
  451 + </div>
  452 + <ul class="list-detail-url">
  453 + <li class="float-left">环境</li>
  454 + <li class="float-left">HTTPS请求地址</li>
  455 + </ul>
  456 + <ul class="list-detail-url-wrap">
  457 + <li>
  458 + <div class="float-left">名称名称名称名称名称</div>
  459 + <div class="float-left">名称名称名称名称名称</div>
  460 + </li>
  461 + </ul>
  462 + <div class="list-detail-title">
  463 + 请求参数
  464 + </div>
  465 + <ul class="list-detail-parameter">
  466 + <li class="float-left">参数名称</li>
  467 + <li class="float-left">必选</li>
  468 + <li class="float-left">类型</li>
  469 + <li class="float-left">说明</li>
  470 + </ul>
  471 + <ul class="list-detail-parameter-wrap">
  472 + <li>
  473 + <div class="float-left">名称名称名称名称名称</div>
  474 + <div class="float-left">名称名称名称名称名称</div>
  475 + <div class="float-left">名称名称名称名称名称</div>
  476 + <div class="float-left">名称名称名称名称名称</div>
  477 + </li>
  478 + <li>
  479 + <div class="float-left">名称名称名称名称名称</div>
  480 + <div class="float-left">名称名称名称名称名称</div>
  481 + <div class="float-left">名称名称名称名称名称</div>
  482 + <div class="float-left">名称名称名称名称名称</div>
  483 + </li>
  484 + <li>
  485 + <div class="float-left">名称名称名称名称名称</div>
  486 + <div class="float-left">名称名称名称名称名称</div>
  487 + <div class="float-left">名称名称名称名称名称</div>
  488 + <div class="float-left">名称名称名称名称名称</div>
  489 + </li>
  490 +
  491 + </ul>
  492 +
  493 + <div class="list-detail-title">
  494 + 请求类型
  495 + </div>
  496 + <ul class="list-detail-type">
  497 + <li class="float-left">参数名称</li>
  498 + <li class="float-left">类型</li>
  499 + <li class="float-left">说明</li>
  500 + </ul>
  501 + <ul class="list-detail-type-wrap">
  502 + <li>
  503 + <div class="float-left">名称名称名称名称名称</div>
  504 + <div class="float-left">名称名称名称名称名称</div>
  505 + <div class="float-left">名称名称名称名称名称</div>
  506 + <div class="float-left">名称名称名称名称名称</div>
  507 + </li>
  508 + <li>
  509 + <div class="float-left">名称名称名称名称名称</div>
  510 + <div class="float-left">名称名称名称名称名称</div>
  511 + <div class="float-left">名称名称名称名称名称</div>
  512 + <div class="float-left">名称名称名称名称名称</div>
  513 + </li>
  514 + <li>
  515 + <div class="float-left">名称名称名称名称名称</div>
  516 + <div class="float-left">名称名称名称名称名称</div>
  517 + <div class="float-left">名称名称名称名称名称</div>
  518 + <div class="float-left">名称名称名称名称名称</div>
  519 + </li>
  520 +
  521 + </ul>
  522 +
  523 + </div>
439 524 </div>
440 525 </div>
441 526 </div>
... ...