[
  {
    "path": ".gitignore",
    "content": ".DS_Store\nnode_modules\n/dist\n\n# local env files\n.env.local\n.env.*.local\n\n# Log files\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\n\n# Editor directories and files\n.idea\n.vscode\n*.suo\n*.ntvs*\n*.njsproj\n*.sln\n*.sw?\n\n# UI files\nUI\n"
  },
  {
    "path": "README.md",
    "content": "# HTML5+CSS实现雪花旅行社\n\n## pc端\n\n    演示地址：https://mingyangya.github.io/tour-project/index.html\n    \n- 首页效果\n\n![首页](./dataImg/index.jpg)\n\n- 旅游资讯效果\n\n![旅游资讯](./dataImg/informations.jpg)\n\n- 机票预定效果\n\n![机票预定](./dataImg/ticket.jpg)\n\n- 风景欣赏效果\n\n![风景欣赏](./dataImg/scenery.jpg)\n\n- 公司简介效果\n\n![公司简介](./dataImg/about.jpg)\n\n## 手机版\n\n    演示地址：https://mingyangya.github.io/tour-project/wap/index.html\n    \n- 首页效果\n\n![首页](./dataImg/index_wap.jpg)\n\n- 资讯效果\n\n![资讯](./dataImg/informations_wap.jpg)\n\n- 票务效果\n\n![票务](./dataImg/ticket_wap.jpg)\n\n- 关于我们效果\n\n![关于我们](./dataImg/about_wap.jpg)\n"
  },
  {
    "path": "about.html",
    "content": "<!DOCTYPE html>\r\n<html lang=\"zh-cn\">\r\n<head>\r\n\t<meta charset=\"UTF-8\">\r\n\t<title>关于我们--旅游网站</title>\r\n\t<link rel=\"stylesheet\" href=\"css/column.css\">\r\n\t<link rel=\"stylesheet\" href=\"css/basic.css\">\r\n</head>\r\n<body>\r\n<header>\r\n\t<nav id=\"nav\">\r\n\t<div id=\"logo\"><img src=\"img/logo.png\" alt=\"\"></div> \r\n\t<ul>\r\n\t\t<li><a href=\"index.html\">首页</a></li>\r\n\t\t<li><a href=\"informations.html\">旅游资讯</a></li>\r\n\t\t<li><a href=\"ticket.html\">机票订购</a></li>\r\n\t\t<li><a href=\"scenery.html\">风景欣赏</a></li>\r\n        <li class=\"active\"><a href=\"about.html\">公司简介</a></li>\r\n\t</ul>\r\n\t</nav>\r\n</header>\r\n<div id=\"headline\">\r\n    <div class=\"headline\">\r\n    <hgroup>\r\n        <h2>旅游资讯</h2>\r\n        <p>介绍各种最新旅游信息、资讯要闻、景点攻略等</p>\r\n        </hgroup>\r\n    </div>\r\n</div>\r\n<div id=\"container\">\r\n<article class=\"list about\">\r\n<section>\r\n    <h2>关于我们</h2>\r\n    <p>雪花旅行社旅游网创立于2006 年10 月，以“让旅游更简单”为使命，为消费者提供由北京、上海、广州、深圳等64 个城市出发的旅游产品预订服务，产品全面，价格透明，全年365 天24 小时400 电话预订，并提供丰富的后续服务和保障。\r\n目前，雪花旅行社旅游网提供8 万余种旅游产品供消费者选择，涵盖跟团、自助、自驾、邮轮、酒店、签证、景区门票以及公司旅游等，已成功服务累计超过400 万人次出游。\r\n同时基于雪花旅行社旅游网全球中文景点目录以及中文旅游社区，可以更好地帮助游客了解目的地信息，妥善制定好出游计划，并方便地预订旅程中的服务项目。</p>\r\n</section>\r\n<section class=\"address\">\r\n    <h2>联系方式</h2>\r\n    <address>\r\n    <ul>\r\n        <li>雪花旅行社股份有限公司</li>\r\n        <li>地址：江苏省盐城市亭湖区大庆中路1234 号</li>\r\n        <li>邮编：1234567</li>\r\n        <li>电话：010-88888888</li>\r\n        <li>传真：010-88666666</li>\r\n\r\n    </ul>\r\n    </address>\r\n</section>\r\n</article>\r\n<aside class=\"sidebar\">\r\n    <div class=\"recommend sidebox\">\r\n    <h3>景点推荐</h3>\r\n    <div class=\"tag\">\r\n    <ul>\r\n\t\t<li><a href=\"###\">曼谷(12)</a></li>\r\n\t\t<li><a href=\"###\">东京(5)</a></li>\r\n\t\t<li><a href=\"###\">西双版纳(8)</a></li>\r\n\t\t<li><a href=\"###\">漓江(16)</a></li>\r\n\t\t<li><a href=\"###\">呼伦贝尔(4)</a></li>\r\n\t\t<li><a href=\"###\">首尔(9)</a></li>\r\n\t\t<li><a href=\"###\">巴厘岛(15)</a></li>\r\n\t\t<li><a href=\"###\">土耳其(22)</a></li>\r\n\t\t<li><a href=\"###\">夏威夷(5)</a></li>\r\n\t\t<li><a href=\"###\">巴厘岛(11)</a></li>\r\n\t\t<li><a href=\"###\">毛里求斯(7)</a></li>\r\n\t\t<li><a href=\"###\">吉普岛(4)</a></li>\r\n\t\t<li><a href=\"###\">希腊(18)</a></li>\r\n\t\t<li><a href=\"###\">法瑞意(8)</a></li>\r\n\t\t<li><a href=\"###\">马尔代夫(9)</a></li>\r\n\t\t<li><a href=\"###\">新西兰(16)</a></li>\r\n\t\t<li><a href=\"###\">埃及(11)</a></li>\r\n\t\t<li><a href=\"###\">迪拜(14)</a></li>\r\n\t\t<li><a href=\"###\">斯里兰卡(7)</a></li>\r\n\t\t<li><a href=\"###\">麦哈顿(3)</a></li>\r\n\t\t<li><a href=\"###\">大阪(15)</a></li>\r\n\t</ul>\r\n</div>\r\n    </div>\r\n    <div class=\"hot sidebox\">\r\n    <h3>热门旅游</h3>\r\n    <div class=\"figure\">\r\n    <figure>\r\n    <img src=\"img/hot1.jpg\" alt=\"曼谷-芭提雅6日游\">\r\n    <figcaption>曼谷-芭提雅6日游</figcaption>\r\n</figure>\r\n<figure>\r\n    <img src=\"img/hot2.jpg\" alt=\"马尔代夫双鱼6日游\">\r\n    <figcaption>马尔代夫双鱼6日游</figcaption>\r\n</figure>\r\n<figure>\r\n    <img src=\"img/hot3.jpg\" alt=\"海南双飞5日游\">\r\n    <figcaption>海南双飞5日游</figcaption>\r\n</figure>\r\n<figure>\r\n    <img src=\"img/hot4.jpg\" alt=\"富山大阪东京8日游\">\r\n    <figcaption>富山大阪东京8日游</figcaption>\r\n    </div>\r\n    </div>\r\n    <div class=\"treasure sidebox\">\r\n    <h3>旅游百宝箱</h3>\r\n    <div class=\"box\">\r\n    <a href=\"\" class=\"trea1\">天气预报</a>\r\n    <a href=\"\" class=\"trea2\">火车票查询</a>\r\n    <a href=\"\" class=\"trea3\">航空查询</a>\r\n    <a href=\"\" class=\"trea4\">地铁线路查询</a>\r\n    </div>\r\n    </div>\r\n</aside>\r\n</div>\r\n\r\n\t<footer id=\"footer\">\r\n\t<div class=\"top\">\r\n\t<div class=\"block left\">\r\n\t<h3>合作伙伴</h3>\r\n\t<hr>\r\n\t<ul>\r\n\t\t<li>途牛旅游网</li>\r\n\t\t<li>驴妈妈旅游网</li>\r\n\t\t<li>携程旅游</li>\r\n\t\t<li>中国去青年旅行社</li>\r\n\t</ul>\r\n\r\n\t</div>\r\n\t<div class=\"block middle\">\r\n\t<h3>旅游FAQ</h3>\r\n\t<hr>\r\n\t<ul>\r\n\t\t<li>旅游合同签订方式？</li>\r\n\t\t<li>儿童价是基于什么制定的？</li>\r\n\t\t<li>旅游的线路品质怎么界定的？</li>\r\n\t\t<li>单房差是什么？</li>\r\n\t\t<li>旅游保险有那些种类？</li>\r\n\t</ul>\r\n\t</div>\r\n\t<div class=\"block right\">\r\n\t<h3>联系方式</h3>\r\n\t<hr>\r\n\t<ul>\r\n\t\t<li>微博：weibo.com/xuehua</li>\r\n\t\t<li>邮件：xuehua@xuehua.com</li>\r\n\t\t<li>地址：江苏盐城无名路123 号</li>\r\n\r\n\t</ul>\r\n\t</div>\r\n\t\r\n\t</div>\r\n\t<div class=\"bottom\">Copyright © XUEHUA 雪花旅行社| 苏ICP 备120110119 号| 旅行社经营许可证：L-YC-BK12345</div>\r\n\t</footer>\r\n</body>\r\n</html>"
  },
  {
    "path": "css/basic.css",
    "content": "@charset \"utf-8\";\r\n\r\nbody,ul,ol,li ,h2,h3,p,hr,figure{\r\n\tpadding:0;\r\n\tmargin:0;\r\n}\r\nbody {\r\n    font-family: \"Helvetica Neue\",Helvetica,Arial,\"Microsoft Yahei UI\",\"Microsoft YaHei\",SimHei,\"宋体\",simsun,sans-serif;\r\n}\r\nol,ul,li{\r\n\tlist-style: none;\r\n}\r\na {\r\n\ttext-decoration: none;\r\n}\r\ninput {\r\n\tborder:0;\r\n\tpadding:0;\r\n\tmargin:0;\r\n}\r\nheader{\r\n\twidth:100%;\r\n\tmin-width: 1263px;\r\n    height:70px;\r\n    background: #333;\r\n    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);\r\n    z-index: 999;\r\n}\r\nnav {\r\n\twidth:1263px;\r\n\tmargin:0 auto;\r\n\tcolor:#fff;\r\n}\r\nnav #logo {\r\n\tfloat:left;\r\n\r\n}\r\nnav ul{\r\n\tfloat:right;\r\n\twidth:800px;\r\n\tline-height: 70px;\r\n\ttext-align: center;\r\n}\r\nnav ul li{\r\n\tfloat:left;\r\n\twidth:140px;\r\n\r\n}\r\nnav ul li a{\r\n\tdisplay: block;\r\n\tcolor:  #eee;\r\n}\r\nnav ul li a:hover,.active a{\r\n\tlist-style: none;\r\n\tdisplay: block;\r\n\tbackground:  #000;\r\n}\r\n\r\n#footer {\r\n\theight:361px;\r\n\tbackground: #222;\r\n\tclear:both;\r\n}\r\n.top {\r\n\twidth:1263px;\r\n\tmargin:0 auto;\r\n\theight:300px;\r\n\ttext-align: center;\r\n}\r\n.block {\r\n\tdisplay: inline-block;\r\n\twidth:410px;\r\n\theight:280px;\r\n\ttext-align: left;\r\n\tvertical-align: top;\r\n\tcolor:#ccc;\r\n\r\n}\r\n.block h3{\r\n\tfont-weight: normal;\r\n\tfont-size: 24px;\r\n\r\n\tmargin:20px 0 10px 0;\r\n}\r\n.block hr{\r\n\tborder:1px dashed #333;\r\n\twidth:90%;\r\n}\r\n.block ul{\r\n\tfont-size: 18px;\r\n\tline-height: 2.2;\r\n\tcolor:#777;\r\n\r\n}\r\n.bottom {\r\n\theight:60px;\r\n\tbackground: #000;\r\n\tcolor:#fff;\r\n\ttext-align: center;\r\n\tline-height:60px;\r\n\tborder-top:1px solid #444;\r\n}"
  },
  {
    "path": "css/column.css",
    "content": "@charset \"utf-8\";\r\n#headline {\r\n\t\r\n\theight:300px;\r\n\twidth:100%;\r\n\tmin-width:1263px;\r\n\tbackground: linear-gradient(to right bottom, rgba(0,0,0,0.7), rgba(0,0,0,0)), url(../img/headline.jpg) no-repeat center;\r\n\r\n}\r\n\r\n.headline {\r\n\twidth:1263px;\r\n\theight:300px;\r\n\tmargin:0 auto;\r\n\r\n}\r\nhgroup {\r\n\tpadding:100px 0 0 150px;\r\n}\r\n.headline h2{\r\n\tfont-size:45px;\r\n\tcolor:#eee;\r\n\tletter-spacing: 1px;\r\n}\r\n.headline p{\r\n\tfont-size:20px;\r\n\tcolor:#eee;\r\n\tletter-spacing: 1px;\r\n}\r\n#container {\r\n\twidth:1263px;\r\n\tmargin:30px auto;\r\n    overflow: hidden;\r\n\r\n}\r\n.sidebar {\r\n\tfloat:right;\r\n\twidth:340px;\r\n\tcolor:#666;\r\n\r\n}\r\n.sidebox {\r\n\theight:400px;\r\n\ttext-align: center;\r\n\tmargin-bottom:20px;\r\n\r\n    border:1px solid #ccc;\r\n}\r\n.sidebox h3{\r\n\tfont-size: 20px;\r\n\tfont-weight: normal;\r\n\tletter-spacing: 1px;\r\n\theight:48px;\r\n\tline-height:48px;\r\n\tbackground: #fafafa;\r\n\ttext-align:left;\r\n\ttext-indent: 20px;\r\n\tmargin-bottom: 5px;\r\n}\r\n\r\n.sidebox li{\r\n\tdisplay: inline-block;\r\n\theight:45px;\r\n\twidth:100px;\r\n\tmargin:2px;\r\n\tline-height:45px;\r\n\tcolor:#fff; \r\n\tbackground: #eee;\r\n\r\n}\r\n.tag li a {\r\n\tcolor:#999;\r\n}\r\n.tag li a:hover {\r\n\tbackground: #458b00;\r\n\tdisplay:block;\r\n\tcolor:#fff;\r\n\r\n}\r\n.sidebox .figure{\r\n\twidth:340px;\r\n\ttext-align: center;\r\n}\r\n .figure figure{\r\n\tdisplay: inline-block;\r\n\tpadding:5px;\r\n}\r\n.figure figcaption {\r\n\tcolor:#666;\r\n\t\r\n}\r\n.box {\r\n\tpadding:10px 0 10px 0;\r\n}\r\n.box a {\r\n\twidth:150px;\r\n\theight:45px;\r\n\tline-height: 45px;\r\n\ttext-indent: 10px;\r\n\tfont-size: 16px;\r\n\tdisplay: inline-block;\r\n\r\n\r\n\tcolor:#999;\r\n\tmargin:2px ;\r\n}\r\n.box a.trea1  {\r\n\r\n\tbackground: #eee url(../img/trea1.png) no-repeat 10px center;\r\n\r\n}\r\n.box a.trea2 {\r\n\r\n\tbackground:#eee url(../img/trea2.png) no-repeat 10px center;\r\n\r\n}\r\n.box a.trea3  {\r\n\r\n\tbackground:#eee url(../img/trea3.png) no-repeat  10px center;\r\n\r\n}\r\n.box a.trea4  {\r\n\r\n\tbackground: #eee url(../img/trea4.png) no-repeat  10px center;\r\n\r\n}\r\n.treasure {\r\n\theight:170px;\r\n}\r\n\r\n.list {\r\n\tfloat:left;\r\n\twidth:900px;\r\n\r\n}\r\n.infos {\r\n\twidth:900px;\r\n\theight:50px;\r\n\tbackground: #eee;\r\n}\r\n.infos_left{\r\n\tfloat:left;\r\n\tline-height: 48px;\r\n\ttext-align: center;\r\n\r\n}\r\n.infos_left li {\r\n\tdisplay: inline-block;\r\n\twidth:150px;\r\n\theight:48px;\r\n}\r\n.infos_left li a {\r\n\tdisplay: block;\r\n\tcolor: #666;\r\n\tcursor: pointer;\r\n\r\n}\r\n.infos_left li:first-child {\r\n\tposition: relative;\r\n\tbackground: #fff;\r\n\tborder-top:2px solid #458b00;\r\n\tleft:1px;\r\n\r\n}\r\n.infos_right{\r\n\twidth:300px;\r\n\theight:50px;\r\n\tline-height: 50px;\r\n\tfloat:right;\r\n\ttext-align: center;\r\n\tmargin-right:-30px;\r\n}\r\n.infos_right li {\r\n\tdisplay: inline-block;\r\n\twidth:60px;\r\n\t\r\n}\r\n.infos_right li a.selected,\r\n.infos_right li a:hover{\r\n\tbackground: #458b00;\r\n\tcolor:#fff;\r\n}\r\n.infos_right li a {\r\n\tcolor:#666;\r\n\twidth:60px;\r\n\tpadding:5px;\r\n\tfont-size:14px;\t\r\n}\r\n.tour {\r\n\twidth:898px;\r\n\theight:231px;\r\n\tmargin-top:20px;\r\n\tposition: relative;\r\n\tborder:1px solid #ccc;\r\n\tcolor:#666;\r\n}\r\n.tour img {\r\n\tfloat:left;\r\n}\r\n.tour .description {\r\n\tfloat:right;\r\n\twidth:498px;\r\n\theight:200px;\r\n\tpadding:10px 0 0 20px;\r\n\r\n}\r\n.description h3 {\r\n\tfont-size: 24px;\r\n\twidth:300px;\r\n\r\n\tfont-weight: normal;\r\n\r\n}\r\n.description p {\r\n\tfont-size: 14px;\r\n\tline-height: 2;\r\n\twidth:300px;\r\n\tmargin-top:10px;\r\n}\r\n.description ol li  {\r\n\tfont-size: 16px;\t\r\n\twidth:300px;\r\n\tmargin-top:10px;\r\n\theight:20px;\r\n\tline-height: 20px;\r\n}\r\n.description ol li mark  {\r\ncolor:#458b00;\r\nborder:1px solid #458b00;\r\npadding:0 5px;\r\nbackground: #fff;\r\nborder-radius: 5px;\r\n}\r\n.description .type {\r\n\tposition:absolute;\r\n\tleft:0;\r\n\ttop:0;\r\n\twidth:80px;\r\n\theight:20px;\r\n\tbackground: #59b200;\r\n\tline-height: 20px;\r\n\ttext-align: center;\r\n\tfont-size:14px;\r\n\tcolor:#fff;\r\n\r\n}\r\n.description .disc{\r\n\tposition: absolute;\r\n\ttop:0;\r\n\tright:0;\r\n\twidth:52px;\r\n\theight:52px;\r\n\tbackground: url(../img/disc.png) no-repeat;\r\n}\r\n.description .disc span{\r\n\tdisplay: block;\r\n\twidth:52px;\r\n\theight:52px;\r\n\ttransform: rotate(45deg);\r\n\tpadding: 5px 0 0 0px;\r\n\tcolor: #ff7a4d;\r\n\tfont-size: 14px;\r\n\ttext-indent: 7px;\r\n}\r\n.description .buy {\r\n\tposition: absolute;\r\n\ttop:50px;\r\n\tright:20px;\r\n\r\n}\r\n.buy .price {\r\n\tcolor:#f60;\r\n\tfont-size: 20px;\r\n}\r\n.buy .price  strong {\r\n\tcolor:#f60;\r\n\tfont-size: 36px;\r\n}\r\n.buy .price  s {\r\n\tcolor:#999;\r\n\tfont-size:19px;\r\n\r\n}\r\n.buy .reserve a {\r\n\tdisplay: block;\r\n\twidth:150px;\r\n\theight:50px;\r\n\tbackground: #f80;\r\n\ttext-align: center;\r\n\tline-height: 50px;\r\n\tborder-radius: 5px;\r\n\tcolor:#fff;\r\n\tfont-size:20px;\r\n\tmargin-top:10px;\r\n}\r\n.description .footer {\r\n\twidth:498px;\r\n\theight:28px;\r\n\tline-height: 28px;\r\n\ttext-indent: 20px;\r\n\tposition:absolute;\r\n\tbottom:2px;\r\n\tletter-spacing: 1px;\r\n\tbackground-color: #fafafa;\r\n\r\n}\r\n.description .footer time {\t\r\n\tcolor:#458b00;\r\n}\r\n.list .more {\r\n\twidth:200px;\r\n\theight:50px;\r\n\tline-height: 50px;\r\n\ttext-align: center;\r\n\tmargin:0 auto;\r\n\tbackground: #fafafa;\r\n\tborder:1px solid #ccc;\r\n\tborder-radius: 5px;\r\n\tcursor: pointer;\r\n\tfont-size: 18px;\r\n\tcolor:#666;\r\n\tmargin-top:20px;\r\n}\r\n.ticket {\r\n\tfont-size:20px;\r\n\tcolor:#666;\r\n}\r\n.ticket form h2 {\r\n\theight:50px;\r\n\tline-height: 50px;\r\n\tfont-size:40px;\r\n\tfont-weight: normal;\r\n\tpadding:5px 0 10px 0;\r\n\tborder-bottom:1px dashed #999;\r\n}\r\n.ticket form .type{\r\n\tmargin:20px 0 10px 0;\r\n\r\n}\r\n.ticket form .type span {\r\n\tdisplay: block;\r\n\t\r\n}\r\n.ticket form .type strong {\r\n\tpadding:0 10px 0 10px;\r\n\tmargin:0 20px 0 10px;\r\n\tcolor:#fff;\r\n\tdisplay: inline-block;\r\n\theight:30px;\r\n\tbackground: #458b00;\r\n\tline-height:30px;\r\n\ttext-align: center;\r\n\tborder-radius: 4px;\r\n\t\r\n}\r\n.form input {\r\n\twidth:250px;\r\n\theight:30px;\r\n\tborder:1px solid #ccc;\r\n\tfont-size:18px;\r\n\tmargin:0 0 0 12px;\r\n\tpadding:5px;\r\n\tborder-radius: 5px;\r\n\toutline: none;\r\n}\r\n.form {\r\n\tline-height: 3;\r\n}\r\n.ticket form .left {\r\n\tdisplay:inline-block;\r\n\twidth:43%;\r\n\r\n}\r\n\r\n.ticket form .center {\r\n\tdisplay:inline-block;\r\n\twidth:43%;\r\n\r\n}\r\n.ticket form .right {\r\n\tdisplay:inline-block;\r\n\twidth:9%;\r\n\r\n}\r\n.ticket form .right .submit {\r\n\theight:90px;\r\n\twidth:90px;\r\n\ttext-align: center;\r\n\tline-height: 90px;\r\n\tbackground: #f60;\r\n\tborder:0;\r\n\tposition:relative;\r\n\ttop: -25px;\r\n\tcolor:#fff;\r\n\tfont-size: 18px;\r\n\tletter-spacing: 2px;\r\n\tborder-radius: 5px;\r\n\r\n\r\n}\r\n.list_news {\r\n\tcolor:#666;\r\n}\r\n.list_news h2{\r\n\theight:50px;\r\n\tline-height: 50px;\r\n\tfont-size:40px;\r\n\tfont-weight: normal;\r\n\tpadding:5px 0 10px 0;\r\n\tborder-bottom:1px dashed #999;\r\n}\r\n.list_news ul {\r\n\tmargin:10px 0 20px 0;\r\n}\r\n.list_news ul li {\r\n\tdisplay: inline-block;\r\n\twidth:50px;\r\n\theight:30px;\r\n\tline-height: 30px;\r\n\t\r\n}\r\n.list_news ul li:first-child {\r\n\twidth:120px;\r\n\theight:30px;\r\n}\r\n.list_news ul li:nth-child(2) a {\r\n\tmargin-left:-5px;\r\n\tbackground: #458b00;\r\n\tcolor:#fff;\r\n\tborder-radius: 3px;\r\n\r\n}\r\n.list_news ul li a {\r\n\tdisplay: block;\r\n\tpadding:0 5px 0 5px;\r\n\tcolor:#666;\r\n\r\n}\r\n.list_news table {\r\n\tborder:1px solid #ccc;\r\n\tborder-collapse: collapse;\r\n\twidth:100%;\r\n\ttext-align: center;\r\n\r\n}\r\n.list_news table tr:nth-child(2n) {\r\n\tbackground: #fafafa;\r\n\r\n}\r\n.list_news table tr:hover{\r\n\tbackground: #eee;\r\n\r\n}\r\n.list_news table th,.list_news table td {\r\n\tborder-bottom:1px solid #ccc;\r\n\theight:50px;\r\n\r\n}\r\n.list_news table td.price{\r\n\tcolor:#f60;\r\n}\r\n.list_news table td .reserve {\r\n\tdisplay: inline-block;\r\n\theight:35px;\r\n\twidth:80px;\r\n\ttext-align: center;\r\n\tline-height: 35px;\r\n\tbackground: #f60;\r\n\tborder-radius:4px;\r\n\tcolor:#fff;\r\n\r\n}\r\n.list_news table td .ticket_more {\r\n\tcolor:#666;\r\n}\r\n.list{\r\n\tcolor:#666;\r\n}\r\n.list h2{\r\n\tfont-size: 45px;\r\n\tmargin-bottom:10px;\r\n\tcolor:#666;\r\n\tfont-weight: normal;\r\n\tborder-bottom: 1px dashed #ccc;\r\n\tpadding:0 0 15px 0;\r\n}\r\n.scenery figure {\r\n\tpadding:4px;\r\n\ttext-align: center;\r\n\twidth:433px;\r\n\tborder:1px solid #ccc;\r\n\tdisplay: inline-block;\r\n\tmargin: 10px 3px 15px 0 ;\r\n\tborder-radius: 5px;\r\n\tletter-spacing: 1px;\r\n\r\n}\r\n.scenery figure img{\r\n\tvertical-align:middle;\r\n}\r\n\r\n.scenery figcaption {\r\n\tline-height: 1.5;\r\n\tpadding:10px  0 10px 0;\r\n\tfont-size: 16px;\r\n}\r\n.about p{\r\n\ttext-indent:2em;\r\n\tline-height: 2;\r\n\tmargin:20px 0;\r\n}\r\n.about .address{\r\n\tmargin:60px 0 0 0;\r\n}\r\n.about .address address{\r\n\tfont-style: normal;\r\n\tline-height: 1.5;\r\n\tfont-size:18px;\r\n\tmargin-top:20px;\r\n}\r\n"
  },
  {
    "path": "css/style.css",
    "content": "@charset \"utf-8\";\r\n\r\n\r\n.search {\r\n\twidth:100%;\r\n\tmin-width:1263px;\r\n\tbackground: url(../img/search.jpg) no-repeat center;\r\n\theight:600px;\r\n\tposition: relative;\r\n}\r\n.search .center {\r\n\twidth:600px;\r\n\theight:50px;\r\n\tbackground: #000;\r\n\tposition: absolute;\r\n\ttop:50%;\r\n\tleft:50%;\r\n\tmargin:-25px 0px 0px -300px;\r\n\tborder-radius:10px; \r\n\topacity: 0.6;\r\n}\r\n.input {\r\n\twidth:410px;\r\n\theight:32px;\r\n\tposition: absolute;\r\n\ttop:50%;\r\n\tleft:50%;\r\n\tmargin:-20px 0px 0px -296px;\r\n\tborder-radius:10px;\r\n\tbackground: #eee;\r\n\toutline: none;\r\n\tpadding:4px;\r\n\tfont-size: 16px;\r\n\tfont-weight: bolder;\r\n\tcolor:#666;\r\n}\r\n.button {\r\n\twidth: 140px;\r\n    height: 40px;\r\n    background: #fff;\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    margin: -20px 0px 0px 140px;\r\n    border-radius: 10px;\r\n    background: #eee;\r\n    line-height: 40px;\r\n    text-align: center;\r\n    color:#666;\r\n    font-weight: bolder;\r\n    font-size: 24px;\r\n    cursor: pointer;\r\n\r\n\r\n}\r\n.tour {\r\n\twidth:1263px;\r\n/*\tbackground: #000;*/\r\n\theight:1150px;\r\n\tcolor:#666;\r\n\tmargin:20px auto 0 auto;\r\n\tpadding-top:20px;\r\n}\r\n.news {\r\n\ttext-align: center;\r\n}\r\n.tour h2{\r\n\tfont-size: 45px;\r\n\tmargin-bottom:10px;\r\n}\r\n.news p{\r\n\tmargin-bottom: 10px;\r\n\tmargin-top:20px;\r\n\r\n}\r\n.tour figure {\r\n\tposition: relative;\r\n\tpadding:4px;\r\n\ttext-align: center;\r\n\twidth:380px;\r\n\tborder:1px solid #ccc;\r\n\tdisplay: inline-block;\r\n\tmargin:12px;\r\n\tborder-radius: 5px;\r\n\tletter-spacing: 1px;\r\n\r\n\r\n}\r\n.tour figure img{\r\n\tvertical-align:middle;\r\n}\r\n.tour .title {\r\n\tfont-weight: normal;\r\n    color:#333;\r\n}\r\n.tour figcaption {\r\n\ttext-align: left;\r\n\tline-height: 1.5;\r\n}\r\n.sat{\r\n\tfont-weight: normal;\r\n\tfloat:right;\r\n\tfont-style: normal;\r\n\tmargin:6px;\r\n\tcolor:#999;\r\n\tfont-size:13px;\r\n}\r\n.price {\r\n\tcolor:#f60;\r\n\tfont-size: 20px;\r\n\r\n}\r\n.type {\r\n\tposition:absolute;\r\n\tleft:4px;\r\n\ttop:4px;\r\n\twidth:80px;\r\n\theight:20px;\r\n\tbackground: #59b200;\r\n\tline-height: 20px;\r\n\ttext-align: center;\r\n\tfont-size:14px;\r\n\tcolor:#fff;\r\n\r\n}\r\n"
  },
  {
    "path": "index.html",
    "content": "<!DOCTYPE html>\r\n<html lang=\"zh-cn\">\r\n<head>\r\n\t<meta charset=\"UTF-8\">\r\n\t<title>首页--旅游网站</title>\r\n\t<link rel=\"stylesheet\" href=\"css/style.css\">\r\n\t<link rel=\"stylesheet\" href=\"css/basic.css\">\r\n</head>\r\n<body>\r\n<header>\r\n\t<nav id=\"nav\">\r\n\t<div id=\"logo\"><img src=\"img/logo.png\" alt=\"\"></div> \r\n\t<ul>\r\n\t\t<li class=\"active\"><a href=\"index.html\">首页</a></li>\r\n\t\t<li><a href=\"informations.html\">旅游资讯</a></li>\r\n\t\t<li><a href=\"ticket.html\">机票订购</a></li>\r\n\t\t<li><a href=\"scenery.html\">风景欣赏</a></li>\r\n\t\t<li><a href=\"about.html\">公司简介</a></li>\r\n\t</ul>\r\n\t</nav>\r\n</header>\r\n<div class=\"search\">\r\n    <div class=\"center\"></div>\r\n    <input class=\"input\" type=\"text\" placeholder=\"请输入陆游景点或城市\">\r\n    <div class=\"button\">搜索</div>\r\n    </div>\r\n<div class=\"tour\">\r\n\t<section class=\"news\">\r\n\t<h2>热门旅游</h2>\r\n\t<p>国内旅游、国外旅游、自助旅游、自驾旅游、油轮签证、主题旅游等各种最新热门旅游推荐</p>\r\n\t</section>\r\n\t<figure>\r\n\t<img src=\"img/tour1.jpg\" alt=\"\">\r\n\t<figcaption>\r\n\t<strong class=\"title\"> &lt;曼谷-芭提雅6日游&gt;</strong> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券\r\n\t<div class=\"info\">\r\n\t    <em class=\"sat\">满意度 77%</em>\r\n\t\t<span class=\"price\">￥ <strong>2864</strong> 起</span>\r\n\t</div>\r\n\t<div class=\"type\">国内长线</div>\r\n\r\n\t</figcaption>\r\n\t</figure>\r\n\t<figure>\r\n\t<img src=\"img/tour1.jpg\" alt=\"\">\r\n\t<figcaption>\r\n\t<strong class=\"title\"> &lt;曼谷-芭提雅6日游&gt;</strong> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券\r\n\t<div class=\"info\">\r\n\t    <em class=\"sat\">满意度 77%</em>\r\n\t\t<span class=\"price\">￥ <strong>2864</strong> 起</span>\r\n\t</div>\r\n\t<div class=\"type\">国内长线</div>\r\n\r\n\t</figcaption>\r\n\t</figure>\r\n\t<figure>\r\n\t<img src=\"img/tour1.jpg\" alt=\"\">\r\n\t<figcaption>\r\n\t<strong class=\"title\"> &lt;曼谷-芭提雅6日游&gt;</strong> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券\r\n\t<div class=\"info\">\r\n\t    <em class=\"sat\">满意度 77%</em>\r\n\t\t<span class=\"price\">￥ <strong>2864</strong> 起</span>\r\n\t</div>\r\n\t<div class=\"type\">国内长线</div>\r\n\r\n\t</figcaption>\r\n\t</figure>\r\n\t<figure>\r\n\t<img src=\"img/tour1.jpg\" alt=\"\">\r\n\t<figcaption>\r\n\t<strong class=\"title\"> &lt;曼谷-芭提雅6日游&gt;</strong> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券\r\n\t<div class=\"info\">\r\n\t    <em class=\"sat\">满意度 77%</em>\r\n\t\t<span class=\"price\">￥ <strong>2864</strong> 起</span>\r\n\t</div>\r\n\t<div class=\"type\">国内长线</div>\r\n\r\n\t</figcaption>\r\n\t</figure>\r\n\t<figure>\r\n\t<img src=\"img/tour1.jpg\" alt=\"\">\r\n\t<figcaption>\r\n\t<strong class=\"title\"> &lt;曼谷-芭提雅6日游&gt;</strong> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券\r\n\t<div class=\"info\">\r\n\t    <em class=\"sat\">满意度 77%</em>\r\n\t\t<span class=\"price\">￥ <strong>2864</strong> 起</span>\r\n\t</div>\r\n\t<div class=\"type\">国内长线</div>\r\n\r\n\t</figcaption>\r\n\t</figure>\r\n\t<figure>\r\n\t<img src=\"img/tour1.jpg\" alt=\"\">\r\n\t<figcaption>\r\n\t<strong class=\"title\"> &lt;曼谷-芭提雅6日游&gt;</strong> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券\r\n\t<div class=\"info\">\r\n\t    <em class=\"sat\">满意度 77%</em>\r\n\t\t<span class=\"price\">￥ <strong>2864</strong> 起</span>\r\n\t</div>\r\n\t<div class=\"type\">国内长线</div>\r\n\r\n\t</figcaption>\r\n\t</figure>\r\n\t<figure>\r\n\t<img src=\"img/tour1.jpg\" alt=\"\">\r\n\t<figcaption>\r\n\t<strong class=\"title\"> &lt;曼谷-芭提雅6日游&gt;</strong> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券\r\n\t<div class=\"info\">\r\n\t    <em class=\"sat\">满意度 77%</em>\r\n\t\t<span class=\"price\">￥ <strong>2864</strong> 起</span>\r\n\t</div>\r\n\t<div class=\"type\">国内长线</div>\r\n\r\n\t</figcaption>\r\n\t</figure>\r\n\t<figure>\r\n\t<img src=\"img/tour1.jpg\" alt=\"\">\r\n\t<figcaption>\r\n\t<strong class=\"title\"> &lt;曼谷-芭提雅6日游&gt;</strong> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券\r\n\t<div class=\"info\">\r\n\t    <em class=\"sat\">满意度 77%</em>\r\n\t\t<span class=\"price\">￥ <strong>2864</strong> 起</span>\r\n\t</div>\r\n\t<div class=\"type\">国内长线</div>\r\n\r\n\t</figcaption>\r\n\t</figure>\r\n\t<figure>\r\n\t<img src=\"img/tour1.jpg\" alt=\"\">\r\n\t<figcaption>\r\n\t<strong class=\"title\"> &lt;曼谷-芭提雅6日游&gt;</strong> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券\r\n\t<div class=\"info\">\r\n\t    <em class=\"sat\">满意度 77%</em>\r\n\t\t<span class=\"price\">￥ <strong>2864</strong> 起</span>\r\n\t</div>\r\n\t<div class=\"type\">国内长线</div>\r\n\r\n\t</figcaption>\r\n\t</figure>\r\n\t</div>\r\n\t<footer id=\"footer\">\r\n\t<div class=\"top\">\r\n\t<div class=\"block left\">\r\n\t<h3>合作伙伴</h3>\r\n\t<hr>\r\n\t<ul>\r\n\t\t<li>途牛旅游网</li>\r\n\t\t<li>驴妈妈旅游网</li>\r\n\t\t<li>携程旅游</li>\r\n\t\t<li>中国去青年旅行社</li>\r\n\t</ul>\r\n\r\n\t</div>\r\n\t<div class=\"block middle\">\r\n\t<h3>旅游FAQ</h3>\r\n\t<hr>\r\n\t<ul>\r\n\t\t<li>旅游合同签订方式？</li>\r\n\t\t<li>儿童价是基于什么制定的？</li>\r\n\t\t<li>旅游的线路品质怎么界定的？</li>\r\n\t\t<li>单房差是什么？</li>\r\n\t\t<li>旅游保险有那些种类？</li>\r\n\t</ul>\r\n\t</div>\r\n\t<div class=\"block right\">\r\n\t<h3>联系方式</h3>\r\n\t<hr>\r\n\t<ul>\r\n\t\t<li>微博：weibo.com/xuehua</li>\r\n\t\t<li>邮件：xuehua@xuehua.com</li>\r\n\t\t<li>地址：江苏盐城无名路123 号</li>\r\n\r\n\t</ul>\r\n\t</div>\r\n\t\r\n\t</div>\r\n\t<div class=\"bottom\">Copyright © XUEHUA 雪花旅行社| 苏ICP 备120110119 号| 旅行社经营许可证：L-YC-BK12345</div>\r\n\t</footer>\r\n</body>\r\n</html>"
  },
  {
    "path": "informations.html",
    "content": "<!DOCTYPE html>\r\n<html lang=\"zh-cn\">\r\n<head>\r\n\t<meta charset=\"UTF-8\">\r\n\t<title>旅游资讯--旅游网站</title>\r\n\t<link rel=\"stylesheet\" href=\"css/column.css\">\r\n\t<link rel=\"stylesheet\" href=\"css/basic.css\">\r\n</head>\r\n<body>\r\n<header>\r\n\t<nav id=\"nav\">\r\n\t<div id=\"logo\"><img src=\"img/logo.png\" alt=\"\"></div> \r\n\t<ul>\r\n\t\t<li><a href=\"index.html\">首页</a></li>\r\n\t\t<li class=\"active\"><a href=\"informations.html\">旅游资讯</a></li>\r\n\t\t<li><a href=\"ticket.html\">机票订购</a></li>\r\n\t\t<li><a href=\"scenery.html\">风景欣赏</a></li>\r\n        <li><a href=\"about.html\">公司简介</a></li>\r\n\t</ul>\r\n\t</nav>\r\n</header>\r\n<div id=\"headline\">\r\n    <div class=\"headline\">\r\n    <hgroup>\r\n        <h2>旅游资讯</h2>\r\n        <p>介绍各种最新旅游信息、资讯要闻、景点攻略等</p>\r\n        </hgroup>\r\n    </div>\r\n</div>\r\n<div id=\"container\">\r\n<article class=\"list information\">\r\n<div class=\"infos\">\r\n<ul class=\"infos_left\">\r\n\t<li><a href=\"\">限时特价</a></li>\r\n\t<li><a href=\"\">热门折扣</a></li>\r\n</ul>\r\n<ul class=\"infos_right\">\r\n\t<li><a href=\"\" class=\"selected\">推荐</a></li>\r\n\t<li><a href=\"\">折扣</a></li>\r\n\t<li><a href=\"\">价格</a></li>\r\n</ul>\r\n\r\n</div>\r\n\r\n   <figure class=\"tour\">\r\n     <img src=\"img/tour1.jpg\" alt=\"\">\r\n       <figcation class=\"description\">\r\n         <h3>曼谷-芭提雅6日游</h3>\r\n          <p>包团特惠，超丰富景点，升级1 晚国五，无自费，赠送600元成人券...</p>\r\n          <ol>\r\n          \t<li><mark>交通</mark>：春秋航空,杭州出发,无需转机</li>\r\n          \t<li><mark>团期</mark>：11/01、11/03、11/08...</li>\r\n          </ol>\r\n          <div class=\"buy\">\r\n          <div class=\"price\">￥<strong>2864</strong> <s>¥3980</s></div>\r\n          <div class=\"reserve\"><a href=\"\">立即抢购</a></div>\r\n          </div>\r\n          <div class=\"type\">国内长线</div>\r\n          <div class=\"disc\"><span>4.7折</span></div>\r\n          <div class=\"footer\">本团游由雪花旅行社赞助提供，截止于<time>2015-10-10</time></div>\r\n       </figcation>\r\n    </figure>\r\n    <figure class=\"tour\">\r\n    <img src=\"img/tour2.jpg\" alt=\"马尔代夫6日自助游\">\r\n    <figcation class=\"description\">\r\n        <h3>马尔代夫6日自助游</h3>\r\n        <p>双鱼岛Olhuveli4晚，上海出发，机+酒 包含:早晚餐+快艇 </p>\r\n            <ol>\r\n                <li>\r\n                    <mark>交通</mark>春秋航空,杭州出发,无需转机</li>\r\n                <li>\r\n                    <mark>团期</mark>11/01、11/03、11/08...</li>\r\n            </ol>\r\n            <div class=\"buy\">\r\n                <div class=\"price\">¥<strong>8039</strong>  <s>¥9980</s>\r\n                </div>\r\n                <div class=\"reserve\"><a href=\"###\">立即抢购</a>\r\n                </div>\r\n            </div>\r\n            <div class=\"type\">出境长线</div>\r\n            <div class=\"disc\"><span>7.7折</span>\r\n            </div>\r\n             <div class=\"footer\">本团游由雪花旅行社赞助提供，截止于\r\n                <time>2015-10-10</time>\r\n             </div>\r\n    </figcation>\r\n</figure>\r\n<figure class=\"tour\">\r\n    <img src=\"img/tour3.jpg\" alt=\"海南双飞5日游\">\r\n    <figcation class=\"description\">\r\n        <h3>海南双飞5日游</h3>\r\n        <p>含盐城接送，全程挂牌四星酒店，一价全含，零自费“自费项目”免费送 </p>\r\n            <ol>\r\n                <li>\r\n                    <mark>交通</mark>春秋航空,杭州出发,无需转机</li>\r\n                <li>\r\n                    <mark>团期</mark>11/01、11/03、11/08...</li>\r\n            </ol>\r\n            <div class=\"buy\">\r\n                <div class=\"price\">¥<strong>2709</strong>  <s>¥3280</s>\r\n                </div>\r\n                <div class=\"reserve\"><a href=\"###\">立即抢购</a>\r\n                </div>\r\n            </div>\r\n            <div class=\"type\">自助旅游</div>\r\n            <div class=\"disc\"><span>6.5折</span>\r\n            </div>\r\n             <div class=\"footer\">本团游由雪花旅行社赞助提供，截止于\r\n                <time>2015-10-10</time>\r\n             </div>\r\n    </figcation>\r\n</figure>\r\n<figure class=\"tour\">\r\n    <img src=\"img/tour4.jpg\" alt=\"富山-大阪-东京8日游\">\r\n    <figcation class=\"description\">\r\n        <h3>富山-大阪-东京8日游</h3>\r\n        <p>暑期亲子，2天自由，无导游安排自费项目，全程不强迫购物 </p>\r\n            <ol>\r\n                <li>\r\n                    <mark>交通</mark>春秋航空,杭州出发,无需转机</li>\r\n                <li>\r\n                    <mark>团期</mark>11/01、11/03、11/08...</li>\r\n            </ol>\r\n            <div class=\"buy\">\r\n                <div class=\"price\">¥<strong>9499</strong>  <s>¥9999</s>\r\n                </div>\r\n                <div class=\"reserve\"><a href=\"###\">立即抢购</a>\r\n                </div>\r\n            </div>\r\n            <div class=\"type\">自助旅游</div>\r\n            <div class=\"disc\"><span>8.8折</span>\r\n            </div>\r\n             <div class=\"footer\">本团游由雪花旅行社赞助提供，截止于\r\n                <time>2015-10-10</time>\r\n             </div>\r\n    </figcation>\r\n</figure>\r\n<figure class=\"tour\">\r\n    <img src=\"img/tour5.jpg\" alt=\"法瑞意德12日游\">\r\n    <figcation class=\"description\">\r\n        <h3>法瑞意德12日游</h3>\r\n        <p>4至5星，金色列车，少女峰，部分THE MALL </p>\r\n            <ol>\r\n                <li>\r\n                    <mark>交通</mark>春秋航空,杭州出发,无需转机</li>\r\n                <li>\r\n                    <mark>团期</mark>11/01、11/03、11/08...</li>\r\n            </ol>\r\n            <div class=\"buy\">\r\n                <div class=\"price\">¥<strong>9199</strong>  <s>¥9999</s>\r\n                </div>\r\n                <div class=\"reserve\"><a href=\"###\">立即抢购</a>\r\n                </div>\r\n            </div>\r\n            <div class=\"type\">国内短线</div>\r\n            <div class=\"disc\"><span>9.2折</span>\r\n            </div>\r\n             <div class=\"footer\">本团游由雪花旅行社赞助提供，截止于\r\n                <time>2015-10-10</time>\r\n             </div>\r\n    </figcation>\r\n</figure>\r\n<figure class=\"tour\">\r\n    <img src=\"img/tour6.jpg\" alt=\"巴厘岛6日半自助游\">\r\n    <figcation class=\"description\">\r\n        <h3>巴厘岛6日半自助游</h3>\r\n        <p>蓝梦出海，独栋别墅，悦榕庄下午茶，纯玩 </p>\r\n            <ol>\r\n                <li>\r\n                    <mark>交通</mark>春秋航空,杭州出发,无需转机</li>\r\n                <li>\r\n                    <mark>团期</mark>11/01、11/03、11/08...</li>\r\n            </ol>\r\n            <div class=\"buy\">\r\n                <div class=\"price\">¥<strong>6488</strong>  <s>¥8460</s>\r\n                </div>\r\n                <div class=\"reserve\"><a href=\"###\">立即抢购</a>\r\n                </div>\r\n            </div>\r\n            <div class=\"type\">国内短线</div>\r\n            <div class=\"disc\"><span>7.6折</span>\r\n            </div>\r\n             <div class=\"footer\">本团游由雪花旅行社赞助提供，截止于\r\n                <time>2015-10-10</time>\r\n             </div>\r\n    </figcation>\r\n</figure>\r\n<figure class=\"tour\">\r\n    <img src=\"img/tour7.jpg\" alt=\"塞舌尔迪拜9日自助游\">\r\n    <figcation class=\"description\">\r\n        <h3>塞舌尔迪拜9日自助游</h3>\r\n        <p>一游两国，4晚塞舌尔，2晚迪拜，香港EK往返 </p>\r\n            <ol>\r\n                <li>\r\n                    <mark>交通</mark>春秋航空,杭州出发,无需转机</li>\r\n                <li>\r\n                    <mark>团期</mark>11/01、11/03、11/08...</li>\r\n            </ol>\r\n            <div class=\"buy\">\r\n                <div class=\"price\">¥<strong>9669</strong>  <s>¥9999</s>\r\n                </div>\r\n                <div class=\"reserve\"><a href=\"###\">立即抢购</a>\r\n                </div>\r\n            </div>\r\n            <div class=\"type\">游轮观光</div>\r\n            <div class=\"disc\"><span>9.6折</span>\r\n            </div>\r\n             <div class=\"footer\">本团游由雪花旅行社赞助提供，截止于\r\n                <time>2015-10-10</time>\r\n             </div>\r\n    </figcation>\r\n</figure>\r\n<figure class=\"tour\">\r\n    <img src=\"img/tour8.jpg\" alt=\"花样姐姐土耳其9日游\">\r\n    <figcation class=\"description\">\r\n        <h3>花样姐姐土耳其9日游</h3>\r\n        <p>最高立减3000！中餐六菜一汤+土耳其当地美食满足您挑剔味蕾 </p>\r\n            <ol>\r\n                <li>\r\n                    <mark>交通</mark>春秋航空,杭州出发,无需转机</li>\r\n                <li>\r\n                    <mark>团期</mark>11/01、11/03、11/08...</li>\r\n            </ol>\r\n            <div class=\"buy\">\r\n                <div class=\"price\">¥<strong>9999</strong>  <s>¥9999</s>\r\n                </div>\r\n                <div class=\"reserve\"><a href=\"###\">立即抢购</a>\r\n                </div>\r\n            </div>\r\n            <div class=\"type\">出境长线</div>\r\n            <div class=\"disc\"><span>10折</span>\r\n            </div>\r\n             <div class=\"footer\">本团游由雪花旅行社赞助提供，截止于\r\n                <time>2015-10-10</time>\r\n             </div>\r\n    </figcation>\r\n</figure>\r\n<figure class=\"tour\">\r\n    <img src=\"img/tour9.jpg\" alt=\"大阪-京都-箱根双飞6日游\">\r\n    <figcation class=\"description\">\r\n        <h3>大阪-京都-箱根双飞6日游</h3>\r\n        <p>盐城直飞，不走回头路，境外无自费，超值之旅 </p>\r\n            <ol>\r\n                <li>\r\n                    <mark>交通</mark>春秋航空,杭州出发,无需转机</li>\r\n                <li>\r\n                    <mark>团期</mark>11/01、11/03、11/08...</li>\r\n            </ol>\r\n            <div class=\"buy\">\r\n                <div class=\"price\">¥<strong>5284</strong>  <s>¥8437</s>\r\n                </div>\r\n                <div class=\"reserve\"><a href=\"###\">立即抢购</a>\r\n                </div>\r\n            </div>\r\n            <div class=\"type\">国内短线</div>\r\n            <div class=\"disc\"><span>6.8折</span>\r\n            </div>\r\n             <div class=\"footer\">本团游由雪花旅行社赞助提供，截止于\r\n                <time>2015-10-10</time>\r\n             </div>\r\n    </figcation>\r\n</figure>\r\n<div class=\"more\">加载更多...</div>\r\n</article>\r\n<aside class=\"sidebar\">\r\n    <div class=\"recommend sidebox\">\r\n    <h3>景点推荐</h3>\r\n    <div class=\"tag\">\r\n    <ul>\r\n\t\t<li><a href=\"###\">曼谷(12)</a></li>\r\n\t\t<li><a href=\"###\">东京(5)</a></li>\r\n\t\t<li><a href=\"###\">西双版纳(8)</a></li>\r\n\t\t<li><a href=\"###\">漓江(16)</a></li>\r\n\t\t<li><a href=\"###\">呼伦贝尔(4)</a></li>\r\n\t\t<li><a href=\"###\">首尔(9)</a></li>\r\n\t\t<li><a href=\"###\">巴厘岛(15)</a></li>\r\n\t\t<li><a href=\"###\">土耳其(22)</a></li>\r\n\t\t<li><a href=\"###\">夏威夷(5)</a></li>\r\n\t\t<li><a href=\"###\">巴厘岛(11)</a></li>\r\n\t\t<li><a href=\"###\">毛里求斯(7)</a></li>\r\n\t\t<li><a href=\"###\">吉普岛(4)</a></li>\r\n\t\t<li><a href=\"###\">希腊(18)</a></li>\r\n\t\t<li><a href=\"###\">法瑞意(8)</a></li>\r\n\t\t<li><a href=\"###\">马尔代夫(9)</a></li>\r\n\t\t<li><a href=\"###\">新西兰(16)</a></li>\r\n\t\t<li><a href=\"###\">埃及(11)</a></li>\r\n\t\t<li><a href=\"###\">迪拜(14)</a></li>\r\n\t\t<li><a href=\"###\">斯里兰卡(7)</a></li>\r\n\t\t<li><a href=\"###\">麦哈顿(3)</a></li>\r\n\t\t<li><a href=\"###\">大阪(15)</a></li>\r\n\t</ul>\r\n</div>\r\n    </div>\r\n    <div class=\"hot sidebox\">\r\n    <h3>热门旅游</h3>\r\n    <div class=\"figure\">\r\n    <figure>\r\n    <img src=\"img/hot1.jpg\" alt=\"曼谷-芭提雅6日游\">\r\n    <figcaption>曼谷-芭提雅6日游</figcaption>\r\n</figure>\r\n<figure>\r\n    <img src=\"img/hot2.jpg\" alt=\"马尔代夫双鱼6日游\">\r\n    <figcaption>马尔代夫双鱼6日游</figcaption>\r\n</figure>\r\n<figure>\r\n    <img src=\"img/hot3.jpg\" alt=\"海南双飞5日游\">\r\n    <figcaption>海南双飞5日游</figcaption>\r\n</figure>\r\n<figure>\r\n    <img src=\"img/hot4.jpg\" alt=\"富山大阪东京8日游\">\r\n    <figcaption>富山大阪东京8日游</figcaption>\r\n    </div>\r\n    </div>\r\n    <div class=\"treasure sidebox\">\r\n    <h3>旅游百宝箱</h3>\r\n    <div class=\"box\">\r\n    <a href=\"\" class=\"trea1\">天气预报</a>\r\n    <a href=\"\" class=\"trea2\">火车票查询</a>\r\n    <a href=\"\" class=\"trea3\">航空查询</a>\r\n    <a href=\"\" class=\"trea4\">地铁线路查询</a>\r\n    </div>\r\n    </div>\r\n</aside>\r\n</div>\r\n\r\n\t<footer id=\"footer\">\r\n\t<div class=\"top\">\r\n\t<div class=\"block left\">\r\n\t<h3>合作伙伴</h3>\r\n\t<hr>\r\n\t<ul>\r\n\t\t<li>途牛旅游网</li>\r\n\t\t<li>驴妈妈旅游网</li>\r\n\t\t<li>携程旅游</li>\r\n\t\t<li>中国去青年旅行社</li>\r\n\t</ul>\r\n\r\n\t</div>\r\n\t<div class=\"block middle\">\r\n\t<h3>旅游FAQ</h3>\r\n\t<hr>\r\n\t<ul>\r\n\t\t<li>旅游合同签订方式？</li>\r\n\t\t<li>儿童价是基于什么制定的？</li>\r\n\t\t<li>旅游的线路品质怎么界定的？</li>\r\n\t\t<li>单房差是什么？</li>\r\n\t\t<li>旅游保险有那些种类？</li>\r\n\t</ul>\r\n\t</div>\r\n\t<div class=\"block right\">\r\n\t<h3>联系方式</h3>\r\n\t<hr>\r\n\t<ul>\r\n\t\t<li>微博：weibo.com/xuehua</li>\r\n        <li>邮件：xuehua@xuehua.com</li>\r\n        <li>地址：江苏盐城无名路123 号</li>\r\n\t</ul>\r\n\t</div>\r\n\t\r\n\t</div>\r\n\t<div class=\"bottom\">Copyright © XUEHUA 雪花旅行社| 苏ICP 备120110119 号| 旅行社经营许可证：L-YC-BK12345</div>\r\n\t</footer>\r\n</body>\r\n</html>"
  },
  {
    "path": "scenery.html",
    "content": "<!DOCTYPE html>\r\n<html lang=\"zh-cn\">\r\n<head>\r\n\t<meta charset=\"UTF-8\">\r\n\t<title>风景欣赏--旅游网站</title>\r\n\t<link rel=\"stylesheet\" href=\"css/column.css\">\r\n\t<link rel=\"stylesheet\" href=\"css/basic.css\">\r\n</head>\r\n<body>\r\n<header>\r\n\t<nav id=\"nav\">\r\n\t<div id=\"logo\"><img src=\"img/logo.png\" alt=\"\"></div> \r\n\t<ul>\r\n\t\t<li><a href=\"index.html\">首页</a></li>\r\n\t\t<li><a href=\"informations.html\">旅游资讯</a></li>\r\n\t\t<li><a href=\"ticket.html\">机票订购</a></li>\r\n\t\t<li class=\"active\"><a href=\"scenery.html\">风景欣赏</a></li>\r\n\t\t<li><a href=\"about.html\">公司简介</a></li>\r\n\t</ul>\r\n\t</nav>\r\n</header>\r\n<div id=\"headline\">\r\n    <div class=\"headline\">\r\n    <hgroup>\r\n        <h2>旅游资讯</h2>\r\n        <p>介绍各种最新旅游信息、资讯要闻、景点攻略等</p>\r\n        </hgroup>\r\n    </div>\r\n</div>\r\n<div id=\"container\">\r\n<article class=\"list scenery\">\r\n<section>\r\n<h2>热门旅游</h2>\r\n\r\n   <figure>\r\n    <img src=\"img/s1.jpg\" alt=\"\">\r\n    <figcaption>曼谷-芭提雅6日游[共12张]</figcaption>\r\n     </figure>\r\n     <figure>\r\n    <img src=\"img/s2.jpg\" alt=\"马尔代夫双鱼岛\">\r\n    <figcaption>马尔代夫双鱼岛[共12张]</figcaption>\r\n</figure>\r\n<figure>\r\n    <img src=\"img/s3.jpg\" alt=\"海南\">\r\n    <figcaption>海南[共19 张]</figcaption>\r\n</figure>\r\n<figure>\r\n    <img src=\"img/s4.jpg\" alt=\"富山-大阪-东京\">\r\n    <figcaption>富山-大阪-东京[共22张]</figcaption>\r\n</figure>\r\n<figure>\r\n    <img src=\"img/s5.jpg\" alt=\"法瑞意德\">\r\n    <figcaption>法瑞意德[共31张]</figcaption>\r\n</figure>\r\n<figure>\r\n    <img src=\"img/s6.jpg\" alt=\"巴厘岛\">\r\n    <figcaption>巴厘岛[共12张]</figcaption>\r\n</figure>\r\n<figure>\r\n    <img src=\"img/s7.jpg\" alt=\"塞舌尔迪拜\">\r\n    <figcaption>塞舌尔迪拜[共7张]</figcaption>\r\n</figure>\r\n<figure>\r\n    <img src=\"img/s8.jpg\" alt=\"花样姐姐土耳其\">\r\n    <figcaption>花样姐姐土耳其[共14张]</figcaption>\r\n</figure>\r\n<div class=\"more\">加载更多...</div>\r\n</section>\r\n\r\n</article>\r\n<aside class=\"sidebar\">\r\n    <div class=\"recommend sidebox\">\r\n    <h3>景点推荐</h3>\r\n    <div class=\"tag\">\r\n    <ul>\r\n\t\t<li><a href=\"###\">曼谷(12)</a></li>\r\n\t\t<li><a href=\"###\">东京(5)</a></li>\r\n\t\t<li><a href=\"###\">西双版纳(8)</a></li>\r\n\t\t<li><a href=\"###\">漓江(16)</a></li>\r\n\t\t<li><a href=\"###\">呼伦贝尔(4)</a></li>\r\n\t\t<li><a href=\"###\">首尔(9)</a></li>\r\n\t\t<li><a href=\"###\">巴厘岛(15)</a></li>\r\n\t\t<li><a href=\"###\">土耳其(22)</a></li>\r\n\t\t<li><a href=\"###\">夏威夷(5)</a></li>\r\n\t\t<li><a href=\"###\">巴厘岛(11)</a></li>\r\n\t\t<li><a href=\"###\">毛里求斯(7)</a></li>\r\n\t\t<li><a href=\"###\">吉普岛(4)</a></li>\r\n\t\t<li><a href=\"###\">希腊(18)</a></li>\r\n\t\t<li><a href=\"###\">法瑞意(8)</a></li>\r\n\t\t<li><a href=\"###\">马尔代夫(9)</a></li>\r\n\t\t<li><a href=\"###\">新西兰(16)</a></li>\r\n\t\t<li><a href=\"###\">埃及(11)</a></li>\r\n\t\t<li><a href=\"###\">迪拜(14)</a></li>\r\n\t\t<li><a href=\"###\">斯里兰卡(7)</a></li>\r\n\t\t<li><a href=\"###\">麦哈顿(3)</a></li>\r\n\t\t<li><a href=\"###\">大阪(15)</a></li>\r\n\t</ul>\r\n</div>\r\n    </div>\r\n    <div class=\"hot sidebox\">\r\n    <h3>热门旅游</h3>\r\n    <div class=\"figure\">\r\n    <figure>\r\n    <img src=\"img/hot1.jpg\" alt=\"曼谷-芭提雅6日游\">\r\n    <figcaption>曼谷-芭提雅6日游</figcaption>\r\n</figure>\r\n<figure>\r\n    <img src=\"img/hot2.jpg\" alt=\"马尔代夫双鱼6日游\">\r\n    <figcaption>马尔代夫双鱼6日游</figcaption>\r\n</figure>\r\n<figure>\r\n    <img src=\"img/hot3.jpg\" alt=\"海南双飞5日游\">\r\n    <figcaption>海南双飞5日游</figcaption>\r\n</figure>\r\n<figure>\r\n    <img src=\"img/hot4.jpg\" alt=\"富山大阪东京8日游\">\r\n    <figcaption>富山大阪东京8日游</figcaption>\r\n    </div>\r\n    </div>\r\n    <div class=\"treasure sidebox\">\r\n    <h3>旅游百宝箱</h3>\r\n    <div class=\"box\">\r\n    <a href=\"\" class=\"trea1\">天气预报</a>\r\n    <a href=\"\" class=\"trea2\">火车票查询</a>\r\n    <a href=\"\" class=\"trea3\">航空查询</a>\r\n    <a href=\"\" class=\"trea4\">地铁线路查询</a>\r\n    </div>\r\n    </div>\r\n</aside>\r\n</div>\r\n\r\n\t<footer id=\"footer\">\r\n\t<div class=\"top\">\r\n\t<div class=\"block left\">\r\n\t<h3>合作伙伴</h3>\r\n\t<hr>\r\n\t<ul>\r\n\t\t<li>途牛旅游网</li>\r\n\t\t<li>驴妈妈旅游网</li>\r\n\t\t<li>携程旅游</li>\r\n\t\t<li>中国去青年旅行社</li>\r\n\t</ul>\r\n\r\n\t</div>\r\n\t<div class=\"block middle\">\r\n\t<h3>旅游FAQ</h3>\r\n\t<hr>\r\n\t<ul>\r\n\t\t<li>旅游合同签订方式？</li>\r\n\t\t<li>儿童价是基于什么制定的？</li>\r\n\t\t<li>旅游的线路品质怎么界定的？</li>\r\n\t\t<li>单房差是什么？</li>\r\n\t\t<li>旅游保险有那些种类？</li>\r\n\t</ul>\r\n\t</div>\r\n\t<div class=\"block right\">\r\n\t<h3>联系方式</h3>\r\n\t<hr>\r\n\t<ul>\r\n\t\t<li>微博：weibo.com/xuehua</li>\r\n\t\t<li>邮件：xuehua@xuehua.com</li>\r\n\t\t<li>地址：江苏盐城无名路123 号</li>\r\n\r\n\t</ul>\r\n\t</div>\r\n\t\r\n\t</div>\r\n\t<div class=\"bottom\">Copyright © XUEHUA 雪花旅行社| 苏ICP 备120110119 号| 旅行社经营许可证：L-YC-BK12345</div>\r\n\t</footer>\r\n</body>\r\n</html>"
  },
  {
    "path": "ticket.html",
    "content": "<!DOCTYPE html>\r\n<html lang=\"zh-cn\">\r\n<head>\r\n\t<meta charset=\"UTF-8\">\r\n\t<title>机票预订--旅游网站</title>\r\n\t<link rel=\"stylesheet\" href=\"css/column.css\">\r\n\t<link rel=\"stylesheet\" href=\"css/basic.css\">\r\n</head>\r\n<body>\r\n<header>\r\n\t<nav id=\"nav\">\r\n\t<div id=\"logo\"><img src=\"img/logo.png\" alt=\"\"></div> \r\n\t<ul>\r\n\t\t<li><a href=\"index.html\">首页</a></li>\r\n\t\t<li><a href=\"informations.html\">旅游资讯</a></li>\r\n\t\t<li class=\"active\"><a href=\"ticket.html\">机票订购</a></li>\r\n\t\t<li><a href=\"scenery.html\">风景欣赏</a></li>\r\n        <li><a href=\"about.html\">公司简介</a></li>\r\n\t</ul>\r\n\t</nav>\r\n</header>\r\n<div id=\"headline\">\r\n    <div class=\"headline\">\r\n    <hgroup>\r\n        <h2>旅游资讯</h2>\r\n        <p>介绍各种最新旅游信息、资讯要闻、景点攻略等</p>\r\n        </hgroup>\r\n    </div>\r\n</div>\r\n<div id=\"container\">\r\n<article class=\"list ticket\">\r\n<form action=\"\">\r\n    <h2>机票预订</h2>\r\n    <div class=\"type\"><span>航班类型<strong>单程</strong>往返</span></div>\r\n    <div class=\"form left\">\r\n    <p>\r\n    <lable for=\"from_city\">出发城市</lable>\r\n    <input type=\"text\" name=\"from_city\" placeholder=\"城市名\">\r\n    </p>\r\n    <p>\r\n    <lable>返回城市</lable>\r\n    <input type=\"text\" placeholder=\"城市名\">\r\n    </p>\r\n    </div>\r\n    <div class=\"form center\">\r\n    <p>\r\n    <lable>出发时间</lable>\r\n    <input type=\"text\" placeholder=\"时间/日期\">\r\n    </p>\r\n    <p>\r\n    <lable>返回时间</lable>\r\n    <input type=\"text\" placeholder=\"时间/日期\">\r\n    </p>\r\n    </div>\r\n    <div class=\"form right\">\r\n    <button type=\"button\" class=\"submit\">订票</button>\r\n    </div>\r\n\r\n\r\n</form>\r\n<div class=\"list_news\">\r\n<h2>最新机票</h2>\r\n<ul>\r\n    <li><a href=\"\">热门城市：</a></li>\r\n    <li><a href=\"\">北京</a></li>\r\n    <li><a href=\"\">上海</a></li>\r\n    <li><a href=\"\">广州</a></li>\r\n    <li><a href=\"\">深圳</a></li>\r\n    <li><a href=\"\">重庆</a></li>\r\n    <li><a href=\"\">成都</a></li>\r\n    <li><a href=\"\">杭州</a></li>\r\n    <li><a href=\"\">南京</a></li>\r\n</ul>\r\n<table>\r\n<thead>\r\n<tr>\r\n    <th>路线</th>\r\n    <th>日期</th>\r\n    <th>价格</th>\r\n    <th>税费</th>\r\n    <th>餐食</th>\r\n    <th>航班</th>\r\n    <th>预定</th>\r\n</tr>\r\n</thead>\r\n<tbody>\r\n<tr>\r\n    <td>北京-成都</td>\r\n    <td>10-15</td>\r\n    <td class=\"price\">¥745</td>\r\n    <td>¥50</td>\r\n    <td>有</td>\r\n    <td>春秋航空</td>\r\n    <td><a href=\"###\" class=\"reserve\">预定</a>\r\n    </td>\r\n</tr>\r\n<tr>\r\n    <td>北京-上海</td>\r\n    <td>10-15</td>\r\n    <td class=\"price\">¥479</td>\r\n    <td>¥45</td>\r\n    <td>无</td>\r\n    <td>南方航空</td>\r\n    <td><a href=\"###\" class=\"reserve\">预定</a>\r\n    </td>\r\n</tr>\r\n<tr>\r\n    <td>北京-深圳</td>\r\n    <td>10-15</td>\r\n    <td class=\"price\">¥561</td>\r\n    <td>¥52</td>\r\n    <td>有</td>\r\n    <td>西部航空</td>\r\n    <td><a href=\"###\" class=\"reserve\">预定</a>\r\n    </td>\r\n</tr>\r\n<tr>\r\n    <td>北京-杭州</td>\r\n    <td>10-15</td>\r\n    <td class=\"price\">¥378</td>\r\n    <td>¥36</td>\r\n    <td>无</td>\r\n    <td>天津航空</td>\r\n    <td><a href=\"###\" class=\"reserve\">预定</a>\r\n    </td>\r\n</tr>\r\n<tr>\r\n    <td>北京-广州</td>\r\n    <td>10-15</td>\r\n    <td class=\"price\">¥612</td>\r\n    <td>¥44</td>\r\n    <td>有</td>\r\n    <td>首都航空</td>\r\n    <td><a href=\"###\" class=\"reserve\">预定</a>\r\n    </td>\r\n</tr>\r\n<tr>\r\n    <td>北京-重庆</td>\r\n    <td>10-15</td>\r\n    <td class=\"price\">¥428</td>\r\n    <td>¥62</td>\r\n    <td>有</td>\r\n    <td>东方航空</td>\r\n    <td><a href=\"###\" class=\"reserve\">预定</a>\r\n    </td>\r\n</tr>\r\n<tr>\r\n    <td>北京-昆明</td>\r\n    <td>10-15</td>\r\n    <td class=\"price\">¥509</td>\r\n    <td>¥35</td>\r\n    <td>无</td>\r\n    <td>厦门航空</td>\r\n    <td><a href=\"###\" class=\"reserve\">预定</a>\r\n    </td>\r\n</tr>\r\n<tr>\r\n    <td>北京-厦门</td>\r\n    <td>10-15</td>\r\n    <td class=\"price\">¥893</td>\r\n    <td>¥73</td>\r\n    <td>有</td>\r\n    <td>深圳航空</td>\r\n    <td><a href=\"###\" class=\"reserve\">预定</a>\r\n    </td>\r\n</tr>\r\n<tr>\r\n    <td>北京-长沙</td>\r\n    <td>10-15</td>\r\n    <td class=\"price\">¥663</td>\r\n    <td>¥46</td>\r\n    <td>无</td>\r\n    <td>四川航空</td>\r\n    <td><a href=\"###\" class=\"reserve\">预定</a>\r\n    </td>\r\n</tr>\r\n</tbody>\r\n<tfoot>\r\n<tr>\r\n    <td colspan=\"7\"><a href=\"###\" class=\"ticket_more\">加载更多航班...</a>\r\n    </td>\r\n</tr>\r\n</tfoot>\r\n</table>\r\n</div>\r\n</article>\r\n<aside class=\"sidebar\">\r\n    <div class=\"recommend sidebox\">\r\n    <h3>景点推荐</h3>\r\n    <div class=\"tag\">\r\n    <ul>\r\n\t\t<li><a href=\"###\">曼谷(12)</a></li>\r\n\t\t<li><a href=\"###\">东京(5)</a></li>\r\n\t\t<li><a href=\"###\">西双版纳(8)</a></li>\r\n\t\t<li><a href=\"###\">漓江(16)</a></li>\r\n\t\t<li><a href=\"###\">呼伦贝尔(4)</a></li>\r\n\t\t<li><a href=\"###\">首尔(9)</a></li>\r\n\t\t<li><a href=\"###\">巴厘岛(15)</a></li>\r\n\t\t<li><a href=\"###\">土耳其(22)</a></li>\r\n\t\t<li><a href=\"###\">夏威夷(5)</a></li>\r\n\t\t<li><a href=\"###\">巴厘岛(11)</a></li>\r\n\t\t<li><a href=\"###\">毛里求斯(7)</a></li>\r\n\t\t<li><a href=\"###\">吉普岛(4)</a></li>\r\n\t\t<li><a href=\"###\">希腊(18)</a></li>\r\n\t\t<li><a href=\"###\">法瑞意(8)</a></li>\r\n\t\t<li><a href=\"###\">马尔代夫(9)</a></li>\r\n\t\t<li><a href=\"###\">新西兰(16)</a></li>\r\n\t\t<li><a href=\"###\">埃及(11)</a></li>\r\n\t\t<li><a href=\"###\">迪拜(14)</a></li>\r\n\t\t<li><a href=\"###\">斯里兰卡(7)</a></li>\r\n\t\t<li><a href=\"###\">麦哈顿(3)</a></li>\r\n\t\t<li><a href=\"###\">大阪(15)</a></li>\r\n\t</ul>\r\n</div>\r\n    </div>\r\n    <div class=\"hot sidebox\">\r\n    <h3>热门旅游</h3>\r\n    <div class=\"figure\">\r\n    <figure>\r\n    <img src=\"img/hot1.jpg\" alt=\"曼谷-芭提雅6日游\">\r\n    <figcaption>曼谷-芭提雅6日游</figcaption>\r\n</figure>\r\n<figure>\r\n    <img src=\"img/hot2.jpg\" alt=\"马尔代夫双鱼6日游\">\r\n    <figcaption>马尔代夫双鱼6日游</figcaption>\r\n</figure>\r\n<figure>\r\n    <img src=\"img/hot3.jpg\" alt=\"海南双飞5日游\">\r\n    <figcaption>海南双飞5日游</figcaption>\r\n</figure>\r\n<figure>\r\n    <img src=\"img/hot4.jpg\" alt=\"富山大阪东京8日游\">\r\n    <figcaption>富山大阪东京8日游</figcaption>\r\n    </div>\r\n    </div>\r\n    <div class=\"treasure sidebox\">\r\n    <h3>旅游百宝箱</h3>\r\n    <div class=\"box\">\r\n    <a href=\"\" class=\"trea1\">天气预报</a>\r\n    <a href=\"\" class=\"trea2\">火车票查询</a>\r\n    <a href=\"\" class=\"trea3\">航空查询</a>\r\n    <a href=\"\" class=\"trea4\">地铁线路查询</a>\r\n    </div>\r\n    </div>\r\n</aside>\r\n</div>\r\n\r\n\t<footer id=\"footer\">\r\n\t<div class=\"top\">\r\n\t<div class=\"block left\">\r\n\t<h3>合作伙伴</h3>\r\n\t<hr>\r\n\t<ul>\r\n\t\t<li>途牛旅游网</li>\r\n\t\t<li>驴妈妈旅游网</li>\r\n\t\t<li>携程旅游</li>\r\n\t\t<li>中国去青年旅行社</li>\r\n\t</ul>\r\n\r\n\t</div>\r\n\t<div class=\"block middle\">\r\n\t<h3>旅游FAQ</h3>\r\n\t<hr>\r\n\t<ul>\r\n\t\t<li>旅游合同签订方式？</li>\r\n\t\t<li>儿童价是基于什么制定的？</li>\r\n\t\t<li>旅游的线路品质怎么界定的？</li>\r\n\t\t<li>单房差是什么？</li>\r\n\t\t<li>旅游保险有那些种类？</li>\r\n\t</ul>\r\n\t</div>\r\n\t<div class=\"block right\">\r\n\t<h3>联系方式</h3>\r\n\t<hr>\r\n\t<ul>\r\n\t\t<li>微博：weibo.com/xuehua</li>\r\n        <li>邮件：xuehua@xuehua.com</li>\r\n        <li>地址：江苏盐城无名路123 号</li>\r\n\r\n\t</ul>\r\n\t</div>\r\n\t\r\n\t</div>\r\n\t<div class=\"bottom\">Copyright © XUEHUA 雪花旅行社| 苏ICP 备120110119 号| 旅行社经营许可证：L-YC-BK12345</div>\r\n\t</footer>\r\n</body>\r\n</html>"
  },
  {
    "path": "wap/README.md",
    "content": "# HTML5+CSS实现雪花旅行社(手机版)\n"
  },
  {
    "path": "wap/about.html",
    "content": "<!DOCTYPE html>\n<html lang=\"zh-cn\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0,\nminimum-scale=1.0, maximum-scale=1.0,user-scalable=no\">\n    <title>关于我们--旅游网站</title>\n    <link rel=\"stylesheet\" href=\"css/style.css\">\n</head>\n\n<body>\n    <header>\n        <nav id=\"nav\">\n            <ul>\n                <li><a href=\"index.html\">首页</a></li>\n                <li><a href=\"informations.html\">资讯</a></li>\n                <li><a href=\"ticket.html\">票务</a></li>\n                <li class=\"active\"><a href=\"about.html\">关于</a></li>\n            </ul>\n        </nav>\n    </header>\n    <div id=\"headline\">\n        <hgroup>\n            <h2>公司简介</h2>\n            <h3>公司的发展历程，获得荣誉以及联系方式</h3>\n        </hgroup>\n    </div>\n    <article class=\"list about\">\n        <section>\n            <h2>关于我们</h2>\n            <p>瓢城旅行社旅游网创立于2006 年10 月，以“让旅游更简单”为使命，为消费者提供由北京、上海、广州、深圳等64 个城市出发的旅游产品预订服务，产品全面，价格透明，全年365 天24 小时400 电话预订，并提供丰富的后续服务和保障。 目前，瓢城旅行社旅游网提供8 万余种旅游产品供消费者选择，涵盖跟团、自助、自驾、邮轮、酒店、签证、景区门票以及公司旅游等，已成功服务累计超过400 万人次出游。 同时基于瓢城旅行社旅游网全球中文景点目录以及中文旅游社区，可以更好地帮助游客了解目的地信息，妥善制定好出游计划，并方便地预订旅程中的服务项目。\n            </p>\n        </section>\n        <section class=\"address\">\n            <h2>联系方式</h2>\n            <address>\n                <ul>\n                    <li>瓢城旅行社股份有限公司</li>\n                    <li>地址：江苏省盐城市亭湖区大庆中路1234 号</li>\n                    <li>邮编：1234567</li>\n                    <li>电话：010-88888888</li>\n                    <li>传真：010-88666666</li>\n                </ul>\n            </address>\n        </section>\n    </article>\n    <footer id=\"footer\">\n        <div class=\"top\">\n            <ul>\n                <li><a href=\"\">客户端</a></li>\n                <li><a href=\"\">触屏版</a></li>\n                <li><a href=\"\">电脑版</a></li>\n            </ul>\n        </div>\n        <div class=\"bottom\">Copyright © YCKU 瓢城旅行社| 苏ICP 备120110119 号</div>\n    </footer>\n</body>\n\n</html>"
  },
  {
    "path": "wap/css/style.css",
    "content": "@charset \"utf-8\";\nhtml {\n    font-size: 625%;\n}\n\nbody,\nul,\nol,\nli,\nh2,\nh3,\nh4,\np,\nhr,\nfigure,\nhgroup {\n    padding: 0;\n    margin: 0;\n}\n\nbody {\n    font-family: \"Helvetica Neue\", Helvetica, Arial, \"Microsoft Yahei UI\", \"Microsoft YaHei\", SimHei, \"宋体\", simsun, sans-serif;\n    font-size: 0.16em;\n}\n\nol,\nul,\nli {\n    list-style: none;\n}\n\na {\n    text-decoration: none;\n}\n\n\n\n\n\n\n\n\n/*div,figure,figcaption {\n\tbox-sizing: border-box;\n}*/\n\nimg {\n    display: block;\n    max-width: 100%;\n}\n\n.none {\n    display: none;\n}\n\n.clearfix:after {\n    content: '.';\n    display: block;\n    clear: both;\n    height: 0;\n    visibility: hidden;\n}\n\nheader {\n    width: 100%;\n    height: 0.7rem;\n    background: #333;\n    /*   box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);*/\n    line-height: 0.7rem;\n    position: fixed;\n    top: 0;\n    z-index: 999;\n}\n\nnav ul {\n    line-height: 0.7rem;\n    text-align: center;\n    overflow: hidden;\n}\n\nnav ul li {\n    float: left;\n    width: calc(100%/4);\n}\n\nnav ul li a {\n    display: block;\n    color: #eee;\n}\n\nnav ul li a:hover,\n.active a {\n    list-style: none;\n    display: block;\n    background: #000;\n}\n\n.adver {\n    max-width: 6.4rem;\n    margin: 0 auto;\n    padding: .7rem 0 0 0;\n}\n\n.adver img {\n    max-width: 100%;\n    display: block;\n}\n\n.search {\n\n    max-width: 6.4rem;\n    height: .40rem;\n    margin: 0 auto;\n    position: relative;\n    background: #ddd;\n    padding: 0.03rem 0 0 0;\n}\n\n.input {\n    display: block;\n    width: 95%;\n    height: 0.27rem;\n    background: #fff;\n    outline: none;\n    font-size: 0.16rem;\n    color: #666;\n    border-radius: .04rem;\n    margin: 0 auto;\n    padding: 0.05rem;\n    border: 0;\n}\n\n.button {\n    width: .6rem;\n    height: .38rem;\n    display: block;\n    cursor: pointer;\n    margin: 0 auto;\n    border-radius: 0.04rem;\n    position: absolute;\n    right: 1%;\n    top: 0.02rem;\n    background: #eee;\n    text-align: center;\n    line-height: .38rem;\n}\n\n#footer {\n    position: fixed;\n    bottom: 0;\n    width: 100%;\n    height: 0.7rem;\n    background: #222;\n    clear: both;\n    font-size: 0.12rem;\n    color: #fff;\n}\n\n.top {\n    height: 0.3rem;\n    line-height: 0.3rem;\n    max-width: 6.4rem;\n    margin: 0 auto;\n    text-align: center;\n}\n\n.top ul {\n    width: 80%;\n    margin: 0 auto;\n}\n\n.top ul li {\n    width: 33%;\n    height: 0.3rem;\n    line-height: 0.3rem;\n    float: left;\n}\n\n.top ul li a {\n    color: #fff;\n}\n\n.bottom {\n    height: 0.3rem;\n    line-height: 0.3rem;\n    color: #fff;\n    text-align: center;\n    line-height: 0.25rem;\n}\n\n#tour {\n    max-width: 6.4rem;\n    margin: 0 auto;\n}\n\n#tour {\n    max-width: 6.4rem;\n    margin: 0 auto;\n}\n\nhgroup {\n    text-align: center;\n}\n\nhgroup h2 {\n    font-size: 0.24rem;\n    padding: 0.05rem 0;\n}\n\nhgroup h3 {\n    font-size: 0.18rem;\n    padding: 0.05rem 0;\n}\n\n.container {\n    max-width: 6.4rem;\n    margin: 0 auto 1.1rem auto;\n    overflow: hidden;\n}\n\n.container figure {\n    width: 45%;\n    float: left;\n    padding: 0 0.08rem 0 0.08rem;\n}\n\n.container figure img {\n    max-width: 100%;\n    display: block;\n    padding: 0.05rem;\n}\n\n.container figcaption {\n    font-size: 0.12rem;\n}\n\n.container figcaption h4 {\n    font-size: 0.14rem;\n    font-weight: normal;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.container figcaption p {\n    font-size: 0.14rem;\n    font-weight: normal;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n.container figcaption .info {\n    font-size: 0.16rem;\n    font-weight: normal;\n    margin: 0.2rem 0 0 0;\n    letter-spacing: 0.01rem;\n}\n\n.sat {\n    font-weight: normal;\n    float: right;\n    font-style: normal;\n    margin: 0.06rem;\n    color: #999;\n    font-size: 0.12rem;\n}\n\n.price {\n    color: #f60;\n    font-size: 0.16rem;\n}\n\n#headline {\n    max-width: 6.4rem;\n    margin: 0 auto .2rem auto;\n    padding: .5rem 0 0 0;\n    position: relative;\n    top: .2rem;\n    background: linear-gradient(to right bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)), url(../img/bg1.png) no-repeat center;\n    height: 1.25rem;\n}\n\n#headline img {\n    display: block;\n    max-width: 100%;\n}\n\n#headline hgroup {\n    max-width: 6.4rem;\n    margin: .2rem auto;\n    position: absolute;\n    top: 35%;\n    text-align: left;\n    padding: 0 0 0 .25rem;\n    color: #fff;\n}\n\n#headline hgroup h2 {\n    font-size: .16rem;\n    font-weight: normal;\n}\n\n#headline hgroup h3 {\n    font-size: .14rem;\n    font-weight: normal;\n}\n\n.list {\n    max-width: 6.4rem;\n    margin: 0 auto 1.1rem auto;\n    overflow: hidden;\n    padding: .15rem 0.2rem .1rem;\n    color: #666;\n}\n\n.list h2 {\n    font-size: .16rem;\n    border-bottom: 0.01rem dashed #999;\n    padding: 0 0 .15rem 0;\n}\n\n.list figure {\n    width: 99%;\n    padding: 0.2rem 0.08rem 0 0.08rem;\n    float: left;\n    position: relative;\n}\n\n.list figure img {\n    width: 50%;\n    padding: 0.05rem;\n    float: left;\n}\n\n.list figcaption {\n\n    width: 45%;\n    display: block;\n    font-size: 0.12rem;\n    float: right;\n}\n\n.list figcaption h3 {\n    font-size: 0.14rem;\n}\n\n.list figcaption h4 {\n    font-size: 0.12rem;\n    font-weight: normal;\n    line-height: .20rem;\n}\n\n.infos hgroup {\n    text-align: left;\n    padding: 0 0 0 .04rem;\n}\n\n.infos .price {\n    padding: .1rem 0 0 .1rem;\n}\n\n.infos .price strong {\n    color: #f60;\n    font-size: .36rem;\n}\n\n.ticket {\n    font-size: .2rem;\n    color: #666;\n}\n\n.ticket form .type {\n    margin: .2rem 0 .1rem 0;\n    font-size: .16rem;\n}\n\n.ticket form .type span {\n    display: block;\n    font-size: .16rem;\n}\n\n.ticket form .type strong {\n    padding: 0 .1rem 0 .1rem;\n    margin: 0 .1rem 0 .1rem;\n    color: #fff;\n    display: inline-block;\n    height: .3rem;\n    background: #458b00;\n    line-height: .3rem;\n    text-align: center;\n    border-radius: .04rem;\n    font-size: .16rem;\n}\n\n.form input {\n    width: 90%;\n    height: .3rem;\n    border: .01rem solid #ccc;\n    font-size: .16rem margin:0 0 0 .1rem;\n    padding: .05rem;\n    border-radius: .05rem;\n    outline: none;\n}\n\n.form {\n    line-height: 1.2\n}\n\n.form p label {\n    padding: 0 0 0.05rem 0;\n    display: block;\n}\n\n.form p {\n    height: 1rem;\n}\n\n.ticket form .left {\n    width: 95%;\n}\n\n.ticket form .center {\n    width: 95%;\n}\n\n.ticket form .right {\n    width: 95%;\n}\n\n.ticket form .right .center {\n    height: 50%;\n    width: 1rem;\n    margin: 0 auto;\n}\n\n.ticket form .right .submit {\n    height: 0.3rem;\n    width: 0.6rem;\n    text-align: center;\n    line-height: .3rem;\n    background: #f60;\n    border: 0;\n    color: #fff;\n    font-size: .14rem;\n    letter-spacing: .02rem;\n    border-radius: .05rem;\n    margin: 0 auto;\n}\n\n.list_news {\n    color: #666;\n    margin-top: .2rem;\n}\n\n.list_news ul {\n    margin: .1rem 0 .2rem 0;\n    font-size: .14rem;\n}\n\n.list_news ul li {\n    display: inline-block;\n    width: .5rem;\n    height: .3rem;\n    line-height: .3rem;\n    text-align: center;\n}\n\n.list_news ul li:first-child {\n    width: 1.2rem;\n    height: 0.3rem;\n    text-align: left;\n}\n\n.list_news ul li:nth-child(2) a {\n    margin-left: -.2rem;\n    background: #458b00;\n    color: #fff;\n    border-radius: .03rempx;\n}\n\n.list_news ul li a {\n    display: block;\n    padding: 0 .05rem 0 .05rem;\n    color: #666;\n}\n\n.list_news table {\n    border: 0.01rem solid #ccc;\n    border-collapse: collapse;\n    width: 100%;\n    text-align: center;\n    font-size: 0.13rem;\n}\n\n.list_news table tr:nth-child(2n) {\n    background: #fafafa;\n}\n\n.list_news table tr:hover {\n    background: #eee;\n}\n\n.list_news table th,\n.list_news table td {\n    border-bottom: 0.01rem solid #ccc;\n    height: 0.5rem;\n}\n\n.list_news table td.price {\n    color: #f60;\n}\n\n.list_news table td .reserve {\n    display: inline-block;\n    height: 0.2rem;\n    width: 0.4rem;\n    text-align: center;\n    line-height: 0.2rem;\n    background: #f60;\n    border-radius: 0.01rem;\n    color: #fff;\n}\n\n.list_news table td .ticket_more {\n    color: #666;\n}\n\n.about p {\n    text-indent: 2em;\n    line-height: 2;\n    margin: .2rem 0;\n}\n\n.about .address {\n    margin: .6rem 0 0 0;\n}\n\n.about .address address {\n    font-style: normal;\n    line-height: 1.5;\n    font-size: .18rem;\n    margin-top: .2rem;\n}"
  },
  {
    "path": "wap/index.html",
    "content": "<!DOCTYPE html>\n<html lang=\"zh-cn\">\n<head>\n\t<meta charset=\"UTF-8\">\n\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0,\nminimum-scale=1.0, maximum-scale=1.0,user-scalable=no\">\n\t<title>旅游网站</title>\n\t<link rel=\"stylesheet\" href=\"css/style.css\">\n\n</head>\n<body>\n<header>\n\t<nav id=\"nav\">\n\t<ul>\n\t\t<li  class=\"active\"><a href=\"index.html\">首页</a></li>\n        <li><a href=\"informations.html\">资讯</a></li>\n        <li><a href=\"ticket.html\">票务</a></li>\n        <li><a href=\"about.html\">关于</a></li>\n\t</ul>\n\t</nav>\n</header>\n<div class=\"adver\"><img src=\"img/bg.png\" alt=\"\"></div>\n\n<div class=\"search\">\n    <input class=\"input\" type=\"text\" placeholder=\"请输入陆游景点或城市\">\n    <div class=\"button\">搜索</div>\n    </div>\n<div id=\"tour\">\n<hgroup>\n    <h2>热门旅游</h2>\n    <h3>最新的各种旅游资讯推荐！</h3>\n</hgroup>\n<div class=\"container\">\n    <figure>\n        <img src=\"img/tour1.png\" alt=\"\">\n        <figcaption>\n            <h4>&lt;曼谷-芭提雅6 日游&gt;</h4>\n            <p>包团特惠，超丰富景点</p>\n            <div class=\"info\">\t<em class=\"sat\">满意度 77%</em>\n                <span class=\"price\">¥ <strong>2864</strong> 起</span>\n            </div>\n        </figcaption>\n    </figure>\n    <figure>\n        <img src=\"img/tour2.png\" alt=\"\">\n        <figcaption>\n            <h4>&lt;马尔代夫双鱼岛Olhuveli4 晚6 日自助游&gt;</h4>\n            <p>上海出发，机+酒包含:早晚餐+快艇</p>\n            <div class=\"info\">\t<em class=\"sat\">满意度 97%</em>\n                <span class=\"price\">¥ <strong>8039</strong> 起</span>\n            </div>\n        </figcaption>\n    </figure>\n    <figure>\n        <img src=\"img/tour3.png\" alt=\"\">\n        <figcaption>\n            <h4>&lt;海南双飞5 日游&gt;</h4>\n            <p>含盐城接送，全程挂牌四星酒店</p>\n            <div class=\"info\">\t<em class=\"sat\">满意度90%</em>\n                <span class=\"price\">¥ <strong>2709</strong> 起</span>\n            </div>\n        </figcaption>\n    </figure>\n    <figure>\n        <img src=\"img/tour4.png\" alt=\"\">\n        <figcaption>\n            <h4>&lt;富山-大阪-东京8 日游&gt;</h4>\n            <p>暑期亲子，2 天自由，无导游安排</p>\n            <div class=\"info\">\t<em class=\"sat\">满意度97%</em>\n                <span class=\"price\">¥ <strong>9499</strong> 起</span>\n            </div>\n        </figcaption>\n    </figure>\n    <figure>\n        <img src=\"img/tour5.png\" alt=\"\">\n        <figcaption>\n            <h4>&lt;法瑞意德12 日游&gt;</h4>\n            <p>4 至5 星，金色列车，少女峰</p>\n            <div class=\"info\">\t<em class=\"sat\">满意度97%</em>\n                <span class=\"price\">¥ <strong>9199</strong> 起</span>\n            </div>\n        </figcaption>\n    </figure>\n    <figure>\n        <img src=\"img/tour6.png\" alt=\"\">\n        <figcaption>\n            <h4>&lt;巴厘岛6 日半自助游&gt;</h4>\n            <p>蓝梦出海，独栋别墅，悦榕庄下午茶</p>\n            <div class=\"info\">\t<em class=\"sat\">满意度95%</em>\n                <span class=\"price\">¥ <strong>6488</strong> 起</span>\n            </div>\n        </figcaption>\n    </figure>\n    <figure>\n        <img src=\"img/tour7.png\" alt=\"\">\n        <figcaption>\n            <h4>&lt;塞舌尔迪拜9 日自助游&gt;</h4>\n            <p>一游两国，4 晚塞舌尔，2 晚迪拜</p>\n            <div class=\"info\">\t<em class=\"sat\">满意度100%</em>\n                <span class=\"price\">¥ <strong>9669</strong> 起</span>\n            </div>\n        </figcaption>\n    </figure>\n    <figure>\n        <img src=\"img/tour8.png\" alt=\"\">\n        <figcaption>\n            <h4>&lt;花样姐姐土耳其9 日或10 日游&gt;</h4>\n            <p>最高立减3000！中餐六菜一汤</p>\n            <div class=\"info\">\t<em class=\"sat\">满意度93%</em>\n                <span class=\"price\">¥ <strong>9999</strong> 起</span>\n            </div>\n        </figcaption>\n    </figure>\n</div>\n    <div class=\"clearfix\"></div>\n</div>\n\t<footer id=\"footer\">\n\t<div class=\"top\">\n\t<ul>\n\t\t<li><a href=\"\">客户端</a></li>\n\t\t<li><a href=\"\">触屏版</a></li>\n\t\t<li><a href=\"\">电脑版</a></li>\n\t</ul>\n\t</div>\n\t<div class=\"bottom\">Copyright © YCKU 瓢城旅行社| 苏ICP 备120110119 号</div>\n\t</footer>\n</body>\n</html>"
  },
  {
    "path": "wap/informations.html",
    "content": "<!DOCTYPE html>\n<html lang=\"zh-cn\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0,\nminimum-scale=1.0, maximum-scale=1.0,user-scalable=no\">\n    <title>旅游资讯--旅游网站</title>\n    <link rel=\"stylesheet\" href=\"css/style.css\">\n</head>\n\n<body>\n    <header>\n        <nav id=\"nav\">\n            <ul>\n                <li><a href=\"index.html\">首页</a></li>\n                <li class=\"active\"><a href=\"informations.html\">资讯</a></li>\n                <li><a href=\"ticket.html\">票务</a></li>\n                <li><a href=\"about.html\">关于</a></li>\n            </ul>\n        </nav>\n    </header>\n    <div id=\"headline\">\n        <hgroup>\n            <h2>旅游资讯</h2>\n            <h3>介绍各种最新旅游信息、资讯要闻、景点攻略等</h3>\n        </hgroup>\n    </div>\n    <div class=\"list infos\">\n        <h2>热门旅游</h2>\n        <figure>\n            <img src=\"img/tour1.png\" alt=\"\">\n            <figcaption>\n                <hgroup>\n                    <h3 class=\"title\">曼谷-芭提雅6日游</h3>\n                    <h4 class=\"small_title\">包团特惠，超丰富景点，升级1 晚国五，无自费，赠送600 元</h4>\n                </hgroup>\n                <div class=\"price\">¥<strong>2864</strong></div>\n            </figcaption>\n        </figure>\n        <figure>\n            <img src=\"img/tour2.png\" alt=\"\">\n            <figcaption>\n                <hgroup>\n                    <h3 class=\"title\">马尔代夫6日自助游</h3>\n                    <h4 class=\"small_title\">双鱼岛Olhuveli4晚，上海出发，机+酒 包含:早晚餐+快艇...</h4>\n                </hgroup>\n                <div class=\"price\">¥<strong>8039</strong></div>\n            </figcaption>\n        </figure>\n        <figure>\n            <img src=\"img/tour3.png\" alt=\"\">\n            <figcaption>\n                <hgroup>\n                    <h3 class=\"title\">海南双飞5日游</h3>\n                    <h4 class=\"small_title\">含盐城接送，全程挂牌四星酒店，一价全含，零自费“自费项目”...</h4>\n                </hgroup>\n                <div class=\"price\">¥<strong>2709</strong></div>\n            </figcaption>\n        </figure>\n        <figure>\n            <img src=\"img/tour4.png\" alt=\"\">\n            <figcaption>\n                <hgroup>\n                    <h3 class=\"title\">富山-大阪-东京8日游</h3>\n                    <h4 class=\"small_title\">暑期亲子，2天自由，无导游安排自费项目，全程不强迫购物...</h4>\n                </hgroup>\n                <div class=\"price\">¥<strong>9499</strong></div>\n            </figcaption>\n        </figure>\n        <figure>\n            <img src=\"img/tour5.png\" alt=\"\">\n            <figcaption>\n                <hgroup>\n                    <h3 class=\"title\">法瑞意德12日游</h3>\n                    <h4 class=\"small_title\">4至5星，金色列车，少女峰，部分THE MALL...</h4>\n                </hgroup>\n                <div class=\"price\">¥<strong>9199</strong></div>\n            </figcaption>\n        </figure>\n        <figure>\n            <img src=\"img/tour6.png\" alt=\"\">\n            <figcaption>\n                <hgroup>\n                    <h3 class=\"title\">巴厘岛6日半自助游</h3>\n                    <h4 class=\"small_title\">蓝梦出海，独栋别墅，悦榕庄下午茶，纯玩...</h4>\n                </hgroup>\n                <div class=\"price\">¥<strong>6488</strong></div>\n            </figcaption>\n            <br style=\"clear:both\">\n        </figure>\n        <figure>\n            <img src=\"img/tour7.png\" alt=\"\">\n            <figcaption>\n                <hgroup>\n                    <h3 class=\"title\">塞舌尔迪拜9日自助游</h3>\n                    <h4 class=\"small_title\">一游两国，4晚塞舌尔，2晚迪拜，香港EK往返...</h4>\n                </hgroup>\n                <div class=\"price\">¥<strong>9669</strong></div>\n            </figcaption>\n        </figure>\n        <figure>\n            <img src=\"img/tour8.png\" alt=\"\">\n            <figcaption>\n                <hgroup>\n                    <h3 class=\"title\">花样姐姐土耳其9日游</h3>\n                    <h4 class=\"small_title\">最高立减3000！中餐六菜一汤+土耳其当地美食满足您挑剔味蕾...</h4>\n                </hgroup>\n                <div class=\"price\">¥<strong>9999</strong></div>\n            </figcaption>\n        </figure>\n    </div>\n    <footer id=\"footer\">\n        <div class=\"top\">\n            <ul>\n                <li><a href=\"\">客户端</a></li>\n                <li><a href=\"\">触屏版</a></li>\n                <li><a href=\"\">电脑版</a></li>\n            </ul>\n        </div>\n        <div class=\"bottom\">Copyright © YCKU 瓢城旅行社| 苏ICP 备120110119 号</div>\n    </footer>\n</body>\n\n</html>"
  },
  {
    "path": "wap/ticket.html",
    "content": "<!DOCTYPE html>\n<html lang=\"zh-cn\">\n\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0,\nminimum-scale=1.0, maximum-scale=1.0,user-scalabel=no\">\n    <title>机票预订--旅游网站</title>\n    <link rel=\"stylesheet\" href=\"css/style.css\">\n</head>\n\n<body>\n    <header>\n        <nav id=\"nav\">\n            <ul>\n                <li><a href=\"index.html\">首页</a></li>\n                <li><a href=\"informations.html\">资讯</a></li>\n                <li class=\"active\"><a href=\"ticket.html\">票务</a></li>\n                <li><a href=\"about.html\">关于</a></li>\n            </ul>\n        </nav>\n    </header>\n    <div id=\"headline\">\n        <hgroup>\n            <h2>票务预订</h2>\n            <h3>各种飞机票、火车票、汽车票和轮渡票的订购服务</h3>\n        </hgroup>\n    </div>\n    <div class=\"list ticket\">\n        <h2>机票预订</h2>\n        <form action=\"\">\n            <div class=\"type\"><span>航班类型<strong>单程</strong>往返</span></div>\n            <div class=\"form left\">\n                <p>\n                    <label for=\"from_city\">出发城市</label>\n                    <input type=\"text\" name=\"from_city\" placeholder=\"城市名\">\n                </p>\n                <p>\n                    <label>返回城市</label>\n                    <input type=\"text\" placeholder=\"城市名\">\n                </p>\n            </div>\n            <div class=\"form center\">\n                <p>\n                    <label>出发时间</label>\n                    <input type=\"text\" placeholder=\"时间/日期\">\n                </p>\n                <p>\n                    <label>返回时间</label>\n                    <input type=\"text\" placeholder=\"时间/日期\">\n                </p>\n            </div>\n            <div class=\"form right\">\n                <p class=\"center\">\n                    <button type=\"button\" class=\"submit\">订票</button>\n                </p>\n            </div>\n        </form>\n        <div class=\"list_news\">\n            <h2>最新机票</h2>\n            <ul>\n                <li><a href=\"\">热门城市：</a></li>\n                <li><a href=\"\">北京</a></li>\n                <li><a href=\"\">上海</a></li>\n                <li><a href=\"\">广州</a></li>\n                <li><a href=\"\">深圳</a></li>\n                <li><a href=\"\">重庆</a></li>\n                <li><a href=\"\">成都</a></li>\n                <li><a href=\"\">杭州</a></li>\n                <li><a href=\"\">南京</a></li>\n            </ul>\n            <table>\n                <thead>\n                    <tr>\n                        <th>路线</th>\n                        <th>日期</th>\n                        <th>价格</th>\n                        <th>税费</th>\n                        <th>餐食</th>\n                        <th>航班</th>\n                        <th>预定</th>\n                    </tr>\n                </thead>\n                <tbody>\n                    <tr>\n                        <td>北京-成都</td>\n                        <td>10-15</td>\n                        <td class=\"price\">¥745</td>\n                        <td>¥50</td>\n                        <td>有</td>\n                        <td>春秋航空</td>\n                        <td><a href=\"###\" class=\"reserve\">预定</a>\n                        </td>\n                    </tr>\n                    <tr>\n                        <td>北京-上海</td>\n                        <td>10-15</td>\n                        <td class=\"price\">¥479</td>\n                        <td>¥45</td>\n                        <td>无</td>\n                        <td>南方航空</td>\n                        <td><a href=\"###\" class=\"reserve\">预定</a>\n                        </td>\n                    </tr>\n                    <tr>\n                        <td>北京-深圳</td>\n                        <td>10-15</td>\n                        <td class=\"price\">¥561</td>\n                        <td>¥52</td>\n                        <td>有</td>\n                        <td>西部航空</td>\n                        <td><a href=\"###\" class=\"reserve\">预定</a>\n                        </td>\n                    </tr>\n                    <tr>\n                        <td>北京-杭州</td>\n                        <td>10-15</td>\n                        <td class=\"price\">¥378</td>\n                        <td>¥36</td>\n                        <td>无</td>\n                        <td>天津航空</td>\n                        <td><a href=\"###\" class=\"reserve\">预定</a>\n                        </td>\n                    </tr>\n                    <tr>\n                        <td>北京-广州</td>\n                        <td>10-15</td>\n                        <td class=\"price\">¥612</td>\n                        <td>¥44</td>\n                        <td>有</td>\n                        <td>首都航空</td>\n                        <td><a href=\"###\" class=\"reserve\">预定</a>\n                        </td>\n                    </tr>\n                    <tr>\n                        <td>北京-重庆</td>\n                        <td>10-15</td>\n                        <td class=\"price\">¥428</td>\n                        <td>¥62</td>\n                        <td>有</td>\n                        <td>东方航空</td>\n                        <td><a href=\"###\" class=\"reserve\">预定</a>\n                        </td>\n                    </tr>\n                    <tr>\n                        <td>北京-昆明</td>\n                        <td>10-15</td>\n                        <td class=\"price\">¥509</td>\n                        <td>¥35</td>\n                        <td>无</td>\n                        <td>厦门航空</td>\n                        <td><a href=\"###\" class=\"reserve\">预定</a>\n                        </td>\n                    </tr>\n                    <tr>\n                        <td>北京-厦门</td>\n                        <td>10-15</td>\n                        <td class=\"price\">¥893</td>\n                        <td>¥73</td>\n                        <td>有</td>\n                        <td>深圳航空</td>\n                        <td><a href=\"###\" class=\"reserve\">预定</a>\n                        </td>\n                    </tr>\n                    <tr>\n                        <td>北京-长沙</td>\n                        <td>10-15</td>\n                        <td class=\"price\">¥663</td>\n                        <td>¥46</td>\n                        <td>无</td>\n                        <td>四川航空</td>\n                        <td><a href=\"###\" class=\"reserve\">预定</a>\n                        </td>\n                    </tr>\n                </tbody>\n                <tfoot>\n                    <tr>\n                        <td colspan=\"7\"><a href=\"###\" class=\"ticket_more\">加载更多航班...</a>\n                        </td>\n                    </tr>\n                </tfoot>\n            </table>\n        </div>\n    </div>\n    <footer id=\"footer\">\n        <div class=\"top\">\n            <ul>\n                <li><a href=\"\">客户端</a></li>\n                <li><a href=\"\">触屏版</a></li>\n                <li><a href=\"\">电脑版</a></li>\n            </ul>\n        </div>\n        <div class=\"bottom\">Copyright © YCKU 瓢城旅行社| 苏ICP 备120110119 号</div>\n    </footer>\n</body>\n\n</html>"
  }
]