<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>携程H5首页</title>
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/index.css" />
<style>
body {
margin: 0 auto;
}
</style>
</head>
<body>
<!-- one -->
<div id="search-box" class="search-index search-index-fixed" style="top: 0px;">
<div class="search-index-box">
<span>搜索:目的地/酒店/景点/航班号</span>
</div>
<a id="HOMEPAGE_TO_MYCTRIP" class="notice-myctrip">
<span>我 的</span>
</a>
</div>
<header class="jsmodule" id="js_module">
<div>
<div class="img"></div>
<div class="mg-1">
<span class="mg-2">广告</span>
</div>
</div>
<svg viewBox="0 0 750 50" class="img_wrap_mask">
<g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<path class="img_mask_svgPath"
d="M750,1.70530257e-13 L750,50 L0,50 L0,1.70530257e-13 C107.666667,33.3333333 232.666667,50 375,50 C517.333333,50 642.333333,33.3333333 750,1.70530257e-13 Z">
</path>
</g>
</svg>
</header>
<!-- two -->
<ul class="local-nav">
<li>
<a><span class="icon-local"></span> <span>攻略·景点</span></a>
</li>
<li>
<a><span class="icon-local icon-local-around"></span>
<span>门票·玩乐</span></a>
</li>
<li>
<a><span class="icon-local icon-local-food"></span>
<span>美食林</span></a>
</li>
<li>
<a><span class="icon-local icon-local-oneday"></span>
<span>周边游</span></a>
</li>
<li>
<a><span class="icon-local icon-local-strategy"></span>
<span>一日游</span></a>
</li>
</ul>
<!-- three -->
<div id="nav" class="nav-entry grid-nav">
<div class="grid-nav-common grid-nav-hotel">
<a id="c_hotel" class="grid-nav-items grid-nav-items-hotel" href="#">
<span>酒店</span>
</a>
<a id="c_hotel_inn" class="grid-nav-items grid-nav-items-minsu" href="#">
<span>民宿·客栈</span>
</a>
<a id="c_package_b" class="grid-nav-items grid-nav-items-jhj" href="#">
<span class="grid-nav-jhj">
<span class="grid-nav-jhj-text">机票/火车票+酒店
<span class="grid-nav-item-tag">方便又便宜</span>
</span>
</span>
</a>
</div>
<div class="grid-nav-common grid-nav-flight">
<a id="c_flight" class="grid-nav-items grid-nav-items-flight" href="#"><span>机票</span></a>
<a id="c_train_ticket" class="grid-nav-items grid-nav-items-train" href="#"><span>火车票</span></a>
<a id="c_bus_ticket" class="grid-nav-items" href="#"><span>汽车·船票</span></a>
<a id="c_car" class="grid-nav-items" href="#"><span>专车·租车</span></a>
</div>
<div class="grid-nav-common grid-nav-travel">
<a id="c_vacation" class="grid-nav-items grid-nav-items-travel" href="#"><span>旅游</span></a>
<a id="c_crh_travel" class="grid-nav-items grid-nav-items-dingzhi" href="#"><span>高铁游</span></a>
<a id="c_cruise" class="grid-nav-items" href="#"><span>邮轮游</span></a>
<a id="c_custom" class="grid-nav-items" href="#"><span>定制游</span></a>
</div>
</div>
<!-- fore -->
<ul class="subnav-entry">
<li>
<a href="#"><span class="subnav-icon subnav-icon-travel"></span>
<span>自由行</span></a>
</li>
<li>
<a href="#"><span class="subnav-icon subnav-icon-wifi"></span>
<span>WiFi电话卡</span></a>
</li>
<li>
<a href="#"><span class="subnav-icon subnav-icon-insurance"></span>
<span>保险·签证</span></a>
</li>
<li>
<a href="#"><span class="subnav-icon subnav-icon-shopping"></span>
<span>换钞·购物</span></a>
</li>
<li>
<a href="#"><span class="subnav-icon subnav-icon-guide"></span>
<span>当地向导</span></a>
</li>
<li>
<a href="#"><span class="subnav-icon subnav-icon-flight"></span>
<span>特价机票</span></a>
</li>
<li>
<a href="#"><span class="subnav-icon subnav-icon-card"></span>
<span>礼品卡</span></a>
</li>
<li>
<a href="#"><span class="subnav-icon subnav-icon-creditCard"></span>
<span>申卡·借钱</span></a>
</li>
<li>
<a href="#"><span class="subnav-icon subnav-icon-photograph"><span class="subnav-new-tag">NEW</span></span>
<span>旅拍</span></a>
</li>
<li>
<a href="#"><span class="subnav-icon subnav-icon-more"></span>
<span>更多</span></a>
</li>
</ul>
<!-- five -->
<div class="sales-box sales-huodong" id="js-activity-wrapper">
<div class="sales-hd">
<h2 class="title title-huodong">热门活动<i class="icon-gg"></i></h2>
<a class="button-gradient">获取更多福利</a>
</div>
<div id="js-activity-list">
<div class="sales-bd">
<div class="row">
<div class="col col-50 js-activity-item-one" id="js-activity-btn1">
<div class="img-one">
<div class="img-two img1"></div>
</div>
<div class="gg-one">
<span class="gg-two">广告</span>
</div>
</div>
<div class="col col-50 js-activity-item-one" id="js-activity-btn2">
<div class="img-one">
<div class="img-two img2"></div>
</div>
<div class="gg-one">
<span class="gg-two">广告</span>
</div>
</div>
</div>
<div class="row">
<div class="col col-50 js-activity-item" id="js-activity-btn3">
<div class="img-one">
<div class="img-three img3"></div>
</div>
<div class="gg-one">
<span class="gg-two">广告</span>
</div>
</div>
<div class="col col-50 js-activity-item" id="js-activity-btn4">
<div class="img-one">
<div class="img-three img4"></div>
</div>
<div class="gg-one">
<span class="gg-two">广告</span>
</div>
</div>
</div>
<div class="row">
<div class="col col-50 js-activity-item" id="js-activity-btn5">
<div class="img-one">
<div class="img-three img5"></div>
</div>
<div class="gg-one">
<span class="gg-two">广告</span>
</div>
</div>
<div class="col col-50 js-activity-item" id="js-activity-btn6">
<div class="img-one">
<div class="img-three img6"></div>
</div>
<div class="gg-one">
<span class="gg-two">广告</span>
</div>
</div>
</div>
<div style="display: none;" id="js-activity-btn_more"></div>
</div>
</div>
<div id="js_load_hot" class="loadImg-layer-box" style="display: none;">
<i class="i-loading-imgVal"></i>
</div>
</div>
<!-- footer -->
<footer class="tool-box">
<div class="tool-cn">
<a id="c_callcenter" href="#" class="tool-cn-link">
<svg viewBox="0 0 256 256">
<path
d="M50.879 37.219a13.62 13.62 0 0 0-2.987.331c-7.23 1.627-11.754 8.724-10.104 15.852 8.524 36.834 31.178 72.785 68.183 107.85 35.42 33.564 67.812 52.591 96.958 57.351.726.118 1.46.178 2.195.178 7.416 0 13.428-5.927 13.428-13.238v-34.41c0-6.011-4.45-11.123-10.477-12.036l-13.606-2.061c-.6-.091-1.213.02-1.74.317l-13.801 7.768c-12.6 7.092-28.335 5.762-39.526-3.34a300.778 300.778 0 0 1-23.277-21.034c-8.074-8.102-15.49
评论0