1 <!DOCTYPE html> 2 <html> 3 4 <head> 5 <meta charset="utf-8" /> 6 <title>京东</title> 7 <link rel="stylesheet" href="css/style.css" /> 8 </head> 9 10 <body> 11 <div id="div_left"> 12 <div class="r_2"> 13 <a href="#C1" style="color:white;font-size: 13px;">享品质</a> 14 </div> 15 <div class="r_2"> 16 <a href="#C2" style="color:white;font-size: 13px;">爱生活</a> 17 </div> 18 <div class="r_2"> 19 <a href="#" style="color:white;font-size: 13px;">3</a> 20 </div> 21 <div class="r_2" style="color:white;font-size: 13px;"> 22 <a href="#">4</a> 23 </div> 24 <div class="r_2" style="color:white;font-size: 13px;"> 25 <a href="#">5</a> 26 </div> 27 <div class="r_2" style="color:white;font-size: 13px;"> 28 <a href="#">6</a> 29 </div> 30 <div class="r_1" style="color:white;font-size: 13px;"> 31 <a href="#">顶部</a> 32 </div> 33 </div> 34 <div id="div_right"> 35 <div id="div_right_bagck"></div> 36 <div id="div_right_1"> 37 <div class="r_1"> 38 <a href="#" style="font-size: 14px;">回到顶部</a> 39 </div> 40 <div class="r_2"> 41 <a href="#" style="font-size: 14px;">反馈</a> 42 </div> 43 <div class="r_3"> 44 <a href="#" style="font-size: 14px;">有奖问答</a> 45 </div> 46 </div> 47 <div id="r_4"> 48 <a href="#">VIP</a> 49 </div> 50 <div id="r_5"> 51 <a href="#">购物车</a> 52 </div> 53 <div id="r_6"> 54 <a href="#">关注♡</a> 55 </div> 56 <div id="r_7"> 57 <a href="#">足迹</a> 58 </div> 59 <div id="r_8"> 60 <a href="#">消息</a> 61 </div> 62 <div id="r_9"> 63 <a href="#">咨询</a> 64 </div> 65 </div> 66 <header id="top"> 67 <div id="top_box"> 68 <div class="rt"> 69 <ul> 70 <li class="addr"> 71 <img src="img/ad.png" height="21px"/> 72 <a href="#">北京</a> 73 </li> 74 <li> 75 <a href="#">你好，请登录</a> 76 <a href="#">免费注册</a> 77 </li> 78 <li> 79 <b></b> 80 <a href="#">我的订单</a> 81 </li> 82 <li> 83 <b></b> 84 <a href="#">我的京东</a> 85 </li> 86 <li class="vip"> 87 <b></b> 88 <a href="#">京东会员</a> 89 </li> 90 <li> 91 <b></b> 92 <a href="#">企业采购</a> 93 </li> 94 <li class="service"> 95 <b></b> 96 <a href="#">客户服务</a> 97 <!-- 弹出的子菜单--> 98 <ul id="service_items"> 99 <li>客户</li> 100 <br /> 101 <li> 102 <a href="#">帮助中心</a> 103 </li> 104 <li> 105 <a href="#">售后服务</a> 106 </li> 107 <li> 108 <a href="#">在线客服</a> 109 </li> 110 <li> 111 <a href="#">意见建议</a> 112 </li> 113 <li> 114 <a href="#">电话客服</a> 115 </li> 116 <li> 117 <a href="#">客服邮箱</a> 118 </li> 119 <li> 120 <a href="#">金融咨询</a> 121 </li> 122 <li> 123 <a href="#">售全球客服</a> 124 </li> 125 <li>商户</li> 126 <li> 127 <a href="#">合作招商</a> 128 </li> 129 <li> 130 <a href="#">京东商学院</a> 131 </li> 132 <li> 133 <a href="#">商家后台</a> 134 </li> 135 <li> 136 <a href="#">京麦工作台</a> 137 </li> 138 <li> 139 <a href="#">商家帮助</a> 140 </li> 141 <li> 142 <a href="#">规则平台</a> 143 </li> 144 </ul> 145 </li> 146 <li> 147 <b></b> 148 <a href="#">网站导航</a> 149 </li> 150 <li class="app_jd"> 151 <b></b> 152 <a href="#">手机京东</a> 153 <ul id="qr"> 154 <li> 155 <img src="app_jd_erwei.jpg" height="60px" /> 156 </li> 157 </ul> 158 </li> 159 </ul> 160 </div> 161 </div> 162 </header> 163 164 <div class="body1"> 165 <div class="search"> 166 <div class="search_left_1"> 167 168 </div> 169 <div class="search_left"> 170 <a href="#"> 171 <img src="logo.v2.png" /> 172 </a> 173 </div> 174 <div class="search_right"> 175 <div> 176 <input id="txtSearch" class="text" /> 177 <input type="button" class="button" value="搜索" /> 178 <input type="button" class="mycart" value="我的购物车" /> 179 </div> 180 <div class="hot_words"> 181 <a href="#">疯狂11号</a> 182 <a href="#">满7减6</a> 183 <a href="#">1元试新</a> 184 <a href="#">最新型动派</a> 185 <a href="#">领券减500</a> 186 <a href="#">帽子</a> 187 <a href="#">玩具车</a> 188 <a href="#">两件七折</a> 189 <a href="#">无线路由器</a> 190 </div> 191 192 <ul id="nav_items"> 193 <li> 194 <a href="#">秒杀</a> 195 </li> 196 <li> 197 <a href="#">优惠券</a> 198 </li> 199 <li> 200 <a href="#">闪购</a> 201 </li> 202 <li> 203 <a href="#">拍卖</a> 204 </li> 205 <li> 206 <a href="#">服装城</a> 207 </li> 208 <li> 209 <a href="#">京东超市</a> 210 </li> 211 <li> 212 <a href="#">生鲜</a> 213 </li> 214 <li> 215 <a href="#">全球购</a> 216 </li> 217 <li> 218 <a href="#">京东金融</a> 219 </li> 220 </ul> 221 <div class="rt"> 222 <img src="fp.jpg" height="45px" /> 223 </div> 224 </div> 225 <div class="menu"> 226 <ul id="cate_box"> 227 <li> 228 <h3> 229 <a href="#">家用电器</a> 230 </h3> 231 <ul class="b"> 232 233 <li> 234 <div class="sub_cate_box"> 235 <!-- 子分类内容 --> 236 <div class="sub_cate_items"> 237 <div> 238 <p> 239 <a href="#">电视 ></a> 240 <a href="#">曲面电视</a> 241 <a href="#">超薄电视</a> 242 <a href="#">55寸</a> 243 </p> 244 </div> 245 <div> 246 <p> 247 <a href="#">空调 ></a> 248 <a href="#">壁挂式空调</a> 249 <a href="#">柜式空调</a> 250 </p> 251 </div> 252 </div> 253 </div> 254 </li> 255 256 </ul> 257 </li> 258 <li> 259 <h3> 260 <a href="#">手机/运营商/数码</a> 261 </h3> 262 <ul class="b"> 263 264 <li> 265 <div class="sub_cate_box"> 266 <!-- 子分类内容 --> 267 <div class="sub_cate_items"> 268 <div> 269 <p> 270 <a href="#">手机通讯 ></a> 271 <a href="#">手机</a> 272 <a href="#">对讲机</a> 273 </p> 274 </div> 275 <div> 276 <p> 277 <a href="#">运营商 ></a> 278 <a href="#">合约机</a> 279 <a href="#">选号码</a> 280 </p> 281 </div> 282 </div> 283 </div> 284 </li> 285 286 </ul> 287 </li> 288 </ul> 289 </div> 290 291 <div class="menuitem"> 292 <div class="menuitem_left"> 293 <div class="ad"> 294 <a href="#"><img src="jd1.jpg" width="700px" height="300px" /></a> 295 </div> 296 <div class="appliances"> 297 <a href="#"><img src="jd2.jpg" width="345px" height="170px" /></a> 298 </div> 299 <div class="design"> 300 <a href="#"><img src="jd3.jpg" width="345px" height="170px" /></a> 301 </div> 302 </div> 303 <div class="menuitem_right"> 304 <p>Hi，欢迎来到京东！</p> 305 <a href="#">登陆</a> 306 <a href="#">注册</a> 307 <div> 308 <input type="button" style="color: red; background: #FFFFFF; border-color: red;" name="reg" id="reg" value="新人福利" /> 309 <input type="button" style="color: red; background: #FFFFFF; border-color: red;" name="vip" id="vip" value="PLUS会员" /> 310 </div> 311 312 </div> 313 </div> 314 <div class="cheap"> 315 <div class="cheap_top"> 316 <h2>京东秒杀</h2> 317 </div> 318 </div> 319 <div class="haohuo"> 320 <div class="haohuo_top"> 321 <h2>发现好货</h2> 322 </div> 323 </div> 324 <div class="huimai"> 325 <div class="huimai_top"> 326 <h2>会买专辑</h2> 327 </div> 328 </div> 329 <div class="ranking"> 330 <div class="ranking_top"> 331 <h2>排行榜</h2> 332 </div> 333 </div> 334 <div class="ticket"> 335 <div class="ticket_top"> 336 <h2>领券中心</h2> 337 </div> 338 </div> 339 <div class="explore"> 340 <div class="explore_top"> 341 <h2>觅me</h2> 342 </div> 343 </div> 344 </div> 345 </div> 346 <div class="split"> 347 <img src="fenge1.jpg" width="33.3%" style="float: left;" /> 348 <img src="fenge2.jpg" width="33.3%" /> 349 <img src="fenge.jpg" width="33.3%" style="float: right;" /> 350 </div> 351 <div class="body2"> 352 <!--<a href="#C1">享品质</a>--> 353 <p style="font-size: 35px;"> 354 <a name="C1">. . . . . . . . . . . . . . . . . . . . . . . . . . 享品质 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . </a> 355 </p> 356 <div class="cheap"> 357 <div class="cheap_top"> 358 <h2>京东秒杀</h2> 359 </div> 360 </div> 361 <div class="haohuo"> 362 <div class="haohuo_top"> 363 <h2>发现好货</h2> 364 </div> 365 </div> 366 <div class="huimai"> 367 <div class="huimai_top"> 368 <h2>会买专辑</h2> 369 </div> 370 </div> 371 <div class="ranking"> 372 <div class="ranking_top"> 373 <h2>排行榜</h2> 374 </div> 375 </div> 376 <div class="ticket"> 377 <div class="ticket_top"> 378 <h2>领券中心</h2> 379 </div> 380 </div> 381 <div class="explore"> 382 <div class="explore_top"> 383 <h2>觅me</h2> 384 </div> 385 </div> 386 </div> 387 <div class="split"> 388 <img src="fenge1.jpg" width="33.3%" style="float: left;" /> 389 <img src="fenge2.jpg" width="33.3%" /> 390 <img src="fenge.jpg" width="33.3%" style="float: right;" /> 391 </div> 392 <div class="body2"> 393 <!--<a href="#C2">爱生活</a>--> 394 <p style="font-size: 35px;"> 395 <a name="C2">. . . . . . . . . . . . . . . . . . . . . . . . . . 爱生活 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . </a> 396 </p> 397 <div class="cheap"> 398 <div class="cheap_top"> 399 <h2>京东秒杀</h2> 400 </div> 401 </div> 402 <div class="haohuo"> 403 <div class="haohuo_top"> 404 <h2>发现好货</h2> 405 </div> 406 </div> 407 <div class="huimai"> 408 <div class="huimai_top"> 409 <h2>会买专辑</h2> 410 </div> 411 </div> 412 <div class="ranking"> 413 <div class="ranking_top"> 414 <h2>排行榜</h2> 415 </div> 416 </div> 417 <div class="ticket"> 418 <div class="ticket_top"> 419 <h2>领券中心</h2> 420 </div> 421 </div> 422 <div class="explore"> 423 <div class="explore_top"> 424 <h2>觅me</h2> 425 </div> 426 </div> 427 </div> 428 <div id="footer"> 429 <div id="footer_1"> 430 <pre style="color: black;font-size: 23px;text-align: center; line-height: 90px;"><b>品类齐全，轻松购物 多仓直发，极速配送 正品好货，精致服务 天天低价，畅选无忧</b></pre> 431 </div> 432 <div id="footer_2"> 433 <div class="footer_2_1"> 434 <ul> 435 <li> 436 <b><a href="#"><b>购物指南</a></b></b> 437 </li> 438 <li><a href="#">购物流程</a></li> 439 <li><a href="#">会员介绍</a></li> 440 <li><a href="#">生活旅行</a></li> 441 <li><a href="#">常见问题</a></li> 442 <li><a href="#">大家电</a></li> 443 <li><a href="#">联系客服</a></li> 444 </ul> 445 </div> 446 <div class="footer_2_2"> 447 <ul> 448 <li> 449 <b><a href="#"><b>配送方式</b></a></b> 450 </li> 451 <li><a href="#">上门自提</a></li> 452 <li><a href="#">211限时达</a></li> 453 <li><a href="#">配送服务查询</a></li> 454 <li><a href="#">配送费收取标准</a></li> 455 <li><a href="#">海外配送</a></li> 456 </ul> 457 </div> 458 <div class="footer_2_2"> 459 <ul> 460 <li> 461 <a href="#"><b>支付方式</b></a> 462 </li> 463 <li><a href="#">货到付款</a></li> 464 <li><a href="#">在线支付</a></li> 465 <li><a href="#">分期付款</a></li> 466 <li><a href="#">邮局汇款</a></li> 467 <li><a href="#">公司转账</a></li> 468 </ul> 469 </div> 470 <div class="footer_2_2"> 471 <ul> 472 <li> 473 <a href="#"><b>售后服务</b></a> 474 </li> 475 <li><a href="#">售后政策</a></li> 476 <li><a href="#">价格保护</a></li> 477 <li><a href="#">退款说明</a></li> 478 <li><a href="#">返修/退换货</a></li> 479 <li><a href="#">取消订单</a></li> 480 </ul> 481 </div> 482 <div class="footer_2_2"> 483 <ul> 484 <li> 485 <a href="#"><b>特色服务</b></a> 486 </li> 487 <li><a href="#">夺宝岛</a></li> 488 <li><a href="#">DIY装机</a></li> 489 <li><a href="#">延保服务</a></li> 490 <li><a href="#">京东E卡</a></li> 491 <li><a href="#">京东通信</a></li> 492 <li><a href="#">京东JD+</a></li> 493 </ul> 494 </div> 495 <div class="footer_2_2"> 496 <ul> 497 <li><a href="#"><b>京东自营覆盖区县</b></a></li> 498 <li>京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</li> 499 <li><a href="#">查看详情</a></li> 500 </ul> 501 </div> 502 </div> 503 <div id="footer_3"> 504 <div> 505 <p style="text-align: center; font-size: 13px;"> 506 <a href="#" style="color: #666666;">关于我们</a> | 507 <a href="#" style="color: #666666;">联系我们</a> | 508 <a href="#" style="color: #666666;">联系客服</a> | 509 <a href="#" style="color: #666666;">合作招商</a> | 510 <a href="#" style="color: #666666;">商家帮助</a> | 511 <a href="#" style="color: #666666;">营销中心</a> | 512 <a href="#" style="color: #666666;">手机京东</a> | 513 <a href="#" style="color: #666666;">友情链接</a> | 514 <a href="#" style="color: #666666;">销售联盟</a> | 515 <a href="#" style="color: #666666;">京东社区</a> | 516 <a href="#" style="color: #666666;">风险监测</a> | 517 <a href="#" style="color: #666666;">隐私政策</a> | 518 <a href="#" style="color: #666666;">京东公益</a> | 519 <a href="#" style="color: #666666;">English Site</a> | 520 <a href="#" style="color: #666666;">Media & IR区</a> | 521 </p> 522 </div> 523 <div> 524 <p style="text-align: center; font-size: 12px;">京公网安备 11000002000088号|京ICP证070359号|互联网药品信息服务资格证编号(京)-经营性-2014-0008|新出发京零 字第大120007号</p> 525 <p style="text-align: center;font-size: 12px;">互联网出版许可证编号新出网证(京)字150号|出版物经营许可证|网络文化经营许可证京网文[2014]2148-348号|违法和不良信息举报电话：4006561155</p> 526 <p style="text-align: center;font-size: 12px;">Copyright © 2004 - 2017 京东JD.com 版权所有|消费者维权热线：4006067733 <a href="#" style="color: #666666;">经营证照</a></p> 527 <p style="text-align: center;font-size: 12px;">京东旗下网站：<a href="#" style="color: #666666;">京东支付</a>|<a href="#" style="color: #666666;">京东云</a></p> 528 </div> 529 <div> 530 <p style="text-align: center;"> 531 <a href="#"><img src="zhengshu1.jpg" height="32px" /></a> 532 <a href="#"><img src="zhengshu2.jpg" height="32px" /></a> 533 <a href="#"><img src="zhengshu3.jpg" height="32px" /></a> 534 <a href="#"><img src="zhengshu4.jpg" height="32px" /></a> 535 <a href="#"><img src="zhengshu5.jpg" height="32px" /></a> 536 <a href="#"><img src="zhengshu6.jpg" height="32px" /></a> 537 <a href="#"><img src="zhengshu7.jpg" height="32px" /></a> 538 </p> 539 </div> 540 </div> 541 </div> 542 </body> 543 544 <html/>
1 *{ 2 margin: 0px; 3 padding: 0px; 4 /*background-color:#EEEEEE;*/ 5 color:#666; 6 } 7 .rt{float:right;} 8 li:hover .b { 9 display: block; 10 } 11 .b { 12 display: none; 13 } 14 #div_right{ 15 width:40px; 16 height:100%; 17 position:fixed; 18 bottom:0; 19 right:0; 20 } 21 #div_left{ 22 width:40px; 23 height:65%; 24 position:fixed; 25 background-color: #FFFFFF; 26 bottom:100px; 27 left: 95px; 28 } 29 #div_right_bagck{ 30 width:6px; 31 height:100%; 32 background-color: #666666; 33 float: right; 34 } 35 #div_right_1{ 36 width:40px; 37 height:120px; 38 background-color: #FFFFFF; 39 position:fixed; 40 bottom:0; 41 right:0; 42 } 43 #r_4{ 44 width:40px; 45 height:40px; 46 background-color: #666666; 47 color: #FFFFFF; 48 position:fixed; 49 bottom:200px; 50 right:0; 51 } 52 #r_5{ 53 width:40px; 54 height:40px; 55 color: #FFFFFF; 56 background-color: #666666; 57 position:fixed; 58 bottom:241px; 59 right:0; 60 } 61 #r_6{ 62 width:40px; 63 height:40px; 64 color: #FFFFFF; 65 background-color: #666666; 66 position:fixed; 67 bottom:282px; 68 right:0; 69 } 70 #r_7{ 71 width:40px; 72 height:40px; 73 color: #FFFFFF; 74 background-color: #666666; 75 position:fixed; 76 bottom:323px; 77 right:0; 78 } 79 #r_8{ 80 width:40px; 81 height:40px; 82 color: #FFFFFF; 83 background-color: #666666; 84 position:fixed; 85 bottom:364px; 86 right:0; 87 } 88 #r_9{ 89 width:40px; 90 height:40px; 91 color: #FFFFFF; 92 background-color: #666666; 93 position:fixed; 94 bottom:405px; 95 right:0; 96 } 97 98 .r_1{ 99 width:40px; 100 height:40px; 101 color: #FFFFFF; 102 background-color: #666666; 103 float: right; 104 } 105 .r_2{ 106 width:40px; 107 height:40px; 108 margin: 1px 0; 109 color: #FFFFFF; 110 background-color: #666666; 111 float: right; 112 } 113 .r_3{ 114 width:40px; 115 height:40px; 116 color: #FFFFFF; 117 font-size: 15px; 118 background-color: red; 119 float: right; 120 } 121 122 #top{ 123 width:100%; 124 height:30px; 125 line-height:30px; 126 font-size: 13px; 127 background-color:gainsboro; 128 border-bottom:1px solid #eee; 129 } 130 #top_box{ 131 height:30px; 132 width:1100px; 133 margin:0px auto; 134 } 135 #top_box>a{ 136 float:left; 137 line-height:30px; 138 } 139 #top_box ul li{ 140 float:left; 141 text-align:center; 142 margin-right:10px; 143 position:relative; 144 z-index:1; 145 } 146 #top_box ul li b{ 147 border-left:1px solid #ddd; 148 padding-right:10px; 149 } 150 .addr{ 151 padding-right: 140px; 152 } 153 li.vip a{ 154 padding-left:10px; 155 } 156 #qr{ 157 position:absolute; 158 border-bottom:0px; 159 background-color:#fff; 160 height: 67px; 161 width: 67px; 162 z-index:1; 163 top:30px; 164 left:9px; 165 } 166 #qr li{ 167 padding-left:3px; 168 padding-right: 0px; 169 padding-top: 3px; 170 } 171 li.service>a{ 172 display:inline-block; 173 /* background-color:#fff;*/ 174 height:26px; 175 padding:0px 15px; 176 border:1px solid transparent; 177 } 178 179 /*top部分，"客户服务的弹出菜单"*/ 180 li:hover #service_items{ 181 display: block; 182 width: 150px; 183 position:absolute; 184 border:1px solid #ddd; 185 border-top:none; 186 background-color:#fff; 187 box-shadow:0 0 10px #ddd; 188 z-index:2; 189 top:27px; 190 left:6px; 191 } 192 #service_items{ 193 display: none; 194 padding-left:15px; 195 } 196 a{ 197 color:#666; 198 text-decoration:none; 199 } 200 a:hover{ 201 color:#ff0700; 202 } 203 /*p,ul,li,h1,h2,h3,h4,h5,h6,dl,dt,dd{ 204 margin:0px; 205 padding:0px; 206 border:none; 207 list-style:none; 208 }*/ 209 .body1{ 210 margin: 0px auto; 211 width: 75%; 212 height: 1600px; 213 background-color:#EEEEEE; 214 } 215 .search{ 216 width: 100%; 217 height: 140px; 218 background-color: brown; 219 220 } 221 .search_left{ 222 height: 170px; 223 width: auto; 224 background-color:#FFFFFF; 225 position:absolute; 226 right:1139px; 227 top:0px; 228 } 229 .search_left_1{ 230 width: 18%; 231 height: 140px; 232 background-color: #EEEEEE; 233 float: left; 234 } 235 .search_right{ 236 width: 82%; 237 height: 140px; 238 background-color:#EEEEEE; 239 float: left; 240 } 241 .menu{ 242 width: 16.5%; 243 height: 500px; 244 background-color:#666666; 245 margin-right: 5px; 246 float: left; 247 } 248 #cate_box{ 249 width: 16.6%; 250 height: 500px; 251 padding:15px 0px 3px 3px; 252 } 253 #cate_box li{ 254 height:25px; 255 width: 16.6%; 256 } 257 #cate_box li h3{ 258 margin:0px; 259 width:186px; 260 padding:0px; 261 padding-left:10px; 262 font-size:14px; 263 height:25px; 264 line-height:25px; 265 font-weight:400; 266 color: #FFFFFF; 267 } 268 #cate_box li h3>a{ 269 color: #FFFFFF;; 270 text-decoration:none; 271 } 272 #cate_box li h3:hover{ 273 background-color:#999999; 274 } 275 #cate_box{ 276 position:relative; 277 } 278 #cate_box h3:hover{ 279 position:relative; 280 z-index:80; 281 } 282 .sub_cate_box{ 283 width:930px; 284 height: 485px; 285 border:1px solid #ddd; 286 box-shadow:0 0 10px #ddd; 287 padding:5px; 288 background-color:#fff; 289 /*定位属性*/ 290 position:absolute; 291 top:2px; 292 left:198px; 293 z-index:50; 294 } 295 .menuitem{ 296 width: 83%; 297 height: 400px; 298 background-color: #EEEEEE; 299 float: right; 300 } 301 .menuitem_left{ 302 width: 74%; 303 height: 498px; 304 background-color: #EEEEEE; 305 float: left; 306 } 307 .menuitem_right{ 308 width: 24%; 309 height: 498px; 310 background-color:whitesmoke; 311 margin-left: 10px; 312 float: right; 313 } 314 .ad{ 315 width: 100%; 316 height: 60%; 317 background-color: darkmagenta; 318 margin-bottom: 12px; 319 } 320 .appliances{ 321 width: 49%; 322 height: 40%; 323 margin-right: 2px; 324 margin-bottom: 15px; 325 float: left; 326 } 327 .design{ 328 width: 49%; 329 height: 40%; 330 margin-bottom: 12px; 331 float: right; 332 } 333 .cheap{ 334 width: 100%; 335 height: 300px; 336 background-color: #F0F8FF; 337 margin: 18px 0; 338 float: right; 339 } 340 .haohuo{ 341 width: 31.7%; 342 height: 300px; 343 background-color:#F0F8FF; 344 margin-right: 12px; 345 float: left; 346 } 347 .huimai{ 348 width: 31.7%; 349 height: 300px; 350 background-color:#F0F8FF; 351 margin: 0 15px; 352 float: left; 353 } 354 .ranking{ 355 width: 31.7%; 356 height: 300px; 357 background-color: #F0F8FF; 358 margin: 0 0 12px 0; 359 float: right; 360 } 361 .ticket{ 362 width: 66%; 363 height: 300px; 364 background-color: #F0F8FF; 365 margin-top: 24px; 366 float:left; 367 } 368 .explore{ 369 width: 31.7%; 370 height: 300px; 371 background-color: #F0F8FF; 372 margin: 12px 0 12px 0; 373 float: right; 374 } 375 .split{ 376 width: 100%; 377 height: 130px; 378 margin-top: 35px; 379 margin-bottom: 35px; 380 background-color: black; 381 } 382 .body2{ 383 margin: 0px auto; 384 width: 75%; 385 height: 1015px; 386 background-color:#EEEEEE; 387 } 388 389 li {list-style:none;padding:0;margin:0} 390 /*.search{ 391 500px; 392 height:30px; 393 border:3px solid #e4393c; 394 background-color:#e4393c; 395 float: right; 396 }*/ 397 .text{ 398 width:450px; 399 padding:5px; 400 height:21px; 401 border: 1px solid #FF0700; 402 background-color:#fff; 403 line-height:20px; 404 color:#999; 405 margin-top: 32px; 406 margin-left: 120px; 407 margin-right: 0px; 408 padding-right: 0px; 409 } 410 input.button{ 411 width:50px; 412 background-color:#e4393c; 413 font-size:14px; 414 color:#fff; 415 height:35px; 416 line-height:27px; 417 font-weight:700; 418 margin-left: 0px; 419 } 420 .mycart{ 421 width:150px; 422 font-size:14px; 423 color:#E4393C; 424 height:35px; 425 line-height:115px; 426 font-weight:700; 427 margin-left: 40px; 428 } 429 .hot_words{ 430 color:#999; 431 height:10px; 432 width: 800px; 433 font-size: 11px; 434 margin-top: 2px; 435 margin-bottom: 0px; 436 margin-left: 130px; 437 line-height:10px; 438 } 439 .hot_words span,a{ 440 color:#999; 441 margin-right:3px; 442 } 443 #nav_items{ 444 float:left; 445 } 446 #nav_items li{ 447 float:left; 448 width:65px; 449 height:10px; 450 } 451 #nav_items li a{ 452 display:block; 453 width:85px; 454 height:10px; 455 text-align:center; 456 line-height:100px; 457 color:black; 458 font-weight:bold; 459 font-size:16px; 460 text-decoration:none; 461 } 462 #nav_items li a:hover{ 463 color: #E4393C; 464 } 465 .cheap_top{ 466 width: 100%; 467 height: 50px; 468 background-color:#FF0700; 469 } 470 .haohuo_top{ 471 width: 100%; 472 height: 50px; 473 background-color:#6495ED; 474 } 475 .huimai_top{ 476 width: 100%; 477 height: 50px; 478 background-color:#8B008B; 479 } 480 .ranking_top{ 481 width: 100%; 482 height: 50px; 483 background-color:#FF8C00; 484 } 485 .ticket_top{ 486 width: 100%; 487 height: 50px; 488 background-color:#A52A2A; 489 } 490 .explore_top{ 491 width: 100%; 492 height: 50px; 493 background-color:#6495ED; 494 } 495 #footer{ 496 width: 100%; 497 height: 400px; 498 margin-top: 50px; 499 background-color:gainsboro; 500 } 501 #footer_1{ 502 width: 100%; 503 height: 80px; 504 } 505 #footer_2{ 506 width: 100%; 507 height: 190px; 508 padding-bottom: 5px; 509 } 510 #footer_3{ 511 width: 100%; 512 height: 120px; 513 } 514 .footer_2_1{ 515 width: 160px; 516 height: 160px; 517 line-height: 21px; 518 margin-left: 220px; 519 margin-top: 20px; 520 font-size: 13px; 521 float: left; 522 } 523 524 .footer_2_2{ 525 width: 150px; 526 height: 160px; 527 margin-left: 30px; 528 line-height: 21px; 529 margin-top: 20px; 530 font-size: 13px; 531 float: left; 532 }
随便写的，我并不想做这个，，，，，
都写吐了