项目一~达人行程

  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     <style>
  10         .zsh_zhongjianzhuti
  11         {
  12             width: 1000px;
  13             margin: 0 auto;
  14             overflow: hidden;
  15             font-size: 14px;
  16             color: #6e6e6e;
  17             font-weight: bold;
  18         }
  19         .zsh_shanglogo
  20         {
  21             float: left;
  22             margin-top:20px; 
  23         }
  24         .zsh_shouye
  25         {
  26             color: #626262;
  27         }
  28         .zsh_xiabufenzong
  29         {
  30             height: 151px;
  31             position: relative;
  32             float: left;
  33             margin-top: 20px;
  34         }
  35         .zsh_xiangji
  36         {
  37             position: absolute;
  38             left: 20px;
  39             top: 40px;
  40         }
  41         .zsh_taiwanmeishi
  42         {
  43             color: #ffffff;
  44             font-size: 18px;
  45             position: absolute;
  46             left:151px;
  47             top: 67px; 
  48         }
  49         .zsh_tianlan
  50         {
  51             font-size: 18px;
  52             color: #3c3c3c;
  53             position: absolute;
  54             left: 151px;
  55             top: 128px;
  56         }
  57         .zsh_zuobuzhengti
  58         {
  59             float: left;
  60             margin-top: 22px;
  61             width: 701px;
  62         }
  63         .zsh_zuobuyi,.zsh_zuobuer
  64         {
  65             width: 699px;
  66             height: 492px;
  67             border: 1px solid #c8c8c8;
  68         }
  69         .zsh_zuoyishang
  70         {
  71             margin-top:20px; 
  72             margin-left: 20px;
  73             height:270px;
  74             width: 646px;
  75             float: left;
  76         }
  77         .zsh_zuo
  78         {
  79             float: left;
  80         }
  81         .zsh_3riyou
  82         {
  83             font-size: 18px;
  84             color: #3c3c3c;
  85             font-weight: bold;
  86         }
  87         .zsh_dafengche
  88         {
  89             margin-top: 16px;
  90         }
  91         .zsh_you
  92         {
  93             float: left;
  94             margin-left: 18px;
  95         }
  96         .zsh_hang1
  97         {
  98             width: 293px;
  99             height: 35px;
 100             border-bottom: 1px solid #c8c8c8;
 101             position: relative;
 102         }
 103         .zsh_tianyan
 104         {
 105             position: absolute;
 106             left: 97px;
 107             top: 9px;
 108         }
 109         .zsh_1168a
 110         {
 111             position: absolute;
 112             left: 120px;
 113             top: 5px;
 114         }
 115         .zsh_hongxin
 116         {
 117             position: absolute;
 118             left: 168px;
 119             top: 6px;
 120         }
 121         .zsh_1168b
 122         {
 123             position: absolute;
 124             left: 193px;
 125             top: 5px;
 126         }
 127         .zsh_lanxin
 128         {
 129             position: absolute;
 130             left: 240px;
 131             top: 6px;
 132         }
 133         .zsh_1168c
 134         {
 135             position: absolute;
 136             left: 265px;
 137             top: 5px;
 138         }
 139         .zsh_1168a,.zsh_1168b,.zsh_1168c
 140         {
 141             font-size: 12px;
 142         }
 143         .zsh_hang2
 144         {
 145             float: left;
 146             margin-top: 20px;
 147             width: 293px;
 148         }
 149         .zsh_xiaoyi
 150         {
 151             float: left;
 152             margin-left: 3px;
 153         }
 154         .zsh_liangdian,.zsh_tujingchengshi,.zsh_tianshu
 155         {
 156             color: #3c3c3c;
 157         }
 158         .zsh_liangdian
 159         {            
 160             float: left;
 161         }
 162         .zsh_fudi
 163         {
 164             color: #9d9d9d;
 165             float: left;
 166         }
 167         .zsh_xiaoer
 168         {
 169             float: left;
 170             margin-top: 22px;
 171             margin-left: 3px;
 172         }
 173         .zsh_tujingchengshi
 174         {
 175             float: left;
 176         }
 177         .zsh_xiaosan
 178         {
 179             float: left;
 180             margin-top: 24px;
 181             width: 400px;
 182             margin-left: 3px;
 183         }
 184         .zsh_tianshu
 185         {
 186             float: left;
 187         }
 188         .zsh_yuanjiage
 189         {
 190             float: left;
 191             margin-top: 28px;
 192             text-decoration: line-through;
 193             width: 300px;
 194         }
 195         .zsh_xiaosi
 196         {
 197             float: left;
 198             margin-top: 9px;
 199             width: 293px;
 200             height: 35px;
 201             border-bottom: 1px solid #c8c8c8;
 202         }
 203         .zsh_xinjia
 204         {
 205             float: left;
 206             color: #cc0000;
 207             font-size: 23px;
 208             margin-left: 3px;
 209         }
 210         .zsh_renqi
 211         {
 212             float: left;
 213             margin-top: 9px;
 214         }
 215         .zsh_chakan
 216         {
 217             width: 105px;
 218             height: 25px;
 219             background-color: #ffa000;
 220             color: #ffffff;
 221             font-size: 14px;
 222             margin-left:179px;
 223             float: left;
 224             margin-top: -30px;
 225         }
 226         .zsh_zuoyixia
 227         {
 228             float: left;
 229             margin-top: 15px;
 230         }
 231         .zsh_feijiceng
 232         {
 233             width: 646px;
 234             height: 29px;
 235             float: left;
 236             margin-left: 20px;
 237         }
 238         .zsh_feiji
 239         {
 240             float: left;
 241         }
 242         .zsh_hengxian1
 243         {
 244             float: left;
 245             margin-top:14px; 
 246             width: 16px;
 247             height: 1px;
 248             background: #969696;
 249         }
 250         .zsh_doudou1
 251         {
 252             float: left;
 253             margin:12px 5px 12px 3px;
 254         }
 255         .zsh_day1
 256         {
 257             float: left;
 258             margin: 5px 6px 6px 0px;
 259             color:#656565;
 260         }
 261         .zsh_hengxian2
 262         {
 263             float: left;
 264             margin-top:14px; 
 265             width: 35px;
 266             height: 1px;
 267             background: #969696;
 268         }
 269         .zsh_xiaoshou
 270         {
 271             float: left;
 272             margin-top: 8px;
 273             margin-left:4px;
 274         }
 275         .zsh_more
 276         {
 277             color:#656565;
 278             float: left;
 279             margin-left: 6px;
 280             margin-top: 4px;
 281         }
 282         .zsh_xiafangluxian
 283         {
 284             float: left;
 285             margin-top: 11px;
 286             margin-left: 47px;
 287             width: 690px;
 288         }
 289         .zsh_lie1
 290         {
 291             float: left;
 292             text-decoration: none;
 293             margin-left: 20px;
 294         }
 295         .zsh_taibei
 296         {
 297             margin-top: 11px;
 298         }
 299         .zsh_lie2
 300         {
 301             float: left;
 302             text-decoration: none;
 303             margin-left: 28px;
 304         }
 305         .zsh_lie3
 306         {
 307             float: left;
 308             text-decoration: none;
 309             margin-left: 24px;
 310         }
 311         .zsh_lie4
 312         {
 313             float: left;
 314             text-decoration: none;
 315             margin-left: 20px;
 316         }
 317         .zsh_lie5
 318         {
 319             float: left;
 320             text-decoration: none;
 321             margin-left: 20px;
 322         }
 323         .zsh_zuobuer
 324         {
 325             margin-top: 21px;
 326         }
 327         .fanye
 328         {
 329             width: 1000px;
 330             float:left;
 331             margin-top: 31px;
 332             margin-bottom: 23px;
 333         }
 334         .shangyiye
 335         {
 336             float: left;
 337             margin-left: 217px;
 338         }
 339         .shuzi1
 340         {
 341             float: left;
 342             margin-left: 14px;
 343         }
 344         .shengluehao
 345         {
 346             float: left;
 347             margin-left: 7px;
 348         }
 349         .shuzi12
 350         {
 351             float: left;
 352             margin-left: 8px;
 353 
 354         }
 355         .shuzi13
 356         {
 357             background-color: #6e6e6e;
 358             width: 30px;
 359             height: 20px;
 360             float: left;
 361             margin-left: 11px;
 362             color: #ffffff;
 363             text-align: center;
 364         }
 365         .shuzi14
 366         {
 367             margin-left: 10px;
 368             float: left;
 369         }
 370         .shengluehao2
 371         {
 372             float: left;
 373             margin-left: 9px;
 374         }
 375         .shuzi40
 376         {
 377             float: left;
 378             margin-left: 9px;
 379         }
 380         .xiayiye
 381         {
 382             float: left;
 383             margin-left: 12px;
 384         }
 385         .zsh_fenjiexian
 386         {
 387             float: left;
 388             width: 700px;
 389             height: 1px;
 390             background-color: #898989;
 391             margin-bottom:28px; 
 392         }
 393         .zsh_youbuzhengti
 394         {
 395             width: 270px;
 396             float: left;
 397             margin-left: 29px;
 398             margin-top: 21px;
 399         }
 400         .zsh_kanmeinv,.zsh_kanhuiji
 401         {
 402             width: 270px;
 403             height: 336px;
 404         }
 405         .zsh_kanhuiji 
 406         {
 407             float: left;
 408             position: relative;
 409         }
 410         .zsh_huijihui
 411         {
 412             position: absolute;
 413             left: 38px;
 414             top: 190px;
 415         }
 416         .zsh_mianfei
 417         {
 418             position: absolute;
 419             left: 52px;
 420             top: 196px;
 421             color: #ffffff;
 422             font-size: 18px;
 423             float: left;
 424         }
 425         .zsh_kanmeinv
 426         {
 427             margin-top: 21px;
 428         }
 429         .zsh_lvdi
 430         {
 431             position: absolute;
 432             left: 0px;
 433             bottom: 0;
 434             float: left;
 435         }
 436         .zsh_mudidi
 437         {
 438             position: absolute;
 439             left: 23px;
 440             top: 303px;
 441             color: #ffffff;
 442             font-size: 18px;
 443         }
 444         .zsh_xiaotubiao
 445         {
 446             width: 268px;
 447             height: 537px;
 448             border:  1px solid #6e6e6e;
 449             margin-top: 21px;
 450             float: left;
 451         }
 452         .zsh_xiaotaibei
 453         {
 454             float: left;
 455             margin-top: 19px;
 456             margin-left: 19px;
 457             height: 58px;
 458         }
 459         .zsh_xiaotai
 460         {
 461             float: left;
 462         }
 463         .zsh_jieshao
 464         {
 465             float: left;
 466             margin-left: 16px;
 467             width: 129px;
 468             height: 58px;
 469             position: relative;
 470         }
 471         .zsh_tai1
 472         {
 473             width: 50px;
 474             float: left;
 475             color: #3c3c3c;
 476         }
 477         .zsh_honghong
 478         {
 479             position: absolute;
 480             left: 0px;
 481             bottom: 3px;
 482         }
 483         .zsh_shuzi1168
 484         {
 485             position: absolute;
 486             left: 22px;
 487             bottom: 0px;
 488         }
 489         .zsh_lanlan
 490         {
 491             position: absolute;
 492             left: 64px;
 493             bottom: 3px;
 494         }
 495         .zsh_shuzi1168a
 496         {
 497             left: 86px;
 498             bottom: 0px;
 499             position: absolute;
 500         }
 501         .zsh_xiaotaizhong
 502         {
 503             margin-top: 30px;
 504         }
 505     </style>
 506 </head>
 507 <body>
 508     <!-- 头部部分开始 -->
 509     <div class="head">
 510         <div class="headcon">
 511             <div class="head1">
 512                 <img src="images/ban.png" alt="">
 513             </div>
 514             <div class="head2">
 515                 <img class="banners phone" src="images/phone.png" alt="">
 516                 <span class="banners headboreder yanse400">400-800-8820</span>
 517                 <a class="banners headboreder" href="###">登陆</a>
 518                 <a class="banners headboreder" href="###">注册</a>
 519                 <img class="banners xinglixiang" src="images/xingli.png" alt="">
 520                 <span class="banners ">行李箱</span>
 521                 <input class="banners headinp sousuo" type="text">
 522                 <img class="banners sousuo" src="images/sousuo.png" alt="">
 523             </div>
 524             <div class="head3">
 525                 <img src="images/fangzi.png" alt="">
 526                 <a href="###">第一次</a>
 527                 <a href="###">目的地</a>
 528                 <a href="###">自定行程</a>
 529                 <a href="###">游记</a>
 530                 <a href="###">特产</a>
 531                 <a href="###">优惠</a>
 532                 <a href="###">环岛巴士</a>
 533             </div>
 534         </div>
 535     </div>
 536     <!-- 头部部分结束 -->
 537     <!-- 中间主体部分开始 -->
 538     <div class="zsh_zhongjianzhuti">
 539         <div class="zsh_shanglogo"><!-- 上部logo -->
 540             <div class="zsh_shouye"><!-- 首页>达人>行程 -->
 541                 首页>达人>行程
 542             </div>
 543             <div class="zsh_xiabufenzong"><!-- 下部分总 -->
 544                 <div><!-- 长背景 -->
 545                     <img src="images/zsh_台湾美食达人.png" alt="台湾美食达人">
 546                 </div>
 547                 <div class="zsh_xiangji"><!-- 相机男 -->
 548                     <img src="images/zsh_人头相机.png" alt="拍照">
 549                 </div>
 550                 <p class="zsh_taiwanmeishi"><!-- 台湾美食达人 -->
 551                     台湾美食达人
 552                 </p>
 553                 <p class="zsh_tianlan"><!-- 天蓝色的 -->
 554                     天蓝色的
 555                 </p>
 556             </div>
 557         </div>
 558         <div class="zsh_zuobuzhengti"><!-- 左部整体 -->
 559             <div class="zsh_zuobuyi"><!-- 左部一块 -->
 560                 <div class="zsh_zuoyishang"><!-- 左部一块-上部分 -->
 561                     <div class="zsh_zuo"><!-- 左侧台湾西岸,图片 -->
 562                         <p class="zsh_3riyou">
 563                             台湾西岸3日文化游
 564                         </p>
 565                         <img src="images/zsh_大风车.jpg" alt="大风车" class="zsh_dafengche">
 566                     </div>
 567                     <div class="zsh_you"><!-- 右侧文字介绍 -->
 568                         <div class="zsh_hang1"><!-- 第一行 -->
 569                             <img src="images/zsh_天眼.png" alt="天眼" class="zsh_tianyan">
 570                             <p class="zsh_1168a">
 571                                 1168
 572                             </p>
 573                             <img src="images/zsh_红心.png" alt="红心" class="zsh_hongxin">
 574                             <p class="zsh_1168b">
 575                                 1168
 576                             </p>
 577                             <img src="images/zsh_蓝心.png" alt="蓝心" class="zsh_lanxin">
 578                             <p class="zsh_1168c">
 579                                 1168
 580                             </p>
 581                         </div>
 582                         <div class="zsh_hang2"><!-- 第二行 -->
 583                             <div class="zsh_xiaoyi">
 584                                 <p class="zsh_liangdian">
 585                                     行程亮点 &nbsp;&nbsp;:&nbsp;
 586                                 </p>&nbsp;
 587                                 深入原住腹地,全方位领略台湾的人文与自然美景
 588                             </div>
 589                             <div class="zsh_xiaoer">
 590                                 <p class="zsh_tujingchengshi">
 591                                     途径城市&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;
 592                                 </p>
 593                                 &nbsp;&nbsp;&nbsp;台北 > 嘉义 > 高雄 > 花莲 > 高雄 > 花莲
 594                             </div>
 595                             <div class="zsh_xiaosan">
 596                                 <p class="zsh_tianshu">
 597                                     行程天数&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;
 598                                 </p>
 599                                 &nbsp;&nbsp;6日
 600                             </div>
 601                             <div class="zsh_yuanjiage">
 602                                 &yen;1588/人起
 603                             </div>
 604                             <div class="zsh_xiaosi">
 605                                 <p class="zsh_xinjia">
 606                                     &yen;1200
 607                                 </p>
 608                                 <p class="zsh_renqi">
 609                                     /人起
 610                                 </p>
 611                                 <input type="button" name="查看详情" value="查看详情" class="zsh_chakan">
 612                             </div>
 613                         </div>
 614                     </div>
 615                 </div>
 616                 <div class="zsh_zuoyixia"><!-- 左部一块-下部分 -->
 617                     <div class="zsh_feijiceng"><!-- 飞机层 -->
 618                         <img src="images/zsh_绿飞机.png" alt="飞机" class="zsh_feiji">
 619                         <p class="zsh_hengxian1">
 620                         </p>
 621                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
 622                         <p class="zsh_day1">
 623                             Day1
 624                         </p>
 625                         <p class="zsh_hengxian2">
 626                         </p>
 627                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
 628                         <p class="zsh_day1">
 629                             Day2
 630                         </p>
 631                         <p class="zsh_hengxian2">
 632                         </p>
 633                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
 634                         <p class="zsh_day1">
 635                             Day3
 636                         </p>
 637                         <p class="zsh_hengxian2">
 638                         </p>
 639                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
 640                         <p class="zsh_day1">
 641                             Day4
 642                         </p>
 643                         <p class="zsh_hengxian2">
 644                         </p>
 645                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
 646                         <p class="zsh_day1">
 647                             Day5
 648                         </p>
 649                         <p class="zsh_hengxian2">
 650                         </p>
 651                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
 652                         <p class="zsh_day1">
 653                             Day6
 654                         </p>
 655                         <p class="zsh_hengxian2">
 656                         </p>
 657                         <img src="images/zsh_小手.png" alt="小手" class="zsh_xiaoshou">
 658                         <p class="zsh_more">
 659                             更多
 660                         </p>
 661                     </div>
 662                     <div class="zsh_xiafangluxian"><!-- 下方路线 -->
 663                         <ul class="zsh_lie1"><!-- 第一列 -->
 664                             <li>
 665                                 台北故宫
 666                             </li>
 667                             <li class="zsh_taibei">
 668                                 阳明山
 669                             </li>
 670                             <li class="zsh_taibei">
 671                                 台北故宫
 672                             </li>
 673                         </ul>
 674                         <ul class="zsh_lie2"><!-- 第二列 -->
 675                             <li>
 676                                 花莲太鲁阁
 677                             </li>
 678                             <li class="zsh_taibei">
 679                                 国家公园
 680                             </li>
 681                         </ul>
 682                         <ul class="zsh_lie3"><!-- 第三列 -->
 683                             <li>
 684                                 阿里山邹族
 685                             </li>
 686                             <li class="zsh_taibei">
 687                                 文化部落
 688                             </li>
 689                             <li class="zsh_taibei">
 690                                 森林公园
 691                             </li>
 692                         </ul>
 693                         <ul class="zsh_lie4"><!-- 第四列 -->
 694                             <li>
 695                                 花莲太鲁阁
 696                             </li>
 697                             <li class="zsh_taibei">
 698                                 国家公园
 699                             </li>
 700                         </ul>
 701                         <ul class="zsh_lie5"><!-- 第五列 -->
 702                             <li>
 703                                 阿里山邹族
 704                             </li>
 705                             <li class="zsh_taibei">
 706                                 文化部落
 707                             </li>
 708                             <li class="zsh_taibei">
 709                                 森林公园
 710                             </li>
 711                         </ul>
 712                         <ul class="zsh_lie5"><!-- 第六列 -->
 713                             <li>
 714                                 阿里山邹族
 715                             </li>
 716                             <li class="zsh_taibei">
 717                                 文化部落
 718                             </li>
 719                             <li class="zsh_taibei">
 720                                 森林公园
 721                             </li>
 722                             <li class="zsh_taibei">
 723                                 阿里山邹族
 724                             </li>
 725                             <li>
 726                                 ...
 727                             </li>
 728                         </ul>
 729                     </div>
 730                 </div>
 731             </div>
 732             <div class="zsh_zuobuer"><!-- 左部二块 -->
 733                 <div class="zsh_zuoyishang"><!-- 左部一块-上部分 -->
 734                     <div class="zsh_zuo"><!-- 左侧台湾西岸,图片 -->
 735                         <p class="zsh_3riyou">
 736                             台湾西岸3日文化游
 737                         </p>
 738                         <img src="images/zsh_大风车.jpg" alt="大风车" class="zsh_dafengche">
 739                     </div>
 740                     <div class="zsh_you"><!-- 右侧文字介绍 -->
 741                         <div class="zsh_hang1"><!-- 第一行 -->
 742                             <img src="images/zsh_天眼.png" alt="天眼" class="zsh_tianyan">
 743                             <p class="zsh_1168a">
 744                                 1168
 745                             </p>
 746                             <img src="images/zsh_红心.png" alt="红心" class="zsh_hongxin">
 747                             <p class="zsh_1168b">
 748                                 1168
 749                             </p>
 750                             <img src="images/zsh_蓝心.png" alt="蓝心" class="zsh_lanxin">
 751                             <p class="zsh_1168c">
 752                                 1168
 753                             </p>
 754                         </div>
 755                         <div class="zsh_hang2"><!-- 第二行 -->
 756                             <div class="zsh_xiaoyi">
 757                                 <p class="zsh_liangdian">
 758                                     行程亮点 &nbsp;&nbsp;:&nbsp;
 759                                 </p>&nbsp;
 760                                 深入原住腹地,全方位领略台湾的人文与自然美景
 761                             </div>
 762                             <div class="zsh_xiaoer">
 763                                 <p class="zsh_tujingchengshi">
 764                                     途径城市&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;
 765                                 </p>
 766                                 &nbsp;&nbsp;&nbsp;台北 > 嘉义 > 高雄 > 花莲 > 高雄 > 花莲
 767                             </div>
 768                             <div class="zsh_xiaosan">
 769                                 <p class="zsh_tianshu">
 770                                     行程天数&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;
 771                                 </p>
 772                                 &nbsp;&nbsp;6日
 773                             </div>
 774                             <div class="zsh_yuanjiage">
 775                                 &yen;1588/人起
 776                             </div>
 777                             <div class="zsh_xiaosi">
 778                                 <p class="zsh_xinjia">
 779                                     &yen;1200
 780                                 </p>
 781                                 <p class="zsh_renqi">
 782                                     /人起
 783                                 </p>
 784                                 <input type="button" name="查看详情" value="查看详情" class="zsh_chakan">
 785                             </div>
 786                         </div>
 787                     </div>
 788                 </div>
 789                 <div class="zsh_zuoyixia"><!-- 左部一块-下部分 -->
 790                     <div class="zsh_feijiceng"><!-- 飞机层 -->
 791                         <img src="images/zsh_绿飞机.png" alt="飞机" class="zsh_feiji">
 792                         <p class="zsh_hengxian1">
 793                         </p>
 794                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
 795                         <p class="zsh_day1">
 796                             Day1
 797                         </p>
 798                         <p class="zsh_hengxian2">
 799                         </p>
 800                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
 801                         <p class="zsh_day1">
 802                             Day2
 803                         </p>
 804                         <p class="zsh_hengxian2">
 805                         </p>
 806                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
 807                         <p class="zsh_day1">
 808                             Day3
 809                         </p>
 810                         <p class="zsh_hengxian2">
 811                         </p>
 812                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
 813                         <p class="zsh_day1">
 814                             Day4
 815                         </p>
 816                         <p class="zsh_hengxian2">
 817                         </p>
 818                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
 819                         <p class="zsh_day1">
 820                             Day5
 821                         </p>
 822                         <p class="zsh_hengxian2">
 823                         </p>
 824                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
 825                         <p class="zsh_day1">
 826                             Day6
 827                         </p>
 828                         <p class="zsh_hengxian2">
 829                         </p>
 830                         <img src="images/zsh_小手.png" alt="小手" class="zsh_xiaoshou">
 831                         <p class="zsh_more">
 832                             更多
 833                         </p>
 834                     </div>
 835                     <div class="zsh_xiafangluxian"><!-- 下方路线 -->
 836                         <ul class="zsh_lie1"><!-- 第一列 -->
 837                             <li>
 838                                 台北故宫
 839                             </li>
 840                             <li class="zsh_taibei">
 841                                 阳明山
 842                             </li>
 843                             <li class="zsh_taibei">
 844                                 台北故宫
 845                             </li>
 846                         </ul>
 847                         <ul class="zsh_lie2"><!-- 第二列 -->
 848                             <li>
 849                                 花莲太鲁阁
 850                             </li>
 851                             <li class="zsh_taibei">
 852                                 国家公园
 853                             </li>
 854                         </ul>
 855                         <ul class="zsh_lie3"><!-- 第三列 -->
 856                             <li>
 857                                 阿里山邹族
 858                             </li>
 859                             <li class="zsh_taibei">
 860                                 文化部落
 861                             </li>
 862                             <li class="zsh_taibei">
 863                                 森林公园
 864                             </li>
 865                         </ul>
 866                         <ul class="zsh_lie4"><!-- 第四列 -->
 867                             <li>
 868                                 花莲太鲁阁
 869                             </li>
 870                             <li class="zsh_taibei">
 871                                 国家公园
 872                             </li>
 873                         </ul>
 874                         <ul class="zsh_lie5"><!-- 第五列 -->
 875                             <li>
 876                                 阿里山邹族
 877                             </li>
 878                             <li class="zsh_taibei">
 879                                 文化部落
 880                             </li>
 881                             <li class="zsh_taibei">
 882                                 森林公园
 883                             </li>
 884                         </ul>
 885                         <ul class="zsh_lie5"><!-- 第六列 -->
 886                             <li>
 887                                 阿里山邹族
 888                             </li>
 889                             <li class="zsh_taibei">
 890                                 文化部落
 891                             </li>
 892                             <li class="zsh_taibei">
 893                                 森林公园
 894                             </li>
 895                             <li class="zsh_taibei">
 896                                 阿里山邹族
 897                             </li>
 898                             <li>
 899                                 ...
 900                             </li>
 901                         </ul>
 902                     </div>
 903                 </div>
 904             </div>
 905             <div class="zsh_zuobuer"><!-- 左部三块 -->
 906                 <div class="zsh_zuoyishang"><!-- 左部一块-上部分 -->
 907                     <div class="zsh_zuo"><!-- 左侧台湾西岸,图片 -->
 908                         <p class="zsh_3riyou">
 909                             台湾西岸3日文化游
 910                         </p>
 911                         <img src="images/zsh_大风车.jpg" alt="大风车" class="zsh_dafengche">
 912                     </div>
 913                     <div class="zsh_you"><!-- 右侧文字介绍 -->
 914                         <div class="zsh_hang1"><!-- 第一行 -->
 915                             <img src="images/zsh_天眼.png" alt="天眼" class="zsh_tianyan">
 916                             <p class="zsh_1168a">
 917                                 1168
 918                             </p>
 919                             <img src="images/zsh_红心.png" alt="红心" class="zsh_hongxin">
 920                             <p class="zsh_1168b">
 921                                 1168
 922                             </p>
 923                             <img src="images/zsh_蓝心.png" alt="蓝心" class="zsh_lanxin">
 924                             <p class="zsh_1168c">
 925                                 1168
 926                             </p>
 927                         </div>
 928                         <div class="zsh_hang2"><!-- 第二行 -->
 929                             <div class="zsh_xiaoyi">
 930                                 <p class="zsh_liangdian">
 931                                     行程亮点 &nbsp;&nbsp;:&nbsp;
 932                                 </p>&nbsp;
 933                                 深入原住腹地,全方位领略台湾的人文与自然美景
 934                             </div>
 935                             <div class="zsh_xiaoer">
 936                                 <p class="zsh_tujingchengshi">
 937                                     途径城市&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;
 938                                 </p>
 939                                 &nbsp;&nbsp;&nbsp;台北 > 嘉义 > 高雄 > 花莲 > 高雄 > 花莲
 940                             </div>
 941                             <div class="zsh_xiaosan">
 942                                 <p class="zsh_tianshu">
 943                                     行程天数&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;
 944                                 </p>
 945                                 &nbsp;&nbsp;6日
 946                             </div>
 947                             <div class="zsh_yuanjiage">
 948                                 &yen;1588/人起
 949                             </div>
 950                             <div class="zsh_xiaosi">
 951                                 <p class="zsh_xinjia">
 952                                     &yen;1200
 953                                 </p>
 954                                 <p class="zsh_renqi">
 955                                     /人起
 956                                 </p>
 957                                 <input type="button" name="查看详情" value="查看详情" class="zsh_chakan">
 958                             </div>
 959                         </div>
 960                     </div>
 961                 </div>
 962                 <div class="zsh_zuoyixia"><!-- 左部一块-下部分 -->
 963                     <div class="zsh_feijiceng"><!-- 飞机层 -->
 964                         <img src="images/zsh_绿飞机.png" alt="飞机" class="zsh_feiji">
 965                         <p class="zsh_hengxian1">
 966                         </p>
 967                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
 968                         <p class="zsh_day1">
 969                             Day1
 970                         </p>
 971                         <p class="zsh_hengxian2">
 972                         </p>
 973                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
 974                         <p class="zsh_day1">
 975                             Day2
 976                         </p>
 977                         <p class="zsh_hengxian2">
 978                         </p>
 979                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
 980                         <p class="zsh_day1">
 981                             Day3
 982                         </p>
 983                         <p class="zsh_hengxian2">
 984                         </p>
 985                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
 986                         <p class="zsh_day1">
 987                             Day4
 988                         </p>
 989                         <p class="zsh_hengxian2">
 990                         </p>
 991                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
 992                         <p class="zsh_day1">
 993                             Day5
 994                         </p>
 995                         <p class="zsh_hengxian2">
 996                         </p>
 997                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
 998                         <p class="zsh_day1">
 999                             Day6
