├── .gitignore ├── README.md ├── about.html ├── css ├── basic.css ├── column.css └── style.css ├── dataImg ├── about.jpg ├── about_wap.jpg ├── index.jpg ├── index_wap.jpg ├── informations.jpg ├── informations_wap.jpg ├── scenery.jpg ├── ticket.jpg └── ticket_wap.jpg ├── img ├── disc.png ├── headline.jpg ├── hot1.jpg ├── hot2.jpg ├── hot3.jpg ├── hot4.jpg ├── hot5.jpg ├── hot6.jpg ├── hot7.jpg ├── hot8.jpg ├── logo.png ├── s1.jpg ├── s2.jpg ├── s3.jpg ├── s4.jpg ├── s5.jpg ├── s6.jpg ├── s7.jpg ├── s8.jpg ├── search.jpg ├── tour1.jpg ├── tour2.jpg ├── tour3.jpg ├── tour4.jpg ├── tour5.jpg ├── tour6.jpg ├── tour7.jpg ├── tour8.jpg ├── tour9.jpg ├── trea1.png ├── trea2.png ├── trea3.png └── trea4.png ├── index.html ├── informations.html ├── scenery.html ├── ticket.html └── wap ├── README.md ├── about.html ├── css └── style.css ├── img ├── adver.png ├── bg.png ├── bg1.png ├── tour1.png ├── tour2.png ├── tour3.png ├── tour4.png ├── tour5.png ├── tour6.png ├── tour7.png └── tour8.png ├── index.html ├── informations.html └── ticket.html /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /dist 4 | 5 | # local env files 6 | .env.local 7 | .env.*.local 8 | 9 | # Log files 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | 14 | # Editor directories and files 15 | .idea 16 | .vscode 17 | *.suo 18 | *.ntvs* 19 | *.njsproj 20 | *.sln 21 | *.sw? 22 | 23 | # UI files 24 | UI 25 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # HTML5+CSS实现雪花旅行社 2 | 3 | ## pc端 4 | 5 | 演示地址：https://mingyangya.github.io/tour-project/index.html 6 | 7 | - 首页效果 8 | 9 | ![首页](./dataImg/index.jpg) 10 | 11 | - 旅游资讯效果 12 | 13 | ![旅游资讯](./dataImg/informations.jpg) 14 | 15 | - 机票预定效果 16 | 17 | ![机票预定](./dataImg/ticket.jpg) 18 | 19 | - 风景欣赏效果 20 | 21 | ![风景欣赏](./dataImg/scenery.jpg) 22 | 23 | - 公司简介效果 24 | 25 | ![公司简介](./dataImg/about.jpg) 26 | 27 | ## 手机版 28 | 29 | 演示地址：https://mingyangya.github.io/tour-project/wap/index.html 30 | 31 | - 首页效果 32 | 33 | ![首页](./dataImg/index_wap.jpg) 34 | 35 | - 资讯效果 36 | 37 | ![资讯](./dataImg/informations_wap.jpg) 38 | 39 | - 票务效果 40 | 41 | ![票务](./dataImg/ticket_wap.jpg) 42 | 43 | - 关于我们效果 44 | 45 | ![关于我们](./dataImg/about_wap.jpg) 46 | -------------------------------------------------------------------------------- /about.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 关于我们--旅游网站 6 | 7 | 8 | 9 | 10 |
11 | 21 |
22 |
23 |
24 |
25 |

旅游资讯

26 |

介绍各种最新旅游信息、资讯要闻、景点攻略等

27 |
28 |
29 |
30 |
31 |
32 |
33 |

关于我们

34 |

雪花旅行社旅游网创立于2006 年10 月，以“让旅游更简单”为使命，为消费者提供由北京、上海、广州、深圳等64 个城市出发的旅游产品预订服务，产品全面，价格透明，全年365 天24 小时400 电话预订，并提供丰富的后续服务和保障。 35 | 目前，雪花旅行社旅游网提供8 万余种旅游产品供消费者选择，涵盖跟团、自助、自驾、邮轮、酒店、签证、景区门票以及公司旅游等，已成功服务累计超过400 万人次出游。 36 | 同时基于雪花旅行社旅游网全球中文景点目录以及中文旅游社区，可以更好地帮助游客了解目的地信息，妥善制定好出游计划，并方便地预订旅程中的服务项目。

37 |
38 |
39 |

联系方式

40 |
41 |
    42 |
  • 雪花旅行社股份有限公司
    • 43 |
  • 地址：江苏省盐城市亭湖区大庆中路1234 号
    • 44 |
  • 邮编：1234567
    • 45 |
  • 电话：010-88888888
    • 46 |
  • 传真：010-88666666
    • 47 | 48 |
