Repository: mingyangya/tour-project
Branch: master
Commit: bd64486099bd
Files: 16
Total size: 65.4 KB
Directory structure:
gitextract_by42yn_g/
├── .gitignore
├── README.md
├── about.html
├── css/
│ ├── basic.css
│ ├── column.css
│ └── style.css
├── index.html
├── informations.html
├── scenery.html
├── ticket.html
└── wap/
├── README.md
├── about.html
├── css/
│ └── style.css
├── index.html
├── informations.html
└── ticket.html
================================================
FILE CONTENTS
================================================
================================================
FILE: .gitignore
================================================
.DS_Store
node_modules
/dist
# local env files
.env.local
.env.*.local
# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*
# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
# UI files
UI
================================================
FILE: README.md
================================================
# HTML5+CSS实现雪花旅行社
## pc端
演示地址：https://mingyangya.github.io/tour-project/index.html
- 首页效果
- 旅游资讯效果
- 机票预定效果
- 风景欣赏效果
- 公司简介效果
## 手机版
演示地址：https://mingyangya.github.io/tour-project/wap/index.html
- 首页效果
- 资讯效果
- 票务效果
- 关于我们效果
================================================
FILE: about.html
================================================
关于我们--旅游网站
旅游资讯
介绍各种最新旅游信息、资讯要闻、景点攻略等
关于我们
雪花旅行社旅游网创立于2006 年10 月，以“让旅游更简单”为使命，为消费者提供由北京、上海、广州、深圳等64 个城市出发的旅游产品预订服务，产品全面，价格透明，全年365 天24 小时400 电话预订，并提供丰富的后续服务和保障。
目前，雪花旅行社旅游网提供8 万余种旅游产品供消费者选择，涵盖跟团、自助、自驾、邮轮、酒店、签证、景区门票以及公司旅游等，已成功服务累计超过400 万人次出游。
同时基于雪花旅行社旅游网全球中文景点目录以及中文旅游社区，可以更好地帮助游客了解目的地信息，妥善制定好出游计划，并方便地预订旅程中的服务项目。
联系方式
- 雪花旅行社股份有限公司
- 地址：江苏省盐城市亭湖区大庆中路1234 号
- 邮编：1234567
- 电话：010-88888888
- 传真：010-88666666
================================================
FILE: css/basic.css
================================================
@charset "utf-8";
body,ul,ol,li ,h2,h3,p,hr,figure{
padding:0;
margin:0;
}
body {
font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei UI","Microsoft YaHei",SimHei,"宋体",simsun,sans-serif;
}
ol,ul,li{
list-style: none;
}
a {
text-decoration: none;
}
input {
border:0;
padding:0;
margin:0;
}
header{
width:100%;
min-width: 1263px;
height:70px;
background: #333;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
z-index: 999;
}
nav {
width:1263px;
margin:0 auto;
color:#fff;
}
nav #logo {
float:left;
}
nav ul{
float:right;
width:800px;
line-height: 70px;
text-align: center;
}
nav ul li{
float:left;
width:140px;
}
nav ul li a{
display: block;
color: #eee;
}
nav ul li a:hover,.active a{
list-style: none;
display: block;
background: #000;
}
#footer {
height:361px;
background: #222;
clear:both;
}
.top {
width:1263px;
margin:0 auto;
height:300px;
text-align: center;
}
.block {
display: inline-block;
width:410px;
height:280px;
text-align: left;
vertical-align: top;
color:#ccc;
}
.block h3{
font-weight: normal;
font-size: 24px;
margin:20px 0 10px 0;
}
.block hr{
border:1px dashed #333;
width:90%;
}
.block ul{
font-size: 18px;
line-height: 2.2;
color:#777;
}
.bottom {
height:60px;
background: #000;
color:#fff;
text-align: center;
line-height:60px;
border-top:1px solid #444;
}
================================================
FILE: css/column.css
================================================
@charset "utf-8";
#headline {
height:300px;
width:100%;
min-width:1263px;
background: linear-gradient(to right bottom, rgba(0,0,0,0.7), rgba(0,0,0,0)), url(../img/headline.jpg) no-repeat center;
}
.headline {
width:1263px;
height:300px;
margin:0 auto;
}
hgroup {
padding:100px 0 0 150px;
}
.headline h2{
font-size:45px;
color:#eee;
letter-spacing: 1px;
}
.headline p{
font-size:20px;
color:#eee;
letter-spacing: 1px;
}
#container {
width:1263px;
margin:30px auto;
overflow: hidden;
}
.sidebar {
float:right;
width:340px;
color:#666;
}
.sidebox {
height:400px;
text-align: center;
margin-bottom:20px;
border:1px solid #ccc;
}
.sidebox h3{
font-size: 20px;
font-weight: normal;
letter-spacing: 1px;
height:48px;
line-height:48px;
background: #fafafa;
text-align:left;
text-indent: 20px;
margin-bottom: 5px;
}
.sidebox li{
display: inline-block;
height:45px;
width:100px;
margin:2px;
line-height:45px;
color:#fff;
background: #eee;
}
.tag li a {
color:#999;
}
.tag li a:hover {
background: #458b00;
display:block;
color:#fff;
}
.sidebox .figure{
width:340px;
text-align: center;
}
.figure figure{
display: inline-block;
padding:5px;
}
.figure figcaption {
color:#666;
}
.box {
padding:10px 0 10px 0;
}
.box a {
width:150px;
height:45px;
line-height: 45px;
text-indent: 10px;
font-size: 16px;
display: inline-block;
color:#999;
margin:2px ;
}
.box a.trea1 {
background: #eee url(../img/trea1.png) no-repeat 10px center;
}
.box a.trea2 {
background:#eee url(../img/trea2.png) no-repeat 10px center;
}
.box a.trea3 {
background:#eee url(../img/trea3.png) no-repeat 10px center;
}
.box a.trea4 {
background: #eee url(../img/trea4.png) no-repeat 10px center;
}
.treasure {
height:170px;
}
.list {
float:left;
width:900px;
}
.infos {
width:900px;
height:50px;
background: #eee;
}
.infos_left{
float:left;
line-height: 48px;
text-align: center;
}
.infos_left li {
display: inline-block;
width:150px;
height:48px;
}
.infos_left li a {
display: block;
color: #666;
cursor: pointer;
}
.infos_left li:first-child {
position: relative;
background: #fff;
border-top:2px solid #458b00;
left:1px;
}
.infos_right{
width:300px;
height:50px;
line-height: 50px;
float:right;
text-align: center;
margin-right:-30px;
}
.infos_right li {
display: inline-block;
width:60px;
}
.infos_right li a.selected,
.infos_right li a:hover{
background: #458b00;
color:#fff;
}
.infos_right li a {
color:#666;
width:60px;
padding:5px;
font-size:14px;
}
.tour {
width:898px;
height:231px;
margin-top:20px;
position: relative;
border:1px solid #ccc;
color:#666;
}
.tour img {
float:left;
}
.tour .description {
float:right;
width:498px;
height:200px;
padding:10px 0 0 20px;
}
.description h3 {
font-size: 24px;
width:300px;
font-weight: normal;
}
.description p {
font-size: 14px;
line-height: 2;
width:300px;
margin-top:10px;
}
.description ol li {
font-size: 16px;
width:300px;
margin-top:10px;
height:20px;
line-height: 20px;
}
.description ol li mark {
color:#458b00;
border:1px solid #458b00;
padding:0 5px;
background: #fff;
border-radius: 5px;
}
.description .type {
position:absolute;
left:0;
top:0;
width:80px;
height:20px;
background: #59b200;
line-height: 20px;
text-align: center;
font-size:14px;
color:#fff;
}
.description .disc{
position: absolute;
top:0;
right:0;
width:52px;
height:52px;
background: url(../img/disc.png) no-repeat;
}
.description .disc span{
display: block;
width:52px;
height:52px;
transform: rotate(45deg);
padding: 5px 0 0 0px;
color: #ff7a4d;
font-size: 14px;
text-indent: 7px;
}
.description .buy {
position: absolute;
top:50px;
right:20px;
}
.buy .price {
color:#f60;
font-size: 20px;
}
.buy .price strong {
color:#f60;
font-size: 36px;
}
.buy .price s {
color:#999;
font-size:19px;
}
.buy .reserve a {
display: block;
width:150px;
height:50px;
background: #f80;
text-align: center;
line-height: 50px;
border-radius: 5px;
color:#fff;
font-size:20px;
margin-top:10px;
}
.description .footer {
width:498px;
height:28px;
line-height: 28px;
text-indent: 20px;
position:absolute;
bottom:2px;
letter-spacing: 1px;
background-color: #fafafa;
}
.description .footer time {
color:#458b00;
}
.list .more {
width:200px;
height:50px;
line-height: 50px;
text-align: center;
margin:0 auto;
background: #fafafa;
border:1px solid #ccc;
border-radius: 5px;
cursor: pointer;
font-size: 18px;
color:#666;
margin-top:20px;
}
.ticket {
font-size:20px;
color:#666;
}
.ticket form h2 {
height:50px;
line-height: 50px;
font-size:40px;
font-weight: normal;
padding:5px 0 10px 0;
border-bottom:1px dashed #999;
}
.ticket form .type{
margin:20px 0 10px 0;
}
.ticket form .type span {
display: block;
}
.ticket form .type strong {
padding:0 10px 0 10px;
margin:0 20px 0 10px;
color:#fff;
display: inline-block;
height:30px;
background: #458b00;
line-height:30px;
text-align: center;
border-radius: 4px;
}
.form input {
width:250px;
height:30px;
border:1px solid #ccc;
font-size:18px;
margin:0 0 0 12px;
padding:5px;
border-radius: 5px;
outline: none;
}
.form {
line-height: 3;
}
.ticket form .left {
display:inline-block;
width:43%;
}
.ticket form .center {
display:inline-block;
width:43%;
}
.ticket form .right {
display:inline-block;
width:9%;
}
.ticket form .right .submit {
height:90px;
width:90px;
text-align: center;
line-height: 90px;
background: #f60;
border:0;
position:relative;
top: -25px;
color:#fff;
font-size: 18px;
letter-spacing: 2px;
border-radius: 5px;
}
.list_news {
color:#666;
}
.list_news h2{
height:50px;
line-height: 50px;
font-size:40px;
font-weight: normal;
padding:5px 0 10px 0;
border-bottom:1px dashed #999;
}
.list_news ul {
margin:10px 0 20px 0;
}
.list_news ul li {
display: inline-block;
width:50px;
height:30px;
line-height: 30px;
}
.list_news ul li:first-child {
width:120px;
height:30px;
}
.list_news ul li:nth-child(2) a {
margin-left:-5px;
background: #458b00;
color:#fff;
border-radius: 3px;
}
.list_news ul li a {
display: block;
padding:0 5px 0 5px;
color:#666;
}
.list_news table {
border:1px solid #ccc;
border-collapse: collapse;
width:100%;
text-align: center;
}
.list_news table tr:nth-child(2n) {
background: #fafafa;
}
.list_news table tr:hover{
background: #eee;
}
.list_news table th,.list_news table td {
border-bottom:1px solid #ccc;
height:50px;
}
.list_news table td.price{
color:#f60;
}
.list_news table td .reserve {
display: inline-block;
height:35px;
width:80px;
text-align: center;
line-height: 35px;
background: #f60;
border-radius:4px;
color:#fff;
}
.list_news table td .ticket_more {
color:#666;
}
.list{
color:#666;
}
.list h2{
font-size: 45px;
margin-bottom:10px;
color:#666;
font-weight: normal;
border-bottom: 1px dashed #ccc;
padding:0 0 15px 0;
}
.scenery figure {
padding:4px;
text-align: center;
width:433px;
border:1px solid #ccc;
display: inline-block;
margin: 10px 3px 15px 0 ;
border-radius: 5px;
letter-spacing: 1px;
}
.scenery figure img{
vertical-align:middle;
}
.scenery figcaption {
line-height: 1.5;
padding:10px 0 10px 0;
font-size: 16px;
}
.about p{
text-indent:2em;
line-height: 2;
margin:20px 0;
}
.about .address{
margin:60px 0 0 0;
}
.about .address address{
font-style: normal;
line-height: 1.5;
font-size:18px;
margin-top:20px;
}
================================================
FILE: css/style.css
================================================
@charset "utf-8";
.search {
width:100%;
min-width:1263px;
background: url(../img/search.jpg) no-repeat center;
height:600px;
position: relative;
}
.search .center {
width:600px;
height:50px;
background: #000;
position: absolute;
top:50%;
left:50%;
margin:-25px 0px 0px -300px;
border-radius:10px;
opacity: 0.6;
}
.input {
width:410px;
height:32px;
position: absolute;
top:50%;
left:50%;
margin:-20px 0px 0px -296px;
border-radius:10px;
background: #eee;
outline: none;
padding:4px;
font-size: 16px;
font-weight: bolder;
color:#666;
}
.button {
width: 140px;
height: 40px;
background: #fff;
position: absolute;
top: 50%;
left: 50%;
margin: -20px 0px 0px 140px;
border-radius: 10px;
background: #eee;
line-height: 40px;
text-align: center;
color:#666;
font-weight: bolder;
font-size: 24px;
cursor: pointer;
}
.tour {
width:1263px;
/* background: #000;*/
height:1150px;
color:#666;
margin:20px auto 0 auto;
padding-top:20px;
}
.news {
text-align: center;
}
.tour h2{
font-size: 45px;
margin-bottom:10px;
}
.news p{
margin-bottom: 10px;
margin-top:20px;
}
.tour figure {
position: relative;
padding:4px;
text-align: center;
width:380px;
border:1px solid #ccc;
display: inline-block;
margin:12px;
border-radius: 5px;
letter-spacing: 1px;
}
.tour figure img{
vertical-align:middle;
}
.tour .title {
font-weight: normal;
color:#333;
}
.tour figcaption {
text-align: left;
line-height: 1.5;
}
.sat{
font-weight: normal;
float:right;
font-style: normal;
margin:6px;
color:#999;
font-size:13px;
}
.price {
color:#f60;
font-size: 20px;
}
.type {
position:absolute;
left:4px;
top:4px;
width:80px;
height:20px;
background: #59b200;
line-height: 20px;
text-align: center;
font-size:14px;
color:#fff;
}
================================================
FILE: index.html
================================================
首页--旅游网站
热门旅游
国内旅游、国外旅游、自助旅游、自驾旅游、油轮签证、主题旅游等各种最新热门旅游推荐
<曼谷-芭提雅6日游> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
满意度 77%
￥ 2864 起
国内长线
<曼谷-芭提雅6日游> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
满意度 77%
￥ 2864 起
国内长线
<曼谷-芭提雅6日游> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
满意度 77%
￥ 2864 起
国内长线
<曼谷-芭提雅6日游> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
满意度 77%
￥ 2864 起
国内长线
<曼谷-芭提雅6日游> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
满意度 77%
￥ 2864 起
国内长线
<曼谷-芭提雅6日游> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
满意度 77%
￥ 2864 起
国内长线
<曼谷-芭提雅6日游> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
满意度 77%
￥ 2864 起
国内长线
<曼谷-芭提雅6日游> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
满意度 77%
￥ 2864 起
国内长线
<曼谷-芭提雅6日游> 包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费券
满意度 77%
￥ 2864 起
国内长线
================================================
FILE: informations.html
================================================
旅游资讯--旅游网站
旅游资讯
介绍各种最新旅游信息、资讯要闻、景点攻略等
曼谷-芭提雅6日游
包团特惠，超丰富景点，升级1 晚国五，无自费，赠送600元成人券...
- 交通：春秋航空,杭州出发,无需转机
- 团期：11/01、11/03、11/08...
国内长线
4.7折
马尔代夫6日自助游
双鱼岛Olhuveli4晚，上海出发，机+酒 包含:早晚餐+快艇
-
交通春秋航空,杭州出发,无需转机
-
团期11/01、11/03、11/08...
出境长线
7.7折
海南双飞5日游
含盐城接送，全程挂牌四星酒店，一价全含，零自费“自费项目”免费送
-
交通春秋航空,杭州出发,无需转机
-
团期11/01、11/03、11/08...
自助旅游
6.5折
富山-大阪-东京8日游
暑期亲子，2天自由，无导游安排自费项目，全程不强迫购物
-
交通春秋航空,杭州出发,无需转机
-
团期11/01、11/03、11/08...
自助旅游
8.8折
法瑞意德12日游
4至5星，金色列车，少女峰，部分THE MALL
-
交通春秋航空,杭州出发,无需转机
-
团期11/01、11/03、11/08...
国内短线
9.2折
巴厘岛6日半自助游
蓝梦出海，独栋别墅，悦榕庄下午茶，纯玩
-
交通春秋航空,杭州出发,无需转机
-
团期11/01、11/03、11/08...
国内短线
7.6折
塞舌尔迪拜9日自助游
一游两国，4晚塞舌尔，2晚迪拜，香港EK往返
-
交通春秋航空,杭州出发,无需转机
-
团期11/01、11/03、11/08...
游轮观光
9.6折
花样姐姐土耳其9日游
最高立减3000！中餐六菜一汤+土耳其当地美食满足您挑剔味蕾
-
交通春秋航空,杭州出发,无需转机
-
团期11/01、11/03、11/08...
出境长线
10折
大阪-京都-箱根双飞6日游
盐城直飞，不走回头路，境外无自费，超值之旅
-
交通春秋航空,杭州出发,无需转机
-
团期11/01、11/03、11/08...
国内短线
6.8折
加载更多...
================================================
FILE: scenery.html
================================================
风景欣赏--旅游网站
旅游资讯
介绍各种最新旅游信息、资讯要闻、景点攻略等
================================================
FILE: ticket.html
================================================
机票预订--旅游网站
旅游资讯
介绍各种最新旅游信息、资讯要闻、景点攻略等
最新机票
| 路线 |
日期 |
价格 |
税费 |
餐食 |
航班 |
预定 |
| 北京-成都 |
10-15 |
¥745 |
¥50 |
有 |
春秋航空 |
预定
|
| 北京-上海 |
10-15 |
¥479 |
¥45 |
无 |
南方航空 |
预定
|
| 北京-深圳 |
10-15 |
¥561 |
¥52 |
有 |
西部航空 |
预定
|
| 北京-杭州 |
10-15 |
¥378 |
¥36 |
无 |
天津航空 |
预定
|
| 北京-广州 |
10-15 |
¥612 |
¥44 |
有 |
首都航空 |
预定
|
| 北京-重庆 |
10-15 |
¥428 |
¥62 |
有 |
东方航空 |
预定
|
| 北京-昆明 |
10-15 |
¥509 |
¥35 |
无 |
厦门航空 |
预定
|
| 北京-厦门 |
10-15 |
¥893 |
¥73 |
有 |
深圳航空 |
预定
|
| 北京-长沙 |
10-15 |
¥663 |
¥46 |
无 |
四川航空 |
预定
|
| 加载更多航班...
|
================================================
FILE: wap/README.md
================================================
# HTML5+CSS实现雪花旅行社(手机版)
================================================
FILE: wap/about.html
================================================
关于我们--旅游网站
公司简介
公司的发展历程，获得荣誉以及联系方式
关于我们
瓢城旅行社旅游网创立于2006 年10 月，以“让旅游更简单”为使命，为消费者提供由北京、上海、广州、深圳等64 个城市出发的旅游产品预订服务，产品全面，价格透明，全年365 天24 小时400 电话预订，并提供丰富的后续服务和保障。 目前，瓢城旅行社旅游网提供8 万余种旅游产品供消费者选择，涵盖跟团、自助、自驾、邮轮、酒店、签证、景区门票以及公司旅游等，已成功服务累计超过400 万人次出游。 同时基于瓢城旅行社旅游网全球中文景点目录以及中文旅游社区，可以更好地帮助游客了解目的地信息，妥善制定好出游计划，并方便地预订旅程中的服务项目。
联系方式
- 瓢城旅行社股份有限公司
- 地址：江苏省盐城市亭湖区大庆中路1234 号
- 邮编：1234567
- 电话：010-88888888
- 传真：010-88666666
================================================
FILE: wap/css/style.css
================================================
@charset "utf-8";
html {
font-size: 625%;
}
body,
ul,
ol,
li,
h2,
h3,
h4,
p,
hr,
figure,
hgroup {
padding: 0;
margin: 0;
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "宋体", simsun, sans-serif;
font-size: 0.16em;
}
ol,
ul,
li {
list-style: none;
}
a {
text-decoration: none;
}
/*div,figure,figcaption {
box-sizing: border-box;
}*/
img {
display: block;
max-width: 100%;
}
.none {
display: none;
}
.clearfix:after {
content: '.';
display: block;
clear: both;
height: 0;
visibility: hidden;
}
header {
width: 100%;
height: 0.7rem;
background: #333;
/* box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);*/
line-height: 0.7rem;
position: fixed;
top: 0;
z-index: 999;
}
nav ul {
line-height: 0.7rem;
text-align: center;
overflow: hidden;
}
nav ul li {
float: left;
width: calc(100%/4);
}
nav ul li a {
display: block;
color: #eee;
}
nav ul li a:hover,
.active a {
list-style: none;
display: block;
background: #000;
}
.adver {
max-width: 6.4rem;
margin: 0 auto;
padding: .7rem 0 0 0;
}
.adver img {
max-width: 100%;
display: block;
}
.search {
max-width: 6.4rem;
height: .40rem;
margin: 0 auto;
position: relative;
background: #ddd;
padding: 0.03rem 0 0 0;
}
.input {
display: block;
width: 95%;
height: 0.27rem;
background: #fff;
outline: none;
font-size: 0.16rem;
color: #666;
border-radius: .04rem;
margin: 0 auto;
padding: 0.05rem;
border: 0;
}
.button {
width: .6rem;
height: .38rem;
display: block;
cursor: pointer;
margin: 0 auto;
border-radius: 0.04rem;
position: absolute;
right: 1%;
top: 0.02rem;
background: #eee;
text-align: center;
line-height: .38rem;
}
#footer {
position: fixed;
bottom: 0;
width: 100%;
height: 0.7rem;
background: #222;
clear: both;
font-size: 0.12rem;
color: #fff;
}
.top {
height: 0.3rem;
line-height: 0.3rem;
max-width: 6.4rem;
margin: 0 auto;
text-align: center;
}
.top ul {
width: 80%;
margin: 0 auto;
}
.top ul li {
width: 33%;
height: 0.3rem;
line-height: 0.3rem;
float: left;
}
.top ul li a {
color: #fff;
}
.bottom {
height: 0.3rem;
line-height: 0.3rem;
color: #fff;
text-align: center;
line-height: 0.25rem;
}
#tour {
max-width: 6.4rem;
margin: 0 auto;
}
#tour {
max-width: 6.4rem;
margin: 0 auto;
}
hgroup {
text-align: center;
}
hgroup h2 {
font-size: 0.24rem;
padding: 0.05rem 0;
}
hgroup h3 {
font-size: 0.18rem;
padding: 0.05rem 0;
}
.container {
max-width: 6.4rem;
margin: 0 auto 1.1rem auto;
overflow: hidden;
}
.container figure {
width: 45%;
float: left;
padding: 0 0.08rem 0 0.08rem;
}
.container figure img {
max-width: 100%;
display: block;
padding: 0.05rem;
}
.container figcaption {
font-size: 0.12rem;
}
.container figcaption h4 {
font-size: 0.14rem;
font-weight: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.container figcaption p {
font-size: 0.14rem;
font-weight: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.container figcaption .info {
font-size: 0.16rem;
font-weight: normal;
margin: 0.2rem 0 0 0;
letter-spacing: 0.01rem;
}
.sat {
font-weight: normal;
float: right;
font-style: normal;
margin: 0.06rem;
color: #999;
font-size: 0.12rem;
}
.price {
color: #f60;
font-size: 0.16rem;
}
#headline {
max-width: 6.4rem;
margin: 0 auto .2rem auto;
padding: .5rem 0 0 0;
position: relative;
top: .2rem;
background: linear-gradient(to right bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0)), url(../img/bg1.png) no-repeat center;
height: 1.25rem;
}
#headline img {
display: block;
max-width: 100%;
}
#headline hgroup {
max-width: 6.4rem;
margin: .2rem auto;
position: absolute;
top: 35%;
text-align: left;
padding: 0 0 0 .25rem;
color: #fff;
}
#headline hgroup h2 {
font-size: .16rem;
font-weight: normal;
}
#headline hgroup h3 {
font-size: .14rem;
font-weight: normal;
}
.list {
max-width: 6.4rem;
margin: 0 auto 1.1rem auto;
overflow: hidden;
padding: .15rem 0.2rem .1rem;
color: #666;
}
.list h2 {
font-size: .16rem;
border-bottom: 0.01rem dashed #999;
padding: 0 0 .15rem 0;
}
.list figure {
width: 99%;
padding: 0.2rem 0.08rem 0 0.08rem;
float: left;
position: relative;
}
.list figure img {
width: 50%;
padding: 0.05rem;
float: left;
}
.list figcaption {
width: 45%;
display: block;
font-size: 0.12rem;
float: right;
}
.list figcaption h3 {
font-size: 0.14rem;
}
.list figcaption h4 {
font-size: 0.12rem;
font-weight: normal;
line-height: .20rem;
}
.infos hgroup {
text-align: left;
padding: 0 0 0 .04rem;
}
.infos .price {
padding: .1rem 0 0 .1rem;
}
.infos .price strong {
color: #f60;
font-size: .36rem;
}
.ticket {
font-size: .2rem;
color: #666;
}
.ticket form .type {
margin: .2rem 0 .1rem 0;
font-size: .16rem;
}
.ticket form .type span {
display: block;
font-size: .16rem;
}
.ticket form .type strong {
padding: 0 .1rem 0 .1rem;
margin: 0 .1rem 0 .1rem;
color: #fff;
display: inline-block;
height: .3rem;
background: #458b00;
line-height: .3rem;
text-align: center;
border-radius: .04rem;
font-size: .16rem;
}
.form input {
width: 90%;
height: .3rem;
border: .01rem solid #ccc;
font-size: .16rem margin:0 0 0 .1rem;
padding: .05rem;
border-radius: .05rem;
outline: none;
}
.form {
line-height: 1.2
}
.form p label {
padding: 0 0 0.05rem 0;
display: block;
}
.form p {
height: 1rem;
}
.ticket form .left {
width: 95%;
}
.ticket form .center {
width: 95%;
}
.ticket form .right {
width: 95%;
}
.ticket form .right .center {
height: 50%;
width: 1rem;
margin: 0 auto;
}
.ticket form .right .submit {
height: 0.3rem;
width: 0.6rem;
text-align: center;
line-height: .3rem;
background: #f60;
border: 0;
color: #fff;
font-size: .14rem;
letter-spacing: .02rem;
border-radius: .05rem;
margin: 0 auto;
}
.list_news {
color: #666;
margin-top: .2rem;
}
.list_news ul {
margin: .1rem 0 .2rem 0;
font-size: .14rem;
}
.list_news ul li {
display: inline-block;
width: .5rem;
height: .3rem;
line-height: .3rem;
text-align: center;
}
.list_news ul li:first-child {
width: 1.2rem;
height: 0.3rem;
text-align: left;
}
.list_news ul li:nth-child(2) a {
margin-left: -.2rem;
background: #458b00;
color: #fff;
border-radius: .03rempx;
}
.list_news ul li a {
display: block;
padding: 0 .05rem 0 .05rem;
color: #666;
}
.list_news table {
border: 0.01rem solid #ccc;
border-collapse: collapse;
width: 100%;
text-align: center;
font-size: 0.13rem;
}
.list_news table tr:nth-child(2n) {
background: #fafafa;
}
.list_news table tr:hover {
background: #eee;
}
.list_news table th,
.list_news table td {
border-bottom: 0.01rem solid #ccc;
height: 0.5rem;
}
.list_news table td.price {
color: #f60;
}
.list_news table td .reserve {
display: inline-block;
height: 0.2rem;
width: 0.4rem;
text-align: center;
line-height: 0.2rem;
background: #f60;
border-radius: 0.01rem;
color: #fff;
}
.list_news table td .ticket_more {
color: #666;
}
.about p {
text-indent: 2em;
line-height: 2;
margin: .2rem 0;
}
.about .address {
margin: .6rem 0 0 0;
}
.about .address address {
font-style: normal;
line-height: 1.5;
font-size: .18rem;
margin-top: .2rem;
}
================================================
FILE: wap/index.html
================================================
旅游网站
热门旅游
最新的各种旅游资讯推荐！
<曼谷-芭提雅6 日游>
包团特惠，超丰富景点
满意度 77%
¥ 2864 起
<马尔代夫双鱼岛Olhuveli4 晚6 日自助游>
上海出发，机+酒包含:早晚餐+快艇
满意度 97%
¥ 8039 起
<海南双飞5 日游>
含盐城接送，全程挂牌四星酒店
满意度90%
¥ 2709 起
<富山-大阪-东京8 日游>
暑期亲子，2 天自由，无导游安排
满意度97%
¥ 9499 起
<法瑞意德12 日游>
4 至5 星，金色列车，少女峰
满意度97%
¥ 9199 起
<巴厘岛6 日半自助游>
蓝梦出海，独栋别墅，悦榕庄下午茶
满意度95%
¥ 6488 起
<塞舌尔迪拜9 日自助游>
一游两国，4 晚塞舌尔，2 晚迪拜
满意度100%
¥ 9669 起
<花样姐姐土耳其9 日或10 日游>
最高立减3000！中餐六菜一汤
满意度93%
¥ 9999 起
================================================
FILE: wap/informations.html
================================================
旅游资讯--旅游网站
旅游资讯
介绍各种最新旅游信息、资讯要闻、景点攻略等
热门旅游
曼谷-芭提雅6日游
包团特惠，超丰富景点，升级1 晚国五，无自费，赠送600 元
¥2864
马尔代夫6日自助游
双鱼岛Olhuveli4晚，上海出发，机+酒 包含:早晚餐+快艇...
¥8039
海南双飞5日游
含盐城接送，全程挂牌四星酒店，一价全含，零自费“自费项目”...
¥2709
富山-大阪-东京8日游
暑期亲子，2天自由，无导游安排自费项目，全程不强迫购物...
¥9499
法瑞意德12日游
4至5星，金色列车，少女峰，部分THE MALL...
¥9199
巴厘岛6日半自助游
蓝梦出海，独栋别墅，悦榕庄下午茶，纯玩...
¥6488
塞舌尔迪拜9日自助游
一游两国，4晚塞舌尔，2晚迪拜，香港EK往返...
¥9669
花样姐姐土耳其9日游
最高立减3000！中餐六菜一汤+土耳其当地美食满足您挑剔味蕾...
¥9999
================================================
FILE: wap/ticket.html
================================================
机票预订--旅游网站
票务预订
各种飞机票、火车票、汽车票和轮渡票的订购服务
机票预订
最新机票
| 路线 |
日期 |
价格 |
税费 |
餐食 |
航班 |
预定 |
| 北京-成都 |
10-15 |
¥745 |
¥50 |
有 |
春秋航空 |
预定
|
| 北京-上海 |
10-15 |
¥479 |
¥45 |
无 |
南方航空 |
预定
|
| 北京-深圳 |
10-15 |
¥561 |
¥52 |
有 |
西部航空 |
预定
|
| 北京-杭州 |
10-15 |
¥378 |
¥36 |
无 |
天津航空 |
预定
|
| 北京-广州 |
10-15 |
¥612 |
¥44 |
有 |
首都航空 |
预定
|
| 北京-重庆 |
10-15 |
¥428 |
¥62 |
有 |
东方航空 |
预定
|
| 北京-昆明 |
10-15 |
¥509 |
¥35 |
无 |
厦门航空 |
预定
|
| 北京-厦门 |
10-15 |
¥893 |
¥73 |
有 |
深圳航空 |
预定
|
| 北京-长沙 |
10-15 |
¥663 |
¥46 |
无 |
四川航空 |
预定
|
| 加载更多航班...
|