1000                         </p>
1001                         <p class="zsh_hengxian2">
1002                         </p>
1003                         <img src="images/zsh_小手.png" alt="小手" class="zsh_xiaoshou">
1004                         <p class="zsh_more">
1005                             更多
1006                         </p>
1007                     </div>
1008                     <div class="zsh_xiafangluxian"><!-- 下方路线 -->
1009                         <ul class="zsh_lie1"><!-- 第一列 -->
1010                             <li>
1011                                 台北故宫
1012                             </li>
1013                             <li class="zsh_taibei">
1014                                 阳明山
1015                             </li>
1016                             <li class="zsh_taibei">
1017                                 台北故宫
1018                             </li>
1019                         </ul>
1020                         <ul class="zsh_lie2"><!-- 第二列 -->
1021                             <li>
1022                                 花莲太鲁阁
1023                             </li>
1024                             <li class="zsh_taibei">
1025                                 国家公园
1026                             </li>
1027                         </ul>
1028                         <ul class="zsh_lie3"><!-- 第三列 -->
1029                             <li>
1030                                 阿里山邹族
1031                             </li>
1032                             <li class="zsh_taibei">
1033                                 文化部落
1034                             </li>
1035                             <li class="zsh_taibei">
1036                                 森林公园
1037                             </li>
1038                         </ul>
1039                         <ul class="zsh_lie4"><!-- 第四列 -->
1040                             <li>
1041                                 花莲太鲁阁
1042                             </li>
1043                             <li class="zsh_taibei">
1044                                 国家公园
1045                             </li>
1046                         </ul>
1047                         <ul class="zsh_lie5"><!-- 第五列 -->
1048                             <li>
1049                                 阿里山邹族
1050                             </li>
1051                             <li class="zsh_taibei">
1052                                 文化部落
1053                             </li>
1054                             <li class="zsh_taibei">
1055                                 森林公园
1056                             </li>
1057                         </ul>
1058                         <ul class="zsh_lie5"><!-- 第六列 -->
1059                             <li>
1060                                 阿里山邹族
1061                             </li>
1062                             <li class="zsh_taibei">
1063                                 文化部落
1064                             </li>
1065                             <li class="zsh_taibei">
1066                                 森林公园
1067                             </li>
1068                             <li class="zsh_taibei">
1069                                 阿里山邹族
1070                             </li>
1071                             <li>
1072                                 ...
1073                             </li>
1074                         </ul>
1075                     </div>
1076                 </div>
1077             </div>
1078             <div class="zsh_zuobuer"><!-- 左部四块 -->
1079                 <div class="zsh_zuoyishang"><!-- 左部一块-上部分 -->
1080                     <div class="zsh_zuo"><!-- 左侧台湾西岸,图片 -->
1081                         <p class="zsh_3riyou">
1082                             台湾西岸3日文化游
1083                         </p>
1084                         <img src="images/zsh_大风车.jpg" alt="大风车" class="zsh_dafengche">
1085                     </div>
1086                     <div class="zsh_you"><!-- 右侧文字介绍 -->
1087                         <div class="zsh_hang1"><!-- 第一行 -->
1088                             <img src="images/zsh_天眼.png" alt="天眼" class="zsh_tianyan">
1089                             <p class="zsh_1168a">
1090                                 1168
1091                             </p>
1092                             <img src="images/zsh_红心.png" alt="红心" class="zsh_hongxin">
1093                             <p class="zsh_1168b">
1094                                 1168
1095                             </p>
1096                             <img src="images/zsh_蓝心.png" alt="蓝心" class="zsh_lanxin">
1097                             <p class="zsh_1168c">
1098                                 1168
1099                             </p>
1100                         </div>
1101                         <div class="zsh_hang2"><!-- 第二行 -->
1102                             <div class="zsh_xiaoyi">
1103                                 <p class="zsh_liangdian">
1104                                     行程亮点 &nbsp;&nbsp;:&nbsp;
1105                                 </p>&nbsp;
1106                                 深入原住腹地,全方位领略台湾的人文与自然美景
1107                             </div>
1108                             <div class="zsh_xiaoer">
1109                                 <p class="zsh_tujingchengshi">
1110                                     途径城市&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;
1111                                 </p>
1112                                 &nbsp;&nbsp;&nbsp;台北 > 嘉义 > 高雄 > 花莲 > 高雄 > 花莲
1113                             </div>
1114                             <div class="zsh_xiaosan">
1115                                 <p class="zsh_tianshu">
1116                                     行程天数&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;
1117                                 </p>
1118                                 &nbsp;&nbsp;6日
1119                             </div>
1120                             <div class="zsh_yuanjiage">
1121                                 &yen;1588/人起
1122                             </div>
1123                             <div class="zsh_xiaosi">
1124                                 <p class="zsh_xinjia">
1125                                     &yen;1200
1126                                 </p>
1127                                 <p class="zsh_renqi">
1128                                     /人起
1129                                 </p>
1130                                 <input type="button" name="查看详情" value="查看详情" class="zsh_chakan">
1131                             </div>
1132                         </div>
1133                     </div>
1134                 </div>
1135                 <div class="zsh_zuoyixia"><!-- 左部一块-下部分 -->
1136                     <div class="zsh_feijiceng"><!-- 飞机层 -->
1137                         <img src="images/zsh_绿飞机.png" alt="飞机" class="zsh_feiji">
1138                         <p class="zsh_hengxian1">
1139                         </p>
1140                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
1141                         <p class="zsh_day1">
1142                             Day1
1143                         </p>
1144                         <p class="zsh_hengxian2">
1145                         </p>
1146                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
1147                         <p class="zsh_day1">
1148                             Day2
1149                         </p>
1150                         <p class="zsh_hengxian2">
1151                         </p>
1152                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
1153                         <p class="zsh_day1">
1154                             Day3
1155                         </p>
1156                         <p class="zsh_hengxian2">
1157                         </p>
1158                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
1159                         <p class="zsh_day1">
1160                             Day4
1161                         </p>
1162                         <p class="zsh_hengxian2">
1163                         </p>
1164                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
1165                         <p class="zsh_day1">
1166                             Day5
1167                         </p>
1168                         <p class="zsh_hengxian2">
1169                         </p>
1170                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
1171                         <p class="zsh_day1">
1172                             Day6
1173                         </p>
1174                         <p class="zsh_hengxian2">
1175                         </p>
1176                         <img src="images/zsh_小手.png" alt="小手" class="zsh_xiaoshou">
1177                         <p class="zsh_more">
1178                             更多
1179                         </p>
1180                     </div>
1181                     <div class="zsh_xiafangluxian"><!-- 下方路线 -->
1182                         <ul class="zsh_lie1"><!-- 第一列 -->
1183                             <li>
1184                                 台北故宫
1185                             </li>
1186                             <li class="zsh_taibei">
1187                                 阳明山
1188                             </li>
1189                             <li class="zsh_taibei">
1190                                 台北故宫
1191                             </li>
1192                         </ul>
1193                         <ul class="zsh_lie2"><!-- 第二列 -->
1194                             <li>
1195                                 花莲太鲁阁
1196                             </li>
1197                             <li class="zsh_taibei">
1198                                 国家公园
1199                             </li>
1200                         </ul>
1201                         <ul class="zsh_lie3"><!-- 第三列 -->
1202                             <li>
1203                                 阿里山邹族
1204                             </li>
1205                             <li class="zsh_taibei">
1206                                 文化部落
1207                             </li>
1208                             <li class="zsh_taibei">
1209                                 森林公园
1210                             </li>
1211                         </ul>
1212                         <ul class="zsh_lie4"><!-- 第四列 -->
1213                             <li>
1214                                 花莲太鲁阁
1215                             </li>
1216                             <li class="zsh_taibei">
1217                                 国家公园
1218                             </li>
1219                         </ul>
1220                         <ul class="zsh_lie5"><!-- 第五列 -->
1221                             <li>
1222                                 阿里山邹族
1223                             </li>
1224                             <li class="zsh_taibei">
1225                                 文化部落
1226                             </li>
1227                             <li class="zsh_taibei">
1228                                 森林公园
1229                             </li>
1230                         </ul>
1231                         <ul class="zsh_lie5"><!-- 第六列 -->
1232                             <li>
1233                                 阿里山邹族
1234                             </li>
1235                             <li class="zsh_taibei">
1236                                 文化部落
1237                             </li>
1238                             <li class="zsh_taibei">
1239                                 森林公园
1240                             </li>
1241                             <li class="zsh_taibei">
1242                                 阿里山邹族
1243                             </li>
1244                             <li>
1245                                 ...
1246                             </li>
1247                         </ul>
1248                     </div>
1249                 </div>
1250             </div>
1251             <div class="zsh_zuobuer"><!-- 左部五块 -->
1252                 <div class="zsh_zuoyishang"><!-- 左部一块-上部分 -->
1253                     <div class="zsh_zuo"><!-- 左侧台湾西岸,图片 -->
1254                         <p class="zsh_3riyou">
1255                             台湾西岸3日文化游
1256                         </p>
1257                         <img src="images/zsh_大风车.jpg" alt="大风车" class="zsh_dafengche">
1258                     </div>
1259                     <div class="zsh_you"><!-- 右侧文字介绍 -->
1260                         <div class="zsh_hang1"><!-- 第一行 -->
1261                             <img src="images/zsh_天眼.png" alt="天眼" class="zsh_tianyan">
1262                             <p class="zsh_1168a">
1263                                 1168
1264                             </p>
1265                             <img src="images/zsh_红心.png" alt="红心" class="zsh_hongxin">
1266                             <p class="zsh_1168b">
1267                                 1168
1268                             </p>
1269                             <img src="images/zsh_蓝心.png" alt="蓝心" class="zsh_lanxin">
1270                             <p class="zsh_1168c">
1271                                 1168
1272                             </p>
1273                         </div>
1274                         <div class="zsh_hang2"><!-- 第二行 -->
1275                             <div class="zsh_xiaoyi">
1276                                 <p class="zsh_liangdian">
1277                                     行程亮点 &nbsp;&nbsp;:&nbsp;
1278                                 </p>&nbsp;
1279                                 深入原住腹地,全方位领略台湾的人文与自然美景
1280                             </div>
1281                             <div class="zsh_xiaoer">
1282                                 <p class="zsh_tujingchengshi">
1283                                     途径城市&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;
1284                                 </p>
1285                                 &nbsp;&nbsp;&nbsp;台北 > 嘉义 > 高雄 > 花莲 > 高雄 > 花莲
1286                             </div>
1287                             <div class="zsh_xiaosan">
1288                                 <p class="zsh_tianshu">
1289                                     行程天数&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;
1290                                 </p>
1291                                 &nbsp;&nbsp;6日
1292                             </div>
1293                             <div class="zsh_yuanjiage">
1294                                 &yen;1588/人起
1295                             </div>
1296                             <div class="zsh_xiaosi">
1297                                 <p class="zsh_xinjia">
1298                                     &yen;1200
1299                                 </p>
1300                                 <p class="zsh_renqi">
1301                                     /人起
1302                                 </p>
1303                                 <input type="button" name="查看详情" value="查看详情" class="zsh_chakan">
1304                             </div>
1305                         </div>
1306                     </div>
1307                 </div>
1308                 <div class="zsh_zuoyixia"><!-- 左部一块-下部分 -->
1309                     <div class="zsh_feijiceng"><!-- 飞机层 -->
1310                         <img src="images/zsh_绿飞机.png" alt="飞机" class="zsh_feiji">
1311                         <p class="zsh_hengxian1">
1312                         </p>
1313                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
1314                         <p class="zsh_day1">
1315                             Day1
1316                         </p>
1317                         <p class="zsh_hengxian2">
1318                         </p>
1319                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
1320                         <p class="zsh_day1">
1321                             Day2
1322                         </p>
1323                         <p class="zsh_hengxian2">
1324                         </p>
1325                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
1326                         <p class="zsh_day1">
1327                             Day3
1328                         </p>
1329                         <p class="zsh_hengxian2">
1330                         </p>
1331                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
1332                         <p class="zsh_day1">
1333                             Day4
1334                         </p>
1335                         <p class="zsh_hengxian2">
1336                         </p>
1337                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
1338                         <p class="zsh_day1">
1339                             Day5
1340                         </p>
1341                         <p class="zsh_hengxian2">
1342                         </p>
1343                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
1344                         <p class="zsh_day1">
1345                             Day6
1346                         </p>
1347                         <p class="zsh_hengxian2">
1348                         </p>
1349                         <img src="images/zsh_小手.png" alt="小手" class="zsh_xiaoshou">
1350                         <p class="zsh_more">
1351                             更多
1352                         </p>
1353                     </div>
1354                     <div class="zsh_xiafangluxian"><!-- 下方路线 -->
1355                         <ul class="zsh_lie1"><!-- 第一列 -->
1356                             <li>
1357                                 台北故宫
1358                             </li>
1359                             <li class="zsh_taibei">
1360                                 阳明山
1361                             </li>
1362                             <li class="zsh_taibei">
1363                                 台北故宫
1364                             </li>
1365                         </ul>
1366                         <ul class="zsh_lie2"><!-- 第二列 -->
1367                             <li>
1368                                 花莲太鲁阁
1369                             </li>
1370                             <li class="zsh_taibei">
1371                                 国家公园
1372                             </li>
1373                         </ul>
1374                         <ul class="zsh_lie3"><!-- 第三列 -->
1375                             <li>
1376                                 阿里山邹族
1377                             </li>
1378                             <li class="zsh_taibei">
1379                                 文化部落
1380                             </li>
1381                             <li class="zsh_taibei">
1382                                 森林公园
1383                             </li>
1384                         </ul>
1385                         <ul class="zsh_lie4"><!-- 第四列 -->
1386                             <li>
1387                                 花莲太鲁阁
1388                             </li>
1389                             <li class="zsh_taibei">
1390                                 国家公园
1391                             </li>
1392                         </ul>
1393                         <ul class="zsh_lie5"><!-- 第五列 -->
1394                             <li>
1395                                 阿里山邹族
1396                             </li>
1397                             <li class="zsh_taibei">
1398                                 文化部落
1399                             </li>
1400                             <li class="zsh_taibei">
1401                                 森林公园
1402                             </li>
1403                         </ul>
1404                         <ul class="zsh_lie5"><!-- 第六列 -->
1405                             <li>
1406                                 阿里山邹族
1407                             </li>
1408                             <li class="zsh_taibei">
1409                                 文化部落
1410                             </li>
1411                             <li class="zsh_taibei">
1412                                 森林公园
1413                             </li>
1414                             <li class="zsh_taibei">
1415                                 阿里山邹族
1416                             </li>
1417                             <li>
1418                                 ...
1419                             </li>
1420                         </ul>
1421                     </div>
1422                 </div>
1423             </div>
1424             <div class="zsh_zuobuer"><!-- 左部六块 -->
1425                 <div class="zsh_zuoyishang"><!-- 左部一块-上部分 -->
1426                     <div class="zsh_zuo"><!-- 左侧台湾西岸,图片 -->
1427                         <p class="zsh_3riyou">
1428                             台湾西岸3日文化游
1429                         </p>
1430                         <img src="images/zsh_大风车.jpg" alt="大风车" class="zsh_dafengche">
1431                     </div>
1432                     <div class="zsh_you"><!-- 右侧文字介绍 -->
1433                         <div class="zsh_hang1"><!-- 第一行 -->
1434                             <img src="images/zsh_天眼.png" alt="天眼" class="zsh_tianyan">
1435                             <p class="zsh_1168a">
1436                                 1168
1437                             </p>
1438                             <img src="images/zsh_红心.png" alt="红心" class="zsh_hongxin">
1439                             <p class="zsh_1168b">
1440                                 1168
1441                             </p>
1442                             <img src="images/zsh_蓝心.png" alt="蓝心" class="zsh_lanxin">
1443                             <p class="zsh_1168c">
1444                                 1168
1445                             </p>
1446                         </div>
1447                         <div class="zsh_hang2"><!-- 第二行 -->
1448                             <div class="zsh_xiaoyi">
1449                                 <p class="zsh_liangdian">
1450                                     行程亮点 &nbsp;&nbsp;:&nbsp;
1451                                 </p>&nbsp;
1452                                 深入原住腹地,全方位领略台湾的人文与自然美景
1453                             </div>
1454                             <div class="zsh_xiaoer">
1455                                 <p class="zsh_tujingchengshi">
1456                                     途径城市&nbsp;&nbsp;&nbsp;&nbsp;:&nbsp;
1457                                 </p>
1458                                 &nbsp;&nbsp;&nbsp;台北 > 嘉义 > 高雄 > 花莲 > 高雄 > 花莲
1459                             </div>
1460                             <div class="zsh_xiaosan">
1461                                 <p class="zsh_tianshu">
1462                                     行程天数&nbsp;&nbsp;&nbsp;:&nbsp;&nbsp;
1463                                 </p>
1464                                 &nbsp;&nbsp;6日
1465                             </div>
1466                             <div class="zsh_yuanjiage">
1467                                 &yen;1588/人起
1468                             </div>
1469                             <div class="zsh_xiaosi">
1470                                 <p class="zsh_xinjia">
1471                                     &yen;1200
1472                                 </p>
1473                                 <p class="zsh_renqi">
1474                                     /人起
1475                                 </p>
1476                                 <input type="button" name="查看详情" value="查看详情" class="zsh_chakan">
1477                             </div>
1478                         </div>
1479                     </div>
1480                 </div>
1481                 <div class="zsh_zuoyixia"><!-- 左部一块-下部分 -->
1482                     <div class="zsh_feijiceng"><!-- 飞机层 -->
1483                         <img src="images/zsh_绿飞机.png" alt="飞机" class="zsh_feiji">
1484                         <p class="zsh_hengxian1">
1485                         </p>
1486                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
1487                         <p class="zsh_day1">
1488                             Day1
1489                         </p>
1490                         <p class="zsh_hengxian2">
1491                         </p>
1492                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
1493                         <p class="zsh_day1">
1494                             Day2
1495                         </p>
1496                         <p class="zsh_hengxian2">
1497                         </p>
1498                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
1499                         <p class="zsh_day1">
1500                             Day3
1501                         </p>
1502                         <p class="zsh_hengxian2">
1503                         </p>
1504                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
1505                         <p class="zsh_day1">
1506                             Day4
1507                         </p>
1508                         <p class="zsh_hengxian2">
1509                         </p>
1510                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
1511                         <p class="zsh_day1">
1512                             Day5
1513                         </p>
1514                         <p class="zsh_hengxian2">
1515                         </p>
1516                         <img src="images/zsh_黑点.png" alt="痘痘" class="zsh_doudou1">
1517                         <p class="zsh_day1">
1518                             Day6
1519                         </p>
1520                         <p class="zsh_hengxian2">
1521                         </p>
1522                         <img src="images/zsh_小手.png" alt="小手" class="zsh_xiaoshou">
1523                         <p class="zsh_more">
1524                             更多
1525                         </p>
1526                     </div>
1527                     <div class="zsh_xiafangluxian"><!-- 下方路线 -->
1528                         <ul class="zsh_lie1"><!-- 第一列 -->
1529                             <li>
1530                                 台北故宫
1531                             </li>
1532                             <li class="zsh_taibei">
1533                                 阳明山
1534                             </li>
1535                             <li class="zsh_taibei">
1536                                 台北故宫
1537                             </li>
1538                         </ul>
1539                         <ul class="zsh_lie2"><!-- 第二列 -->
1540                             <li>
1541                                 花莲太鲁阁
1542                             </li>
1543                             <li class="zsh_taibei">
1544                                 国家公园
1545                             </li>
1546                         </ul>
1547                         <ul class="zsh_lie3"><!-- 第三列 -->
1548                             <li>
1549                                 阿里山邹族
1550                             </li>
1551                             <li class="zsh_taibei">
1552                                 文化部落
1553                             </li>
1554                             <li class="zsh_taibei">
1555                                 森林公园
1556                             </li>
1557                         </ul>
1558                         <ul class="zsh_lie4"><!-- 第四列 -->
1559                             <li>
1560                                 花莲太鲁阁
1561                             </li>
1562                             <li class="zsh_taibei">
1563                                 国家公园
1564                             </li>
1565                         </ul>
1566                         <ul class="zsh_lie5"><!-- 第五列 -->
1567                             <li>
1568                                 阿里山邹族
1569                             </li>
1570                             <li class="zsh_taibei">
1571                                 文化部落
1572                             </li>
1573                             <li class="zsh_taibei">
1574                                 森林公园
1575                             </li>
1576                         </ul>
1577                         <ul class="zsh_lie5"><!-- 第六列 -->
1578                             <li>
1579                                 阿里山邹族
1580                             </li>
1581                             <li class="zsh_taibei">
1582                                 文化部落
1583                             </li>
1584                             <li class="zsh_taibei">
1585                                 森林公园
1586                             </li>
1587                             <li class="zsh_taibei">
1588                                 阿里山邹族
1589                             </li>
1590                             <li>
1591                                 ...
1592                             </li>
1593                         </ul>
1594                     </div>
1595                 </div>
1596             </div>
1597             <div class="fanye"><!--左部七块-翻页 -->
1598                 <span class="shangyiye">
1599                 上一页
1600                 </span><!-- 上一页 -->
1601                 <span class="shuzi1">
1602                 1
1603                 </span><!-- 1 -->
1604                 <span class="shengluehao">
1605                     .....
1606                 </span><!-- 省略号 -->
1607                 <span class="shuzi12">
1608                     12
1609                 </span><!-- 12 -->
1610                 <span class="shuzi13">
1611                     13
1612                 </span><!-- 13 -->
1613                 <span class="shuzi14"><!-- 14 -->
1614                     14
1615                 </span>
1616                 <span class="shengluehao2"><!-- 省略号 -->
1617                     .....
1618                 </span>
1619                 <span class="shuzi40"><!-- 40 -->
1620                     40
1621                 </span>
1622                 <span class="xiayiye"> <!-- 下一页 -->
1623                     下一页
1624                 </span>
1625             </div>
1626             <div class="zsh_fenjiexian"><!-- 底部分界线 -->    
1627             </div>
1628         </div>
1629         <div class="zsh_youbuzhengti"><!-- 右部整体 -->
1630             <div class="zsh_kanhuiji"><!-- 右部一块-看灰机 -->
1631                 <img src="images/zsh_看灰机.jpg" alt="看灰机">
1632                 <img src="images/zsh_灰机灰.png" alt="灰机灰" class="zsh_huijihui">
1633                 <p class="zsh_mianfei">
1634                     一票在手,免费游岛
1635                 </p>
1636             </div>
1637             <div class="zsh_kanhuiji zsh_kanmeinv"><!-- 右部二块-看美女 -->
1638                 <img src="images/zsh_看美女.jpg" alt="看美女">
1639                 <img src="images/zsh_灰机灰.png" alt="灰机灰" class="zsh_huijihui">
1640                 <p class="zsh_mianfei">
1641                     暑期游台湾
1642                 </p>
1643                 <img src="images/zsh_绿地.png" alt="绿地" class="zsh_lvdi">
1644                 <p class="zsh_mudidi">
1645                     目的地
1646                 </p>
1647             </div>
1648             <div class="zsh_xiaotubiao"><!-- 右部三块-小图标 -->
1649                 <div class="zsh_xiaotaibei"><!-- 小台北 -->
1650                     <div class="zsh_xiaotai"><!-- 左=图片 -->
1651                         <img src="images/zsh_小台北.jpg" alt="台北">
1652                     </div>
1653                     <div class="zsh_jieshao"><!-- 右=介绍 -->
1654                         <p class="zsh_tai1">
1655                             台北
1656                         </p>
1657                         <img src="images/zsh_红心.png" alt="红心" class="zsh_honghong">
1658                         <p class="zsh_shuzi1168">
1659                             1168
1660                         </p>
1661                         <img src="images/zsh_蓝心.png" alt="蓝心" class="zsh_lanlan">
1662                         <p class="zsh_shuzi1168a">
1663                             1168
1664                         </p>
1665                     </div>
1666                 </div>
1667                 <div class="zsh_xiaotaibei zsh_xiaotaizhong"><!-- 小台中 -->
1668                     <div class="zsh_xiaotai"><!-- 左=图片 -->
1669                         <img src="images/zsh_小台中.jpg" alt="台中">
1670                     </div>
1671                     <div class="zsh_jieshao"><!-- 右=介绍 -->
1672                         <p class="zsh_tai1">
1673                             台中
1674                         </p>
1675                         <img src="images/zsh_红心.png" alt="红心" class="zsh_honghong">
1676                         <p class="zsh_shuzi1168">
1677                             1168
1678                         </p>
1679                         <img src="images/zsh_蓝心.png" alt="蓝心" class="zsh_lanlan">
1680                         <p class="zsh_shuzi1168a">
1681                             1168
1682                         </p>
1683                     </div>
1684                 </div>
1685                 <div class="zsh_xiaotaibei zsh_xiaotaizhong"><!-- 小嘉义 -->
1686                     <div class="zsh_xiaotai"><!-- 左=图片 -->
1687                         <img src="images/zsh_小嘉义.jpg" alt="嘉义">
1688                     </div>
1689                     <div class="zsh_jieshao"><!-- 右=介绍 -->
1690                         <p class="zsh_tai1">
1691                             嘉义
1692                         </p>
1693                         <img src="images/zsh_红心.png" alt="红心" class="zsh_honghong">
1694                         <p class="zsh_shuzi1168">
1695                             1168
1696                         </p>
1697                         <img src="images/zsh_蓝心.png" alt="蓝心" class="zsh_lanlan">
1698                         <p class="zsh_shuzi1168a">
1699                             1168
1700                         </p>
1701                     </div>
1702                 </div>
1703                 <div class="zsh_xiaotaibei zsh_xiaotaizhong"><!-- 小高雄 -->
1704                     <div class="zsh_xiaotai"><!-- 左=图片 -->
1705                         <img src="images/zsh_小高雄.jpg" alt="高雄">
1706                     </div>
1707                     <div class="zsh_jieshao"><!-- 右=介绍 -->
1708                         <p class="zsh_tai1">
1709                             高雄
1710                         </p>
1711                         <img src="images/zsh_红心.png" alt="红心" class="zsh_honghong">
1712                         <p class="zsh_shuzi1168">
1713                             1168
1714                         </p>
1715                         <img src="images/zsh_蓝心.png" alt="蓝心" class="zsh_lanlan">
1716                         <p class="zsh_shuzi1168a">
1717                             1168
1718                         </p>
1719                     </div>
1720                 </div>
1721                 <div class="zsh_xiaotaibei zsh_xiaotaizhong"><!-- 小台东 -->
1722                     <div class="zsh_xiaotai"><!-- 左=图片 -->
1723                         <img src="images/zsh_小台东.jpg" alt="台东">
1724                     </div>
1725                     <div class="zsh_jieshao"><!-- 右=介绍 -->
1726                         <p class="zsh_tai1">
1727                             台东
1728                         </p>
1729                         <img src="images/zsh_红心.png" alt="红心" class="zsh_honghong">
1730                         <p class="zsh_shuzi1168">
1731                             1168
1732                         </p>
1733                         <img src="images/zsh_蓝心.png" alt="蓝心" class="zsh_lanlan">
1734                         <p class="zsh_shuzi1168a">
1735                             1168
1736                         </p>
1737                     </div>
1738                 </div>
1739                 <div class="zsh_xiaotaibei zsh_xiaotaizhong"><!-- 小花莲 -->
1740                     <div class="zsh_xiaotai"><!-- 左=图片 -->
1741                         <img src="images/zsh_小花莲.jpg" alt="花莲">
1742                     </div>
1743                     <div class="zsh_jieshao"><!-- 右=介绍 -->
1744                         <p class="zsh_tai1">
1745                             花莲
1746                         </p>
1747                         <img src="images/zsh_红心.png" alt="红心" class="zsh_honghong">
1748                         <p class="zsh_shuzi1168">
1749                             1168
1750                         </p>
1751                         <img src="images/zsh_蓝心.png" alt="蓝心" class="zsh_lanlan">
1752                         <p class="zsh_shuzi1168a">
1753                             1168
1754                         </p>
1755                     </div>
1756                 </div>
1757             </div>
1758         </div>
1759     </div>
1760     <!-- 中间主体部分结束 -->
1761     <!-- 底部部分开始 -->
1762         <div class="dibuxinxi"><!-- 底部信息栏 -->
1763         <div class="xinxishang"><!-- 信息栏上部分 -->
1764             <ul class="diyilie"><!-- 1 -->
1765                 <li class="l1">关于遛弯</li>
1766                 <li class="l2">公司简介</li>
1767                 <li class="l3">联系我们</li>
1768                 <li class="l3">诚聘英才</li>
1769                 <li class="l3">网站地址</li>
1770             </ul>
1771             <ul class="dierlie"><!-- 2 -->
1772                 <li class="l1">帮助中心</li> 
1773                 <li class="l2">赴台手续</li> 
1774                 <li class="l3">遛弯玩法</li> 
1775                 <li class="l3">常见问题</li> 
1776             </ul>
1777             <ul class="disanlie"><!-- 3 -->
1778                 <li class="l1">网站条款</li>
1779                 <li class="l2">服务条款</li>
1780                 <li class="l3">免责声明</li>
1781             </ul>
1782             <ul class="disilie"><!-- 4 -->
1783                 <li class="l1">关注我们</li>
1784                 <li class="l6"><img src="images/微信logo.png" alt=""></li>
1785             </ul>
1786             <ul class="diwulie"><!-- 5 -->
1787                 <li class="l1">400 820 8820</li>
1788                 <li class="l7">周一至周日</li>
1789                 <li class="l7">9:00~20:00</li>
1790                 <li class="l7"><img src="images/zsh_在线服务.png" alt=""></li>
1791             </ul>
1792         </div>
1793         <div class="xinxixia"><!-- 信息栏下部分 -->    
1794             <div class="dibukuang">
1795                 <p class="pp">
1796                     Copyright © 2013-2014 www.6waner.cn All Right Reserved. 京ICP备11015236号
1797                 </p>
1798             </div>    
1799         </div>
1800     </div>
1801 </body>
1802 </html>

 

posted @ 2016-07-27 16:39  舍近求猿  阅读(1193)  评论(0编辑  收藏  举报