1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style> 7 * 8 { 9 margin: 0; 10 padding:0; 11 } 12 .head 13 { 14 border-bottom: 4px solid #176fbb; 15 } 16 .headcon 17 { 18 width: 1000px; 19 margin: 0 auto;/*居中*/ 20 overflow: hidden; 21 padding-top: 15px; 22 padding-bottom: 9px; 23 } 24 .head1 25 { 26 float: left; 27 } 28 .head2 29 { 30 float: right; 31 } 32 .banners 33 { 34 float: left; 35 margin-right: 14px; 36 font-family: "微软雅黑"; 37 font-size: 14px; 38 color: #505050; 39 text-decoration: none; 40 41 } 42 .headborder 43 { 44 border-right: 2px solid #3c3c3c; 45 padding-right: 14px; 46 } 47 .headinp 48 { 49 width: 151px; 50 height: 24px; 51 margin-right: 0px; 52 } 53 .phone 54 { 55 margin-top: -1px; 56 } 57 .xinglixiang 58 { 59 margin-top: -5px; 60 } 61 .sousuo 62 { 63 margin-top: -6px; 64 } 65 .head3 66 { 67 float: left; 68 margin-left: 56px; 69 margin-top: 40px; 70 } 71 .head3 a 72 { 73 font-family: "微软雅黑"; 74 font-size: 18px; 75 color: #3c3c3c; 76 text-decoration: none; 77 margin-left: 38px; 78 } 79 .d1 80 { 81 overflow: hidden; 82 } 83 .banshouli 84 { 85 86 height: 53px; 87 width: 1000px; 88 line-height: 53px; 89 margin: 0 auto; 90 } 91 .datu 92 { 93 width: 100%; 94 height: 350px; 95 min-width: 1000px; 96 margin: 0 auto; 97 background: url(img/大图.jpg) center center no-repeat; 98 } 99 .d2 100 { 101 width: 1000px; 102 margin: 0 auto; 103 overflow: hidden; 104 } 105 .libao 106 { 107 padding-top: 30px; 108 padding-left: 428px; 109 padding-bottom:29px; 110 float: left; 111 } 112 .banshouli2 113 { 114 padding-top: 30px; 115 margin-left:21px; 116 font-size: 30px; 117 font-family: "微软雅黑"; 118 color: #cc0000; 119 float: left; 120 } 121 .d3 122 { 123 width: 1002px; 124 margin: 0 auto; 125 overflow: hidden; 126 } 127 .picture1 128 { 129 width: 314px; 130 height: 221px; 131 margin: 15px; 132 margin-left: 0px; 133 background: url(img/牛轧糖暗.jpg) center center no-repeat; 134 float: left; 135 } 136 .beijing 137 { 138 overflow: hidden; 139 } 140 .xin 141 { 142 padding-left: 96px; 143 padding-top: 31px; 144 float: left; 145 } 146 .shuzi 147 { 148 padding-top: 30px; 149 margin-left: 9px; 150 font-size: 12px; 151 font-family: "微软雅黑"; 152 color: #ffffff; 153 float: left; 154 } 155 .shenmegui 156 { 157 padding-top: 31px; 158 margin-left: 20px; 159 float: left; 160 } 161 .shuzi1 162 { 163 padding-top: 31px; 164 margin-left: 10px; 165 font-size: 12px; 166 font-family: "微软雅黑"; 167 color: #ffffff; 168 float: left; 169 } 170 .t1 171 { 172 padding-top: 20px; 173 font-size: 16px; 174 font-family: "微软雅黑"; 175 color: #ffffff; 176 text-align: center; 177 } 178 .t2 179 { 180 margin-left: 53px; 181 margin-right: 53px; 182 padding-top:20px; 183 font-size:14px; 184 font-family: "微软雅黑"; 185 color: #ffffff; 186 text-align: center; 187 } 188 .huabian 189 { 190 width: 275px; 191 height: 75px; 192 margin-left: 20px; 193 padding-top: 18px; 194 background: url(img/花边.png) center center no-repeat; 195 float: left; 196 } 197 .picture2 198 { 199 width: 314px; 200 height: 221px; 201 background: url(img/凤梨酥.jpg) center center no-repeat; 202 /*padding:15px;*/ 203 margin: 15px; 204 float: left; 205 } 206 .fenglisu 207 { 208 font-size: 16px; 209 font-family: "微软雅黑"; 210 color: #74735e; 211 text-align: center; 212 padding-top: 200px; 213 } 214 .picture3 215 { 216 width: 314px; 217 height: 221px; 218 background: url(img/牛轧糖.jpg) center center no-repeat; 219 /*padding-left: 30px;*/ 220 margin: 15px; 221 margin-right: 0px; 222 margin-top: 15px; 223 float: left; 224 } 225 .t3 226 { 227 font-size: 16px; 228 font-family: "微软雅黑"; 229 color: #74735e; 230 text-align: center; 231 padding-top: 185px; 232 margin: 15px; 233 } 234 .picture4 235 { 236 width: 314px; 237 height: 221px; 238 background: url(img/羊羹.jpg) center center no-repeat; 239 margin: 15px; 240 margin-left: 0px; 241 float: left; 242 } 243 .t4 244 { 245 font-size: 16px; 246 font-family: "微软雅黑"; 247 color: #74735e; 248 text-align: center; 249 padding-top: 200px; 250 } 251 .picture5 252 { 253 width: 314px; 254 height: 221px; 255 background: url(img/牛轧糖.jpg) center center no-repeat; 256 margin: 15px; 257 float: left; 258 } 259 .t5 260 { 261 font-size: 16px; 262 font-family: "微软雅黑"; 263 color: #74735e; 264 text-align: center; 265 padding-top: 200px; 266 } 267 .picture6 268 { 269 width: 314px; 270 height: 221px; 271 background: url(img/蛋糕.jpg) center center no-repeat; 272 margin: 15px; 273 margin-right: 0px; 274 float: left; 275 } 276 .t6 277 { 278 font-size: 16px; 279 font-family: "微软雅黑"; 280 color: #74735e; 281 text-align: center; 282 padding-top: 200px; 283 } 284 .d4 285 { 286 width: 1000px; 287 margin: 0 auto; 288 overflow: hidden; 289 padding-top: 15px; 290 font-size: 12px; 291 font-family: "微软雅黑"; 292 color: #737373; 293 } 294 .d4 a 295 { 296 float: left; 297 margin-right: 15px; 298 } 299 .shuzi13 300 { 301 margin-top:-2px; 302 } 303 .shengluehao 304 { 305 /*margin-top: 1px;*/ 306 } 307 .shangyiye 308 { 309 padding-left: 370px; 310 } 311 .d5 312 { 313 height: 179px; 314 background-color: #023c4d; 315 border-bottom: 1px solid #ffffff; 316 } 317 .d6 318 { 319 overflow: hidden; 320 color: #fff; 321 font-family: 宋体; 322 margin: 0 auto; 323 width: 900px; 324 padding-left: 104px; 325 326 } 327 .l1 328 { 329 list-style: none; 330 float: left; 331 margin-right: 80px; 332 margin-top: 22px; 333 } 334 .l2 335 { 336 list-style: none; 337 float: left; 338 margin-right: 80px; 339 margin-top: 22px; 340 341 } 342 .l3 343 { 344 list-style: none; 345 float: left; 346 margin-right: 80px; 347 margin-top: 22px; 348 } 349 .l4 350 { 351 list-style:none; 352 float: left; 353 margin-right: 80px; 354 margin-top: 22px; 355 } 356 .l5 357 { 358 list-style:none; 359 float: left; 360 margin-top: 22px; 361 } 362 .logo 363 { 364 width: 76px; 365 height: 34px; 366 } 367 .guanyu 368 { 369 margin-bottom: 10px; 370 } 371 .bangzhu 372 { 373 margin-bottom: 10px; 374 } 375 .wangzhan 376 { 377 margin-bottom: 10px; 378 } 379 .guanzhu 380 { 381 margin-bottom: 10px; 382 } 383 .dianhua1 384 { 385 margin-bottom: 10px; 386 } 387 .riqi 388 { 389 margin-bottom: 10px; 390 } 391 .zaixianfuwuzixun 392 { 393 margin-bottom: 10px; 394 } 395 .l1 li 396 { 397 margin-bottom: 15px; 398 } 399 .l2 li 400 { 401 margin-bottom: 15px; 402 } 403 .l3 li 404 { 405 margin-bottom: 15px; 406 } 407 .l4 li 408 { 409 margin-bottom: 15px; 410 } 411 .l5 li 412 { 413 margin-bottom: 15px; 414 } 415 .d7 416 { 417 height: 57px; 418 background-color: #023c4d; 419 color: #d0d0d0; 420 text-align: center; 421 line-height: 57px; 422 423 } 424 </style> 425 </head> 426 <body> 427 <!-- 头部部分 --> 428 <div class="head"> 429 <div class="headcon"> 430 <div class="head1"> 431 <img src="img/遛弯.png" alt=""> 432 </div> 433 <div class="head2"> 434 <img class="banners phone"src="img/小电话.png" alt=""> 435 <span class="banners headborder">400-800-8820</span> 436 <a class="banners headborder "href="###">登录</a> 437 <a class="banners headborder" href="###">注册</a> 438 <img class="banners xinglixiang" src="img/锁.png" alt=""> 439 <span class="banners">行李箱</span> 440 <input class="banners headinp sousuo" type="text"> 441 <img class="banners sousuo" src="img/放大镜.png" alt=""> 442 </div> 443 <div class="head3"> 444 <img src="img/房子.png" alt=""> 445 <a href="###">第一次</a> 446 <a href="###">目的地</a> 447 <a href="###">自定行程</a> 448 <a href="###">游记</a> 449 <a href="###">特产</a> 450 <a href="###">优惠</a> 451 <a href="###">环岛巴士</a> 452 453 </div> 454 </div> 455 </div> 456 <!-- 头部部分结束 --> 457 <!-- 大图部分开始 --> 458 <div class="d1"> 459 <p class="banshouli">首页>伴手礼</p> 460 <div class="datu"> 461 </div> 462 </div> 463 <!-- 大图结束 --> 464 <!-- 礼包开始 --> 465 <div class="d2"> 466 <img class="libao" src="img/礼包.png" alt=""> 467 <div class="banshouli2">伴手礼</div> 468 </div> 469 <!-- 礼包结束 --> 470 <!-- 主体六大图开始 --> 471 <div class="d3"> 472 <div class="picture1"> 473 <div class="beijing"><!-- 第一行，心形 --> 474 <img class="xin" src="img/心形.png" alt=""> 475 <p class="shuzi">1168</p> 476 <img class="shenmegui" src="img/什么鬼.png" alt=""> 477 <p class="shuzi1">1168</p> 478 </div> 479 <div class="t1"> 480 浓香的奶味和果仁的牛轧糖 481 </div> 482 <div class="t2"> 483 好吃的粘牙，而且越嚼越香，而且是不含香料和色素... 484 </div> 485 <div class="huabian"></div> 486 </div> 487 <div class="picture2"> 488 <div class="fenglisu">凤梨酥</div> 489 </div> 490 <div class="picture3"> 491 <div class="t3">浓香的奶味和果仁的牛轧糖</div> 492 </div> 493 <div class="picture4"> 494 <div class="t4">羊羹</div> 495 </div> 496 <div class="picture5"> 497 <div class="t5">浓香的奶味和果仁的牛轧糖</div> 498 </div> 499 <div class="picture6"> 500 <div class="t6">凤梨酥</div> 501 </div> 502 </div> 503 <!-- 主体六大图结束 --> 504 <div class="d4"> 505 <a class="shangyiye">上一页</a> 506 <a class="shuzi0" >1</a> 507 <a> 508 <img class="shengluehao" src="img/省略号.png" alt=""> 509 </a> 510 <a> 511 <img class="shuzi13" src="img/13.png" alt=""> 512 </a> 513 <a class="shuzi14">14</a> 514 <a> 515 <img class="shengluehao1" src="img/省略号.png" alt=""> 516 </a> 517 <a class="shuzi40">40</a> 518 <a class="xiayiye">下一页</a> 519 </div> 520 <!-- 底部信息栏 --> 521 <div class="d5"> 522 <div class="d6"> 523 <ul class="l1"><!-- 第一列 --> 524 <li class="guanyu">关于遛弯</li> 525 <li>公司简介</li> 526 <li>联系我们</li> 527 <li>诚聘英才</li> 528 <li>网站地图</li> 529 </ul> 530 <ul class="l2"><!-- 第二列 --> 531 <li class="bangzhu">帮助中心</li> 532 <li>赴台手续</li> 533 <li>遛弯玩法</li> 534 <li>常见问题</li> 535 </ul> 536 <ul class="l3"><!-- 第三列 --> 537 <li class="wangzhan" >网站条款</li> 538 <li>服务条款</li> 539 <li>免责声明</li> 540 </ul> 541 <ul class="l4"><!-- 第四列 --> 542 <li class="guanzhu">关注我们</li> 543 <li><img class="logo" src="img/双logo.png" alt=""></li> 544 </ul> 545 <ul class="l5"> <!-- 第五列 --> 546 <li class="dianhua1" >400 820 8820</li> 547 <li class="riqi">周一至周日</li> 548 <li>9:00~20:00</li> 549 <li><img class="zaixianfuwuzixun" src="img/在线服务.png" alt=""></li> 550 </ul> 551 </div> 552 </div> 553 <div class="d7"> 554 Copyright © 2013-2014 www.6waner.cn All Right Reserved. 京ICP备11015236号 555 </div> 556 </body> 557 </html>