├── PC ├── about.png ├── buy.png ├── index.png ├── information.png └── scenery.png ├── README.md ├── about.html ├── buy.html ├── css ├── base.css ├── buy.css ├── information.css └── style.css ├── image ├── icon1.png ├── information.jpg ├── logo.jpg ├── logo.png ├── search.jpg ├── sidebar1.jpg ├── sidebar10.jpg ├── sidebar2.jpg ├── sidebar3.jpg ├── sidebar4.jpg ├── sidebar5.jpg ├── sidebar6.jpg ├── sidebar7.jpg ├── sidebar8.jpg ├── sidebar9.jpg ├── tour1.jpg ├── tour10.jpg ├── tour2.jpg ├── tour3.jpg ├── tour4.jpg ├── tour5.jpg ├── tour6.jpg ├── tour7.jpg ├── tour8.jpg └── tour9.jpg ├── index.html ├── information.html └── scenery.html /PC/about.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/PC/about.png -------------------------------------------------------------------------------- /PC/buy.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/PC/buy.png -------------------------------------------------------------------------------- /PC/index.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/PC/index.png -------------------------------------------------------------------------------- /PC/information.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/PC/information.png -------------------------------------------------------------------------------- /PC/scenery.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/PC/scenery.png -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 这是一个旅游网站的静态页面 5 | [点击查看](https://ymbo.github.io/tour/) 6 | 包括： `首页`、`风景欣赏页`、`机票购买页面`、`资讯页`、`简介页` 7 | 使用技术：尝试`html5`的一些标签，`css`，`js`，`photoshop`。 8 | * __首页：__ 9 | ![logo](https://github.com/YMBo/-tour/blob/master/PC/index.png) 10 | * __旅游资讯：__ 11 | ![logo](https://github.com/YMBo/-tour/blob/master/PC/information.png) 12 | * __机票购买：__ 13 | ![logo](https://github.com/YMBo/-tour/blob/master/PC/buy.png) 14 | * __风景欣赏：__ 15 | ![logo](https://github.com/YMBo/-tour/blob/master/PC/scenery.png) 16 | * __旅游资讯：__ 17 | ![logo](https://github.com/YMBo/-tour/blob/master/PC/about.png) 18 | _[回到顶部](#readme)_ 19 | -------------------------------------------------------------------------------- /about.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 蜘蛛旅行社 7 | 8 | 9 | 10 | 11 | 27 |
28 |
29 |
30 |

旅游咨询

31 |

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

32 |
33 |
34 |
35 |
36 | 117 |
118 |
119 |

关于我们

120 |
121 |

蜘蛛旅游网创立于2006年10月，以“让旅游更简单”为使命，为消费者提供由北京、上海、广州、深圳等180个城市出发的旅游产品预订服务，产品全面，价格透明，全年365天24小时400电话预订，并提供丰富的后续服务和保障。/

122 |

目前，蜘蛛旅游网提供100万余种旅游产品供消费者选择，涵盖跟团、自助、自驾、邮轮、酒店、签证、景区门票以及公司旅游等，已成功服务累计超过1500万人次出游。

123 |

同时基于途牛旅游网全球中文景点目录以及中文旅游社区，可以更好地帮助游客了解目的地信息，妥善制定好出游计划，并方便地预订旅程中的服务项目。

124 |
125 |

 

126 |
127 |

联系方式

128 |
129 |
    130 |
  • 24小时全国服务热线：40-3333
    • 131 |
  • 客户服务邮箱： M665@111.com
    • 132 |
  • 市场推广及品牌合作业务咨询：mz-marketing@meizu.com
    • 133 |
  • 经销商服务咨询：business@meizu.com
    • 134 |
135 |
136 |
137 |
138 | 175 | 176 | -------------------------------------------------------------------------------- /buy.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 蜘蛛旅行社 7 | 8 | 9 | 10 | 11 | 12 | 13 | 29 |
30 |
31 |
32 |

旅游咨询

33 |

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

34 |
35 |
36 |
37 |
38 | 119 |
120 |

机票预订

121 |
122 |
123 | 124 |
    125 |
    • 126 |
    • 127 |
    • 128 |
    • 129 |
130 |
    131 |
    • 132 |
    • 133 |
    • 134 |
    • 135 |
136 |
137 | 138 |
139 | 140 |
141 |
142 |

最新机票

143 |
144 |
    145 |
  • 热门城市:
    • 146 |
  • 上海
    • 147 |
  • 武汉
    • 148 |
  • 北京
    • 149 |
  • 大连
    • 150 |
  • 西安
    • 151 |
  • 青岛
    • 152 |
  • 云南
    • 153 |
154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | 215 | 216 | 217 | 218 | 219 | 220 | 221 | 222 | 223 | 224 | 225 | 226 | 227 | 228 | 229 | 230 | 231 | 232 | 233 | 234 | 235 | 236 | 237 | 238 | 239 | 240 | 241 | 242 | 243 | 244 | 245 | 246 | 247 | 248 | 249 | 250 | 251 | 252 | 253 | 254 | 255 | 256 | 257 | 258 | 259 | 260 | 261 | 262 | 263 |
路线日期价格税费餐食航班预定
北京-成都10-15¥745¥50有春秋航空预定
北京-成都10-15¥745¥50有春秋航空预定
北京-成都10-15¥745¥50有春秋航空预定
北京-成都10-15¥745¥50有春秋航空预定
北京-成都10-15¥745¥50有春秋航空预定
北京-成都10-15¥745¥50有春秋航空预定
北京-成都10-15¥745¥50有春秋航空预定
北京-成都10-15¥745¥50有春秋航空预定
北京-成都10-15¥745¥50有春秋航空预定
北京-成都10-15¥745¥50有春秋航空预定
加载更多航班...
264 |
265 |
266 |
267 | 304 | 305 | -------------------------------------------------------------------------------- /css/base.css: -------------------------------------------------------------------------------- 1 | *{ 2 | margin:0; 3 | padding:0; 4 | -webkit-font-smoothing:antialiased; 5 | } 6 | .none{ 7 | display: none; 8 | } 9 | /*让整个导航区 100%*/ 10 | #header{ 11 | /*这个宽度是为了大于最小分辨率1280时能自适应*/ 12 | width:100%; 13 | /*这个最小宽度，是为了解决当缩小浏览器时因为width：100%；布局的改变，所以要有个限制*/ 14 | min-width: 1280px; 15 | height: 70px; 16 | background-color: #333; 17 | box-shadow: 0 3px 5px rgba(0,0,0,0.5); 18 | position: relative; 19 | z-index: 999; 20 | } 21 | /*内容区 固定大小*/ 22 | #header .center{ 23 | width: 1263px; 24 | height:70px; 25 | margin:0 auto; 26 | } 27 | #header .logo{ 28 | width: 240px; 29 | height:70px; 30 | background-image: url(../image/logo.jpg); 31 | text-indent: -9999px; 32 | float: left; 33 | } 34 | /*导航样式*/ 35 | #header .link{ 36 | width: 700px; 37 | height:70px; 38 | float: right; 39 | list-style: none; 40 | } 41 | #header .link li{ 42 | width:120px; 43 | height: 70px; 44 | background-color: #333; 45 | text-align: center; 46 | line-height: 70px; 47 | color:#eee; 48 | float: left; 49 | } 50 | #header .link a{ 51 | display: block; 52 | text-decoration:none; 53 | color:#eee; 54 | width:100%; 55 | height:100%; 56 | transition:all 0.3s; 57 | -webkit-transition:all 0.3s; 58 | } 59 | /*hover 过的样式*/ 60 | #header .link a:hover,#header .link .active{ 61 | background-color: #000; 62 | } 63 | /*search区*/ 64 | #search{ 65 | /*这个100%是为了放大浏览器时，能自适应*/ 66 | width: 100%; 67 | /*这个最小宽度是，当缩小浏览器小于1263px时，能保持结构的完整性*/ 68 | min-width: 1263px; 69 | height:600px; 70 | /*背景图，不重复，始终保持图片居中*/ 71 | /*首先，为了满足最小的1280分辨率，大图本身宽度必须大于1280，为主流分辨率一般小于1920 72 | ，所以图片宽度为1920可以满足所有用户*/ 73 | background:url(../image/search.jpg) no-repeat center; 74 | /*为了定位搜索框，在搜索框中使用margin定位居中不行*/ 75 | position: relative; 76 | 77 | } 78 | /*遮罩层*/ 79 | #search #mask{ 80 | width: 100%; 81 | min-width: 1263px; 82 | height:600px; 83 | transition:all 0.8s; 84 | -webkit-transition:all 0.8s; 85 | } 86 | 87 | #search .center{ 88 | width: 600px; 89 | height:60px; 90 | background-color: #000; 91 | position: absolute; 92 | top:50%; 93 | left: 50%; 94 | margin:-30px -300px; 95 | border-radius:30px; 96 | opacity:0.5; 97 | filter:alpha(opacity:50); 98 | } 99 | /*搜索框*/ 100 | #search .search{ 101 | width:481px; 102 | height:52px; 103 | position: absolute; 104 | top:50%; 105 | left: 50%; 106 | margin:-27px -296px; 107 | border-radius:30px 0 0 30px; 108 | background-color: #fff; 109 | color:#666; 110 | font-size: 24px; 111 | font-weight: bold; 112 | padding-left:20px; 113 | border:1px solid #666; 114 | outline: none; 115 | } 116 | 117 | /*按钮*/ 118 | #search .button{ 119 | width:90px; 120 | height:54px; 121 | position: absolute; 122 | top:50%; 123 | left: 50%; 124 | margin:-27px 206px; 125 | border-radius:0 30px 30px 0; 126 | color:#666; 127 | background-color: #fff; 128 | font-size: 24px; 129 | border:1px solid #666; 130 | cursor: pointer; 131 | } 132 | #search .button:hover{ 133 | background-color: #2ECC71; 134 | color:#fff; 135 | } 136 | 137 | /*尾*/ 138 | #foot{ 139 | height:361px; 140 | background-color: #222; 141 | } 142 | #foot .top{ 143 | height:280px; 144 | width: 1263px; 145 | margin: 0 auto; 146 | text-align: center; 147 | } 148 | #foot .bottom{ 149 | height:80px; 150 | margin: 0 auto; 151 | text-align: center; 152 | line-height: 80px; 153 | color:#777; 154 | background-color: #000; 155 | border-top: 1px solid #444; 156 | } 157 | #foot .block{ 158 | width: 410px; 159 | height: 280px; 160 | display: inline-block; 161 | color: #ccc; 162 | text-align: left; 163 | /*不加这个下边给h2加内边距时会产生布局错乱，不知道这个是为啥*/ 164 | /*vertical-align属性只会在inline-block水平的元素上期作用*/ 165 | vertical-align: top; 166 | float: left; 167 | } 168 | #foot h2{ 169 | padding: 20px 0 5px 20px; 170 | font-size: 24px; 171 | font-weight: normal; 172 | } 173 | #foot hr{ 174 | border:1px solid #333; 175 | width: 90%; 176 | } 177 | #foot ul{ 178 | list-style: none; 179 | font-size: 18px; 180 | color:#777; 181 | text-indent: 20px; 182 | /*这个是2倍的意思*/ 183 | line-height: 2; 184 | } -------------------------------------------------------------------------------- /css/buy.css: -------------------------------------------------------------------------------- 1 | 2 | *{ 3 | margin: 0; 4 | padding: 0; 5 | } 6 | #headline{ 7 | width: 100%; 8 | /*这个最小宽度是，当缩小浏览器小于1263px时，能保持结构的完整性*/ 9 | min-width: 1263px; 10 | height:300px; 11 | /*背景图，不重复，始终保持图片居中*/ 12 | /*首先，为了满足最小的1280分辨率，大图本身宽度必须大于1280，为主流分辨率一般小于1920 13 | ，所以图片宽度为1920可以满足所有用户*/ 14 | background:url(../image/information.jpg) no-repeat center; 15 | } 16 | 17 | #headline .center{ 18 | width: 1263px; 19 | height: 300px; 20 | margin:0 auto; 21 | } 22 | #headline hgroup{ 23 | padding: 100px 0 0 50px; 24 | color:#fff; 25 | } 26 | #headline h2{ 27 | font-size: 36px; 28 | letter-spacing: 1px; 29 | } 30 | #headline h3{ 31 | font-size: 20px; 32 | } 33 | #containter{ 34 | width: 1263px; 35 | height: 1400px; 36 | margin:30px auto; 37 | } 38 | #containter .sidebar{ 39 | width:340px; 40 | float: right; 41 | } 42 | #containter .list{ 43 | width: 900px; 44 | height: 1200px; 45 | float: left; 46 | } 47 | 48 | #containter .sidebox{ 49 | margin:0 0 10px 0; 50 | border:1px solid #eee; 51 | text-align: center; 52 | clear: both; 53 | } 54 | #containter .sidebox h2{ 55 | font-size: 20px; 56 | font-weight: normal; 57 | text-indent: 8px; 58 | letter-spacing: 1px; 59 | height:40px; 60 | line-height: 40px; 61 | background-color: #fafafa; 62 | color:#666; 63 | } 64 | #containter .tag a,#containter .tag li{ 65 | list-style: none; 66 | display: inline-block; 67 | width: 100px; 68 | height: 35px; 69 | background-color: #eee; 70 | line-height: 35px; 71 | margin:2px 0; 72 | color:#999; 73 | } 74 | #containter .tag a:hover{ 75 | background-color: #458b00; 76 | color:#fff; 77 | } 78 | #containter figure{ 79 | display: inline-block; 80 | color:#666; 81 | padding:0 0 4px 0; 82 | } 83 | #containter .tourBox a{ 84 | display: inline-block; 85 | width: 150px; 86 | height: 40px; 87 | line-height: 40px; 88 | margin:2px 0; 89 | color:#999; 90 | text-align: left; 91 | text-indent: 40px; 92 | } 93 | 94 | #containter .tourBox a.sky1{ 95 | background: #eee url(../image/icon1.png) no-repeat 5px center; 96 | } 97 | #containter .tourBox a.sky2{ 98 | background: #eee url(../image/icon1.png) no-repeat 5px center; 99 | } 100 | #containter .tourBox a.sky3{ 101 | background: #eee url(../image/icon1.png) no-repeat 5px center; 102 | } 103 | #containter .tourBox a.sky4{ 104 | background: #eee url(../image/icon1.png) no-repeat 5px center; 105 | } 106 | 107 | /*list区,机票购买*/ 108 | #containter .airTicket h2, #containter .scenery h2, #containter .about h2{ 109 | color: #666; 110 | } 111 | #containter .airTicket hr, #containter .scenery hr,#containter .about hr{ 112 | border: 1px dotted #ccc; 113 | margin:20px auto; 114 | } 115 | /*表单*/ 116 | #containter .airTicket .fo{ 117 | height: 170px; 118 | width: 900px; 119 | font-size:20px; 120 | position: relative; 121 | } 122 | #containter .airTicket ul{ 123 | overflow: hidden; 124 | } 125 | #containter .airTicket li{ 126 | float: left; 127 | } 128 | #containter .airTicket .fo_first li{ 129 | line-height: 25px; 130 | } 131 | #containter .airTicket .fo_first li a{ 132 | color: #fff; 133 | margin-left: 20px; 134 | text-align: center; 135 | display: inline-block; 136 | width: 49px; 137 | height:25px; 138 | line-height: 25px; 139 | border-radius: 4px; 140 | background-color: green; 141 | } 142 | #containter .airTicket .fo_city,#containter .airTicket .come_city{ 143 | margin-top: 20px; 144 | line-height: 35px; 145 | } 146 | #containter .airTicket .fo_city li,#containter .airTicket .come_city li{ 147 | display: inline-block; 148 | height: 35px; 149 | text-align: left; 150 | } 151 | #containter .airTicket .fo_city input,#containter .airTicket .come_city input{ 152 | width:200px; 153 | height: 33px; 154 | font-size: 20px; 155 | border-radius: 4px; 156 | border:1px solid #ccc; 157 | margin-left: 20px; 158 | outline: none; 159 | } 160 | #containter .airTicket .fo_city .goTime,#containter .airTicket .come_city .goTime{ 161 | margin-left:25px; 162 | } 163 | #containter .airTicket .fo .submit button{ 164 | width:80px; 165 | line-height: 80px; 166 | height: 80px; 167 | color: #fff; 168 | background-color: #f60; 169 | position: absolute; 170 | right: 100px; 171 | top:45px; 172 | border: none; 173 | font-size: 24px; 174 | border-radius: 4px; 175 | cursor: pointer; 176 | } 177 | #containter .airTicket .new li{ 178 | display: inline-block; 179 | font-size: 20px; 180 | padding: 5px 10px; 181 | border-radius: 4px; 182 | } 183 | #containter .airTicket .new li:first-child{ 184 | padding: 5px 0; 185 | color:#7d7b7b; 186 | } 187 | #containter .airTicket .new li:nth-child(2){ 188 | background-color: #45b800; 189 | color: #fff; 190 | } 191 | #containter .airTicket table{ 192 | margin-top: 20px; 193 | font-size: 20px; 194 | width: 100%; 195 | border:1px solid #ddd; 196 | border-collapse: collapse; 197 | } 198 | #containter .airTicket tr{ 199 | border: 1px solid #ddd; 200 | height: 50px; 201 | line-height: 50px; 202 | } 203 | #containter .airTicket td{ 204 | text-align: center; 205 | height: 50px; 206 | line-height: 50px; 207 | } 208 | #containter .airTicket tr:nth-child(2n){ 209 | background-color: #fafafa; 210 | } 211 | #containter .airTicket tr:hover{ 212 | background-color: #eee; 213 | } 214 | #containter .airTicket .price{ 215 | color: #f60; 216 | } 217 | #containter .airTicket .moreair{ 218 | color: #666; 219 | } 220 | #containter .airTicket .reserve{ 221 | display: inline-block; 222 | width:75px; 223 | line-height: 35px; 224 | height: 35px; 225 | color: #fff; 226 | background-color: #f60; 227 | border: none; 228 | font-size: 20px; 229 | border-radius: 4px; 230 | cursor: pointer; 231 | } 232 | /*风景欣赏*/ 233 | #containter .scenery figure{ 234 | display: inline-block; 235 | width: 440px; 236 | border:1px solid #ddd; 237 | border-radius:4px; 238 | margin:10px 0; 239 | position: relative; 240 | } 241 | #containter .scenery figcaption{ 242 | text-align: center; 243 | padding:5px 0; 244 | } 245 | #containter .scenery figure img{ 246 | width: 440px; 247 | } 248 | #containter .scenery .more{ 249 | width:200px; 250 | height: 40px; 251 | border-radius: 4px; 252 | border: 1px solid #000; 253 | line-height: 40px; 254 | text-align: center; 255 | margin: 20px auto; 256 | } 257 | #containter .scenery .more a{ 258 | text-decoration: none; 259 | color: #666; 260 | } 261 | #containter .about p{ 262 | font-size: 20px; 263 | color: #666; 264 | line-height: 2; 265 | margin:20px 0; 266 | } 267 | #containter .about ul{ 268 | font-size: 20px; 269 | list-style: none; 270 | line-height: 2; 271 | margin:20px 0; 272 | } -------------------------------------------------------------------------------- /css/information.css: -------------------------------------------------------------------------------- 1 | 2 | *{ 3 | margin: 0; 4 | padding: 0; 5 | } 6 | #headline{ 7 | width: 100%; 8 | /*这个最小宽度是，当缩小浏览器小于1263px时，能保持结构的完整性*/ 9 | min-width: 1263px; 10 | height:300px; 11 | /*背景图，不重复，始终保持图片居中*/ 12 | /*首先，为了满足最小的1280分辨率，大图本身宽度必须大于1280，为主流分辨率一般小于1920 13 | ，所以图片宽度为1920可以满足所有用户*/ 14 | background:url(../image/information.jpg) no-repeat center; 15 | } 16 | 17 | #headline .center{ 18 | width: 1263px; 19 | height: 300px; 20 | margin:0 auto; 21 | } 22 | #headline hgroup{ 23 | padding: 100px 0 0 50px; 24 | color:#fff; 25 | } 26 | #headline h2{ 27 | font-size: 36px; 28 | letter-spacing: 1px; 29 | } 30 | #headline h3{ 31 | font-size: 20px; 32 | } 33 | #containter{ 34 | width: 1263px; 35 | height: 1200px; 36 | margin:30px auto; 37 | } 38 | #containter .sidebar{ 39 | width:340px; 40 | float: right; 41 | } 42 | #containter .list{ 43 | width: 900px; 44 | height: 1200px; 45 | float: left; 46 | } 47 | 48 | #containter .sidebox{ 49 | margin:0 0 10px 0; 50 | border:1px solid #eee; 51 | text-align: center; 52 | clear: both; 53 | } 54 | #containter .sidebox h2{ 55 | font-size: 20px; 56 | font-weight: normal; 57 | text-indent: 8px; 58 | letter-spacing: 1px; 59 | height:40px; 60 | line-height: 40px; 61 | background-color: #fafafa; 62 | color:#666; 63 | } 64 | #containter .tag a,#containter .tag li{ 65 | list-style: none; 66 | display: inline-block; 67 | width: 100px; 68 | height: 35px; 69 | background-color: #eee; 70 | line-height: 35px; 71 | margin:2px 0; 72 | color:#999; 73 | } 74 | #containter .tag a:hover{ 75 | background-color: #458b00; 76 | color:#fff; 77 | } 78 | #containter figure{ 79 | display: inline-block; 80 | color:#666; 81 | padding:0 0 4px 0; 82 | } 83 | #containter .tourBox a{ 84 | display: inline-block; 85 | width: 150px; 86 | height: 40px; 87 | line-height: 40px; 88 | margin:2px 0; 89 | color:#999; 90 | text-align: left; 91 | text-indent: 40px; 92 | } 93 | 94 | #containter .tourBox a.sky1{ 95 | background: #eee url(../image/icon1.png) no-repeat 5px center; 96 | } 97 | #containter .tourBox a.sky2{ 98 | background: #eee url(../image/icon1.png) no-repeat 5px center; 99 | } 100 | #containter .tourBox a.sky3{ 101 | background: #eee url(../image/icon1.png) no-repeat 5px center; 102 | } 103 | #containter .tourBox a.sky4{ 104 | background: #eee url(../image/icon1.png) no-repeat 5px center; 105 | } 106 | 107 | /*list区*/ 108 | #containter .infor{ 109 | background-color: #eee; 110 | height: 45px; 111 | } 112 | #containter ul{ 113 | list-style: none; 114 | 115 | } 116 | #containter a{ 117 | text-decoration: none; 118 | } 119 | #containter .left{ 120 | display: inline-block; 121 | float: left; 122 | } 123 | #containter .right{ 124 | display: inline-block; 125 | float: right; 126 | } 127 | #containter .left li{ 128 | display: inline-block; 129 | width: 150px; 130 | height: 43px; 131 | line-height: 43px; 132 | text-align: center; 133 | color:#666; 134 | } 135 | #containter .left li a{ 136 | display: block; 137 | color:#666; 138 | } 139 | #containter .left li:first-child{ 140 | background-color: #fff; 141 | border-top:2px solid #458b00 ; 142 | position: relative; 143 | left: 1px; 144 | 145 | } 146 | #containter .right li{ 147 | display: inline-block; 148 | width: 60px; 149 | height: 45px; 150 | line-height: 45px; 151 | text-align: center; 152 | } 153 | #containter .right li a{ 154 | color:#666; 155 | padding:3px 8px ; 156 | } 157 | #containter .right li a.checked,#containter .right li a:hover{ 158 | background-color:#458b00; 159 | color:#000; 160 | } 161 | #containter .content{ 162 | width: 898px; 163 | height: 230px; 164 | border:1px solid #eee; 165 | margin:20px 0 0 0; 166 | position: relative; 167 | } 168 | #containter .content footer{ 169 | width: 518px; 170 | height: 30px; 171 | position: absolute; 172 | bottom: 0; 173 | line-height: 30px; 174 | text-indent: 25px; 175 | background-color: #fafafa; 176 | letter-spacing: 1px; 177 | } 178 | #containter .content time{ 179 | color: #458b00; 180 | } 181 | #containter .content img{ 182 | float: left; 183 | } 184 | #containter .content figcaption{ 185 | float: right; 186 | width:518px; 187 | height: 230px; 188 | } 189 | #containter .content hgroup{ 190 | width: 300px; 191 | } 192 | #containter .content h2{ 193 | padding:10px 0 10px 20px; 194 | font-size: 24px; 195 | font-weight: normal; 196 | color: #333; 197 | } 198 | #containter .content h3{ 199 | line-height: 1.5; 200 | padding:10px 0 10px 25px; 201 | } 202 | #containter .content ul{ 203 | padding:0 0 0 25px; 204 | color: #666; 205 | line-height:1.5; 206 | } 207 | #containter .content mark{ 208 | background-color: #fff; 209 | border:1px solid #458b00; 210 | border-radius:4px; 211 | padding:0 5px; 212 | } 213 | #containter .content .buy{ 214 | position: absolute; 215 | right: 30px; 216 | top:55px; 217 | } 218 | #containter .buy .price{ 219 | font-size: 20px; 220 | color:#f60; 221 | } 222 | #containter .buy .price strong{ 223 | font-size: 36px; 224 | } 225 | #containter .buy .price s{ 226 | color:#999; 227 | font-size: 16px; 228 | } 229 | #containter .buy .now{ 230 | margin:10px 0 0 0; 231 | } 232 | #containter .buy .now a{ 233 | display: block; 234 | width: 152px; 235 | height: 40px; 236 | line-height: 40px; 237 | background-color: #f60; 238 | color:#fff; 239 | font-size: 20px; 240 | text-align:center; 241 | border-radius: 4px; 242 | } 243 | #containter .content .type{ 244 | width:90px; 245 | height:25px; 246 | line-height: 25px; 247 | font-size: 14px; 248 | text-align: center; 249 | color: #fff; 250 | position: absolute; 251 | top:0; 252 | left: 0; 253 | background: #29b200; 254 | } 255 | #containter .content .desc{ 256 | position: absolute; 257 | top:0; 258 | right: 0; 259 | background-color: #ccc; 260 | width: 50px; 261 | height:25px; 262 | line-height: 25px; 263 | text-align: center; 264 | color: #f60; 265 | font-weight:bold; 266 | } 267 | #containter .list .more a{ 268 | color: #000; 269 | } 270 | #containter .list .more{ 271 | width:200px; 272 | height: 40px; 273 | border-radius: 4px; 274 | border: 1px solid #000; 275 | line-height: 40px; 276 | text-align: center; 277 | margin: 30px auto; 278 | } 279 | #containter .list .more:hover{ 280 | background-color: #fafafa; 281 | } -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | /*旅行区*/ 5 | 6 | #tour{ 7 | width:1263px; 8 | height:1130px; 9 | margin:30px auto; 10 | } 11 | #tour .center{ 12 | text-align: center; 13 | } 14 | #tour .center h2{ 15 | font-size: 45px; 16 | letter-spacing: 2px; 17 | color:#666; 18 | margin:10px 0; 19 | } 20 | #tour .center p{ 21 | color:#666; 22 | margin:10px 0; 23 | } 24 | 25 | /*图片介绍区*/ 26 | #tour figure{ 27 | display: inline-block; 28 | width: 380px; 29 | border:1px solid #ddd; 30 | border-radius:4px; 31 | margin:15px 12px; 32 | padding:4px; 33 | position: relative; 34 | } 35 | #tour figure img{ 36 | /*去掉图片与容器间的缝隙，具体为啥能去掉不知道*/ 37 | vertical-align: middle; 38 | } 39 | #tour figcaption{ 40 | color:#777; 41 | font-size: 14px; 42 | padding:7px 0 5px 0; 43 | letter-spacing: 1px; 44 | } 45 | #tour .title{ 46 | color:#333; 47 | font-style: normal; 48 | } 49 | #tour .sat{ 50 | float: right; 51 | color:#999; 52 | font-style: normal; 53 | font-size: 14px; 54 | } 55 | #tour .price{ 56 | color:#f60; 57 | } 58 | #tour .price strong{ 59 | font-size: 20px; 60 | letter-spacing:1px; 61 | } 62 | #tour .type{ 63 | display: inline-block; 64 | width: 90px; 65 | height: 25px; 66 | line-height: 25px; 67 | font-style: normal; 68 | background-color:#59b200; 69 | letter-spacing: 1px; 70 | text-align: center; 71 | color:#fff; 72 | position: absolute; 73 | top:4px; 74 | left: 4px; 75 | } 76 | 77 | -------------------------------------------------------------------------------- /image/icon1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/image/icon1.png -------------------------------------------------------------------------------- /image/information.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/image/information.jpg -------------------------------------------------------------------------------- /image/logo.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/image/logo.jpg -------------------------------------------------------------------------------- /image/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/image/logo.png -------------------------------------------------------------------------------- /image/search.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/image/search.jpg -------------------------------------------------------------------------------- /image/sidebar1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/image/sidebar1.jpg -------------------------------------------------------------------------------- /image/sidebar10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/image/sidebar10.jpg -------------------------------------------------------------------------------- /image/sidebar2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/image/sidebar2.jpg -------------------------------------------------------------------------------- /image/sidebar3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/image/sidebar3.jpg -------------------------------------------------------------------------------- /image/sidebar4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/image/sidebar4.jpg -------------------------------------------------------------------------------- /image/sidebar5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/image/sidebar5.jpg -------------------------------------------------------------------------------- /image/sidebar6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/image/sidebar6.jpg -------------------------------------------------------------------------------- /image/sidebar7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/image/sidebar7.jpg -------------------------------------------------------------------------------- /image/sidebar8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/image/sidebar8.jpg -------------------------------------------------------------------------------- /image/sidebar9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/image/sidebar9.jpg -------------------------------------------------------------------------------- /image/tour1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/image/tour1.jpg -------------------------------------------------------------------------------- /image/tour10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/image/tour10.jpg -------------------------------------------------------------------------------- /image/tour2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/image/tour2.jpg -------------------------------------------------------------------------------- /image/tour3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/image/tour3.jpg -------------------------------------------------------------------------------- /image/tour4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/image/tour4.jpg -------------------------------------------------------------------------------- /image/tour5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/image/tour5.jpg -------------------------------------------------------------------------------- /image/tour6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/image/tour6.jpg -------------------------------------------------------------------------------- /image/tour7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/image/tour7.jpg -------------------------------------------------------------------------------- /image/tour8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/image/tour8.jpg -------------------------------------------------------------------------------- /image/tour9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/YMBo/tour/c3fe8520433ac4939273ff1d719e7a2ebdba811e/image/tour9.jpg -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 蜘蛛旅行社 7 | 8 | 9 | 10 | 11 | 12 | 28 | 51 | 52 | 53 |
54 |
55 |

热门旅游

56 |

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

57 |
58 |
59 | 曼谷-芭</a>提雅6日游 60 |
<曼谷-芭提雅6日游>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费卷
61 |
62 | ¥ 2865 起 63 | 满意度77% 64 |
65 |
66 | 国内长线 67 |
68 |
69 | 70 |
71 | 美国 72 |
<美国6日游>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费卷
73 |
74 | ¥ 2865 起 75 | 满意度77% 76 |
77 |
78 | 国际长线 79 |
80 |
81 | 82 |
83 | 瑞典 84 |
<瑞典6日游>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费卷
85 |
86 | ¥ 2865 起 87 | 满意度77% 88 |
89 |
90 | 国内长线 91 |
92 |
93 | 94 |
95 | 曼谷 96 |
<曼谷6日游>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费卷
97 |
98 | ¥ 2865 起 99 | 满意度77% 100 |
101 |
102 | 国内长线 103 |
104 |
105 | 106 |
107 | 韩国 108 |
<韩国6日游>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费卷
109 |
110 | ¥ 2865 起 111 | 满意度77% 112 |
113 |
114 | 国内长线 115 |
116 |
117 | 118 |
119 | 日本 120 |
<日本6日游>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费卷
121 |
122 | ¥ 2865 起 123 | 满意度77% 124 |
125 |
126 | 国内长线 127 |
128 |
129 | 130 |
131 | 西班牙 132 |
<西班牙6日游>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费卷
133 |
134 | ¥ 2865 起 135 | 满意度77% 136 |
137 |
138 | 国内长线 139 |
140 |
141 | 142 |
143 | 泰国 144 |
<泰国6日游>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费卷
145 |
146 | ¥ 2865 起 147 | 满意度77% 148 |
149 |
150 | 国内长线 151 |
152 |
153 | 154 |
155 | 北京 156 |
<北京6日游>包团特惠，超丰富景点，升级1晚国五，无自费，更赠送600元/成人自费卷
157 |
158 | ¥ 2865 起 159 | 满意度77% 160 |
161 |
162 | 国内长线 163 |
164 |
165 | 166 |
167 | 204 | 205 | -------------------------------------------------------------------------------- /information.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 蜘蛛旅行社 7 | 8 | 9 | 10 | 11 | 27 |
28 |
29 |
30 |

旅游咨询

31 |

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

32 |
33 |
34 |
35 |
36 | 117 |
118 |
119 | 123 | 128 |
129 | 130 |
131 |
132 | 133 |
134 |
135 |
136 |

曼谷、芭提雅6日游

137 |

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

138 |
139 |
140 |
141 |
    142 |
  • 交通:春秋航空、现在出发、无须转机
    • 143 |
  • 团期:2016-5-5
    • 144 |
145 |
146 |
147 |
¥2680 ¥3302
148 |
立即抢购
149 |
150 |
国内长线
151 |
4.7折
152 |
153 | 活动截止时间 154 |
155 |
156 |
157 |
158 | 159 |
160 |
161 |
162 |

曼谷、芭提雅6日游

163 |

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

164 |
165 |
166 |
167 |
    168 |
  • 交通:春秋航空、现在出发、无须转机
    • 169 |
  • 团期:2016-5-5
    • 170 |
171 |
172 |
173 |
¥2680 ¥3302
174 |
立即抢购
175 |
176 |
国内长线
177 |
4.7折
178 |
179 | 活动截止时间 180 |
181 |
182 |
183 |
184 | 185 |
186 |
187 |
188 |

曼谷、芭提雅6日游

189 |

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

190 |
191 |
192 |
193 |
    194 |
  • 交通:春秋航空、现在出发、无须转机
    • 195 |
  • 团期:2016-5-5
    • 196 |
197 |
198 |
199 |
¥2680 ¥3302
200 |
立即抢购
201 |
202 |
国内长线
203 |
4.7折
204 |
205 | 活动截止时间 206 |
207 |
208 |
209 |
210 | 211 |
212 |
213 |
214 |

曼谷、芭提雅6日游

215 |

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

216 |
217 |
218 |
219 |
    220 |
  • 交通:春秋航空、现在出发、无须转机
    • 221 |
  • 团期:2016-5-5
    • 222 |
223 |
224 |
225 |
¥2680 ¥3302
226 |
立即抢购
227 |
228 |
国内长线
229 |
4.7折
230 |
231 | 活动截止时间 232 |
233 |
234 |
235 | 236 |
237 |
加载更多...
238 |
239 | 240 |
241 | 278 | 279 | -------------------------------------------------------------------------------- /scenery.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 蜘蛛旅行社 7 | 8 | 9 | 10 | 11 | 27 |
28 |
29 |
30 |

旅游咨询

31 |

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

32 |
33 |
34 |
35 |
36 | 117 |
118 |

风景欣赏

119 |
120 |
121 |
122 | 曼谷-芭提雅6日游 123 |
曼谷-芭提雅（共8张）
124 |
125 |
126 | 曼谷-芭提雅6日游 127 |
曼谷-芭提雅（共8张）
128 |
129 |
130 | 曼谷-芭提雅6日游 131 |
曼谷-芭提雅（共8张）
132 |
133 |
134 | 曼谷-芭提雅6日游 135 |
曼谷-芭提雅（共8张）
136 |
137 |
138 | 曼谷-芭提雅6日游 139 |
曼谷-芭提雅（共8张）
140 |
141 |
142 | 曼谷-芭提雅6日游 143 |
曼谷-芭提雅（共8张）
144 |
145 |
146 | 曼谷-芭提雅6日游 147 |
曼谷-芭提雅（共8张）
148 |
149 |
150 | 曼谷-芭提雅6日游 151 |
曼谷-芭提雅（共8张）
152 |
153 |
154 |
加载更多...
155 |
156 |
157 | 194 | 195 | --------------------------------------------------------------------------------