Haina
/
information-system
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

样式修改

Browse Source
hotfix/paypal-note
candice 2 years ago
parent db4a5c9069
commit 7c8a1a1ebc
1 changed files with 61 additions and 36 deletions
Show Stats Download Patch File Download Diff File

97
application/views/mobile_first/ch-visa-free-tester.php
Unescape Escape View File

@ -1,13 +1,19 @@
<link href="https://data.chinahighlights.com/css/min.php?f=/css/flatpickr-4.4.4.min.css" rel="stylesheet">
<link href="https://data.chinahighlights.com/css/tour-detail-former.css" rel="stylesheet">
<script src="https://data.chinahighlights.com/js/min.php?f=/js/flatpickr-4.6.1.min.js"></script>
<div class="tmbottom">
<h3 style="text-align: center; padding-top: 0;padding-bottom: 0;">Quick Test: Will My Route Qualify for China 72/144-Hour Visa-Free Transit?</h3>
<div class="InquiryBox">
<form action="" method="post" novalidate="" id="qualification_tester_form">
<p >1. I will depart from (only applies to direct or connected flight): </p>
<select id="depart_from" name="depart_from" class="country_code" style="width: 100%;">
<p style="font-weight: 400;
font-size: 20px;
text-align: left;
clear: both !important;
padding-bottom: 10px;
margin-top: 20px;">1. I will depart from (only applies to direct or connected flight): </p>
<select id="depart_from" name="depart_from" class="country_code" style="width: 100%; margin-bottom: 10px;
border-radius: 6px;
height: 40px;">
<option value="United States ">United States</option>
<option value="United Kingdom ">United Kingdom</option>
<option value="Australia ">Australia</option>
@ -264,8 +270,15 @@
<option value="Zimbabwe ">Zimbabwe</option>
<option value="Åland Islands">Åland Islands</option>
</select>
<p >2. I will arrive in China at [city], [airport / railway station / port].</p>
<select id="arrive_at_city" name="arrive_at_city" class="country_code">
<p style="font-weight: 400;
font-size: 20px;
text-align: left;
clear: both !important;
padding-bottom: 10px;
margin-top: 20px;">2. I will arrive in China at [city], [airport / railway station / port].</p>
<select id="arrive_at_city" name="arrive_at_city" class="country_code" style=" margin-bottom: 10px;
border-radius: 6px;
height: 40px;">
<option value="Beijing">Beijing</option>
<option value="Shanghai">Shanghai</option>
<option value="Guangzhou">Guangzhou</option>
@ -290,19 +303,37 @@
<option value="Dalian">Dalian</option>
</select>
<select id="airport_or_railway_station" name="airport_or_railway_station" class="country_code">
<select id="airport_or_railway_station" name="airport_or_railway_station" class="country_code" style=" margin-bottom: 10px;
border-radius: 6px;
height: 40px;">
<option data-hour="144" value="Beijing Capital International Airport">Beijing Capital International Airport, PEK</option>
<option data-hour="144" value="Beijingxi Railway Station">Beijingxi Railway Station</option>
<option data-hour="144" value="Beijing Daxing International Airport">Beijing Daxing International Airport, PKX</option>
</select>
<p >3. My arrival date is...</p>
<input id="arrival_date" name="arrival_date" type="date" >
<p style="font-weight: 400;
font-size: 20px;
text-align: left;
clear: both !important;
padding-bottom: 10px;
margin-top: 20px;">3. My arrival date is...</p>
<input id="arrival_date" name="arrival_date" type="date" style="width: 92%;
background: url(https://data.chinahighlights.com/pic/top10/tour-calendar.png) no-repeat 15px #fff;
padding-left: 50px;
border-radius: 6px;
height: 40px;">
<span id="arrival_date_errmsg" style="display: none;">
<span class="requiredArea">Please select your arrival date.</span>
</span>
<p >4. I will leave for [country/region] from China (the bounding destination on the air ticket):</p>
<select id="leave_for_country" name="leave_for_country" class="country_code" style="width: 100%;">
<p style="font-weight: 400;
font-size: 20px;
text-align: left;
clear: both !important;
padding-bottom: 10px;
margin-top: 20px;">4. I will leave for [country/region] from China (the bounding destination on the air ticket):</p>
<select id="leave_for_country" name="leave_for_country" class="country_code" style="width: 100%; margin-bottom: 10px;
border-radius: 6px;
height: 40px;">
<option value="United States ">United States</option>
<option value="United Kingdom ">United Kingdom</option>
<option value="Australia ">Australia</option>
@ -559,13 +590,29 @@
<option value="Åland Islands">Åland Islands</option>
</select>
<p >5. My departure date is...</p>
<input id="departure_date" name="departure_date" type="date" >
<p style="font-weight: 400;
font-size: 20px;
text-align: left;
clear: both !important;
padding-bottom: 10px;
margin-top: 20px;">5. My departure date is...</p>
<input id="departure_date" name="departure_date" type="date" style="width: 92%;
background: url(https://data.chinahighlights.com/pic/top10/tour-calendar.png) no-repeat 15px #fff;
padding-left: 50px;
border-radius: 6px;
height: 40px;">
<span id="departure_date_errmsg" style="display: none;">
<span class="requiredArea">Please select your departure date.</span>
</span>
<p >6. My nationality is... <!--and my passport expiry date is--></p>
<select id="nationality" name="nationality" class="country_code" style="width: 100%;">
<p style="font-weight: 400;
font-size: 20px;
text-align: left;
clear: both !important;
padding-bottom: 10px;
margin-top: 20px;">6. My nationality is... <!--and my passport expiry date is--></p>
<select id="nationality" name="nationality" class="country_code" style="width: 100%; margin-bottom: 10px;
border-radius: 6px;
height: 40px;">
<option data-qualify="enable" value="United States ">United States</option>
<option data-qualify="enable" value="United Kingdom ">United Kingdom</option>
<option value="Australia ">Australia</option>
@ -1149,28 +1196,6 @@ ready(el => {
});
</script>
<style>
.tmbottom p {
font-weight: 400;
font-size: 20px;
text-align: left;
clear: both !important;
padding-bottom: 10px;
margin-top: 20px;
}
select.country_code {
margin-bottom: 10px;
border-radius: 6px;
height: 40px;
}
.InquiryBox input {
width: 92%;
background: url(https://data.chinahighlights.com/pic/top10/tour-calendar.png) no-repeat 15px #fff;
padding-left: 50px;
border-radius: 6px;
height: 40px;
}
@media (max-width: 750px) {
.InquiryBox input {

Write Preview
Loading…
Cancel
Save