hk.trip.com
Open in
urlscan Pro
2600:1413:1::1734:abe0
Public Scan
URL:
https://hk.trip.com/sale/w/2348/wss-travelhub.html?allianceid=324048&edm_id=SIN-AWS-33981-10129102180-1707701508796....
Submission: On February 14 via api from SG — Scanned from SG
Submission: On February 14 via api from SG — Scanned from SG
Form analysis
1 forms found in the DOM<form autocomplete="off">
<div class="m-searchForm" style="height: 98px;">
<div class="m-searchForm__top-wrapper flex user-select">
<div class="m-searchForm__top flex f-14 color-main">
<div class="m-searchForm__flightType top-module-wrapper" tabindex="-1" data-testid="flightType_wrapper">
<div class="top-module flex" data-testid="flightType"><i class="fi-icon fi-icon_bu_flight"></i>
<div class="margin-lr5 text-ellipsis" data-testid="tripType">單程</div><i class="fi-icon fi-icon_descending" data-testid="tripType_dropDown"></i>
</div>
<div class="m-floating-layer" style="display: none; left: 0px;">
<div class="m-floating-layer-mask" data-testid="floatLayer_mask"></div>
<div class="m-floating-layer-header"><span class="m-floating-layer-header__close" data-testid="floatLayer_close"><i class="fi-icon fi-icon_close_line"></i></span><span class="m-floating-layer-header__title"></span></div>
<ul class="m-floating-layer-list">
<li class="m-floating-layer-item flex f-14 checked" data-testid="flightType_OW"><span>單程</span><i class="fi-icon fi-icon_hook_line ml-16"></i></li>
<li class="m-floating-layer-item flex f-14" data-testid="flightType_RT"><span>來回</span><i class="fi-icon fi-icon_hook_line ml-16"></i></li>
<li class="m-floating-layer-item flex f-14" data-testid="flightType_MT"><span>多個目的地</span><i class="fi-icon fi-icon_hook_line ml-16"></i></li>
</ul>
</div>
</div>
<div class="m-searchForm__passenger top-module-wrapper" tabindex="-1" data-testid="passenger_wrapper">
<div class="top-module flex" data-testid="passenger"><i class="fi-icon fi-icon_passenger"></i>
<div class="margin-lr5 text-ellipsis" data-testid="passenger_count"><span><span>1位成人</span></span></div><i class="fi-icon fi-icon_descending" data-testid="passenger_dropDown"></i>
</div>
<div class="m-floating-layer" style="display: none; left: 0px;">
<div class="m-floating-layer-mask" data-testid="floatLayer_mask"></div>
<div class="m-floating-layer-header"><span class="m-floating-layer-header__close" data-testid="floatLayer_close"><i class="fi-icon fi-icon_close_line"></i></span><span class="m-floating-layer-header__title">乘客</span><span
class="m-floating-layer-header__comfirm" data-testid="floatLayer_confirm">確認</span></div>
<div class="m-floating-layer-list">
<p class="f-14 color-sub">請選擇正確乘客人數以獲取最佳價格</p>
<ul class="stepper-wrapper">
<li class="psg-counter flex">
<div class="counter-label-wrapper"><span class="label f-14 color-main flex-row"><i class="fi-icon fi-icon_adult passenger_icon"></i>成人</span></div>
<div class="stepper-count-wrapper flex"><span class="stepper-minus disable" data-tip="" data-for="AdultCountminus" data-testid="AdultCount_minus" currentitem="false"><i class="fi-icon fi-icon_new_reduce_line"></i></span>
<div class="__react_component_tooltip ta8a814ac-0399-4860-9f86-f39e309db2cd place-top type-light allow_click" id="AdultCountminus" data-id="tooltip">
<style aria-hidden="true">
.ta8a814ac-0399-4860-9f86-f39e309db2cd {
color: #222;
background: #fff;
border: 1px solid transparent;
border-radius: undefinedpx;
padding: 8px 21px;
}
.ta8a814ac-0399-4860-9f86-f39e309db2cd.place-top {
margin-top: -10px;
}
.ta8a814ac-0399-4860-9f86-f39e309db2cd.place-top::before {
content: "";
background-color: inherit;
position: absolute;
z-index: 2;
width: 20px;
height: 12px;
}
.ta8a814ac-0399-4860-9f86-f39e309db2cd.place-top::after {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-top-right-radius: undefinedpx;
border: 1px solid transparent;
background-color: #fff;
z-index: -2;
bottom: -6px;
left: 50%;
margin-left: -6px;
transform: rotate(135deg);
}
.ta8a814ac-0399-4860-9f86-f39e309db2cd.place-bottom {
margin-top: 10px;
}
.ta8a814ac-0399-4860-9f86-f39e309db2cd.place-bottom::before {
content: "";
background-color: inherit;
position: absolute;
z-index: -1;
width: 18px;
height: 10px;
}
.ta8a814ac-0399-4860-9f86-f39e309db2cd.place-bottom::after {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-top-right-radius: undefinedpx;
border: 1px solid transparent;
background-color: #fff;
z-index: -2;
top: -6px;
left: 50%;
margin-left: -6px;
transform: rotate(45deg);
}
.ta8a814ac-0399-4860-9f86-f39e309db2cd.place-left {
margin-left: -10px;
}
.ta8a814ac-0399-4860-9f86-f39e309db2cd.place-left::before {
content: "";
background-color: inherit;
position: absolute;
z-index: -1;
width: 10px;
height: 18px;
}
.ta8a814ac-0399-4860-9f86-f39e309db2cd.place-left::after {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-top-right-radius: undefinedpx;
border: 1px solid transparent;
background-color: #fff;
z-index: -2;
right: -6px;
top: 50%;
margin-top: -6px;
transform: rotate(45deg);
}
.ta8a814ac-0399-4860-9f86-f39e309db2cd.place-right {
margin-left: 10px;
}
.ta8a814ac-0399-4860-9f86-f39e309db2cd.place-right::before {
content: "";
background-color: inherit;
position: absolute;
z-index: -1;
width: 10px;
height: 18px;
}
.ta8a814ac-0399-4860-9f86-f39e309db2cd.place-right::after {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-top-right-radius: undefinedpx;
border: 1px solid transparent;
background-color: #fff;
z-index: -2;
left: -6px;
top: 50%;
margin-top: -6px;
transform: rotate(-135deg);
}
</style>
</div><span class="stepper-num color-main f-14">1</span><span class="stepper-plus enable" data-tip="" data-for="AdultCountplus" data-testid="AdultCount_plus" currentitem="false"><i class="fi-icon fi-icon_plus_circle"></i></span>
<div class="__react_component_tooltip taa022c67-d721-4a10-b4b0-48a385292f71 place-top type-light allow_click" id="AdultCountplus" data-id="tooltip">
<style aria-hidden="true">
.taa022c67-d721-4a10-b4b0-48a385292f71 {
color: #222;
background: #fff;
border: 1px solid transparent;
border-radius: undefinedpx;
padding: 8px 21px;
}
.taa022c67-d721-4a10-b4b0-48a385292f71.place-top {
margin-top: -10px;
}
.taa022c67-d721-4a10-b4b0-48a385292f71.place-top::before {
content: "";
background-color: inherit;
position: absolute;
z-index: 2;
width: 20px;
height: 12px;
}
.taa022c67-d721-4a10-b4b0-48a385292f71.place-top::after {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-top-right-radius: undefinedpx;
border: 1px solid transparent;
background-color: #fff;
z-index: -2;
bottom: -6px;
left: 50%;
margin-left: -6px;
transform: rotate(135deg);
}
.taa022c67-d721-4a10-b4b0-48a385292f71.place-bottom {
margin-top: 10px;
}
.taa022c67-d721-4a10-b4b0-48a385292f71.place-bottom::before {
content: "";
background-color: inherit;
position: absolute;
z-index: -1;
width: 18px;
height: 10px;
}
.taa022c67-d721-4a10-b4b0-48a385292f71.place-bottom::after {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-top-right-radius: undefinedpx;
border: 1px solid transparent;
background-color: #fff;
z-index: -2;
top: -6px;
left: 50%;
margin-left: -6px;
transform: rotate(45deg);
}
.taa022c67-d721-4a10-b4b0-48a385292f71.place-left {
margin-left: -10px;
}
.taa022c67-d721-4a10-b4b0-48a385292f71.place-left::before {
content: "";
background-color: inherit;
position: absolute;
z-index: -1;
width: 10px;
height: 18px;
}
.taa022c67-d721-4a10-b4b0-48a385292f71.place-left::after {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-top-right-radius: undefinedpx;
border: 1px solid transparent;
background-color: #fff;
z-index: -2;
right: -6px;
top: 50%;
margin-top: -6px;
transform: rotate(45deg);
}
.taa022c67-d721-4a10-b4b0-48a385292f71.place-right {
margin-left: 10px;
}
.taa022c67-d721-4a10-b4b0-48a385292f71.place-right::before {
content: "";
background-color: inherit;
position: absolute;
z-index: -1;
width: 10px;
height: 18px;
}
.taa022c67-d721-4a10-b4b0-48a385292f71.place-right::after {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-top-right-radius: undefinedpx;
border: 1px solid transparent;
background-color: #fff;
z-index: -2;
left: -6px;
top: 50%;
margin-top: -6px;
transform: rotate(-135deg);
}
</style>
</div>
</div>
</li>
<li class="psg-counter flex">
<div class="counter-label-wrapper"><span class="label f-14 color-main flex-row"><i class="fi-icon fi-icon_child passenger_icon"></i>小童</span>
<div class="label-desc f-12">旅遊時2–11歲</div>
</div>
<div class="stepper-count-wrapper flex"><span class="stepper-minus disable" data-tip="" data-for="ChildCountminus" data-testid="ChildCount_minus" currentitem="false"><i class="fi-icon fi-icon_new_reduce_line"></i></span>
<div class="__react_component_tooltip t8ddec3f8-a161-4944-94e9-6902a564c0a2 place-top type-light allow_click" id="ChildCountminus" data-id="tooltip">
<style aria-hidden="true">
.t8ddec3f8-a161-4944-94e9-6902a564c0a2 {
color: #222;
background: #fff;
border: 1px solid transparent;
border-radius: undefinedpx;
padding: 8px 21px;
}
.t8ddec3f8-a161-4944-94e9-6902a564c0a2.place-top {
margin-top: -10px;
}
.t8ddec3f8-a161-4944-94e9-6902a564c0a2.place-top::before {
content: "";
background-color: inherit;
position: absolute;
z-index: 2;
width: 20px;
height: 12px;
}
.t8ddec3f8-a161-4944-94e9-6902a564c0a2.place-top::after {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-top-right-radius: undefinedpx;
border: 1px solid transparent;
background-color: #fff;
z-index: -2;
bottom: -6px;
left: 50%;
margin-left: -6px;
transform: rotate(135deg);
}
.t8ddec3f8-a161-4944-94e9-6902a564c0a2.place-bottom {
margin-top: 10px;
}
.t8ddec3f8-a161-4944-94e9-6902a564c0a2.place-bottom::before {
content: "";
background-color: inherit;
position: absolute;
z-index: -1;
width: 18px;
height: 10px;
}
.t8ddec3f8-a161-4944-94e9-6902a564c0a2.place-bottom::after {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-top-right-radius: undefinedpx;
border: 1px solid transparent;
background-color: #fff;
z-index: -2;
top: -6px;
left: 50%;
margin-left: -6px;
transform: rotate(45deg);
}
.t8ddec3f8-a161-4944-94e9-6902a564c0a2.place-left {
margin-left: -10px;
}
.t8ddec3f8-a161-4944-94e9-6902a564c0a2.place-left::before {
content: "";
background-color: inherit;
position: absolute;
z-index: -1;
width: 10px;
height: 18px;
}
.t8ddec3f8-a161-4944-94e9-6902a564c0a2.place-left::after {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-top-right-radius: undefinedpx;
border: 1px solid transparent;
background-color: #fff;
z-index: -2;
right: -6px;
top: 50%;
margin-top: -6px;
transform: rotate(45deg);
}
.t8ddec3f8-a161-4944-94e9-6902a564c0a2.place-right {
margin-left: 10px;
}
.t8ddec3f8-a161-4944-94e9-6902a564c0a2.place-right::before {
content: "";
background-color: inherit;
position: absolute;
z-index: -1;
width: 10px;
height: 18px;
}
.t8ddec3f8-a161-4944-94e9-6902a564c0a2.place-right::after {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-top-right-radius: undefinedpx;
border: 1px solid transparent;
background-color: #fff;
z-index: -2;
left: -6px;
top: 50%;
margin-top: -6px;
transform: rotate(-135deg);
}
</style>
</div><span class="stepper-num color-main f-14">0</span><span class="stepper-plus enable" data-tip="" data-for="ChildCountplus" data-testid="ChildCount_plus" currentitem="false"><i class="fi-icon fi-icon_plus_circle"></i></span>
<div class="__react_component_tooltip tc62ce6b0-4b66-4755-b2d5-045b172d0803 place-top type-light allow_click" id="ChildCountplus" data-id="tooltip">
<style aria-hidden="true">
.tc62ce6b0-4b66-4755-b2d5-045b172d0803 {
color: #222;
background: #fff;
border: 1px solid transparent;
border-radius: undefinedpx;
padding: 8px 21px;
}
.tc62ce6b0-4b66-4755-b2d5-045b172d0803.place-top {
margin-top: -10px;
}
.tc62ce6b0-4b66-4755-b2d5-045b172d0803.place-top::before {
content: "";
background-color: inherit;
position: absolute;
z-index: 2;
width: 20px;
height: 12px;
}
.tc62ce6b0-4b66-4755-b2d5-045b172d0803.place-top::after {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-top-right-radius: undefinedpx;
border: 1px solid transparent;
background-color: #fff;
z-index: -2;
bottom: -6px;
left: 50%;
margin-left: -6px;
transform: rotate(135deg);
}
.tc62ce6b0-4b66-4755-b2d5-045b172d0803.place-bottom {
margin-top: 10px;
}
.tc62ce6b0-4b66-4755-b2d5-045b172d0803.place-bottom::before {
content: "";
background-color: inherit;
position: absolute;
z-index: -1;
width: 18px;
height: 10px;
}
.tc62ce6b0-4b66-4755-b2d5-045b172d0803.place-bottom::after {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-top-right-radius: undefinedpx;
border: 1px solid transparent;
background-color: #fff;
z-index: -2;
top: -6px;
left: 50%;
margin-left: -6px;
transform: rotate(45deg);
}
.tc62ce6b0-4b66-4755-b2d5-045b172d0803.place-left {
margin-left: -10px;
}
.tc62ce6b0-4b66-4755-b2d5-045b172d0803.place-left::before {
content: "";
background-color: inherit;
position: absolute;
z-index: -1;
width: 10px;
height: 18px;
}
.tc62ce6b0-4b66-4755-b2d5-045b172d0803.place-left::after {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-top-right-radius: undefinedpx;
border: 1px solid transparent;
background-color: #fff;
z-index: -2;
right: -6px;
top: 50%;
margin-top: -6px;
transform: rotate(45deg);
}
.tc62ce6b0-4b66-4755-b2d5-045b172d0803.place-right {
margin-left: 10px;
}
.tc62ce6b0-4b66-4755-b2d5-045b172d0803.place-right::before {
content: "";
background-color: inherit;
position: absolute;
z-index: -1;
width: 10px;
height: 18px;
}
.tc62ce6b0-4b66-4755-b2d5-045b172d0803.place-right::after {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-top-right-radius: undefinedpx;
border: 1px solid transparent;
background-color: #fff;
z-index: -2;
left: -6px;
top: 50%;
margin-top: -6px;
transform: rotate(-135deg);
}
</style>
</div>
</div>
</li>
<li class="psg-counter flex">
<div class="counter-label-wrapper"><span class="label f-14 color-main flex-row"><i class="fi-icon fi-icon_infant passenger_icon"></i>嬰兒(不佔用座位)</span>
<div class="label-desc f-12">旅遊時未滿2歲</div>
</div>
<div class="stepper-count-wrapper flex"><span class="stepper-minus disable" data-tip="" data-for="BabyCountminus" data-testid="BabyCount_minus" currentitem="false"><i class="fi-icon fi-icon_new_reduce_line"></i></span>
<div class="__react_component_tooltip tcc992eba-c29d-4b1b-9739-7066a588e7cf place-top type-light allow_click" id="BabyCountminus" data-id="tooltip">
<style aria-hidden="true">
.tcc992eba-c29d-4b1b-9739-7066a588e7cf {
color: #222;
background: #fff;
border: 1px solid transparent;
border-radius: undefinedpx;
padding: 8px 21px;
}
.tcc992eba-c29d-4b1b-9739-7066a588e7cf.place-top {
margin-top: -10px;
}
.tcc992eba-c29d-4b1b-9739-7066a588e7cf.place-top::before {
content: "";
background-color: inherit;
position: absolute;
z-index: 2;
width: 20px;
height: 12px;
}
.tcc992eba-c29d-4b1b-9739-7066a588e7cf.place-top::after {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-top-right-radius: undefinedpx;
border: 1px solid transparent;
background-color: #fff;
z-index: -2;
bottom: -6px;
left: 50%;
margin-left: -6px;
transform: rotate(135deg);
}
.tcc992eba-c29d-4b1b-9739-7066a588e7cf.place-bottom {
margin-top: 10px;
}
.tcc992eba-c29d-4b1b-9739-7066a588e7cf.place-bottom::before {
content: "";
background-color: inherit;
position: absolute;
z-index: -1;
width: 18px;
height: 10px;
}
.tcc992eba-c29d-4b1b-9739-7066a588e7cf.place-bottom::after {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-top-right-radius: undefinedpx;
border: 1px solid transparent;
background-color: #fff;
z-index: -2;
top: -6px;
left: 50%;
margin-left: -6px;
transform: rotate(45deg);
}
.tcc992eba-c29d-4b1b-9739-7066a588e7cf.place-left {
margin-left: -10px;
}
.tcc992eba-c29d-4b1b-9739-7066a588e7cf.place-left::before {
content: "";
background-color: inherit;
position: absolute;
z-index: -1;
width: 10px;
height: 18px;
}
.tcc992eba-c29d-4b1b-9739-7066a588e7cf.place-left::after {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-top-right-radius: undefinedpx;
border: 1px solid transparent;
background-color: #fff;
z-index: -2;
right: -6px;
top: 50%;
margin-top: -6px;
transform: rotate(45deg);
}
.tcc992eba-c29d-4b1b-9739-7066a588e7cf.place-right {
margin-left: 10px;
}
.tcc992eba-c29d-4b1b-9739-7066a588e7cf.place-right::before {
content: "";
background-color: inherit;
position: absolute;
z-index: -1;
width: 10px;
height: 18px;
}
.tcc992eba-c29d-4b1b-9739-7066a588e7cf.place-right::after {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-top-right-radius: undefinedpx;
border: 1px solid transparent;
background-color: #fff;
z-index: -2;
left: -6px;
top: 50%;
margin-top: -6px;
transform: rotate(-135deg);
}
</style>
</div><span class="stepper-num color-main f-14">0</span><span class="stepper-plus enable" data-tip="" data-for="BabyCountplus" data-testid="BabyCount_plus" currentitem="false"><i class="fi-icon fi-icon_plus_circle"></i></span>
<div class="__react_component_tooltip tefa1ac93-d321-4d16-8947-20c7a24e337a place-top type-light allow_click" id="BabyCountplus" data-id="tooltip">
<style aria-hidden="true">
.tefa1ac93-d321-4d16-8947-20c7a24e337a {
color: #222;
background: #fff;
border: 1px solid transparent;
border-radius: undefinedpx;
padding: 8px 21px;
}
.tefa1ac93-d321-4d16-8947-20c7a24e337a.place-top {
margin-top: -10px;
}
.tefa1ac93-d321-4d16-8947-20c7a24e337a.place-top::before {
content: "";
background-color: inherit;
position: absolute;
z-index: 2;
width: 20px;
height: 12px;
}
.tefa1ac93-d321-4d16-8947-20c7a24e337a.place-top::after {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-top-right-radius: undefinedpx;
border: 1px solid transparent;
background-color: #fff;
z-index: -2;
bottom: -6px;
left: 50%;
margin-left: -6px;
transform: rotate(135deg);
}
.tefa1ac93-d321-4d16-8947-20c7a24e337a.place-bottom {
margin-top: 10px;
}
.tefa1ac93-d321-4d16-8947-20c7a24e337a.place-bottom::before {
content: "";
background-color: inherit;
position: absolute;
z-index: -1;
width: 18px;
height: 10px;
}
.tefa1ac93-d321-4d16-8947-20c7a24e337a.place-bottom::after {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-top-right-radius: undefinedpx;
border: 1px solid transparent;
background-color: #fff;
z-index: -2;
top: -6px;
left: 50%;
margin-left: -6px;
transform: rotate(45deg);
}
.tefa1ac93-d321-4d16-8947-20c7a24e337a.place-left {
margin-left: -10px;
}
.tefa1ac93-d321-4d16-8947-20c7a24e337a.place-left::before {
content: "";
background-color: inherit;
position: absolute;
z-index: -1;
width: 10px;
height: 18px;
}
.tefa1ac93-d321-4d16-8947-20c7a24e337a.place-left::after {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-top-right-radius: undefinedpx;
border: 1px solid transparent;
background-color: #fff;
z-index: -2;
right: -6px;
top: 50%;
margin-top: -6px;
transform: rotate(45deg);
}
.tefa1ac93-d321-4d16-8947-20c7a24e337a.place-right {
margin-left: 10px;
}
.tefa1ac93-d321-4d16-8947-20c7a24e337a.place-right::before {
content: "";
background-color: inherit;
position: absolute;
z-index: -1;
width: 10px;
height: 18px;
}
.tefa1ac93-d321-4d16-8947-20c7a24e337a.place-right::after {
content: "";
position: absolute;
width: 10px;
height: 10px;
border-top-right-radius: undefinedpx;
border: 1px solid transparent;
background-color: #fff;
z-index: -2;
left: -6px;
top: 50%;
margin-top: -6px;
transform: rotate(-135deg);
}
</style>
</div>
</div>
</li>
</ul>
<div class="close-module flex"><span class="f-14 color-theme done" data-testid="passenger_confirm">確認</span></div>
</div>
</div>
</div>
<div class="m-searchForm__cabin top-module-wrapper" tabindex="-1" data-testid="cabin_wrapper">
<div class="top-module flex" data-testid="cabin"><i class="fi-icon fi-icon_seat"></i>
<div class="margin-lr5 text-ellipsis" data-testid="cabinType">經濟艙</div><i class="fi-icon fi-icon_descending" data-testid="cabinType_dropDown"></i>
</div>
<div class="m-floating-layer" style="display: none; left: 0px;">
<div class="m-floating-layer-mask" data-testid="floatLayer_mask"></div>
<div class="m-floating-layer-header"><span class="m-floating-layer-header__close" data-testid="floatLayer_close"><i class="fi-icon fi-icon_close_line"></i></span><span class="m-floating-layer-header__title">艙位</span></div>
<ul class="m-floating-layer-list">
<li class="m-floating-layer-item flex f-14 checked" data-testid="cabin_Y"><span>經濟艙</span><i class="fi-icon fi-icon_hook_line ml-16"></i></li>
<li class="m-floating-layer-item flex f-14" data-testid="cabin_YS"><span>經濟艙/特選經濟艙</span><i class="fi-icon fi-icon_hook_line ml-16"></i></li>
<li class="m-floating-layer-item flex f-14" data-testid="cabin_S"><span>特選經濟艙</span><i class="fi-icon fi-icon_hook_line ml-16"></i></li>
<li class="m-floating-layer-item flex f-14" data-testid="cabin_CF"><span>商務艙/頭等艙</span><i class="fi-icon fi-icon_hook_line ml-16"></i></li>
<li class="m-floating-layer-item flex f-14" data-testid="cabin_C"><span>商務艙</span><i class="fi-icon fi-icon_hook_line ml-16"></i></li>
<li class="m-floating-layer-item flex f-14" data-testid="cabin_F"><span>頭等艙</span><i class="fi-icon fi-icon_hook_line ml-16"></i></li>
</ul>
</div>
</div>
</div>
</div>
<div>
<div class="m-searchForm__wrapper m-searchForm__single-wrapper m-searchForm__old-version m-searchForm__oneway-wrapper">
<div class="flex1">
<div style="display: block;">
<ul class="m-searchForm__segment flex">
<li class="m-searchForm__item segment-city flex">
<div class="segment-index-wrapper flex-center"><span class="segment-index color-fff ">1</span></div>
<div class="segment-info-wrapper flex">
<div class="m-searchForm__module" data-err="">
<div class="verticalCenter-wrapper" style="width: unset;">
<div class="fuzzy-input-wrapper fuzzy-input-wrapper__showAirport" dir="">
<div class="fuzzy-input" data-testid="search_city_from0_wrapper">
<div class="fuzzy-city-wrapper f-bold f-14"><input class="module-input f-16 f-bold color-main placeholder-gray" data-testid="search_city_from0" autocomplete="off" type="text" placeholder="出發地" value="" style="width: 56px;">
<div class="placeHolder" style="width: 16px;"></div>
</div>
</div><span class="module-input-shadow f-16 f-bold">出發地</span>
</div>
</div>
</div>
<div class="switch-wrapper v-center">
<div class="img-switch__wrapper switch-0" data-testid="switch_0"><i class="img-switch-circle re-imgRotate"></i><i class="img-switch-plane"></i></div>
</div>
<div class="m-searchForm__module" data-err="">
<div class="verticalCenter-wrapper" style="width: unset;">
<div class="fuzzy-input-wrapper fuzzy-input-wrapper__showAirport" dir="">
<div class="fuzzy-input" data-testid="search_city_to0_wrapper">
<div class="fuzzy-city-wrapper f-bold f-14"><input class="module-input f-16 f-bold color-main placeholder-gray" data-testid="search_city_to0" autocomplete="off" type="text" placeholder="目的地" value="" style="width: 56px;">
<div class="placeHolder" style="width: 16px;"></div>
</div>
</div><span class="module-input-shadow f-16 f-bold">目的地</span>
</div>
</div>
</div>
</div>
</li>
<li class="m-searchForm__item segment-date flex">
<div class="m-searchForm__module" data-err="">
<div class="">
<div class="input-wrapper flex"><input class="module-input f-14 f-bold color-main placeholder-black" type="text" placeholder="任何日期" readonly="" data-testid="search_date_depart0" data-date="2024-02-16" autocomplete="off"
value="2月16日 週五"></div>
</div><label class="fake-parent" data-value=""></label>
</div>
<div class="m-searchForm__module hide ml-24" data-err=""><em class="rdate-line"></em>
<div class="">
<div class="input-wrapper flex"><input class="module-input f-14 f-bold color-main placeholder-black" type="text" placeholder="任何日期" readonly="" data-testid="search_date_return0" data-date="2024-02-19" autocomplete="off"
value="2月19日 週一"></div>
</div><label class="fake-parent" data-value=""></label>
</div>
<div class="calendar-flight-wrapper" data-testid="fuzzy_calendar" style="display: none; top: 56px;">
<div class="c-fuzzy-calendar calendar-flight ">
<div class="c-fuzzy-calendar__header">
<p class="title"> 選擇彈性出發日期</p>
<div class="selectors">
<div class="selector ">2月</div>
<div class="selector ">3月</div>
</div>
</div>
<div class="c-fuzzy-calendar__body">
<div class="c-fuzzy-calendar-month">
<h3 class="c-fuzzy-calendar-month__title">2024年2月</h3>
<ul class="c-fuzzy-calendar-month__week-head">
<li style="color: rgb(17, 54, 166);">週日</li>
<li>週一</li>
<li>週二</li>
<li>週三</li>
<li>週四</li>
<li>週五</li>
<li style="color: rgb(17, 54, 166);">週六</li>
</ul>
<div class="c-fuzzy-calendar-month__days">
<ul class="c-fuzzy-calendar-month__week">
<li></li>
<li></li>
<li></li>
<li></li>
<li class="disable" data-date="2024-02-01"><span class="day">1</span></li>
<li class="disable" data-date="2024-02-02"><span class="day">2</span></li>
<li class="disable" data-date="2024-02-03"><span class="day">3</span></li>
</ul>
<ul class="c-fuzzy-calendar-month__week">
<li class="disable" data-date="2024-02-04"><span class="day">4</span></li>
<li class="disable" data-date="2024-02-05"><span class="day">5</span></li>
<li class="disable" data-date="2024-02-06"><span class="day">6</span></li>
<li class="disable" data-date="2024-02-07"><span class="day">7</span></li>
<li class="disable" data-date="2024-02-08"><span class="day">8</span></li>
<li class="disable" data-date="2024-02-09"><span class="day">9</span></li>
<li class="disable" data-date="2024-02-10"><span class="day">10</span><i class="c-fuzzy-calendar-icon-dot " style="background-color: rgb(133, 146, 166);"></i></li>
</ul>
<ul class="c-fuzzy-calendar-month__week">
<li class="disable" data-date="2024-02-11"><span class="day">11</span><i class="c-fuzzy-calendar-icon-dot " style="background-color: rgb(133, 146, 166);"></i></li>
<li class="disable" data-date="2024-02-12"><span class="day">12</span><i class="c-fuzzy-calendar-icon-dot " style="background-color: rgb(133, 146, 166);"></i></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-02-13"><span class="day">13</span><i class="c-fuzzy-calendar-icon-dot " style="background-color: rgb(133, 146, 166);"></i></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-02-14"><span class="day">14</span><i class="c-fuzzy-calendar-icon-dot " style="background-color: rgb(133, 146, 166);"></i></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-02-15"><span class="day">15</span></li>
<li class="fuzzy-focus-both-arrow focus is-allow-hover" tabindex="0" data-date="2024-02-16">
<div class="left arrow-wrapper"><span class="arrow"></span></div>
<div class="right arrow-wrapper"><span class="arrow"></span></div><span class="day">16</span>
</li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-02-17" style="color: rgb(17, 54, 166);"><span class="day">17</span></li>
</ul>
<ul class="c-fuzzy-calendar-month__week">
<li class="none is-allow-hover" tabindex="0" data-date="2024-02-18" style="color: rgb(17, 54, 166);"><span class="day">18</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-02-19"><span class="day">19</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-02-20"><span class="day">20</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-02-21"><span class="day">21</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-02-22"><span class="day">22</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-02-23"><span class="day">23</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-02-24" style="color: rgb(17, 54, 166);"><span class="day">24</span></li>
</ul>
<ul class="c-fuzzy-calendar-month__week">
<li class="none is-allow-hover" tabindex="0" data-date="2024-02-25" style="color: rgb(17, 54, 166);"><span class="day">25</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-02-26"><span class="day">26</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-02-27"><span class="day">27</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-02-28"><span class="day">28</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-02-29"><span class="day">29</span></li>
<li></li>
<li></li>
</ul>
</div>
</div>
<div class="c-fuzzy-calendar-month">
<h3 class="c-fuzzy-calendar-month__title">2024年3月</h3>
<ul class="c-fuzzy-calendar-month__week-head">
<li style="color: rgb(17, 54, 166);">週日</li>
<li>週一</li>
<li>週二</li>
<li>週三</li>
<li>週四</li>
<li>週五</li>
<li style="color: rgb(17, 54, 166);">週六</li>
</ul>
<div class="c-fuzzy-calendar-month__days">
<ul class="c-fuzzy-calendar-month__week">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-01"><span class="day">1</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-02" style="color: rgb(17, 54, 166);"><span class="day">2</span></li>
</ul>
<ul class="c-fuzzy-calendar-month__week">
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-03" style="color: rgb(17, 54, 166);"><span class="day">3</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-04"><span class="day">4</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-05"><span class="day">5</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-06"><span class="day">6</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-07"><span class="day">7</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-08"><span class="day">8</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-09" style="color: rgb(17, 54, 166);"><span class="day">9</span></li>
</ul>
<ul class="c-fuzzy-calendar-month__week">
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-10" style="color: rgb(17, 54, 166);"><span class="day">10</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-11"><span class="day">11</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-12"><span class="day">12</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-13"><span class="day">13</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-14"><span class="day">14</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-15"><span class="day">15</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-16" style="color: rgb(17, 54, 166);"><span class="day">16</span></li>
</ul>
<ul class="c-fuzzy-calendar-month__week">
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-17" style="color: rgb(17, 54, 166);"><span class="day">17</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-18"><span class="day">18</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-19"><span class="day">19</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-20"><span class="day">20</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-21"><span class="day">21</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-22"><span class="day">22</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-23" style="color: rgb(17, 54, 166);"><span class="day">23</span></li>
</ul>
<ul class="c-fuzzy-calendar-month__week">
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-24" style="color: rgb(17, 54, 166);"><span class="day">24</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-25"><span class="day">25</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-26"><span class="day">26</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-27"><span class="day">27</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-28"><span class="day">28</span></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-29"><span class="day">29</span><i class="c-fuzzy-calendar-icon-dot " style="background-color: rgb(133, 146, 166);"></i></li>
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-30" style="color: rgb(17, 54, 166);"><span class="day">30</span><i class="c-fuzzy-calendar-icon-dot " style="background-color: rgb(133, 146, 166);"></i></li>
</ul>
<ul class="c-fuzzy-calendar-month__week">
<li class="none is-allow-hover" tabindex="0" data-date="2024-03-31" style="color: rgb(17, 54, 166);"><span class="day">31</span></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</div><span class="c-fuzzy-calendar-icon-prev is-disable"></span><span class="c-fuzzy-calendar-icon-next"></span>
</div>
<div class="c-fuzzy-calendar__footer">
<div class="info">
<div class="c-fuzzy-calendar__fest"><i class="c-fuzzy-calendar-icon-dot custom" style="background-color: rgb(133, 146, 166);"></i>游標懸停以顯示假期</div>
<div class="c-fuzzy-calendar__msg">
<p class="c-fuzzy-calendar__message is-info"><span class="c-calendar__desc-date"><span>出發 </span><span>2月16日 週五</span></span></p>
<p class="c-fuzzy-calendar__desc">所有日期均為當地時間</p>
</div>
</div>
<div class="action">
<div class="c-fuzzy-calendar__primary-btn">確認出發日期</div>
</div>
</div>
</div>
</div>
</li>
<li class="m-searchForm__delete-wrapper flex-center" style="left: 100%; right: unset;"></li>
</ul>
</div>
</div>
<div class="m-searchForm__searchBtn flex-center color-fff ml-8" data-testid="search_btn"><i class="fi-icon fi-icon_search_line f-18"></i><span class="m-searchForm__searchBtn-search ml-4">搜尋</span></div>
</div>
</div>
</div>
</form>
Text Content
* 酒店 * 機票 * 高鐵 / 火車票 * 租車/接送 * 租車 * 機場接送 * 當地體驗 * 機票+酒店 New * 旅遊好去處 * 禮品卡 * App 聯絡我們 HKD 搜尋訂單 登入 / 註冊會員 每週限時優惠 旅遊優惠半價起 全球旅遊合集 優惠代碼 其他優惠 全球旅遊優惠合集 內地(深圳、廣州等) 日本 台灣 韓國 泰國 香港 澳門 新加坡 越南 內地高鐵優惠 高鐵-香港段高鐵-內地段 香港廣州 高鐵直達 48分|週四出發 低至HK$236.00 香港深圳 高鐵直達 14分|週四出發 低至HK$75.00 香港汕尾 高鐵直達 1小時36分|週四出發 低至HK$158.00 香港汕頭 高鐵直達 2小時52分|週四出發 低至HK$245.00 香港東莞 高鐵直達 39分|週四出發 低至HK$196.00 香港普寧 高鐵直達 1小時57分|週四出發 低至HK$205.00 內地機票優惠 上海 北京 天津 南京 廈門 杭州 武漢 成都 西安 重慶 香港 上海 來回2024年2月19日 - 2024年2月23日 國泰航空公司 經濟艙 已包括 旅遊獎賞 低至 HK$2,286 預訂 香港 上海 來回2024年3月8日 - 2024年3月14日 香港航空公司 經濟艙 旅遊獎賞 低至 HK$1,162 預訂 香港 上海 來回2024年2月22日 - 2024年2月25日 中國東方航空股份有限公司 經濟艙 已包括 旅遊獎賞 低至 HK$1,346 預訂 香港 上海 來回2024年3月2日 - 2024年3月4日 上海吉祥航空股份有限公司 經濟艙 已包括 旅遊獎賞 低至 HK$1,542 預訂 香港 上海 來回2024年3月2日 - 2024年3月4日 春秋航空 經濟艙 旅遊獎賞 低至 HK$1,223 預訂 單程 * 單程 * 來回 * 多個目的地 1位成人 乘客確認 請選擇正確乘客人數以獲取最佳價格 * 成人 1 * 小童 旅遊時2–11歲 0 * 嬰兒(不佔用座位) 旅遊時未滿2歲 0 確認 經濟艙 艙位 * 經濟艙 * 經濟艙/特選經濟艙 * 特選經濟艙 * 商務艙/頭等艙 * 商務艙 * 頭等艙 * 1 出發地 目的地 * 選擇彈性出發日期 2月 3月 2024年2月 * 週日 * 週一 * 週二 * 週三 * 週四 * 週五 * 週六 * * * * * 1 * 2 * 3 * 4 * 5 * 6 * 7 * 8 * 9 * 10 * 11 * 12 * 13 * 14 * 15 * 16 * 17 * 18 * 19 * 20 * 21 * 22 * 23 * 24 * 25 * 26 * 27 * 28 * 29 * * 2024年3月 * 週日 * 週一 * 週二 * 週三 * 週四 * 週五 * 週六 * * * * * * 1 * 2 * 3 * 4 * 5 * 6 * 7 * 8 * 9 * 10 * 11 * 12 * 13 * 14 * 15 * 16 * 17 * 18 * 19 * 20 * 21 * 22 * 23 * 24 * 25 * 26 * 27 * 28 * 29 * 30 * 31 * * * * * * 游標懸停以顯示假期 出發 2月16日 週五 所有日期均為當地時間 確認出發日期 * 搜尋 內地精選酒店 深圳珠海廣州東莞肇慶中山佛山惠州江門北京成都三亞上海潮州 2月29日 週四 3月1日 週五 深圳 南山區 深圳灣木棉花酒店 4.7 /5 · 2554則評價 豪華雙床房 位置很好 / 前台熱情好客 免費取消 HK$1,088 深圳 福田區 金茂深圳JW萬豪酒店 4.7 /5 · 7912則評價 豪華雙床房 交通便利 / 前台熱情好客 免費取消 深圳Instagram打卡酒店第8名 HK$1,062 深圳 龍崗區 維也納酒店(深圳平湖中心地鐵站店) 4.4 /5 · 435則評價 標準大床房 交通便利 / 前台熱情好客 HK$217 深圳 羅湖區 深圳摩登克斯酒店 4.4 /5 · 701則評價 中東大床房 尊享酒店迷你吧 / 首日送歡迎水果 33% 優惠 HK$677HK$1,010 深圳 福田區 深圳花園格蘭雲天大酒店 4.7 /5 · 1142則評價 高級大床房-智能客控系統 尊享迷你吧 HK$790 深圳 龍崗區 深圳中海凱驪酒店 4.6 /5 · 1034則評價 高級大床房 隨機禮品一 26% 優惠 HK$659HK$885 深圳 羅湖區 深圳羅湖木棉花酒店 4.7 /5 · 1016則評價 豪華大床房 前台熱情好客 / 交通便利 免費取消 HK$726 深圳 羅湖區 山水時尚酒店(深圳羅湖口岸國貿店) 4.2 /5 · 713則評價 高級大床房 前台熱情好客 / 性價比高 免費取消 24% 優惠 HK$247HK$327 展開 內地精選民宿 廣州潮州佛山深圳珠海 2月29日 週四 3月1日 週五 廣州 荔灣區 廣州源來收藏民宿(永慶坊荔枝灣店) 4.6 /5 · 408則評價 廣府文化大床房 交通便利 / 食飯方便 免費取消 只剩1間房 17% 優惠 HK$367HK$442 廣州 荔灣區 荔舍(廣州火車站西村地鐵站店) 4.6 /5 · 537則評價 棲遲(日式單床房) 環境優雅 / 交通便利 免費取消 只剩3間房 22% 優惠 HK$309HK$397 廣州 番禺區 Look路客輕奢公寓(廣州南站店) 4.6 /5 · 369則評價 精選舒眠房(180度全景陽台+洗衣機) 位置方便 / 性價比高 免費取消 HK$187 廣州 番禺區 橘子輕奢公寓(廣州南站店) 4.7 /5 · 2480則評價 觀影舒眠房(4k投影+零壓乳膠墊+陽台+洗衣機) 位置方便 / 安靜舒適 免費取消 HK$178 廣州 從化區 玉壺溪館精品民宿 4.8 /5 · 205則評價 陽台浪漫情侶私湯大床房|獨立泡池 每間房贈送精緻九宮格下午茶 / 大堂無限次自助歡迎茶水 / 早餐 入住期間無限次體驗各國服裝 / 入住期間體驗影音室ktv房 / 私家泡池含氡温泉一池水 只剩2間房 HK$1,038 廣州 海珠區 香蕉宿設計公館(廣州江南西昌崗地鐵站店) 4.7 /5 · 907則評價 奇遇陽光工業大床房-巨幕投影-高空夜景 交通便利 / 位置方便 免費取消 27% 優惠 HK$415HK$566 廣州 越秀區 夢殼美宿(北京路錦源店) 4.5 /5 · 490則評價 袋鼠美宿網紅投影房B 交通便利 / 富有設計感 免費取消 只剩2間房 33% 優惠 HK$316HK$472 廣州 番禺區 中嘉美寓(廣州南站店) 4.6 /5 · 852則評價 甄選舒適房(暖氣+陽台+洗衣機) 位置方便 / 環境優雅 免費取消 17% 優惠 HK$225HK$271 展開 內地玩樂門票 最新優惠代碼 Mastercard® World / World Elite 機票優惠Mastercard® 卡澳門旅遊優惠中銀信用卡Mastercard® 卡 12月29日,16:30 機票 HK$155 最低消費HK$3,920,限World Mastercard 和 World Elite Mastercard MCFLYHK 兌換 App 限定 折扣優惠數量有限,先購先得。 其他精選優惠 條款及細則 1.推廣日期:由即日起至2024年12月31日 2.以上價格為促銷發佈時的確實價格,有可能按情況而有所變更。請參閱 Trip.com 以確認剩餘數量和價格,及查閱相關的條款細則 3.折扣前價格為該指定房型的原價,此價格可能與酒店公布的零售價格不同 4.酒店取消及預付政策因應不同房型而有所不同;實際情況請於預訂時參閱房間政策 5.Trip.com 保留最終之闡釋權 分享到 Facebook Linkedin WhatsApp 電郵 複製 聯絡我們 * 客戶服務支援 * 服務保障 * 更多服務資訊 * 網站意見 關於 * 關於 Trip.com * 傳媒中心 * 加入我們 * 條款及細則 * 私隱條款 * 關於 Trip.com Group 其他服務 * 投資者關係 * Trip.com 獎賞 * 分銷夥伴合作計劃 * 酒店加盟 * 全部酒店 * 安全性 付款方式 我們的合作夥伴 Copyright © 2024 Trip.com Travel Singapore Pte. Ltd. 版權所有。 網站營運者:Trip.com Travel Singapore Pte. Ltd. 由Ctrip.com (Hong Kong) Limited持有香港旅行代理商牌照編號 352367 您好! 此推廣活動尚未開始,但我們為您準備了更多其他優惠! 搜尋更多優惠 優惠代碼 MCFLYHK 只需於付款時新增優惠代碼,或於付款頁面使用前,前往「帳戶」>「優惠代碼」將優惠代碼新增至您的帳戶。優惠代碼(如成功預訂)以先到先得形式派發。受條款及細則約束。 複製