1 reset.css: 2 @charset "utf-8"; 3 /*=========================Reset_start==========================*/ 4 body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ol,ul,li,form,table,th,td,a,img,span,strong,var,em,input,textarea,select,option 5 { 6 margin: 0; 7 padding: 0; 8 } 9 html,body 10 { 11 font-family:"微软雅黑","宋体",Arail,Tabhoma; 12 text-align: left; 13 } 14 ul,ol 15 { 16 list-style: none; 17 } 18 img 19 { 20 border: 0 none; 21 } 22 input,select,textarea 23 { 24 outline:0; 25 } 26 textarea 27 { 28 resize:none; 29 overflow: auto; 30 } 31 table 32 { 33 border-collapse: collapse; 34 border-spacing: 0; 35 } 36 th,strong,var,em 37 { 38 font-weight: normal; 39 font-style: normal; 40 } 41 a 42 { 43 text-decoration: none; 44 } 45 46 /*==========================Reset_End===========================*/ 47 48 49 head.css: 50 * 51 { 52 margin: 0; 53 padding: 0; 54 } 55 .head 56 { 57 border-bottom:4px solid #176fbb; 58 min-width: 1000px; 59 } 60 .headcon 61 { 62 width: 1000px; 63 margin: 0 auto; 64 overflow: hidden; 65 padding-top: 15px; 66 padding-bottom: 9px; 67 } 68 .head1 69 { 70 float: left; 71 } 72 .head2 73 { 74 float: right; 75 } 76 .banners 77 { 78 float: left; 79 margin-right: 14px; 80 font-family: "微软雅黑"; 81 font-size: 14px; 82 color: #505050; 83 text-decoration: none; 84 } 85 .headboreder 86 { 87 border-right: 2px solid #3c3c3c; 88 padding-right: 14px; 89 } 90 .headinp 91 { 92 width: 151px; 93 height: 24px; 94 margin-right: 0px; 95 } 96 .xinglixiang 97 { 98 margin-top: -5px; 99 } 100 .phone 101 { 102 margin-top: -1px; 103 } 104 .sousuo 105 { 106 margin-top: -6px; 107 } 108 .head3 109 { 110 float: left; 111 margin-left: 56px; 112 margin-top: 40px; 113 } 114 .head3 a 115 { 116 font-family: "微软雅黑"; 117 font-size: 18px; 118 color: #3c3c3c; 119 text-decoration: none; 120 margin-left: 38px; 121 } 122 123 buttom.css: 124 125 .dibuxinxi 126 { 127 margin-top: 30px; 128 overflow: hidden; 129 width: 100%; 130 min-width: 1000px; 131 background-color:#023c4d; 132 } 133 .xinxishang 134 { 135 width: 1000px; 136 color: #ffffff; 137 overflow: hidden; 138 margin: 0 auto; 139 } 140 .diyilie 141 { 142 float: left; 143 padding-left: 102px; 144 float: left; 145 } 146 .l1 147 { 148 padding-top: 22px; 149 font-size: 18px; 150 font-weight: bold; 151 } 152 .l2 153 { 154 padding-top: 11px; 155 font-size: 14px; 156 } 157 .l3,.l4,.l5 158 { 159 padding-top: 15px; 160 font-size: 14px; 161 } 162 .dierlie 163 { 164 float: left; 165 margin-left: 80px; 166 float: left; 167 } 168 .disanlie 169 { 170 float: left; 171 margin-left: 80px; 172 float: left; 173 } 174 .disilie 175 { 176 float: left; 177 margin-left: 80px; 178 float: left; 179 } 180 .l6 181 { 182 padding-top: 22px; 183 font-size: 14px; 184 } 185 .diwulie 186 { 187 float: left; 188 margin-left: 80px; 189 float: left; 190 } 191 .l7 192 { 193 font-size: 18px; 194 padding-top: 18px; 195 } 196 .xinxixia 197 { 198 border-top:1px solid #ffffff; 199 margin-top: 22px; 200 } 201 .dibukuang 202 { 203 height: 57px; 204 line-height: 57px; 205 width: 1000px; 206 margin: 0 auto; 207 } 208 .pp 209 { 210 text-align: center; 211 color: #ffffff; 212 }
1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <link rel="stylesheet" href="css/head.css"> 7 <link rel="stylesheet" href="css/reset.css"> 8 <link rel="stylesheet" href="css/buttom.css"> 9 <meta name="Keywords" content="达人图册"> 10 <meta name="Description" content="达人图册详情"> 11 <style> 12 .zsh_body 13 { 14 font-size: 14px; 15 font-weight: bold; 16 color: #3c3c3c; 17 } 18 .zsh_middle 19 { 20 width: 1000px; 21 margin: 0 auto; 22 } 23 .zsh_biaoti 24 { 25 overflow: hidden; 26 } 27 .zsh_shouye 28 { 29 margin-top: 21px; 30 } 31 .zsh_kdw 32 { 33 margin-top: 18px; 34 position: relative; 35 height: 18px; 36 } 37 .zsh_kendingwan 38 { 39 font-size: 18px; 40 margin-left: 19px; 41 float: left; 42 } 43 .zsh_hx 44 { 45 float: left; 46 margin-left: 572px; 47 } 48 .zsh_hongxin,.zsh_lanxin 49 { 50 font-size: 12px; 51 color: #6e6e6e; 52 } 53 .zsh_hongxin 54 { 55 float: left; 56 margin-left: 9px; 57 line-height: 18px; 58 } 59 .zsh_lx 60 { 61 float: left; 62 margin-left: 20px; 63 } 64 .zsh_lanxin 65 { 66 float: left; 67 margin-left: 10px; 68 line-height: 18px; 69 } 70 .zsh_fh 71 { 72 float: left; 73 margin-left: 33px; 74 } 75 .zsh_fanhuixiangce 76 { 77 float: left; 78 margin-left: 10px; 79 color: #51b23e; 80 font-size: 16px; 81 text-decoration: underline; 82 line-height: 18px; 83 } 84 .zsh_lvse 85 { 86 width: 1000px; 87 border: 2px solid #51b23e; 88 margin-top: 8px; 89 } 90 .zsh_zuocezhengti 91 { 92 width: 700px; 93 float: left; 94 } 95 .zsh_datubufen 96 { 97 position: relative; 98 } 99 .zsh_kdwbj 100 { 101 margin-top: 20px; 102 } 103 .zsh_yuanquanzuo 104 { 105 position: absolute; 106 left: 13px; 107 top: 201px; 108 } 109 .zsh_yuanquanyou 110 { 111 position: absolute; 112 top: 201px; 113 right: 13px; 114 } 115 .zsh_yinying 116 { 117 position: absolute; 118 bottom: 0px; 119 left: 0px; 120 } 121 .zsh_yema 122 { 123 position: absolute; 124 left: 286px; 125 bottom: 16px; 126 font-size: 18px; 127 color: #ffffff; 128 } 129 .zsh_kuanlvxian 130 { 131 margin-top: 30px; 132 background: #51b23e; 133 height: 38px; 134 } 135 .zsh_talk 136 { 137 font-size: 18px; 138 color: #ffffff; 139 padding-left: 19px; 140 line-height: 38px; 141 } 142 .zsh_plqts 143 { 144 float: left; 145 height: 166px; 146 width: 701px; 147 } 148 .zsh_tx 149 { 150 margin-top: 20px; 151 margin-left: 21px; 152 float: left; 153 } 154 .zsh_sswj 155 { 156 font-weight: bold; 157 color: #3c3c3c; 158 margin-left: 5px; 159 margin-top: 19px; 160 } 161 .zsh_plk 162 { 163 float: left; 164 margin-top: 20px; 165 margin-left: 19px; 166 width: 588px; 167 height: 98px; 168 border: 1px solid #6e6e6e; 169 } 170 .zsh_ts1,.zsh_ts2 171 { 172 font-size: 12px; 173 font-weight: bold; 174 text-align: center; 175 } 176 .zsh_ts1 177 { 178 padding-top: 30px; 179 color: #6e6e6e; 180 181 } 182 .zsh_ts2 183 { 184 text-decoration: underline; 185 margin-top: 15px; 186 color: #ffa000; 187 } 188 .zsh_shuruzishu 189 { 190 font-size: 12px; 191 font-weight: bold; 192 color: #6e6e6e; 193 float: right; 194 margin-top: 9px; 195 } 196 .zsh_pl 197 { 198 float: left; 199 width: 701px; 200 height: 25px; 201 margin-top: 19px; 202 } 203 .zsh_pinglunanniu 204 { 205 color: #ffffff; 206 font-weight: bold; 207 float: right; 208 background-color: #5ab4f5; 209 width: 80px; 210 height: 25px; 211 } 212 .zsh_talk1 213 { 214 float: left; 215 margin-top: 45px; 216 width: 701px; 217 } 218 .zsh_tx1 219 { 220 margin-left: 21px; 221 float: left; 222 } 223 .zsh_youcewenzi 224 { 225 width: 592px; 226 height: 491px; 227 float: left; 228 margin-left: 18px; 229 230 } 231 .zsh_pinglun1 232 { 233 width: 592px; 234 font-weight:bold; 235 } 236 .zsh_dierhang 237 { 238 width: 590px; 239 border-top: 1px dashed #898989; 240 border-bottom: 1px dashed #898989; 241 height: 27px; 242 margin-top: 40px; 243 } 244 .zsh_time 245 { 246 line-height: 27px; 247 color: #6e6e6e; 248 float: left; 249 } 250 .zsh_lx2 251 { 252 float: left; 253 margin-left: 270px; 254 padding-top: 5px; 255 } 256 257 .zsh_huifu 258 { 259 line-height: 27px; 260 color: #6e6e6e; 261 float: left; 262 margin-left: 7px; 263 } 264 .zsh_xiaoshou 265 { 266 float: left; 267 padding-top: 5px; 268 margin-left: 30px; 269 } 270 .zsh_shuzi1168 271 { 272 line-height: 27px; 273 color: #6e6e6e; 274 float: left; 275 margin-left: 7px; 276 } 277 .zsh_shouqi 278 { 279 line-height: 27px; 280 color: #144b6e; 281 float: left; 282 margin-left: 20px; 283 } 284 .zsh_disankuai 285 { 286 width: 596px; 287 height: 105px; 288 float: left; 289 margin-top: 19px; 290 } 291 .zsh_ssly 292 { 293 float: left; 294 } 295 .zsh_shishanglvyou 296 { 297 margin-top: 14px; 298 } 299 .zsh_ycpl 300 { 301 float: left; 302 margin-left: 20px; 303 width: 520px; 304 } 305 .zsh_yihang 306 { 307 float: left; 308 309 } 310 .zsh_zai101 311 { 312 float: left; 313 margin-top: 18px; 314 color: #626262; 315 } 316 .zsh_sanhang 317 { 318 margin-top: 21px; 319 float: left; 320 } 321 .zsh_time1 322 { 323 color: #626262; 324 float: left; 325 } 326 .zsh_huifu1 327 { 328 float: left; 329 color: #176fbb; 330 margin-left: 16px; 331 } 332 .zsh_disikuai 333 { 334 width: 596px; 335 height: 105px; 336 float: left; 337 margin-top: 19px; 338 position: relative; 339 } 340 .zsh_sslytp 341 { 342 width: 50px; 343 height: 50px; 344 } 345 .zsh_pinglun 346 { 347 position: absolute; 348 left: 284px; 349 top: 81px; 350 } 351 .zsh_neirong 352 { 353 position: absolute; 354 left: 324px; 355 top: 91px; 356 font-size: 12px; 357 color: #d2d2d2; 358 } 359 .zsh_kuangkuang 360 { 361 width: 589px; 362 height: 58px; 363 border: 1px solid #6e6e6e; 364 float: left; 365 margin-top: 4px; 366 } 367 .zsh_pinglun,.zsh_neirong 368 { 369 display: none; 370 } 371 .zsh_kuangkuang:hover .zsh_pinglun 372 { 373 display: block; 374 } 375 .zsh_kuangkuang:hover .zsh_neirong 376 { 377 display: block; 378 } 379 .zsh_haikeyi 380 { 381 float: right; 382 margin-top: 9px; 383 color: #6e6e6e; 384 font-size: 12px; 385 } 386 .zsh_pingluna 387 { 388 margin-top: 19px; 389 float: left; 390 background-color: #5ab4f5; 391 width: 80px; 392 height: 25px; 393 color: #ffffff; 394 font-weight: bold; 395 margin-left: 512px; 396 } 397 .zsh_talk2 398 { 399 margin-top: 19px; 400 width: 700px; 401 float: left; 402 } 403 .zsh_dierhang1 404 { 405 width: 590px; 406 border-top: 1px dashed #898989; 407 border-bottom: 1px dashed #898989; 408 height: 27px; 409 margin-top: 40px; 410 float: left; 411 margin-left: 18px; 412 } 413 .zsh_pinglun2 414 { 415 width: 591px; 416 font-weight:bold; 417 float: left; 418 margin-left: 18px; 419 } 420 /*翻页部分*/ 421 .fanye 422 { 423 float:left; 424 margin-top: 20px; 425 margin-left:198px; 426 } 427 .shangyiye 428 { 429 float: left; 430 } 431 .shuzi1 432 { 433 float: left; 434 margin-left: 14px; 435 } 436 .shengluehao 437 { 438 float: left; 439 margin-left: 7px; 440 } 441 .shuzi12 442 { 443 float: left; 444 margin-left: 8px; 445 446 } 447 .shuzi13 448 { 449 background-color: #6e6e6e; 450 width: 30px; 451 height: 20px; 452 float: left; 453 margin-left: 11px; 454 text-align: center; 455 } 456 .shuzi14 457 { 458 margin-left: 10px; 459 float: left; 460 } 461 .shengluehao2 462 { 463 float: left; 464 margin-left: 9px; 465 } 466 .shuzi40 467 { 468 float: left; 469 margin-left: 9px; 470 } 471 .xiayiye 472 { 473 float: left; 474 margin-left: 12px; 475 } 476 .zsh_fenjiexian 477 { 478 float: left; 479 width: 700px; 480 border: 1px solid #898989; 481 margin-top: 23px; 482 margin-bottom: 30px; 483 } 484 .zsh_youcezhengti 485 { 486 width: 270px; 487 float: left; 488 margin-left: 30px; 489 margin-top: 20px; 490 } 491 .zsh_youceyikuai 492 { 493 width: 268px; 494 height: 527px; 495 border: 1px solid #c8c8c8; 496 } 497 .zsh_youyiyi 498 { 499 float: left; 500 } 501 .zsh_yanjingnv 502 { 503 float: left; 504 margin:20px; 505 } 506 .zsh_youce 507 { 508 float: left; 509 width: 150px; 510 } 511 .zsh_tianlanse,.zsh_shijian,.zsh_tian1,.zsh_tian2 512 { 513 font-size: 12px; 514 color: #000000; 515 font-weight: bold; 516 } 517 .zsh_tianlanse 518 { 519 float: left; 520 margin-top: 27px; 521 } 522 .zsh_shijian 523 { 524 float: left; 525 margin-top: 15px; 526 } 527 .zsh_youyier 528 { 529 height:41px; 530 width: 268px; 531 border-top: 1px solid #c8c8c8; 532 border-bottom: 1px solid #c8c8c8; 533 float: left; 534 } 535 .zsh_xihuan 536 { 537 margin-top: 7px; 538 margin-left: 15px; 539 width: 70px; 540 height: 25px; 541 background: url(images/zsh_圆角空矩形.png) 0 0 no-repeat; 542 position: relative; 543 float: left; 544 } 545 .zsh_konghognxin 546 { 547 position: absolute; 548 left: 12px; 549 top: 6px; 550 } 551 .zsh_xihuana 552 { 553 position: absolute; 554 left: 35px; 555 top: 5px; 556 font-size: 12px; 557 font-weight: bold; 558 color: #7b7b7b; 559 } 560 .zsh_fenxiang 561 { 562 margin-top: 7px; 563 margin-left: 15px; 564 width: 70px; 565 height: 25px; 566 position: relative; 567 float: left; 568 } 569 .zsh_youyisan 570 { 571 float: left; 572 margin-top: 20px; 573 margin-left: 26px; 574 position: relative; 575 } 576 .zsh_xiaowu 577 { 578 float: left; 579 margin-top: 20px; 580 } 581 .zsh_yinying1 582 { 583 position: absolute; 584 float: left; 585 top: 156px; 586 left: 0px; 587 } 588 .zsh_xiaohongxin 589 { 590 float: left; 591 position: absolute; 592 left: 70px; 593 top: 165px; 594 } 595 .zsh_1168,.zsh_2hao1168,.zsh_1168b,.zsh_2hao1168b 596 { 597 color: #ffffff; 598 font-weight: bold; 599 font-size: 12px; 600 } 601 .zsh_1168 602 { 603 position: absolute; 604 left: 94px; 605 top: 164px; 606 } 607 .zsh_xiaolanxin 608 { 609 float: left; 610 position: absolute; 611 left: 142px; 612 top: 165px; 613 } 614 .zsh_2hao1168 615 { 616 position: absolute; 617 float: left; 618 left: 167px; 619 top: 164px; 620 } 621 .zsh_yinying1a 622 { 623 position: absolute; 624 float: left; 625 top: 326px; 626 left: 0px; 627 } 628 .zsh_xiaohongxina 629 { 630 float: left; 631 position: absolute; 632 left: 70px; 633 top: 335px; 634 } 635 .zsh_1168a,.zsh_2hao1168a 636 { 637 color: #ffffff; 638 font-weight: bold; 639 font-size: 12px; 640 } 641 .zsh_1168a 642 { 643 position: absolute; 644 left: 94px; 645 top: 335px; 646 } 647 .zsh_xiaolanxina 648 { 649 float: left; 650 position: absolute; 651 left: 142px; 652 top: 335px; 653 } 654 .zsh_2hao1168a 655 { 656 position: absolute; 657 float: left; 658 left: 167px; 659 top: 335px; 660 } 661 .zsh_youceerkuai 662 { 663 width: 268px; 664 height: 224px; 665 border: 1px solid #c8c8c8; 666 margin-top: 20px; 667 position: relative; 668 } 669 .zsh_tian2 670 { 671 float: left; 672 margin-top: 20px; 673 margin-left: 26px; 674 } 675 .zsh_haoduochuan 676 { 677 margin-top: 20px; 678 margin-left: 27px; 679 float: left; 680 } 681 .zsh_yinying2 682 { 683 position: absolute; 684 float: left; 685 top: 176px; 686 left: 27px; 687 } 688 .zsh_xiaohongxinb 689 { 690 float: left; 691 position: absolute; 692 left: 100px; 693 top: 183px; 694 } 695 .zsh_xiaolanxinb 696 { 697 float: left; 698 position: absolute; 699 left: 172px; 700 top: 183px; 701 } 702 .zsh_1168b 703 { 704 float: left; 705 position: absolute; 706 left: 124px; 707 top: 182px; 708 } 709 .zsh_2hao1168b 710 { 711 float: left; 712 position: absolute; 713 left: 197px; 714 top: 182px; 715 } 716 </style> 717 </head> 718 <body class="zsh_body"> 719 <!-- 头部部分开始 --> 720 <div class="head"> 721 <div class="headcon"> 722 <div class="head1"> 723 <img src="images/ban.png" alt=""> 724 </div> 725 <div class="head2"> 726 <img class="banners phone" src="images/phone.png" alt=""> 727 <span class="banners headboreder yanse400">400-800-8820</span> 728 <a class="banners headboreder" href="###">登陆</a> 729 <a class="banners headboreder" href="###">注册</a> 730 <img class="banners xinglixiang" src="images/xingli.png" alt=""> 731 <span class="banners ">行李箱</span> 732 <input class="banners headinp sousuo" type="text"> 733 <img class="banners sousuo" src="images/sousuo.png" alt=""> 734 </div> 735 <div class="head3"> 736 <img src="images/fangzi.png" alt=""> 737 <a href="###">第一次</a> 738 <a href="###">目的地</a> 739 <a href="###">自定行程</a> 740 <a href="###">游记</a> 741 <a href="###">特产</a> 742 <a href="###">优惠</a> 743 <a href="###">环岛巴士</a> 744 </div> 745 </div> 746 </div> 747 <!-- 头部部分结束 --> 748 <!-- 中间主体部分开始 --> 749 <div class="zsh_middle"> 750 <div class="zsh_biaoti"><!--上方标题栏 --> 751 <div class="zsh_shouye"><!-- 首页>达人>画册>图片详情 --> 752 首页>达人>画册>图片详情 753 </div> 754 <div class="zsh_kdw"> 755 <div class="zsh_kendingwan"><!-- 垦丁海湾一角 --> 756 垦丁海湾一角 757 </div> 758 <img src="images/zsh_红心.png" alt="红心" class="zsh_hx"> 759 <div class="zsh_hongxin"><!-- 红心 --> 760 1168 761 </div> 762 <img src="images/zsh_蓝心.png" alt="蓝心" class="zsh_lx"> 763 <div class="zsh_lanxin"><!-- 蓝心 --> 764 1168 765 </div> 766 <img src="images/zsh_拐弯箭头.png" alt="返回" class="zsh_fh"> 767 <div class="zsh_fanhuixiangce"><!-- 返回相册列表 --> 768 返回相册列表 769 </div> 770 </div> 771 <div class="zsh_lvse"><!-- 绿色分界线 --> 772 </div> 773 </div> 774 <div class="zsh_zuocezhengti"><!-- 左侧整体 --> 775 <div class="zsh_datubufen"><!-- 垦丁湾大图片 --> 776 <img src="images/zsh_垦丁湾.jpg" alt="垦丁湾" class="zsh_kdwbj"> 777 <img src="images/zsh_圆圈左.png" alt="向左翻页" class="zsh_yuanquanzuo"> 778 <img src="images/zsh_圆圈右.png" alt="向左翻页" class="zsh_yuanquanyou"> 779 <img src="images/zsh_阴影.png" alt="底部阴影" class="zsh_yinying"> 780 <p class="zsh_yema"> 781 第1张/共55张 782 </p> 783 </div> 784 <div class="zsh_kuanlvxian"><!-- 宽绿线 --> 785 <p class="zsh_talk"> 786 评论（66） 787 </p> 788 </div> 789 <div class="zsh_plqts"><!-- 评论区登录提示 --> 790 <div class="zsh_tx"><!-- 头像，闪烁尾戒 --> 791 <img src="images/zsh_头像.jpg" alt="头像"> 792 <p class="zsh_sswj"><!-- 网名：闪烁尾戒 --> 793 闪烁尾戒 794 </p> 795 </div> 796 <div class="zsh_plk"><!-- 评论框 --> 797 <p class="zsh_ts1"><!-- 第一行提示 --> 798 要评论？请先注册或者登陆，您也可以快捷登陆： 799 </p> 800 <p class="zsh_ts2"><!-- 第二行提示 --> 801 已有账号直接登录 802 </p> 803 </div> 804 <p class="zsh_shuruzishu"><!-- 提示还可以输入200字 --> 805 还可以输入200字 806 </p> 807 <div class="zsh_pl"> 808 <input type="button" name="评论" value="评论" class="zsh_pinglunanniu"> 809 </div> 810 </div> 811 <div class="zsh_talk1"><!-- 第一个评论 --> 812 <div class="zsh_tx1"><!-- 头像，闪烁尾戒 --> 813 <img src="images/zsh_头像.jpg" alt="头像"> 814 <p class="zsh_sswj"><!-- 网名：闪烁尾戒 --> 815 闪烁尾戒 816 </p> 817 </div> 818 <div class="zsh_youcewenzi"><!-- 右侧文字评论区 --> 819 <div class="zsh_pinglun1"><!-- 第一行 --> 820 在101大楼看夕阳超赞，在西门町享受也是的热闹，时尚与怀旧，现代与传统，激情与慢热，在这座城市自由释放。 821 </div> 822 <div class="zsh_dierhang"><!-- 第二行 --> 823 <p class="zsh_time"> 824 2014-7-26 14:22 825 </p> 826 <img src="images/zsh_蓝心.png" alt="" class="zsh_lx2"> 827 <p class="zsh_huifu"> 828 回复 829 </p> 830 <img src="images/zsh_小手.png" alt="" class="zsh_xiaoshou"> 831 <p class="zsh_shuzi1168"> 832 1168 833 </p> 834 <p class="zsh_shouqi"> 835 收起 > 836 </p> 837 </div> 838 <div class="zsh_disankuai"><!-- 第三块-时尚旅游 --> 839 <div class="zsh_ssly"><!-- 时尚旅游图片 --> 840 <img src="images/zsh_时尚旅游.jpg" alt="时尚旅游" class="zsh_sslytp"> 841 <p class="zsh_shishanglvyou"> 842 时尚旅游 843 </p> 844 </div> 845 <div class="zsh_ycpl"><!-- 右侧文字评论 --> 846 <div class="zsh_yihang"><!-- 第一行 --> 847 <span class="zsh_shishang"> 848 时尚旅游 849 </span> 850 851 <span> 852 回复 853 </span> 854 855 <span> 856 闪烁尾戒 857 </span> 858 </div> 859 <div class="zsh_zai101"> 860 在101大楼看夕阳超赞，在西门町享受也是的热闹，时尚与怀旧，现代与传统，激情与慢热，在这座城市自由释放。 861 </div> 862 <div class="zsh_sanhang"><!-- 第三行 --> 863 <p class="zsh_time1"> 864 2014-7-26 14:22 865 </p> 866 <p class="zsh_huifu1"> 867 回复 868 </p> 869 </div> 870 </div> 871 </div> 872 <div class="zsh_disikuai "><!-- 第四块-闪烁尾戒 --> 873 <div class="zsh_ssly"><!-- 闪烁尾戒图片 --> 874 <img src="images/zsh_头像.jpg" alt="闪烁尾戒" class="zsh_sslytp"> 875 <p class="zsh_shishanglvyou"> 876 闪烁尾戒 877 </p> 878 </div> 879 <div class="zsh_ycpl"><!-- 右侧文字评论 --> 880 <div class="zsh_yihang"><!-- 第一行 --> 881 <span class="zsh_shishang"> 882 闪烁尾戒 883 </span> 884 885 <span> 886 回复 887 </span> 888 889 <span> 890 时尚旅游 891 </span> 892 </div> 893 <div class="zsh_zai101"> 894 在101大楼看夕阳超赞，在西门町享受也是的热闹，时尚与怀旧，现代与传统，激情与慢热，在这座城市自由释放。 895 </div> 896 <div class="zsh_sanhang"><!-- 第三行 --> 897 <p class="zsh_time1"> 898 2014-7-26 14:22 899 </p> 900 <p class="zsh_huifu1"> 901 回复 902 </p> 903 <p class="zsh_huifu1"> 904 删除 905 </p> 906 </div> 907 </div> 908 <div class="zsh_kuangkuang"><!-- 框框 --> 909 <img src="images/zsh_评论框.png" alt="评论框" class="zsh_pinglun"> 910 <p class="zsh_neirong"> 911 评论内容不能为空，写点东西吧。 912 </p> 913 </div> 914 <div class="zsh_haikeyi"> 915 还可以输入200字 916 </div> 917 <input type="button" name="评论" value="评论" class="zsh_pingluna"> 918 </div> 919 </div> 920 </div> 921 <div class="zsh_talk2"><!-- 第二个评论 --> 922 <div class="zsh_tx1"><!-- 头像，闪烁尾戒 --> 923 <img src="images/zsh_头像.jpg" alt="头像"> 924 <p class="zsh_sswj"><!-- 网名：闪烁尾戒 --> 925 闪烁尾戒 926 </p> 927 </div> 928 <div class="zsh_pinglun2 "><!-- 第一行 --> 929 101大楼看夕阳超赞，在西门町享受也是的热闹，时尚与怀旧，现代与传统，激情与慢热，在这座城市自由释放。 930 </div> 931 <div class="zsh_dierhang1"><!-- 第二行 --> 932 <p class="zsh_time"> 933 2014-7-26 14:22 934 </p> 935 <img src="images/zsh_蓝心.png" alt="" class="zsh_lx2"> 936 <p class="zsh_huifu"> 937 回复 938 </p> 939 <img src="images/zsh_小手.png" alt="" class="zsh_xiaoshou"> 940 <p class="zsh_shuzi1168"> 941 1168 942 </p> 943 <p class="zsh_shouqi"> 944 收起 > 945 </p> 946 </div> 947 </div> 948 <div class="zsh_talk2"><!-- 第三个评论 --> 949 <div class="zsh_tx1"><!-- 头像，闪烁尾戒 --> 950 <img src="images/zsh_头像.jpg" alt="头像"> 951 <p class="zsh_sswj"><!-- 网名：闪烁尾戒 --> 952 闪烁尾戒 953 </p> 954 </div> 955 <div class="zsh_pinglun2 "><!-- 第一行 --> 956 101大楼看夕阳超赞，在西门町享受也是的热闹，时尚与怀旧，现代与传统，激情与慢热，在这座城市自由释放。 957 </div> 958 <div class="zsh_dierhang1"><!-- 第二行 --> 959 <p class="zsh_time"> 960 2014-7-26 14:22 961 </p> 962 <img src="images/zsh_蓝心.png" alt="" class="zsh_lx2"> 963 <p class="zsh_huifu"> 964 回复 965 </p> 966 <img src="images/zsh_小手.png" alt="" class="zsh_xiaoshou"> 967 <p class="zsh_shuzi1168"> 968 1168 969 </p> 970 <p class="zsh_shouqi"> 971 收起 > 972 </p> 973 </div> 974 </div> 975 <div class="fanye"><!-- 翻页 --> 976 <span class="shangyiye"> 977 上一页 978 </span><!-- 上一页 --> 979 <span class="shuzi1"> 980 1 981 </span><!-- 1 --> 982 <span class="shengluehao"> 983 ..... 984 </span><!-- 省略号 --> 985 <span class="shuzi12"> 986 12 987 </span><!-- 12 --> 988 <span class="shuzi13"> 989 13 990 </span><!-- 13 --> 991 <span class="shuzi14"><!-- 14 --> 992 14 993 </span> 994 <span class="shengluehao2"><!-- 省略号 --> 995 ..... 996 </span> 997 <span class="shuzi40"><!-- 40 --> 998 40 999 </span> 1000 <span class="xiayiye"> <!-- 下一页 --> 1001 下一页 1002 </span> 1003 </div> 1004 <div class="zsh_fenjiexian"><!-- 底部分界线 --> 1005 </div> 1006 </div> 1007 <div class="zsh_youcezhengti"><!-- 右侧整体-两部分 --> 1008 <div class="zsh_youceyikuai"><!-- 右侧第一块 --> 1009 <div class="zsh_youyiyi"><!-- 右侧第一块第一行 --> 1010 <img src="images/zsh_眼镜女.jpg" alt="眼镜女" class="zsh_yanjingnv"><!-- 图片 --> 1011 <div class="zsh_youce"><!-- 右侧文字介绍 --> 1012 <p class="zsh_tianlanse"> 1013 天蓝色的 1014 </p> 1015 <p class="zsh_shijian"> 1016 时间： 2014年12月12日 1017 </p> 1018 </div> 1019 </div> 1020 <div class="zsh_youyier"><!-- 右侧第一块第二行 --> 1021 <div class="zsh_xihuan"><!-- 喜欢 --> 1022 <img src="images/zsh_空红心.png" alt="空红心" class="zsh_konghognxin"> 1023 <p class="zsh_xihuana"> 1024 喜欢 1025 </p> 1026 </div> 1027 <div class="zsh_xihuan zsh_pingl1"><!-- 评论 --> 1028 <img src="images/zsh_蓝心.png" alt="蓝心" class="zsh_konghognxin"> 1029 <p class="zsh_xihuana"> 1030 评论 1031 </p> 1032 </div> 1033 <div class="zsh_fenxiang"><!-- 分享 --> 1034 <img src="images/zsh_分享.png" alt="分享" class="zsh_konghognxin"> 1035 <p class="zsh_xihuana"> 1036 分享 1037 </p> 1038 </div> 1039 </div> 1040 <div class="zsh_youyisan"><!-- 右侧第一块第三行 --> 1041 <p class="zsh_tian1"> 1042 天蓝色的画册 1043 </p> 1044 <img src="images/zsh_小屋1.jpg" alt="小屋" class="zsh_xiaowu"> 1045 <img src="images/zsh_背景1.png" alt="阴影" class="zsh_yinying1"> 1046 <img src="images/zsh_红心.png" alt="红心" class="zsh_xiaohongxin"> 1047 <p class="zsh_1168"> 1048 1168 1049 </p> 1050 <img src="images/zsh_蓝心.png" alt="蓝心" class="zsh_xiaolanxin"> 1051 <p class="zsh_2hao1168"> 1052 1168 1053 </p> 1054 <img src="images/zsh_美丽的夜景.jpg" alt="美丽的夜景" class="zsh_xiaowu"> 1055 <img src="images/zsh_背景1.png" alt="阴影" class="zsh_yinying1a"> 1056 <img src="images/zsh_红心.png" alt="红心" class="zsh_xiaohongxina"> 1057 <p class="zsh_1168a"> 1058 1168 1059 </p> 1060 <img src="images/zsh_蓝心.png" alt="蓝心" class="zsh_xiaolanxina"> 1061 <p class="zsh_2hao1168a"> 1062 1168 1063 </p> 1064 </div> 1065 </div> 1066 <div class="zsh_youceerkuai"><!-- 右侧第二块 --> 1067 <p class="zsh_tian2"> 1068 天蓝色的画册 1069 </p> 1070 <img src="images/zsh_好多船.jpg" alt="好多船" class="zsh_haoduochuan"> 1071 <img src="images/zsh_背景1.png" alt="阴影" class="zsh_yinying2"> 1072 <img src="images/zsh_红心.png" alt="红心" class="zsh_xiaohongxinb"> 1073 <p class="zsh_1168b"> 1074 1168 1075 </p> 1076 <img src="images/zsh_蓝心.png" alt="蓝心" class="zsh_xiaolanxinb"> 1077 <p class="zsh_2hao1168b"> 1078 1168 1079 </p> 1080 </div> 1081 </div> 1082 </div> 1083 <!-- 中间主体部分结束 --> 1084 <!-- 底部信息栏 --> 1085 <div class="dibuxinxi"><!-- 底部信息栏 --> 1086 <div class="xinxishang"><!-- 信息栏上部分 --> 1087 <ul class="diyilie"><!-- 1 --> 1088 <li class="l1">关于遛弯</li> 1089 <li class="l2">公司简介</li> 1090 <li class="l3">联系我们</li> 1091 <li class="l3">诚聘英才</li> 1092 <li class="l3">网站地址</li> 1093 </ul> 1094 <ul class="dierlie"><!-- 2 --> 1095 <li class="l1">帮助中心</li> 1096 <li class="l2">赴台手续</li> 1097 <li class="l3">遛弯玩法</li> 1098 <li class="l3">常见问题</li> 1099 </ul> 1100 <ul class="disanlie"><!-- 3 --> 1101 <li class="l1">网站条款</li> 1102 <li class="l2">服务条款</li> 1103 <li class="l3">免责声明</li> 1104 </ul> 1105 <ul class="disilie"><!-- 4 --> 1106 <li class="l1">关注我们</li> 1107 <li class="l6"><img src="images/微信logo.png" alt=""></li> 1108 </ul> 1109 <ul class="diwulie"><!-- 5 --> 1110 <li class="l1">400 820 8820</li> 1111 <li class="l7">周一至周日</li> 1112 <li class="l7">9:00~20:00</li> 1113 <li class="l7"><img src="images/zsh_在线服务.png" alt=""></li> 1114 </ul> 1115 </div> 1116 <div class="xinxixia"><!-- 信息栏下部分 --> 1117 <div class="dibukuang"> 1118 <p class="pp"> 1119 Copyright © 2013-2014 www.6waner.cn All Right Reserved. 京ICP备11015236号 1120 </p> 1121 </div> 1122 </div> 1123 </div> 1124 <!-- 底部信息栏结束 --> 1125 </body> 1126 </html>