49 |
50 |
51 |
52 | 111 |
112 | 113 | 151 | 152 | -------------------------------------------------------------------------------- /css/basic.css: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | body,ul,ol,li ,h2,h3,p,hr,figure{ 4 | padding:0; 5 | margin:0; 6 | } 7 | body { 8 | font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei UI","Microsoft YaHei",SimHei,"宋体",simsun,sans-serif; 9 | } 10 | ol,ul,li{ 11 | list-style: none; 12 | } 13 | a { 14 | text-decoration: none; 15 | } 16 | input { 17 | border:0; 18 | padding:0; 19 | margin:0; 20 | } 21 | header{ 22 | width:100%; 23 | min-width: 1263px; 24 | height:70px; 25 | background: #333; 26 | box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3); 27 | z-index: 999; 28 | } 29 | nav { 30 | width:1263px; 31 | margin:0 auto; 32 | color:#fff; 33 | } 34 | nav #logo { 35 | float:left; 36 | 37 | } 38 | nav ul{ 39 | float:right; 40 | width:800px; 41 | line-height: 70px; 42 | text-align: center; 43 | } 44 | nav ul li{ 45 | float:left; 46 | width:140px; 47 | 48 | } 49 | nav ul li a{ 50 | display: block; 51 | color: #eee; 52 | } 53 | nav ul li a:hover,.active a{ 54 | list-style: none; 55 | display: block; 56 | background: #000; 57 | } 58 | 59 | #footer { 60 | height:361px; 61 | background: #222; 62 | clear:both; 63 | } 64 | .top { 65 | width:1263px; 66 | margin:0 auto; 67 | height:300px; 68 | text-align: center; 69 | } 70 | .block { 71 | display: inline-block; 72 | width:410px; 73 | height:280px; 74 | text-align: left; 75 | vertical-align: top; 76 | color:#ccc; 77 | 78 | } 79 | .block h3{ 80 | font-weight: normal; 81 | font-size: 24px; 82 | 83 | margin:20px 0 10px 0; 84 | } 85 | .block hr{ 86 | border:1px dashed #333; 87 | width:90%; 88 | } 89 | .block ul{ 90 | font-size: 18px; 91 | line-height: 2.2; 92 | color:#777; 93 | 94 | } 95 | .bottom { 96 | height:60px; 97 | background: #000; 98 | color:#fff; 99 | text-align: center; 100 | line-height:60px; 101 | border-top:1px solid #444; 102 | } -------------------------------------------------------------------------------- /css/column.css: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | #headline { 3 | 4 | height:300px; 5 | width:100%; 6 | min-width:1263px; 7 | background: linear-gradient(to right bottom, rgba(0,0,0,0.7), rgba(0,0,0,0)), url(../img/headline.jpg) no-repeat center; 8 | 9 | } 10 | 11 | .headline { 12 | width:1263px; 13 | height:300px; 14 | margin:0 auto; 15 | 16 | } 17 | hgroup { 18 | padding:100px 0 0 150px; 19 | } 20 | .headline h2{ 21 | font-size:45px; 22 | color:#eee; 23 | letter-spacing: 1px; 24 | } 25 | .headline p{ 26 | font-size:20px; 27 | color:#eee; 28 | letter-spacing: 1px; 29 | } 30 | #container { 31 | width:1263px; 32 | margin:30px auto; 33 | overflow: hidden; 34 | 35 | } 36 | .sidebar { 37 | float:right; 38 | width:340px; 39 | color:#666; 40 | 41 | } 42 | .sidebox { 43 | height:400px; 44 | text-align: center; 45 | margin-bottom:20px; 46 | 47 | border:1px solid #ccc; 48 | } 49 | .sidebox h3{ 50 | font-size: 20px; 51 | font-weight: normal; 52 | letter-spacing: 1px; 53 | height:48px; 54 | line-height:48px; 55 | background: #fafafa; 56 | text-align:left; 57 | text-indent: 20px; 58 | margin-bottom: 5px; 59 | } 60 | 61 | .sidebox li{ 62 | display: inline-block; 63 | height:45px; 64 | width:100px; 65 | margin:2px; 66 | line-height:45px; 67 | color:#fff; 68 | background: #eee; 69 | 70 | } 71 | .tag li a { 72 | color:#999; 73 | } 74 | .tag li a:hover { 75 | background: #458b00; 76 | display:block; 77 | color:#fff; 78 | 79 | } 80 | .sidebox .figure{ 81 | width:340px; 82 | text-align: center; 83 | } 84 | .figure figure{ 85 | display: inline-block; 86 | padding:5px; 87 | } 88 | .figure figcaption { 89 | color:#666; 90 | 91 | } 92 | .box { 93 | padding:10px 0 10px 0; 94 | } 95 | .box a { 96 | width:150px; 97 | height:45px; 98 | line-height: 45px; 99 | text-indent: 10px; 100 | font-size: 16px; 101 | display: inline-block; 102 | 103 | 104 | color:#999; 105 | margin:2px ; 106 | } 107 | .box a.trea1 { 108 | 109 | background: #eee url(../img/trea1.png) no-repeat 10px center; 110 | 111 | } 112 | .box a.trea2 { 113 | 114 | background:#eee url(../img/trea2.png) no-repeat 10px center; 115 | 116 | } 117 | .box a.trea3 { 118 | 119 | background:#eee url(../img/trea3.png) no-repeat 10px center; 120 | 121 | } 122 | .box a.trea4 { 123 | 124 | background: #eee url(../img/trea4.png) no-repeat 10px center; 125 | 126 | } 127 | .treasure { 128 | height:170px; 129 | } 130 | 131 | .list { 132 | float:left; 133 | width:900px; 134 | 135 | } 136 | .infos { 137 | width:900px; 138 | height:50px; 139 | background: #eee; 140 | } 141 | .infos_left{ 142 | float:left; 143 | line-height: 48px; 144 | text-align: center; 145 | 146 | } 147 | .infos_left li { 148 | display: inline-block; 149 | width:150px; 150 | height:48px; 151 | } 152 | .infos_left li a { 153 | display: block; 154 | color: #666; 155 | cursor: pointer; 156 | 157 | } 158 | .infos_left li:first-child { 159 | position: relative; 160 | background: #fff; 161 | border-top:2px solid #458b00; 162 | left:1px; 163 | 164 | } 165 | .infos_right{ 166 | width:300px; 167 | height:50px; 168 | line-height: 50px; 169 | float:right; 170 | text-align: center; 171 | margin-right:-30px; 172 | } 173 | .infos_right li { 174 | display: inline-block; 175 | width:60px; 176 | 177 | } 178 | .infos_right li a.selected, 179 | .infos_right li a:hover{ 180 | background: #458b00; 181 | color:#fff; 182 | } 183 | .infos_right li a { 184 | color:#666; 185 | width:60px; 186 | padding:5px; 187 | font-size:14px; 188 | } 189 | .tour { 190 | width:898px; 191 | height:231px; 192 | margin-top:20px; 193 | position: relative; 194 | border:1px solid #ccc; 195 | color:#666; 196 | } 197 | .tour img { 198 | float:left; 199 | } 200 | .tour .description { 201 | float:right; 202 | width:498px; 203 | height:200px; 204 | padding:10px 0 0 20px; 205 | 206 | } 207 | .description h3 { 208 | font-size: 24px; 209 | width:300px; 210 | 211 | font-weight: normal; 212 | 213 | } 214 | .description p { 215 | font-size: 14px; 216 | line-height: 2; 217 | width:300px; 218 | margin-top:10px; 219 | } 220 | .description ol li { 221 | font-size: 16px; 222 | width:300px; 223 | margin-top:10px; 224 | height:20px; 225 | line-height: 20px; 226 | } 227 | .description ol li mark { 228 | color:#458b00; 229 | border:1px solid #458b00; 230 | padding:0 5px; 231 | background: #fff; 232 | border-radius: 5px; 233 | } 234 | .description .type { 235 | position:absolute; 236 | left:0; 237 | top:0; 238 | width:80px; 239 | height:20px; 240 | background: #59b200; 241 | line-height: 20px; 242 | text-align: center; 243 | font-size:14px; 244 | color:#fff; 245 | 246 | } 247 | .description .disc{ 248 | position: absolute; 249 | top:0; 250 | right:0; 251 | width:52px; 252 | height:52px; 253 | background: url(../img/disc.png) no-repeat; 254 | } 255 | .description .disc span{ 256 | display: block; 257 | width:52px; 258 | height:52px; 259 | transform: rotate(45deg); 260 | padding: 5px 0 0 0px; 261 | color: #ff7a4d; 262 | font-size: 14px; 263 | text-indent: 7px; 264 | } 265 | .description .buy { 266 | position: absolute; 267 | top:50px; 268 | right:20px; 269 | 270 | } 271 | .buy .price { 272 | color:#f60; 273 | font-size: 20px; 274 | } 275 | .buy .price strong { 276 | color:#f60; 277 | font-size: 36px; 278 | } 279 | .buy .price s { 280 | color:#999; 281 | font-size:19px; 282 | 283 | } 284 | .buy .reserve a { 285 | display: block; 286 | width:150px; 287 | height:50px; 288 | background: #f80; 289 | text-align: center; 290 | line-height: 50px; 291 | border-radius: 5px; 292 | color:#fff; 293 | font-size:20px; 294 | margin-top:10px; 295 | } 296 | .description .footer { 297 | width:498px; 298 | height:28px; 299 | line-height: 28px; 300 | text-indent: 20px; 301 | position:absolute; 302 | bottom:2px; 303 | letter-spacing: 1px; 304 | background-color: #fafafa; 305 | 306 | } 307 | .description .footer time { 308 | color:#458b00; 309 | } 310 | .list .more { 311 | width:200px; 312 | height:50px; 313 | line-height: 50px; 314 | text-align: center; 315 | margin:0 auto; 316 | background: #fafafa; 317 | border:1px solid #ccc; 318 | border-radius: 5px; 319 | cursor: pointer; 320 | font-size: 18px; 321 | color:#666; 322 | margin-top:20px; 323 | } 324 | .ticket { 325 | font-size:20px; 326 | color:#666; 327 | } 328 | .ticket form h2 { 329 | height:50px; 330 | line-height: 50px; 331 | font-size:40px; 332 | font-weight: normal; 333 | padding:5px 0 10px 0; 334 | border-bottom:1px dashed #999; 335 | } 336 | .ticket form .type{ 337 | margin:20px 0 10px 0; 338 | 339 | } 340 | .ticket form .type span { 341 | display: block; 342 | 343 | } 344 | .ticket form .type strong { 345 | padding:0 10px 0 10px; 346 | margin:0 20px 0 10px; 347 | color:#fff; 348 | display: inline-block; 349 | height:30px; 350 | background: #458b00; 351 | line-height:30px; 352 | text-align: center; 353 | border-radius: 4px; 354 | 355 | } 356 | .form input { 357 | width:250px; 358 | height:30px; 359 | border:1px solid #ccc; 360 | font-size:18px; 361 | margin:0 0 0 12px; 362 | padding:5px; 363 | border-radius: 5px; 364 | outline: none; 365 | } 366 | .form { 367 | line-height: 3; 368 | } 369 | .ticket form .left { 370 | display:inline-block; 371 | width:43%; 372 | 373 | } 374 | 375 | .ticket form .center { 376 | display:inline-block; 377 | width:43%; 378 | 379 | } 380 | .ticket form .right { 381 | display:inline-block; 382 | width:9%; 383 | 384 | } 385 | .ticket form .right .submit { 386 | height:90px; 387 | width:90px; 388 | text-align: center; 389 | line-height: 90px; 390 | background: #f60; 391 | border:0; 392 | position:relative; 393 | top: -25px; 394 | color:#fff; 395 | font-size: 18px; 396 | letter-spacing: 2px; 397 | border-radius: 5px; 398 | 399 | 400 | } 401 | .list_news { 402 | color:#666; 403 | } 404 | .list_news h2{ 405 | height:50px; 406 | line-height: 50px; 407 | font-size:40px; 408 | font-weight: normal; 409 | padding:5px 0 10px 0; 410 | border-bottom:1px dashed #999; 411 | } 412 | .list_news ul { 413 | margin:10px 0 20px 0; 414 | } 415 | .list_news ul li { 416 | display: inline-block; 417 | width:50px; 418 | height:30px; 419 | line-height: 30px; 420 | 421 | } 422 | .list_news ul li:first-child { 423 | width:120px; 424 | height:30px; 425 | } 426 | .list_news ul li:nth-child(2) a { 427 | margin-left:-5px; 428 | background: #458b00; 429 | color:#fff; 430 | border-radius: 3px; 431 | 432 | } 433 | .list_news ul li a { 434 | display: block; 435 | padding:0 5px 0 5px; 436 | color:#666; 437 | 438 | } 439 | .list_news table { 440 | border:1px solid #ccc; 441 | border-collapse: collapse; 442 | width:100%; 443 | text-align: center; 444 | 445 | } 446 | .list_news table tr:nth-child(2n) { 447 | background: #fafafa; 448 | 449 | } 450 | .list_news table tr:hover{ 451 | background: #eee; 452 | 453 | } 454 | .list_news table th,.list_news table td { 455 | border-bottom:1px solid #ccc; 456 | height:50px; 457 | 458 | } 459 | .list_news table td.price{ 460 | color:#f60; 461 | } 462 | .list_news table td .reserve { 463 | display: inline-block; 464 | height:35px; 465 | width:80px; 466 | text-align: center; 467 | line-height: 35px; 468 | background: #f60; 469 | border-radius:4px; 470 | color:#fff; 471 | 472 | } 473 | .list_news table td .ticket_more { 474 | color:#666; 475 | } 476 | .list{ 477 | color:#666; 478 | } 479 | .list h2{ 480 | font-size: 45px; 481 | margin-bottom:10px; 482 | color:#666; 483 | font-weight: normal; 484 | border-bottom: 1px dashed #ccc; 485 | padding:0 0 15px 0; 486 | } 487 | .scenery figure { 488 | padding:4px; 489 | text-align: center; 490 | width:433px; 491 | border:1px solid #ccc; 492 | display: inline-block; 493 | margin: 10px 3px 15px 0 ; 494 | border-radius: 5px; 495 | letter-spacing: 1px; 496 | 497 | } 498 | .scenery figure img{ 499 | vertical-align:middle; 500 | } 501 | 502 | .scenery figcaption { 503 | line-height: 1.5; 504 | padding:10px 0 10px 0; 505 | font-size: 16px; 506 | } 507 | .about p{ 508 | text-indent:2em; 509 | line-height: 2; 510 | margin:20px 0; 511 | } 512 | .about .address{ 513 | margin:60px 0 0 0; 514 | } 515 | .about .address address{ 516 | font-style: normal; 517 | line-height: 1.5; 518 | font-size:18px; 519 | margin-top:20px; 520 | } 521 | -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | 3 | 4 | .search { 5 | width:100%; 6 | min-width:1263px; 7 | background: url(../img/search.jpg) no-repeat center; 8 | height:600px; 9 | position: relative; 10 | } 11 | .search .center { 12 | width:600px; 13 | height:50px; 14 | background: #000; 15 | position: absolute; 16 | top:50%; 17 | left:50%; 18 | margin:-25px 0px 0px -300px; 19 | border-radius:10px; 20 | opacity: 0.6; 21 | } 22 | .input { 23 | width:410px; 24 | height:32px; 25 | position: absolute; 26 | top:50%; 27 | left:50%; 28 | margin:-20px 0px 0px -296px; 29 | border-radius:10px; 30 | background: #eee; 31 | outline: none; 32 | padding:4px; 33 | font-size: 16px; 34 | font-weight: bolder; 35 | color:#666; 36 | } 37 | .button { 38 | width: 140px; 39 | height: 40px; 40 | background: #fff; 41 | position: absolute; 42 | top: 50%; 43 | left: 50%; 44 | margin: -20px 0px 0px 140px; 45 | border-radius: 10px; 46 | background: #eee; 47 | line-height: 40px; 48 | text-align: center; 49 | color:#666; 50 | font-weight: bolder; 51 | font-size: 24px; 52 | cursor: pointer; 53 | 54 | 55 | } 56 | .tour { 57 | width:1263px; 58 | /* background: #000;*/ 59 | height:1150px; 60 | color:#666; 61 | margin:20px auto 0 auto; 62 | padding-top:20px; 63 | } 64 | .news { 65 | text-align: center; 66 | } 67 | .tour h2{ 68 | font-size: 45px; 69 | margin-bottom:10px; 70 | } 71 | .news p{ 72 | margin-bottom: 10px; 73 | margin-top:20px; 74 | 75 | } 76 | .tour figure { 77 | position: relative; 78 | padding:4px; 79 | text-align: center; 80 | width:380px; 81 | border:1px solid #ccc; 82 | display: inline-block; 83 | margin:12px; 84 | border-radius: 5px; 85 | letter-spacing: 1px; 86 | 87 | 88 | } 89 | .tour figure img{ 90 | vertical-align:middle; 91 | } 92 | .tour .title { 93 | font-weight: normal; 94 | color:#333; 95 | } 96 | .tour figcaption { 97 | text-align: left; 98 | line-height: 1.5; 99 | } 100 | .sat{ 101 | font-weight: normal; 102 | float:right; 103 | font-style: normal; 104 | margin:6px; 105 | color:#999; 106 | font-size:13px; 107 | } 108 | .price { 109 | color:#f60; 110 | font-size: 20px; 111 | 112 | } 113 | .type { 114 | position:absolute; 115 | left:4px; 116 | top:4px; 117 | width:80px; 118 | height:20px; 119 | background: #59b200; 120 | line-height: 20px; 121 | text-align: center; 122 | font-size:14px; 123 | color:#fff; 124 | 125 | } 126 | -------------------------------------------------------------------------------- /dataImg/about.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/dataImg/about.jpg -------------------------------------------------------------------------------- /dataImg/about_wap.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/dataImg/about_wap.jpg -------------------------------------------------------------------------------- /dataImg/index.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/dataImg/index.jpg -------------------------------------------------------------------------------- /dataImg/index_wap.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/dataImg/index_wap.jpg -------------------------------------------------------------------------------- /dataImg/informations.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/dataImg/informations.jpg -------------------------------------------------------------------------------- /dataImg/informations_wap.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/dataImg/informations_wap.jpg -------------------------------------------------------------------------------- /dataImg/scenery.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/dataImg/scenery.jpg -------------------------------------------------------------------------------- /dataImg/ticket.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/dataImg/ticket.jpg -------------------------------------------------------------------------------- /dataImg/ticket_wap.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/dataImg/ticket_wap.jpg -------------------------------------------------------------------------------- /img/disc.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/disc.png -------------------------------------------------------------------------------- /img/headline.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/headline.jpg -------------------------------------------------------------------------------- /img/hot1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/hot1.jpg -------------------------------------------------------------------------------- /img/hot2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/hot2.jpg -------------------------------------------------------------------------------- /img/hot3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/hot3.jpg -------------------------------------------------------------------------------- /img/hot4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/hot4.jpg -------------------------------------------------------------------------------- /img/hot5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/hot5.jpg -------------------------------------------------------------------------------- /img/hot6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/hot6.jpg -------------------------------------------------------------------------------- /img/hot7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/hot7.jpg -------------------------------------------------------------------------------- /img/hot8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/hot8.jpg -------------------------------------------------------------------------------- /img/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/logo.png -------------------------------------------------------------------------------- /img/s1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/s1.jpg -------------------------------------------------------------------------------- /img/s2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/s2.jpg -------------------------------------------------------------------------------- /img/s3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/s3.jpg -------------------------------------------------------------------------------- /img/s4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/s4.jpg -------------------------------------------------------------------------------- /img/s5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/s5.jpg -------------------------------------------------------------------------------- /img/s6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/s6.jpg -------------------------------------------------------------------------------- /img/s7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/s7.jpg -------------------------------------------------------------------------------- /img/s8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/s8.jpg -------------------------------------------------------------------------------- /img/search.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/search.jpg -------------------------------------------------------------------------------- /img/tour1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/tour1.jpg -------------------------------------------------------------------------------- /img/tour2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/tour2.jpg -------------------------------------------------------------------------------- /img/tour3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/tour3.jpg -------------------------------------------------------------------------------- /img/tour4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/tour4.jpg -------------------------------------------------------------------------------- /img/tour5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/tour5.jpg -------------------------------------------------------------------------------- /img/tour6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/tour6.jpg -------------------------------------------------------------------------------- /img/tour7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/tour7.jpg -------------------------------------------------------------------------------- /img/tour8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/tour8.jpg -------------------------------------------------------------------------------- /img/tour9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/tour9.jpg -------------------------------------------------------------------------------- /img/trea1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/trea1.png -------------------------------------------------------------------------------- /img/trea2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/trea2.png -------------------------------------------------------------------------------- /img/trea3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/trea3.png -------------------------------------------------------------------------------- /img/trea4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/img/trea4.png -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 首页--旅游网站 6 | 7 | 8 | 9 | 10 |
11 | 21 |
22 |
23 |
24 | 25 |
搜索
26 |
27 |
28 |
29 |

热门旅游

30 |

国内旅游、国外旅游、自助旅游、自驾旅游、油轮签证、主题旅游等各种最新热门旅游推荐

31 |
32 |
33 | 34 |
35 | <曼谷-芭提雅6日游> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券 36 |
37 | 满意度 77% 38 | ￥ 2864 起 39 |
40 |
国内长线
41 | 42 |
43 |
44 |
45 | 46 |
47 | <曼谷-芭提雅6日游> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券 48 |
49 | 满意度 77% 50 | ￥ 2864 起 51 |
52 |
国内长线
53 | 54 |
55 |
56 |
57 | 58 |
59 | <曼谷-芭提雅6日游> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券 60 |
61 | 满意度 77% 62 | ￥ 2864 起 63 |
64 |
国内长线
65 | 66 |
67 |
68 |
69 | 70 |
71 | <曼谷-芭提雅6日游> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券 72 |
73 | 满意度 77% 74 | ￥ 2864 起 75 |
76 |
国内长线
77 | 78 |
79 |
80 |
81 | 82 |
83 | <曼谷-芭提雅6日游> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券 84 |
85 | 满意度 77% 86 | ￥ 2864 起 87 |
88 |
国内长线
89 | 90 |
91 |
92 |
93 | 94 |
95 | <曼谷-芭提雅6日游> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券 96 |
97 | 满意度 77% 98 | ￥ 2864 起 99 |
100 |
国内长线
101 | 102 |
103 |
104 |
105 | 106 |
107 | <曼谷-芭提雅6日游> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券 108 |
109 | 满意度 77% 110 | ￥ 2864 起 111 |
112 |
国内长线
113 | 114 |
115 |
116 |
117 | 118 |
119 | <曼谷-芭提雅6日游> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券 120 |
121 | 满意度 77% 122 | ￥ 2864 起 123 |
124 |
国内长线
125 | 126 |
127 |
128 |
129 | 130 |
131 | <曼谷-芭提雅6日游> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券 132 |
133 | 满意度 77% 134 | ￥ 2864 起 135 |
136 |
国内长线
137 | 138 |
139 |
140 |
141 | 179 | 180 | -------------------------------------------------------------------------------- /informations.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 旅游资讯--旅游网站 6 | 7 | 8 | 9 | 10 |
11 | 21 |
22 |
23 |
24 |
25 |

旅游资讯

26 |

介绍各种最新旅游信息、资讯要闻、景点攻略等

27 |
28 |
29 |
30 |
31 |
32 |
33 | 37 | 42 | 43 |
44 | 45 |
46 | 47 | 48 |

曼谷-芭提雅6日游

49 |

包团特惠，超丰富景点，升级1 晚国五，无自费，赠送600元成人券...

50 |
    51 |
  1. 交通：春秋航空,杭州出发,无需转机
    2. 52 |
  2. 团期：11/01、11/03、11/08...
    3. 53 |
54 |
55 |
￥2864 ¥3980
56 |
立即抢购
57 |
58 |
国内长线
59 |
4.7折
60 |
本团游由雪花旅行社赞助提供，截止于
61 | 62 |
63 |
64 | 马尔代夫6日自助游 65 | 66 |

马尔代夫6日自助游

67 |

双鱼岛Olhuveli4晚，上海出发，机+酒 包含:早晚餐+快艇

68 |
    69 |
  1. 70 | 交通春秋航空,杭州出发,无需转机
    2. 71 |
  2. 72 | 团期11/01、11/03、11/08...
    3. 73 |
74 |
75 |
¥8039 ¥9980 76 |
77 |
立即抢购 78 |
79 |
80 |
出境长线
81 |
7.7折 82 |
83 |
本团游由雪花旅行社赞助提供，截止于 84 | 85 |
86 | 87 |
88 |
89 | 海南双飞5日游 90 | 91 |

海南双飞5日游

92 |

含盐城接送，全程挂牌四星酒店，一价全含，零自费“自费项目”免费送

93 |
    94 |
  1. 95 | 交通春秋航空,杭州出发,无需转机
    2. 96 |
  2. 97 | 团期11/01、11/03、11/08...
    3. 98 |
99 |
100 |
¥2709 ¥3280 101 |
102 |
立即抢购 103 |
104 |
105 |
自助旅游
106 |
6.5折 107 |
108 |
本团游由雪花旅行社赞助提供，截止于 109 | 110 |
111 | 112 |
113 |
114 | 富山-大阪-东京8日游 115 | 116 |

富山-大阪-东京8日游

117 |

暑期亲子，2天自由，无导游安排自费项目，全程不强迫购物

118 |
    119 |
  1. 120 | 交通春秋航空,杭州出发,无需转机
    2. 121 |
  2. 122 | 团期11/01、11/03、11/08...
    3. 123 |
124 |
125 |
¥9499 ¥9999 126 |
127 |
立即抢购 128 |
129 |
130 |
自助旅游
131 |
8.8折 132 |
133 |
本团游由雪花旅行社赞助提供，截止于 134 | 135 |
136 | 137 |
138 |
139 | 法瑞意德12日游 140 | 141 |

法瑞意德12日游

142 |

4至5星，金色列车，少女峰，部分THE MALL

143 |
    144 |
  1. 145 | 交通春秋航空,杭州出发,无需转机
    2. 146 |
  2. 147 | 团期11/01、11/03、11/08...
    3. 148 |
149 |
150 |
¥9199 ¥9999 151 |
152 |
立即抢购 153 |
154 |
155 |
国内短线
156 |
9.2折 157 |
158 |
本团游由雪花旅行社赞助提供，截止于 159 | 160 |
161 | 162 |
163 |
164 | 巴厘岛6日半自助游 165 | 166 |

巴厘岛6日半自助游

167 |

蓝梦出海，独栋别墅，悦榕庄下午茶，纯玩

168 |
    169 |
  1. 170 | 交通春秋航空,杭州出发,无需转机
    2. 171 |
  2. 172 | 团期11/01、11/03、11/08...
    3. 173 |
174 |
175 |
¥6488 ¥8460 176 |
177 |
立即抢购 178 |
179 |
180 |
国内短线
181 |
7.6折 182 |
183 |
本团游由雪花旅行社赞助提供，截止于 184 | 185 |
186 | 187 |
188 |
189 | 塞舌尔迪拜9日自助游 190 | 191 |

塞舌尔迪拜9日自助游

192 |

一游两国，4晚塞舌尔，2晚迪拜，香港EK往返

193 |
    194 |
  1. 195 | 交通春秋航空,杭州出发,无需转机
    2. 196 |
  2. 197 | 团期11/01、11/03、11/08...
    3. 198 |
199 |
200 |
¥9669 ¥9999 201 |
202 |
立即抢购 203 |
204 |
205 |
游轮观光
206 |
9.6折 207 |
208 |
本团游由雪花旅行社赞助提供，截止于 209 | 210 |
211 | 212 |
213 |
214 | 花样姐姐土耳其9日游 215 | 216 |

花样姐姐土耳其9日游

217 |

最高立减3000！中餐六菜一汤+土耳其当地美食满足您挑剔味蕾

218 |
    219 |
  1. 220 | 交通春秋航空,杭州出发,无需转机
    2. 221 |
  2. 222 | 团期11/01、11/03、11/08...
    3. 223 |
224 |
225 |
¥9999 ¥9999 226 |
227 |
立即抢购 228 |
229 |
230 |
出境长线
231 |
10折 232 |
233 |
本团游由雪花旅行社赞助提供，截止于 234 | 235 |
236 | 237 |
238 |
239 | 大阪-京都-箱根双飞6日游 240 | 241 |

大阪-京都-箱根双飞6日游

242 |

盐城直飞，不走回头路，境外无自费，超值之旅

243 |
    244 |
  1. 245 | 交通春秋航空,杭州出发,无需转机
    2. 246 |
  2. 247 | 团期11/01、11/03、11/08...
    3. 248 |
249 |
250 |
¥5284 ¥8437 251 |
252 |
立即抢购 253 |
254 |
255 |
国内短线
256 |
6.8折 257 |
258 |
本团游由雪花旅行社赞助提供，截止于 259 | 260 |
261 | 262 |
263 |
加载更多...
264 |
265 | 324 |
325 | 326 | 363 | 364 | -------------------------------------------------------------------------------- /scenery.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 风景欣赏--旅游网站 6 | 7 | 8 | 9 | 10 |
11 | 21 |
22 |
23 |
24 |
25 |

旅游资讯

26 |

介绍各种最新旅游信息、资讯要闻、景点攻略等

27 |
28 |
29 |
30 |
31 |
32 |
33 |

热门旅游

34 | 35 |
36 | 37 |
曼谷-芭提雅6日游[共12张]
38 |
39 |
40 | 马尔代夫双鱼岛 41 |
马尔代夫双鱼岛[共12张]
42 |
43 |
44 | 海南 45 |
海南[共19 张]
46 |
47 |
48 | 富山-大阪-东京 49 |
富山-大阪-东京[共22张]
50 |
51 |
52 | 法瑞意德 53 |
法瑞意德[共31张]
54 |
55 |
56 | 巴厘岛 57 |
巴厘岛[共12张]
58 |
59 |
60 | 塞舌尔迪拜 61 |
塞舌尔迪拜[共7张]
62 |
63 |
64 | 花样姐姐土耳其 65 |
花样姐姐土耳其[共14张]
66 |
67 |
加载更多...
68 |
69 | 70 |
71 | 130 |
131 | 132 | 170 | 171 | -------------------------------------------------------------------------------- /ticket.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 机票预订--旅游网站 6 | 7 | 8 | 9 | 10 |
11 | 21 |
22 |
23 |
24 |
25 |

旅游资讯

26 |

介绍各种最新旅游信息、资讯要闻、景点攻略等

27 |
28 |
29 |
30 |
31 |
32 |
33 |

机票预订

34 |
航班类型单程往返
35 |
36 |

37 | 出发城市 38 | 39 |

40 |

41 | 返回城市 42 | 43 |

44 |
45 |
46 |

47 | 出发时间 48 | 49 |

50 |

51 | 返回时间 52 | 53 |

54 |
55 |
56 | 57 |
58 | 59 | 60 |
61 |
62 |

最新机票

63 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 176 | 177 | 178 | 179 | 180 | 182 | 183 | 184 |
路线日期价格税费餐食航班预定
北京-成都10-15¥745¥50有春秋航空预定 95 |
北京-上海10-15¥479¥45无南方航空预定 105 |
北京-深圳10-15¥561¥52有西部航空预定 115 |
北京-杭州10-15¥378¥36无天津航空预定 125 |
北京-广州10-15¥612¥44有首都航空预定 135 |
北京-重庆10-15¥428¥62有东方航空预定 145 |
北京-昆明10-15¥509¥35无厦门航空预定 155 |
北京-厦门10-15¥893¥73有深圳航空预定 165 |
北京-长沙10-15¥663¥46无四川航空预定 175 |
加载更多航班... 181 |
185 |
186 |
187 | 246 |
247 | 248 | 286 | 287 | -------------------------------------------------------------------------------- /wap/README.md: -------------------------------------------------------------------------------- 1 | # HTML5+CSS实现雪花旅行社(手机版) 2 | -------------------------------------------------------------------------------- /wap/about.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 8 | 关于我们--旅游网站 9 | 10 | 11 | 12 | 13 |
14 | 22 |
23 |
24 |
25 |

公司简介

26 |

公司的发展历程，获得荣誉以及联系方式

27 |
28 |
29 |
30 |
31 |

关于我们

32 |

瓢城旅行社旅游网创立于2006 年10 月，以“让旅游更简单”为使命，为消费者提供由北京、上海、广州、深圳等64 个城市出发的旅游产品预订服务，产品全面，价格透明，全年365 天24 小时400 电话预订，并提供丰富的后续服务和保障。 目前，瓢城旅行社旅游网提供8 万余种旅游产品供消费者选择，涵盖跟团、自助、自驾、邮轮、酒店、签证、景区门票以及公司旅游等，已成功服务累计超过400 万人次出游。 同时基于瓢城旅行社旅游网全球中文景点目录以及中文旅游社区，可以更好地帮助游客了解目的地信息，妥善制定好出游计划，并方便地预订旅程中的服务项目。 33 |

34 |
35 |
36 |

联系方式

37 |
38 |
    39 |
  • 瓢城旅行社股份有限公司
    • 40 |
  • 地址：江苏省盐城市亭湖区大庆中路1234 号
    • 41 |
  • 邮编：1234567
    • 42 |
  • 电话：010-88888888
    • 43 |
  • 传真：010-88666666
    • 44 |
45 |
46 |
47 |
48 | 58 | 59 | 60 | -------------------------------------------------------------------------------- /wap/css/style.css: -------------------------------------------------------------------------------- 1 | @charset "utf-8"; 2 | html { 3 | font-size: 625%; 4 | } 5 | 6 | body, 7 | ul, 8 | ol, 9 | li, 10 | h2, 11 | h3, 12 | h4, 13 | p, 14 | hr, 15 | figure, 16 | hgroup { 17 | padding: 0; 18 | margin: 0; 19 | } 20 | 21 | body { 22 | font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "宋体", simsun, sans-serif; 23 | font-size: 0.16em; 24 | } 25 | 26 | ol, 27 | ul, 28 | li { 29 | list-style: none; 30 | } 31 | 32 | a { 33 | text-decoration: none; 34 | } 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | /*div,figure,figcaption { 44 | box-sizing: border-box; 45 | }*/ 46 | 47 | img { 48 | display: block; 49 | max-width: 100%; 50 | } 51 | 52 | .none { 53 | display: none; 54 | } 55 | 56 | .clearfix:after { 57 | content: '.'; 58 | display: block; 59 | clear: both; 60 | height: 0; 61 | visibility: hidden; 62 | } 63 | 64 | header { 65 | width: 100%; 66 | height: 0.7rem; 67 | background: #333; 68 | /* box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);*/ 69 | line-height: 0.7rem; 70 | position: fixed; 71 | top: 0; 72 | z-index: 999; 73 | } 74 | 75 | nav ul { 76 | line-height: 0.7rem; 77 | text-align: center; 78 | overflow: hidden; 79 | } 80 | 81 | nav ul li { 82 | float: left; 83 | width: calc(100%/4); 84 | } 85 | 86 | nav ul li a { 87 | display: block; 88 | color: #eee; 89 | } 90 | 91 | nav ul li a:hover, 92 | .active a { 93 | list-style: none; 94 | display: block; 95 | background: #000; 96 | } 97 | 98 | .adver { 99 | max-width: 6.4rem; 100 | margin: 0 auto; 101 | padding: .7rem 0 0 0; 102 | } 103 | 104 | .adver img { 105 | max-width: 100%; 106 | display: block; 107 | } 108 | 109 | .search { 110 | 111 | max-width: 6.4rem; 112 | height: .40rem; 113 | margin: 0 auto; 114 | position: relative; 115 | background: #ddd; 116 | padding: 0.03rem 0 0 0; 117 | } 118 | 119 | .input { 120 | display: block; 121 | width: 95%; 122 | height: 0.27rem; 123 | background: #fff; 124 | outline: none; 125 | font-size: 0.16rem; 126 | color: #666; 127 | border-radius: .04rem; 128 | margin: 0 auto; 129 | padding: 0.05rem; 130 | border: 0; 131 | } 132 | 133 | .button { 134 | width: .6rem; 135 | height: .38rem; 136 | display: block; 137 | cursor: pointer; 138 | margin: 0 auto; 139 | border-radius: 0.04rem; 140 | position: absolute; 141 | right: 1%; 142 | top: 0.02rem; 143 | background: #eee; 144 | text-align: center; 145 | line-height: .38rem; 146 | } 147 | 148 | #footer { 149 | position: fixed; 150 | bottom: 0; 151 | width: 100%; 152 | height: 0.7rem; 153 | background: #222; 154 | clear: both; 155 | font-size: 0.12rem; 156 | color: #fff; 157 | } 158 | 159 | .top { 160 | height: 0.3rem; 161 | line-height: 0.3rem; 162 | max-width: 6.4rem; 163 | margin: 0 auto; 164 | text-align: center; 165 | } 166 | 167 | .top ul { 168 | width: 80%; 169 | margin: 0 auto; 170 | } 171 | 172 | .top ul li { 173 | width: 33%; 174 | height: 0.3rem; 175 | line-height: 0.3rem; 176 | float: left; 177 | } 178 | 179 | .top ul li a { 180 | color: #fff; 181 | } 182 | 183 | .bottom { 184 | height: 0.3rem; 185 | line-height: 0.3rem; 186 | color: #fff; 187 | text-align: center; 188 | line-height: 0.25rem; 189 | } 190 | 191 | #tour { 192 | max-width: 6.4rem; 193 | margin: 0 auto; 194 | } 195 | 196 | #tour { 197 | max-width: 6.4rem; 198 | margin: 0 auto; 199 | } 200 | 201 | hgroup { 202 | text-align: center; 203 | } 204 | 205 | hgroup h2 { 206 | font-size: 0.24rem; 207 | padding: 0.05rem 0; 208 | } 209 | 210 | hgroup h3 { 211 | font-size: 0.18rem; 212 | padding: 0.05rem 0; 213 | } 214 | 215 | .container { 216 | max-width: 6.4rem; 217 | margin: 0 auto 1.1rem auto; 218 | overflow: hidden; 219 | } 220 | 221 | .container figure { 222 | width: 45%; 223 | float: left; 224 | padding: 0 0.08rem 0 0.08rem; 225 | } 226 | 227 | .container figure img { 228 | max-width: 100%; 229 | display: block; 230 | padding: 0.05rem; 231 | } 232 | 233 | .container figcaption { 234 | font-size: 0.12rem; 235 | } 236 | 237 | .container figcaption h4 { 238 | font-size: 0.14rem; 239 | font-weight: normal; 240 | white-space: nowrap; 241 | overflow: hidden; 242 | text-overflow: ellipsis; 243 | } 244 | 245 | .container figcaption p { 246 | font-size: 0.14rem; 247 | font-weight: normal; 248 | white-space: nowrap; 249 | overflow: hidden; 250 | text-overflow: ellipsis; 251 | } 252 | 253 | .container figcaption .info { 254 | font-size: 0.16rem; 255 | font-weight: normal; 256 | margin: 0.2rem 0 0 0; 257 | letter-spacing: 0.01rem; 258 | } 259 | 260 | .sat { 261 | font-weight: normal; 262 | float: right; 263 | font-style: normal; 264 | margin: 0.06rem; 265 | color: #999; 266 | font-size: 0.12rem; 267 | } 268 | 269 | .price { 270 | color: #f60; 271 | font-size: 0.16rem; 272 | } 273 | 274 | #headline { 275 | max-width: 6.4rem; 276 | margin: 0 auto .2rem auto; 277 | padding: .5rem 0 0 0; 278 | position: relative; 279 | top: .2rem; 280 | background: linear-gradient(to right bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)), url(../img/bg1.png) no-repeat center; 281 | height: 1.25rem; 282 | } 283 | 284 | #headline img { 285 | display: block; 286 | max-width: 100%; 287 | } 288 | 289 | #headline hgroup { 290 | max-width: 6.4rem; 291 | margin: .2rem auto; 292 | position: absolute; 293 | top: 35%; 294 | text-align: left; 295 | padding: 0 0 0 .25rem; 296 | color: #fff; 297 | } 298 | 299 | #headline hgroup h2 { 300 | font-size: .16rem; 301 | font-weight: normal; 302 | } 303 | 304 | #headline hgroup h3 { 305 | font-size: .14rem; 306 | font-weight: normal; 307 | } 308 | 309 | .list { 310 | max-width: 6.4rem; 311 | margin: 0 auto 1.1rem auto; 312 | overflow: hidden; 313 | padding: .15rem 0.2rem .1rem; 314 | color: #666; 315 | } 316 | 317 | .list h2 { 318 | font-size: .16rem; 319 | border-bottom: 0.01rem dashed #999; 320 | padding: 0 0 .15rem 0; 321 | } 322 | 323 | .list figure { 324 | width: 99%; 325 | padding: 0.2rem 0.08rem 0 0.08rem; 326 | float: left; 327 | position: relative; 328 | } 329 | 330 | .list figure img { 331 | width: 50%; 332 | padding: 0.05rem; 333 | float: left; 334 | } 335 | 336 | .list figcaption { 337 | 338 | width: 45%; 339 | display: block; 340 | font-size: 0.12rem; 341 | float: right; 342 | } 343 | 344 | .list figcaption h3 { 345 | font-size: 0.14rem; 346 | } 347 | 348 | .list figcaption h4 { 349 | font-size: 0.12rem; 350 | font-weight: normal; 351 | line-height: .20rem; 352 | } 353 | 354 | .infos hgroup { 355 | text-align: left; 356 | padding: 0 0 0 .04rem; 357 | } 358 | 359 | .infos .price { 360 | padding: .1rem 0 0 .1rem; 361 | } 362 | 363 | .infos .price strong { 364 | color: #f60; 365 | font-size: .36rem; 366 | } 367 | 368 | .ticket { 369 | font-size: .2rem; 370 | color: #666; 371 | } 372 | 373 | .ticket form .type { 374 | margin: .2rem 0 .1rem 0; 375 | font-size: .16rem; 376 | } 377 | 378 | .ticket form .type span { 379 | display: block; 380 | font-size: .16rem; 381 | } 382 | 383 | .ticket form .type strong { 384 | padding: 0 .1rem 0 .1rem; 385 | margin: 0 .1rem 0 .1rem; 386 | color: #fff; 387 | display: inline-block; 388 | height: .3rem; 389 | background: #458b00; 390 | line-height: .3rem; 391 | text-align: center; 392 | border-radius: .04rem; 393 | font-size: .16rem; 394 | } 395 | 396 | .form input { 397 | width: 90%; 398 | height: .3rem; 399 | border: .01rem solid #ccc; 400 | font-size: .16rem margin:0 0 0 .1rem; 401 | padding: .05rem; 402 | border-radius: .05rem; 403 | outline: none; 404 | } 405 | 406 | .form { 407 | line-height: 1.2 408 | } 409 | 410 | .form p label { 411 | padding: 0 0 0.05rem 0; 412 | display: block; 413 | } 414 | 415 | .form p { 416 | height: 1rem; 417 | } 418 | 419 | .ticket form .left { 420 | width: 95%; 421 | } 422 | 423 | .ticket form .center { 424 | width: 95%; 425 | } 426 | 427 | .ticket form .right { 428 | width: 95%; 429 | } 430 | 431 | .ticket form .right .center { 432 | height: 50%; 433 | width: 1rem; 434 | margin: 0 auto; 435 | } 436 | 437 | .ticket form .right .submit { 438 | height: 0.3rem; 439 | width: 0.6rem; 440 | text-align: center; 441 | line-height: .3rem; 442 | background: #f60; 443 | border: 0; 444 | color: #fff; 445 | font-size: .14rem; 446 | letter-spacing: .02rem; 447 | border-radius: .05rem; 448 | margin: 0 auto; 449 | } 450 | 451 | .list_news { 452 | color: #666; 453 | margin-top: .2rem; 454 | } 455 | 456 | .list_news ul { 457 | margin: .1rem 0 .2rem 0; 458 | font-size: .14rem; 459 | } 460 | 461 | .list_news ul li { 462 | display: inline-block; 463 | width: .5rem; 464 | height: .3rem; 465 | line-height: .3rem; 466 | text-align: center; 467 | } 468 | 469 | .list_news ul li:first-child { 470 | width: 1.2rem; 471 | height: 0.3rem; 472 | text-align: left; 473 | } 474 | 475 | .list_news ul li:nth-child(2) a { 476 | margin-left: -.2rem; 477 | background: #458b00; 478 | color: #fff; 479 | border-radius: .03rempx; 480 | } 481 | 482 | .list_news ul li a { 483 | display: block; 484 | padding: 0 .05rem 0 .05rem; 485 | color: #666; 486 | } 487 | 488 | .list_news table { 489 | border: 0.01rem solid #ccc; 490 | border-collapse: collapse; 491 | width: 100%; 492 | text-align: center; 493 | font-size: 0.13rem; 494 | } 495 | 496 | .list_news table tr:nth-child(2n) { 497 | background: #fafafa; 498 | } 499 | 500 | .list_news table tr:hover { 501 | background: #eee; 502 | } 503 | 504 | .list_news table th, 505 | .list_news table td { 506 | border-bottom: 0.01rem solid #ccc; 507 | height: 0.5rem; 508 | } 509 | 510 | .list_news table td.price { 511 | color: #f60; 512 | } 513 | 514 | .list_news table td .reserve { 515 | display: inline-block; 516 | height: 0.2rem; 517 | width: 0.4rem; 518 | text-align: center; 519 | line-height: 0.2rem; 520 | background: #f60; 521 | border-radius: 0.01rem; 522 | color: #fff; 523 | } 524 | 525 | .list_news table td .ticket_more { 526 | color: #666; 527 | } 528 | 529 | .about p { 530 | text-indent: 2em; 531 | line-height: 2; 532 | margin: .2rem 0; 533 | } 534 | 535 | .about .address { 536 | margin: .6rem 0 0 0; 537 | } 538 | 539 | .about .address address { 540 | font-style: normal; 541 | line-height: 1.5; 542 | font-size: .18rem; 543 | margin-top: .2rem; 544 | } -------------------------------------------------------------------------------- /wap/img/adver.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/wap/img/adver.png -------------------------------------------------------------------------------- /wap/img/bg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/wap/img/bg.png -------------------------------------------------------------------------------- /wap/img/bg1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/wap/img/bg1.png -------------------------------------------------------------------------------- /wap/img/tour1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/wap/img/tour1.png -------------------------------------------------------------------------------- /wap/img/tour2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/wap/img/tour2.png -------------------------------------------------------------------------------- /wap/img/tour3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/wap/img/tour3.png -------------------------------------------------------------------------------- /wap/img/tour4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/wap/img/tour4.png -------------------------------------------------------------------------------- /wap/img/tour5.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/wap/img/tour5.png -------------------------------------------------------------------------------- /wap/img/tour6.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/wap/img/tour6.png -------------------------------------------------------------------------------- /wap/img/tour7.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/wap/img/tour7.png -------------------------------------------------------------------------------- /wap/img/tour8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mingyangya/tour-project/bd64486099bd471e516944a5d2b35ab8a66e6b97/wap/img/tour8.png -------------------------------------------------------------------------------- /wap/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 7 | 旅游网站 8 | 9 | 10 | 11 | 12 |
13 | 21 |
22 |
23 | 24 |
25 | 26 |
搜索
27 |
28 |
29 |
30 |

热门旅游

31 |

最新的各种旅游资讯推荐！

32 |
33 |
34 |
35 | 36 |
37 |

<曼谷-芭提雅6 日游>

38 |

包团特惠，超丰富景点

39 |
满意度 77% 40 | ¥ 2864 起 41 |
42 |
43 |
44 |
45 | 46 |
47 |

<马尔代夫双鱼岛Olhuveli4 晚6 日自助游>

48 |

上海出发，机+酒包含:早晚餐+快艇

49 |
满意度 97% 50 | ¥ 8039 起 51 |
52 |
53 |
54 |
55 | 56 |
57 |

<海南双飞5 日游>

58 |

含盐城接送，全程挂牌四星酒店

59 |
满意度90% 60 | ¥ 2709 起 61 |
62 |
63 |
64 |
65 | 66 |
67 |

<富山-大阪-东京8 日游>

68 |

暑期亲子，2 天自由，无导游安排

69 |
满意度97% 70 | ¥ 9499 起 71 |
72 |
73 |
74 |
75 | 76 |
77 |

<法瑞意德12 日游>

78 |

4 至5 星，金色列车，少女峰

79 |
满意度97% 80 | ¥ 9199 起 81 |
82 |
83 |
84 |
85 | 86 |
87 |

<巴厘岛6 日半自助游>

88 |

蓝梦出海，独栋别墅，悦榕庄下午茶

89 |
满意度95% 90 | ¥ 6488 起 91 |
92 |
93 |
94 |
95 | 96 |
97 |

<塞舌尔迪拜9 日自助游>

98 |

一游两国，4 晚塞舌尔，2 晚迪拜

99 |
满意度100% 100 | ¥ 9669 起 101 |
102 |
103 |
104 |
105 | 106 |
107 |

<花样姐姐土耳其9 日或10 日游>

108 |

最高立减3000！中餐六菜一汤

109 |
满意度93% 110 | ¥ 9999 起 111 |
112 |
113 |
114 |
115 |
116 |
117 | 127 | 128 | -------------------------------------------------------------------------------- /wap/informations.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 8 | 旅游资讯--旅游网站 9 | 10 | 11 | 12 | 13 |
14 | 22 |
23 |
24 |
25 |

旅游资讯

26 |

介绍各种最新旅游信息、资讯要闻、景点攻略等

27 |
28 |
29 |
30 |

热门旅游

31 |
32 | 33 |
34 |
35 |

曼谷-芭提雅6日游

36 |

包团特惠，超丰富景点，升级1 晚国五，无自费，赠送600 元

37 |
38 |
¥2864
39 |
40 |
41 |
42 | 43 |
44 |
45 |

马尔代夫6日自助游

46 |

双鱼岛Olhuveli4晚，上海出发，机+酒 包含:早晚餐+快艇...

47 |
48 |
¥8039
49 |
50 |
51 |
52 | 53 |
54 |
55 |

海南双飞5日游

56 |

含盐城接送，全程挂牌四星酒店，一价全含，零自费“自费项目”...

57 |
58 |
¥2709
59 |
60 |
61 |
62 | 63 |
64 |
65 |

富山-大阪-东京8日游

66 |

暑期亲子，2天自由，无导游安排自费项目，全程不强迫购物...

67 |
68 |
¥9499
69 |
70 |
71 |
72 | 73 |
74 |
75 |

法瑞意德12日游

76 |

4至5星，金色列车，少女峰，部分THE MALL...

77 |
78 |
¥9199
79 |
80 |
81 |
82 | 83 |
84 |
85 |

巴厘岛6日半自助游

86 |

蓝梦出海，独栋别墅，悦榕庄下午茶，纯玩...

87 |
88 |
¥6488
89 |
90 |
91 |
92 |
93 | 94 |
95 |
96 |

塞舌尔迪拜9日自助游

97 |

一游两国，4晚塞舌尔，2晚迪拜，香港EK往返...

98 |
99 |
¥9669
100 |
101 |
102 |
103 | 104 |
105 |
106 |

花样姐姐土耳其9日游

107 |

最高立减3000！中餐六菜一汤+土耳其当地美食满足您挑剔味蕾...

108 |
109 |
¥9999
110 |
111 |
112 |
113 | 123 | 124 | 125 | -------------------------------------------------------------------------------- /wap/ticket.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 8 | 机票预订--旅游网站 9 | 10 | 11 | 12 | 13 |
14 | 22 |
23 |
24 |
25 |

票务预订

26 |

各种飞机票、火车票、汽车票和轮渡票的订购服务

27 |
28 |
29 |
30 |

机票预订

31 |
32 |
航班类型单程往返
33 |
34 |

35 | 36 | 37 |

38 |

39 | 40 | 41 |

42 |
43 |
44 |

45 | 46 | 47 |

48 |

49 | 50 | 51 |

52 |
53 |
54 |

55 | 56 |

57 |
58 |
59 |
60 |

最新机票

61 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 174 | 175 | 176 | 177 | 178 | 180 | 181 | 182 |
路线日期价格税费餐食航班预定
北京-成都10-15¥745¥50有春秋航空预定 93 |
北京-上海10-15¥479¥45无南方航空预定 103 |
北京-深圳10-15¥561¥52有西部航空预定 113 |
北京-杭州10-15¥378¥36无天津航空预定 123 |
北京-广州10-15¥612¥44有首都航空预定 133 |
北京-重庆10-15¥428¥62有东方航空预定 143 |
北京-昆明10-15¥509¥35无厦门航空预定 153 |
北京-厦门10-15¥893¥73有深圳航空预定 163 |
北京-长沙10-15¥663¥46无四川航空预定 173 |
加载更多航班... 179 |
183 |
184 |
185 | 195 | 196 | 197 | --------------------------------------------------------------------------------