You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2564 lines
65 KiB
CSS
2564 lines
65 KiB
CSS
@charset "utf-8";
|
|
/* public style */
|
|
body {
|
|
margin: 0;
|
|
font-family: Calibri;
|
|
color: #000;
|
|
background: #fff;
|
|
font-size: 19px;
|
|
}
|
|
h1 {
|
|
font-size: 45px;
|
|
line-height: 50px;
|
|
padding-top: 60px;
|
|
padding-bottom: 50px;
|
|
font-family: 'Goudy Old Style';
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
h2 {
|
|
font-size: 35px;
|
|
padding-bottom: 30px;
|
|
padding-top: 70px;
|
|
line-height: 35px;
|
|
font-family: 'Goudy Old Style';
|
|
margin-bottom: 0;
|
|
margin-top: 0;
|
|
}
|
|
h3 {
|
|
font-size: 27px;
|
|
padding-top: 40px;
|
|
line-height: 32px;
|
|
padding-bottom: 20px;
|
|
font-family: 'Goudy Old Style';
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
h3 em {color: #ad1818;
|
|
font-size: 29px;
|
|
font-style: inherit;}
|
|
p {
|
|
line-height: 25px;
|
|
margin-top: 0;
|
|
padding-bottom: 35px;
|
|
margin-bottom: 0;
|
|
}
|
|
a, a:hover { text-decoration: underline; color: #000; cursor: pointer;}
|
|
.img-responsive, video, .table-responsive {
|
|
display: block;
|
|
max-width: 100%;
|
|
height: auto;
|
|
overflow-x: auto;
|
|
}
|
|
.updated_news {top: 66px;
|
|
display: block;
|
|
width: 100%;
|
|
background: #871010;
|
|
position: relative;
|
|
padding: 5px 0;
|
|
color: #fff;
|
|
text-align: center;
|
|
font-size: 17px;
|
|
z-index: 9;}
|
|
.updated_news a { color: #fff;}
|
|
.bottom_why_us {background: url(https://data.asiahighlights.com/image/about/ah-bottom-why-us-bg-pc.jpg) center #565656;
|
|
background-size: cover;
|
|
height: 500px;
|
|
padding-top: 50px;}
|
|
.bottom_why_us h2 {text-align: center;
|
|
color: #fff;
|
|
padding-top: 40px;}
|
|
table.why_us_table { width: 1140px;
|
|
margin: 20px auto 0 auto;
|
|
color: #fff;}
|
|
.bottom_why_us_content { text-align: center;
|
|
padding: 0 15px; height: 335px;}
|
|
.bottom_why_us_content img {width: 60px;
|
|
margin: 0 auto;}
|
|
.bottom_why_us_content h3 {font-size: 21px; margin-top: -25px;}
|
|
.bottom_why_us_content p {font-size: 18px;}
|
|
.bottom_destinations { background: #333;
|
|
padding: 50px 0 30px 0;
|
|
color: #fff;
|
|
position: relative;}
|
|
.bottom_destinations ul { display: inline-block;}
|
|
.bottom_destinations ul li a { color: #fff; text-decoration: none;}
|
|
.bottom_destinations ul li { font-family: 'Goudy Old Style';
|
|
border-left: 5px solid #862424;
|
|
padding-left: 15px;
|
|
font-size: 18px;
|
|
font-weight: 600;
|
|
margin-bottom: 10px !important;
|
|
list-style: none;
|
|
margin-right: 40px;}
|
|
.destination_links { width: 100%;}
|
|
.web_cookie { background-color: #f1f1f1;
|
|
position: fixed;
|
|
bottom: 0;
|
|
box-shadow: -2px -2px 4px 0px #ececec;
|
|
width: 40%;
|
|
z-index: 9999;
|
|
right: 0;}
|
|
.web_cookie p { display: inline-block;
|
|
padding: 10px 0 10px 15px;
|
|
line-height: 18px;
|
|
font-size: 16px;
|
|
width: 88%;}
|
|
.wechat_button {position: fixed;
|
|
z-index: 999999;
|
|
width: 65px;
|
|
height: 65px;
|
|
bottom: 10px;}
|
|
.wechat_button a {display: block;
|
|
color: #fff;
|
|
text-decoration: none;
|
|
font-size: 17px;
|
|
font-weight: 600;
|
|
text-align: center;
|
|
padding: 23px 10px 0 7px;
|
|
line-height: 18px;
|
|
height: 58px;
|
|
background: #ad1818;
|
|
border-radius: 50%;
|
|
text-transform: uppercase;}
|
|
:-webkit-autofill,
|
|
:-webkit-autofill:hover,
|
|
:-webkit-autofill:focus {
|
|
-webkit-text-fill-color: #000;
|
|
-webkit-box-shadow: 0 0 0px 1000px #fff inset;
|
|
transition: background-color 5000s ease-in-out 0s;
|
|
font-weight: 400;
|
|
}
|
|
.adsbygoogle { height:auto !important; margin:50px 0 !important;}
|
|
#videoPlayer { position:inherit !important; min-width: 100%; border-radius: 6px; }
|
|
a.infocustomize {
|
|
font-size: 16px;
|
|
color: #fff;
|
|
padding: 4px 15px;
|
|
background: #ad1818;
|
|
border-radius: 25px;
|
|
text-decoration: none;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
}
|
|
.headerbar {
|
|
z-index: 999;
|
|
}
|
|
.start-nav-item {
|
|
text-transform: none;
|
|
}
|
|
.start-nav-item a:hover {
|
|
border-bottom: none !important;
|
|
}
|
|
.sidebar .start-nav-item {
|
|
width: 30%;
|
|
height: 30px;
|
|
}
|
|
.guide_block {width: 31%;
|
|
display: inline-block;
|
|
float: left;
|
|
margin-right: 28px;}
|
|
.navisgation_title_pc { color: #ad1818; border-bottom: 1px solid #d1d1d1; padding-bottom: 5px; margin-bottom: 10px; font-size: 18px; font-family: 'Goudy Old Style'; font-weight: 600;}
|
|
ul.guide_links {padding-left: 0;}
|
|
ul.guide_links li {width: 100%; margin-bottom: 3px;}
|
|
.bottommedia {
|
|
width: 50%;
|
|
float: left;
|
|
padding-left: 25px;
|
|
}
|
|
.featureon { padding: 0 25px 30px 25px;}
|
|
.followtitle {
|
|
text-transform: uppercase;
|
|
display: block;
|
|
margin-bottom: 20px;
|
|
}
|
|
.whatsnew { border: 5px dashed #d2d2d2;
|
|
margin-top: 65px;
|
|
min-height: 90px;
|
|
margin-bottom: 30px;
|
|
position: relative;
|
|
padding: 30px 15px 15px 15px;
|
|
border-radius: 10px;}
|
|
.whatsnew img {position: absolute;
|
|
top: -75px;}
|
|
|
|
.infocategory {
|
|
font-size: 17px;
|
|
margin-top: 15px;
|
|
}
|
|
.infocategory a {
|
|
margin: 0 20px 0 0;
|
|
text-decoration: none;
|
|
}
|
|
.infocategory a:after {
|
|
content: "";
|
|
position: absolute;
|
|
width: 4px;
|
|
height: 4px;
|
|
transition: transform 0.5s;
|
|
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
|
border-top: 2px solid;
|
|
border-right: 2px solid;
|
|
transform: rotate(
|
|
45deg);
|
|
margin-top: 9px;
|
|
margin-left: 5px;
|
|
}
|
|
.authorupdate {
|
|
font-size: 16px;
|
|
margin: -40px 15px 60px 15px;
|
|
}
|
|
.authorupdate strong {
|
|
border-right: 1px solid #dcdcdc;
|
|
padding-right: 10px;
|
|
margin-right: 10px;
|
|
}
|
|
.infoimage, .infovideo {clear: both; margin: 0 auto 30px auto; color: #999; font-size: 17px;}
|
|
.infoimagetitle {margin-top: 10px; display: block;}
|
|
.infoimage img { --tw-shadow: 0px 4px 15px 2px rgba(70,70,70,0.3); box-shadow: 0 0 transparent,0 0 transparent,var(--tw-shadow); border-radius: 6px; margin-bottom: 5px;}
|
|
.photoBlock300 {
|
|
font-size: 18px;
|
|
font-style: italic;
|
|
float: right;
|
|
width: 300px;
|
|
margin-left: 30px;
|
|
margin-bottom: 30px;
|
|
color: #999;
|
|
line-height: 20px;
|
|
}
|
|
table.weather_info {border: 1px solid #d1d1d1;}
|
|
.today_weather { padding: 15px 0; background-color: #f6f6f6;}
|
|
.weather_img img {width: 50px; margin: 0 auto; margin-bottom: 20px;}
|
|
.day_weather {
|
|
border-right: 1px solid #d1d1d1;
|
|
text-align: center;
|
|
width: 140px;}
|
|
.day_weather p {padding-bottom: 15px; }
|
|
.last_day_weather {border-right: none;}
|
|
p#todayDate, p#forecastDate1, p#forecastDate2, p#forecastDate3, p#forecastDate4, p#forecastDate5, p#forecastDate6 { font-size: 22px;}
|
|
table.infotable, table.monthWeather {
|
|
border-left: 1px solid #d1d1d1;
|
|
border-spacing: 0;
|
|
margin-bottom: 30px;
|
|
width: 100%;}
|
|
table.infotable th, table.monthWeather th {
|
|
background: #f6f6f6;
|
|
padding: 15px 10px;
|
|
font-family: 'Goudy Old Style';
|
|
border: 1px solid #d1d1d1;
|
|
border-left: none;
|
|
font-size: 20px;
|
|
line-height: 25px;
|
|
}
|
|
|
|
table.infotable td, table.monthWeather tr td {
|
|
padding: 15px;
|
|
border-right: 1px solid #c9c9c9;
|
|
border-bottom: 1px solid #c9c9c9;
|
|
font-size: 18px;
|
|
line-height: 22px;
|
|
}
|
|
table.infotable tr:nth-child(odd) td, table.monthWeather tr:nth-child(odd) td {
|
|
background: #f7f7f7;
|
|
}
|
|
|
|
.detailtopbanner img { margin: 0 auto;}
|
|
.info_page_reco { width: 220px; margin-right: 15px; margin-top: 15px;}
|
|
.info_page_reco img {--tw-shadow: 0px 4px 5px 2px rgba(70,70,70,0.3);
|
|
box-shadow: 0 0 transparent,0 0 transparent,var(--tw-shadow);
|
|
border-radius: 6px;
|
|
margin-bottom: 5px;}
|
|
.info_reco_name {font-size: 19px;
|
|
position: relative;
|
|
padding: 10px 0 0 0;
|
|
height: 95px;
|
|
font-family: 'Goudy Old Style';
|
|
font-weight: 600;}
|
|
.info_reco_name a { text-decoration: none;}
|
|
/* former list style */
|
|
ol.drop1 li {
|
|
padding-left: 10px;
|
|
line-height: 25px;
|
|
margin-bottom: 10px;
|
|
}
|
|
ul.infolist li, ul.drop1 li, ul.ghlist li {
|
|
list-style: square;
|
|
margin-bottom: 15px;
|
|
}
|
|
ul.infolist, ul.drop1, ol.drop1, ul.ghlist {
|
|
padding: 0 0 30px 0;
|
|
display: table;
|
|
margin: 0 20px;
|
|
}
|
|
ul.sub_catalog {margin: 15px;}
|
|
ul.catalog {padding: 0 15px 0 0; margin-top: 0; }
|
|
ul.catalog li {
|
|
list-style: none;
|
|
margin-bottom: 10px;
|
|
line-height: 23px;
|
|
}
|
|
ul.catalog li a:before {
|
|
content: "";
|
|
width: 5px;
|
|
height: 5px;
|
|
border-top: 2px solid #000;
|
|
border-right: 2px solid #000;
|
|
float: left;
|
|
transform: rotate(
|
|
45deg);
|
|
margin-right: 10px;
|
|
margin-top: 8px;
|
|
}
|
|
.pc_content {width: 750px;
|
|
float: left;
|
|
max-width: 100%;
|
|
min-height: 590px;}
|
|
.right_tour {position: sticky;
|
|
top: calc(100% - 530px);
|
|
z-index: 9999;
|
|
margin-top: 30px;}
|
|
.right_brand_info, .right_tour {
|
|
width: 340px;
|
|
float: right;
|
|
}
|
|
.articlereco {
|
|
width: 1140px;
|
|
margin: 120px auto;
|
|
padding: 0 0 0 50px;
|
|
}
|
|
.recotitlebg h2 {
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
font-size: 27px;
|
|
color: #000;
|
|
padding: 0 0 20px 0;
|
|
}
|
|
.updatearticle {
|
|
background: #efefef;
|
|
margin: 50px 15px;
|
|
position: relative;
|
|
}
|
|
.articlenexttitle {
|
|
font-weight: 600;
|
|
padding: 10px 15px;
|
|
display: block;
|
|
font-family: 'Goudy Old Style';
|
|
height: 75px;
|
|
background: #f1f1f1;
|
|
border-radius: 0 0 6px 6px;
|
|
}
|
|
.articlenexttitle a { text-decoration: none;}
|
|
.articlenext {
|
|
width: 280px;
|
|
margin-bottom: 5px;
|
|
background: none;
|
|
border-radius: 6px;
|
|
margin-right: 15px;
|
|
}
|
|
.articlenext img { border-radius: 6px 6px 0 0;}
|
|
.infotailor {
|
|
background: #ececec;
|
|
height: 280px;
|
|
position: relative;
|
|
z-index: 9;
|
|
}
|
|
.infotailorword {
|
|
position: absolute;
|
|
top: calc(100% - 265px);
|
|
font-size: 25px;
|
|
text-align: center;
|
|
line-height: 30px;
|
|
font-family: 'Goudy Old Style';
|
|
font-weight: 600;
|
|
width: 100%;
|
|
}
|
|
|
|
.infotailorbutton {
|
|
position: absolute;
|
|
top: calc(100% - 210px);
|
|
background: #fff;
|
|
display: block;
|
|
margin: 0 auto;
|
|
width: 200px;
|
|
text-align: center;
|
|
font-size: 18px;
|
|
left: calc(100% - 285px);
|
|
text-transform: uppercase;
|
|
}
|
|
.infotailorbutton a {
|
|
width: 200px;
|
|
display: block;
|
|
padding: 15px 0;
|
|
}
|
|
.bottomwechat {
|
|
display: block;
|
|
margin-bottom: 50px;
|
|
height: 100px;
|
|
padding: 0 15px;
|
|
}
|
|
.bottomwechat img {
|
|
float: left;
|
|
margin-right: 20px;
|
|
}
|
|
.TopNavi { font-size: 16px;
|
|
display: block;
|
|
float: left;
|
|
text-align: center;
|
|
width: 25%; }
|
|
.TopNavi a, .TopNaviLast a {
|
|
height: 30px;
|
|
display: block;
|
|
padding-top: 8px;
|
|
border-right: 1px solid #d2d2d2;
|
|
text-decoration: none;}
|
|
.TopNaviLast {
|
|
font-size: 16px;
|
|
text-align: center;
|
|
width: 25%;
|
|
}
|
|
.TopNaviLast a { border-right: none;}
|
|
img.bottomright {
|
|
width: 49%;
|
|
}
|
|
img.bottomleft {
|
|
width: 49%;
|
|
margin-right: 6px;
|
|
float: left;
|
|
}
|
|
.hoteltitle {
|
|
display: block;
|
|
font-size: 22px;
|
|
margin-top: -20px;
|
|
}
|
|
.tourprice {
|
|
background: #f6f6f6;
|
|
padding: 30px 15px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.pricefrom {
|
|
display: block;
|
|
font-size: 16px;
|
|
padding: 0 15px;
|
|
}
|
|
.pricefrom strong {
|
|
color: #ad1818;
|
|
font-size: 23px;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
font-style: italic;
|
|
}
|
|
.priceterm {
|
|
font-size: 18px;
|
|
margin-top: 10px;
|
|
display: block;
|
|
border-bottom: 1px solid #d2d2d2;
|
|
padding: 0 15px 15px 15px;
|
|
margin-bottom: 15px;
|
|
line-height: 20px;
|
|
}
|
|
.info_reco_tours { font-size: 22px;
|
|
font-family: 'Goudy Old Style';
|
|
border-left: 5px solid #ad1818;
|
|
font-weight: 600;
|
|
background: #f6f6f6;
|
|
margin-bottom: 10px;
|
|
padding: 5px 15px;}
|
|
.info_reco_tours em {color: #ad1818;
|
|
margin-right: 10px;
|
|
text-transform: uppercase;
|
|
font-size: 24px;}
|
|
.info_page_contact_us {position: relative; --tw-shadow: 0px 4px 15px 2px rgba(70,70,70,0.3);
|
|
box-shadow: 0 0 transparent,0 0 transparent,var(--tw-shadow); }
|
|
.info_page_contact_us_bg { width: 100%;
|
|
position: absolute;
|
|
height: calc(100% - 200px);
|
|
bottom: 0;}
|
|
.info_page_contact_us_word {color: #fff;
|
|
font-size: 23px;
|
|
padding: 0 0 0 30px;
|
|
font-family: 'Goudy Old Style';
|
|
font-weight: 600;
|
|
text-shadow: 1px 1px 1px #000;
|
|
position: absolute;
|
|
bottom: 20px;
|
|
width: 80%;
|
|
padding-left: 20px;}
|
|
.info_page_contact_us_word strong {font-size: 40px; display: block; text-transform: uppercase;}
|
|
.info_page_contact_us_word strong a { color: #fff;}
|
|
.info_page_contact_us_button {
|
|
position: absolute;
|
|
right: 20px;
|
|
bottom: 20px;}
|
|
.info_page_contact_us_button a {width: 55px;
|
|
height: 55px;
|
|
display: block;
|
|
background: #ad1818;
|
|
border-radius: 50%;
|
|
color: transparent;}
|
|
.info_page_contact_us_button a:after {content: "";
|
|
position: absolute;
|
|
width: 15px;
|
|
height: 15px;
|
|
transition: transform 0.5s;
|
|
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
|
border-top: 5px solid #fff;
|
|
border-right: 5px solid #fff;
|
|
transform: rotate(
|
|
45deg
|
|
);
|
|
margin-top: 17px;
|
|
margin-left: 5px;}
|
|
select.country_code {margin-right: 5px;
|
|
border: none;
|
|
font-size: 16px;
|
|
color: #555;
|
|
height: 43px;
|
|
padding-left: 10px;
|
|
background: #fff;
|
|
width: auto;
|
|
box-shadow: none;
|
|
border: 1px solid #d1d1d1;
|
|
margin-left: 0;
|
|
float: left;}
|
|
.checkYes {
|
|
margin-bottom: 15px;
|
|
float: left;
|
|
text-align: left;
|
|
font-size: 19px;
|
|
margin-right: 20px;
|
|
}
|
|
.checkYes input {
|
|
float: left !important;
|
|
margin-right: 10px !important;
|
|
margin-bottom: 10px !important;
|
|
margin-left: 0 !important;
|
|
width: 20px !important;
|
|
height: 25px !important;
|
|
}
|
|
.selectionBlock {
|
|
display: inline-block;
|
|
width: 100%;
|
|
margin-bottom: 25px;
|
|
}
|
|
.travel_group {
|
|
float: left;
|
|
width: 19%;
|
|
margin-right: 40px;
|
|
}
|
|
.travel_group input {
|
|
display: none;
|
|
}
|
|
.travel_group input[type="radio"]+label {
|
|
background: #fff;
|
|
width: 100%;
|
|
display: inline-block;
|
|
margin-top: 10px;
|
|
margin-right: 10px;
|
|
background: #fff;
|
|
font-size: 19px;
|
|
border: 1px solid #d1d1d1;
|
|
border-radius: 4px;
|
|
text-align: center;
|
|
color: #000;
|
|
padding: 10px;
|
|
line-height: 18px;
|
|
}
|
|
.age_range p {
|
|
margin-bottom: 0;
|
|
font-size: 19px !important;
|
|
font-weight: 400 !important;
|
|
text-align: left !important;
|
|
}
|
|
.kidNum, .number {
|
|
width: 30% !important;
|
|
text-align: center;
|
|
border: 1px solid #d1d1d1;
|
|
border-radius: 4px;
|
|
height: 30px !important;
|
|
font-size: 25px !important;
|
|
position: relative;
|
|
top: -5px;
|
|
padding: 10px !important;
|
|
}
|
|
/*文中tour广告*/
|
|
.info_ad_content { position: absolute; bottom: 0; width: 100%;}
|
|
.info_ad { position: relative;}
|
|
.info_ad_button {
|
|
background: #ad1818;
|
|
border-radius: 50%;
|
|
text-align: center;
|
|
padding-top: 8px;
|
|
width: 60px;
|
|
position: absolute;
|
|
right: 15px;
|
|
bottom: 15px;}
|
|
.info_ad_button a {
|
|
display: block;
|
|
height: 60px;
|
|
margin-top: -10px;}
|
|
.info_ad_button a:after {
|
|
content: "";
|
|
position: absolute;
|
|
width: 15px;
|
|
height: 15px;
|
|
transition: transform 0.5s;
|
|
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
|
border-top: 5px solid #fff;
|
|
border-right: 5px solid #fff;
|
|
transform: rotate(
|
|
45deg
|
|
);
|
|
margin-top: 18px;
|
|
margin-left: -13px;
|
|
}
|
|
.info_ad img { border-radius: 6px;}
|
|
.info_ad_name {
|
|
padding: 15px 15px 10px 5px;
|
|
bottom: 0;
|
|
position: absolute;}
|
|
.info_ad_name a {
|
|
display: inline-block;
|
|
color: #fff;
|
|
padding: 10px 55px 10px 10px;
|
|
text-decoration: none;
|
|
text-shadow: 2px 1px 1px #000;}
|
|
.info_ad_name strong { line-height: 32px;
|
|
font-size: 30px;
|
|
margin-bottom: 10px;
|
|
font-family: 'Goudy Old Style';
|
|
display: block;}
|
|
|
|
/* 信息集合页元素 */
|
|
.poparticle { position: relative;
|
|
margin: 0 10px 10px 0;
|
|
width: 370px;}
|
|
.poparticle a { position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
bottom: 0;
|
|
background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;
|
|
border-radius: 6px;}
|
|
.poparticle img { border-radius: 6px;}
|
|
|
|
/*travel with confidence*/
|
|
.confidence_bg {position: relative; background: #f6f6f6; border-radius: 6px; display: inline-block; margin-top: 100px; padding: 0 0px 20px 15px;
|
|
margin-bottom: 100px;}
|
|
.confidence_tag { position: absolute;
|
|
left: calc(100% - 670px);
|
|
right: 0;
|
|
width: fit-content;
|
|
top: -75px;}
|
|
.confidence_tag img { width: 120px; height: 120px;}
|
|
.confidence_content {background: #fff;
|
|
padding: 0 30px 20px 30px; width: 41%;border-radius: 6px; margin: 0 20px; height:695px; box-shadow: 0px 0px 3px 1px #e5e5e5; margin-bottom: 50px;}
|
|
.confidence_content_100 {background: #fff;
|
|
box-shadow: 0px 0px 3px 1px #e5e5e5;
|
|
padding: 1px 30px 20px 30px;
|
|
margin-left: 20px;
|
|
width: calc(100% - 115px);
|
|
border-radius: 6px;
|
|
margin-bottom: 50px;}
|
|
.confidence_customer {display: inline-block;}
|
|
.confidence_customer img.confidence_image {position: absolute;
|
|
left: 40px;
|
|
width: 500px;
|
|
margin-top: 20px;}
|
|
.confidence_content_half {background: #fff;
|
|
padding: 0 30px 20px 30px;
|
|
width: 55%;
|
|
border-radius: 6px;
|
|
height: 485px;
|
|
margin-bottom: 50px;
|
|
position: relative;
|
|
float: right;
|
|
margin-right: 40px;}
|
|
.all_width_content_contact { background: #555;
|
|
padding: 30px 0;}
|
|
.all_width_content_contact p {text-align: center; font-size: 27px; font-style: italic; margin-bottom: 0;}
|
|
.all_width_content_contact p a {color: #fff; border-bottom: none;}
|
|
.all_width_content_contact p a:hover { background: none; }
|
|
.risk-free {position: relative; background: #fff; width: 30%; border-radius: 4px; margin: 0 5px; padding:50px 15px 15px 15px; margin-top: 70px; }
|
|
.risk_free_tag { position: absolute;
|
|
left: calc(100% - 70%);
|
|
top: -55px;}
|
|
.risk_free_tag img { width: 90px; height: 90px;}
|
|
.feedback_content img { border-radius: 50%; float: left; margin-right: 20px;}
|
|
.content_name { color:#999; margin-bottom: 5px;}
|
|
img.feedback-rate {border-radius: 0;}
|
|
.feedback_logo { width: 220px;}
|
|
.tour_feedback {
|
|
width: 370px;
|
|
height: 315px;
|
|
font-size: 18px;
|
|
margin: 0 20px 0 0;
|
|
}
|
|
.feedback_content {
|
|
text-align: center;
|
|
line-height: 21px;
|
|
font-style: italic;
|
|
margin-bottom: 15px;
|
|
padding: 40px 0 0 30px;
|
|
background: url(https://data.asiahighlights.com/image/tour/asia/china-tours-feedback-bg-left.png) no-repeat 15px 30px;
|
|
background-size: 30px;
|
|
}
|
|
.feedback_content strong {
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 2;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
margin-bottom: 10px;
|
|
font-size: 20px;
|
|
height: 45px;
|
|
}
|
|
.feedback_content p {
|
|
display: -webkit-box;
|
|
-webkit-line-clamp: 5;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
padding-bottom: 0;
|
|
height: 125px;
|
|
}
|
|
.customer_name {
|
|
text-align: center;
|
|
color: #999;
|
|
margin: 15px 0 5px 0;
|
|
}
|
|
.tour_feedback img {
|
|
margin: 0 auto;
|
|
width: 100px;
|
|
}
|
|
.review_date {display: inline-block;
|
|
font-size: 18px;
|
|
height: 50px;
|
|
padding-left: 10px;
|
|
color: #999;}
|
|
.traveler_story {margin: 50px 0; display: flex;}
|
|
.traveler_story img {width: 600px; height: 550px;}
|
|
.traveler_story_content {margin-left: 50px; width: 2800px;}
|
|
table.confidence {width: 3023px;}
|
|
.traveler_story_content h2 {padding-right:0; margin-top: 15px;}
|
|
.story_keyword {font-weight: 600; color: #ad1818; margin:-10px 0 15px 0;}
|
|
.homepage_confidence_content { display: flex;margin: -15px 0 -10px 0; justify-content: center;}
|
|
.homepage_confidence {width: 100%;}
|
|
.homepage_confidence .fa {color: #ad1818; margin-left: 10px;}
|
|
.homepage_confidence img { margin-right: 10px;
|
|
width: 35px;
|
|
height: 35px;
|
|
float: left;}
|
|
.confidence_word { font-weight: 600; padding-top: 10px;}
|
|
table.story_table {width: 600px;
|
|
display: inline-block;
|
|
float: left;
|
|
margin-right: 50px;}
|
|
/*travel with confidence 结束*/
|
|
|
|
.destinations { float: left;
|
|
width: 55%;}
|
|
.chinamap_travelguide { width: 45%;
|
|
display: inline-block;
|
|
margin-top: 120px;}
|
|
.all_width_content { background: #f6f6f6;
|
|
padding: 30px 0;
|
|
margin-top: 80px;
|
|
}
|
|
.all_width_content_1200 {width:1140px; margin: 0 auto;}
|
|
.list_content {width: 1140px; margin: 0 auto;}
|
|
/* 信息集合页元素 结束 */
|
|
|
|
/*特色体验*/
|
|
.experienceimg {
|
|
display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
justify-content: center;
|
|
}
|
|
.experience {
|
|
float: left;
|
|
position: relative;
|
|
margin-right: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.beijingexperienceinfo {
|
|
position: absolute;
|
|
bottom: 0;
|
|
color: #fff;
|
|
width: calc(100% - 20px);
|
|
background: rgba(0, 0, 0, 0.45);
|
|
padding: 20px 10px 21px 10px;
|
|
text-align: center;
|
|
height: calc(100% - 41px);
|
|
}
|
|
.experience_name {
|
|
display: block;
|
|
font-size: 25px;
|
|
font-weight: 600;
|
|
font-family: 'Goudy Old Style';
|
|
margin-bottom: 25px;
|
|
position: relative;
|
|
top: calc(100% - 250px);
|
|
text-shadow: 1px 1px 1px #000;}
|
|
|
|
/*线路1大两小*/
|
|
.tourleft { position: relative; float: left; margin-right: 20px; width: 50%; }
|
|
.tourleftinfo {
|
|
position: absolute;
|
|
bottom: 0;
|
|
padding: 20px;
|
|
}
|
|
.recotourname {
|
|
font-size: 35px;
|
|
font-weight: 600;
|
|
color: #fff;
|
|
display: block;
|
|
margin-bottom: 10px;
|
|
line-height: 40px;
|
|
font-family: 'Goudy Old Style';
|
|
}
|
|
.recotourname a {
|
|
text-decoration: none;
|
|
color: #fff;
|
|
}
|
|
.destinationtop {
|
|
color: #fff;
|
|
margin-bottom: 15px;
|
|
position: relative;
|
|
top: calc(100% - 260px);
|
|
font-size: 20px;
|
|
}
|
|
.destinationtop a {font-size: 18px;
|
|
color: #fff;
|
|
border: 2px solid #fff;
|
|
padding: 2px 10px;
|
|
text-transform: uppercase;
|
|
display: inline-block;
|
|
margin-top: 10px;
|
|
text-decoration: none;}
|
|
ul.expatstourtag {
|
|
display: flex;
|
|
padding-left: 20px;
|
|
}
|
|
ul.expatstourtag li {
|
|
color: #fff;
|
|
list-style: square;
|
|
margin-right: 30px;
|
|
font-size: 18px;
|
|
}
|
|
.tourbutton {
|
|
font-size: 18px;
|
|
text-transform: uppercase;
|
|
margin: 10px auto;
|
|
border: 2px solid #ad1818;
|
|
background: #fff;
|
|
font-weight: 600;
|
|
width: max-content;
|
|
color: #ad1818;
|
|
display: block;
|
|
}
|
|
.tourbutton a {
|
|
text-decoration: none;
|
|
color: #ad1818;
|
|
padding: 5px 20px;
|
|
display: block;
|
|
}
|
|
.tourbutton a:hover { color: #fff; background: #ad1818; transition: 0.5s; }
|
|
|
|
.righttour {
|
|
margin-bottom: 18px;
|
|
display: flex;
|
|
position: relative;
|
|
}
|
|
.righttour img {
|
|
float: left;
|
|
width: 325px;
|
|
}
|
|
.rightinfo {
|
|
background: #f6f6f6;
|
|
padding: 20px;
|
|
border-left: none;
|
|
width: 220px;
|
|
min-height: 192px;
|
|
}
|
|
.rightname { display: block;
|
|
margin-bottom: 5px;
|
|
font-weight: 600;
|
|
font-family: 'Goudy Old Style';
|
|
}
|
|
.rightname a { text-decoration: none;}
|
|
.rightdestination { font-size: 18px;}
|
|
|
|
/*线路一行三个*/
|
|
.listtour { display: flex;
|
|
flex-direction: row;
|
|
flex-wrap: nowrap;
|
|
justify-content: left;
|
|
clear: both;}
|
|
.xmas_tag {position: absolute;
|
|
left: -7px;
|
|
top: -20px;}
|
|
.xmas_tag img { width: 197px; height: 45px;}
|
|
.expatstour {
|
|
background: #fff;
|
|
width: 275px;
|
|
margin: 0 10px 10px 0;
|
|
position: relative;}
|
|
.tourdetailinfo { padding: 15px;
|
|
background: #f6f6f6;
|
|
height: 280px;
|
|
}
|
|
.tourdetailinfo p { padding: 0; text-align: center;}
|
|
.tourdetailinfo ul.infolist li {height: 45px !important;}
|
|
.expatstourname {
|
|
display: block;
|
|
text-align: center;
|
|
font-size: 19px;
|
|
line-height: 21px;
|
|
font-weight: 600;
|
|
font-family: 'Goudy Old Style';
|
|
margin-bottom: 15px;
|
|
height: 65px;
|
|
}
|
|
.expatstourname a { color: #000;
|
|
text-decoration: none;}
|
|
.citytourname {
|
|
font-family: 'Goudy Old Style';
|
|
text-align: center;
|
|
font-weight: 600;
|
|
line-height: 22px;
|
|
padding: 15px;
|
|
position: absolute;
|
|
bottom: 0;
|
|
color: #fff;
|
|
text-shadow: 1px 1px 1px #000;
|
|
font-size: 22px;
|
|
width: calc(100% - 30px);}
|
|
/*contact us按钮*/
|
|
.moretour { font-size: 23px;
|
|
text-align: center;
|
|
font-weight: 600;
|
|
margin-bottom: 20px;
|
|
margin-top: 30px;
|
|
font-family: 'Goudy Old Style';}
|
|
.InquiryButtonTour {
|
|
text-align: center;
|
|
font-size: 22px;
|
|
}
|
|
.InquiryButtonTour a {
|
|
padding: 10px;
|
|
color: #fff;
|
|
display: block;
|
|
border-bottom: none;
|
|
border-radius: 4px;
|
|
background: #ad1818;
|
|
width: 40%;
|
|
margin: 0 auto;
|
|
text-decoration: none;
|
|
}
|
|
.InquiryButtonTour a:hover { background: #ad1818; color: #fff; }
|
|
|
|
/*三峡游船*/
|
|
.cruise_top_info {float: left;
|
|
width: 710px;
|
|
padding-right: 30px;}
|
|
.cruise_price { background: #f7f7f7;
|
|
border-radius: 4px;
|
|
padding: 35px;
|
|
font-size: 22px;
|
|
display: inline-block;
|
|
width: 330px;
|
|
font-weight: 600;}
|
|
.cruise_price_number { text-align: center; margin-top: 20px;}
|
|
.cruise_price_number strong {color: #ad1818; font-size: 27px; margin-right: 10px; font-style: italic;}
|
|
.cruise_button {background: #ad1818;
|
|
text-transform: uppercase;
|
|
font-size: 18px;
|
|
text-align: center;
|
|
margin: 20px auto;
|
|
display: block;
|
|
width: 185px;
|
|
padding: 8px 0;}
|
|
.cruise_button a { color: #fff;
|
|
padding: 10px 30px;}
|
|
table.cruise_highlights {width: 6000px;}
|
|
.cruise_highlights {position: relative;}
|
|
.highlights_info {position: absolute;
|
|
bottom: 0;
|
|
color: #fff; text-align: center;
|
|
height: 100px;
|
|
width: 100%;}
|
|
.highlights_info p { color: #fff;
|
|
margin-bottom: -23px;
|
|
padding-bottom: 0;
|
|
font-size: 22px;
|
|
text-shadow: 1px 1px 1px #000;
|
|
position: relative;
|
|
bottom: -50px;}
|
|
.cabin_info_detail { display: inline-block;}
|
|
.cabin_info img {float: left;
|
|
margin-right: 80px;}
|
|
.cruise_index_top_info {float: left;
|
|
width: 710px;
|
|
margin-right: 50px;}
|
|
.cruise_index_calendar { display: inline-block;
|
|
border-radius: 4px;
|
|
width: 350px;
|
|
padding: 15px;
|
|
background: #ececec;}
|
|
.cruise_index_calendar h3 {text-align: center;
|
|
font-style: italic;
|
|
font-weight: 600;
|
|
margin-top: 10px;}
|
|
.cruise_year { background: #fff;
|
|
display: inline-block;
|
|
border-radius: 4px;}
|
|
ul.calendar_year { list-style: none;
|
|
font-size: 25px;
|
|
text-align: center;
|
|
margin: 10px 20px 0px 20px;
|
|
display: inline-block;
|
|
width: calc(100% - 40px);
|
|
padding-left: 0;
|
|
border-bottom: 3px solid #ececec;
|
|
padding-bottom: 5px;}
|
|
ul.calendar_year li.active { float: left;
|
|
color: #ad1818;
|
|
font-weight: 600;
|
|
width: 50%;}
|
|
ul.calendar_year li {float: left;
|
|
width: 50%;}
|
|
ul.calendar_month {font-size: 18px;
|
|
list-style: none;
|
|
padding-left: 30px;}
|
|
ul.calendar_month li { float: left;
|
|
background: #f7f7f7;
|
|
text-align: center;
|
|
padding-top: 8px;
|
|
border-radius: 4px;
|
|
margin-right: 10px;
|
|
margin-bottom: 15px;
|
|
width: 65px;
|
|
height: 32px;}
|
|
ul.calendar_month li.cruise_available {float: left;
|
|
width: 62px;
|
|
height: 38px;
|
|
text-align: center;
|
|
border: 1px solid #ad1818;
|
|
border-radius: 4px;
|
|
margin-right: 10px;
|
|
margin-bottom: 15px;
|
|
padding-top: 0;}
|
|
ul.calendar_month li.cruise_available a { color: #ad1818;
|
|
display: inline-block;
|
|
width: 62px;
|
|
height: 30px;
|
|
padding-top: 8px;}
|
|
ul.calendar_month li.cruise_available a:hover { color: #fff; background: #ad1818; }
|
|
#Cruiseprice input { background: #fff;}
|
|
/* 三峡游船价格表 */
|
|
table.table-bordered { border-left: 1px solid #d1d1d1;
|
|
border-spacing: 0;
|
|
width: 100%;}
|
|
table.table-bordered th {
|
|
font-weight: 400;
|
|
background: #555;
|
|
padding: 15px 10px;
|
|
border-top: 1px solid #d1d1d1;
|
|
border-right: 1px solid #d1d1d1;
|
|
border-bottom: 1px solid #d1d1d1;
|
|
color: #fff;}
|
|
table.table-bordered td {padding: 15px;
|
|
border-right: 1px solid #c9c9c9;
|
|
border-bottom: 1px solid #c9c9c9;
|
|
font-size: 18px;
|
|
line-height: 22px;}
|
|
table.table-bordered tr:nth-child(odd) td {
|
|
background: #f6f6f6;
|
|
}
|
|
ul.nav-tabs { display: inline-block;
|
|
padding-left: 0;
|
|
margin-bottom: -54px;
|
|
height: 88px;}
|
|
ul.nav-tabs li { float: left;
|
|
margin-bottom: -1px;
|
|
list-style: none;
|
|
font-size: 18px;
|
|
margin-right: 10px;
|
|
border: 1px solid #d1d1d1;
|
|
border-bottom: none;
|
|
padding: 8px 15px;
|
|
border-radius: 4px 4px 0 0;}
|
|
ul.nav-tabs li.active { background: #555; border: none;}
|
|
ul.nav-tabs li.active a { color: #fff;}
|
|
table.table-bordered td .quotation { font-weight: 600;
|
|
font-style: italic;
|
|
margin-bottom: -15px;
|
|
display: block;}
|
|
.Search { background: #ececec;
|
|
border-radius: 4px;
|
|
padding: 25px 15px;
|
|
margin-bottom: 30px;}
|
|
.FindCruise {
|
|
margin-bottom: 20px;
|
|
font-weight: 600;
|
|
display: block;
|
|
text-align: center;
|
|
text-transform: uppercase;}
|
|
.RouteSearch, .DateSearch {display: inline-block;
|
|
float: left;
|
|
margin-right: 20px;
|
|
font-size: 18px;
|
|
margin-top: -5px;}
|
|
select.route {font-size: 16px;
|
|
color: #333;
|
|
height: 35px;
|
|
padding: 0 8px;
|
|
border: medium none;
|
|
border-radius: 4px;
|
|
width: 285px;
|
|
box-shadow: 0 0 2px #999;}
|
|
input.dateicon {font-size: 16px;
|
|
width: 150px;
|
|
color: #333;
|
|
height: 35px;
|
|
width: 125px;
|
|
padding: 0 8px;
|
|
border: medium none;
|
|
border-radius: 4px;
|
|
box-shadow: 0 0 2px #999;
|
|
background: url(https://data.chinahighlights.com/css/images/calender.GIF) 95% 10px no-repeat #fff;
|
|
}
|
|
.searchNow {
|
|
background: #ad1818;
|
|
display: inline-block;
|
|
margin-top: -3px;
|
|
padding: 3px 0px;
|
|
}
|
|
.searchNow a {
|
|
color: #fff;
|
|
font-size: 18px;
|
|
padding: 5px 15px;
|
|
}
|
|
/*目的地推荐*/
|
|
.CityTag {
|
|
width: calc(100% - 30px);
|
|
color: #fff;
|
|
position: absolute;
|
|
padding: 15px;
|
|
text-shadow: 1px 1px 1px #000;
|
|
font-family: 'Goudy Old Style';
|
|
font-weight: 600;
|
|
bottom: 0;
|
|
font-size: 20px;
|
|
line-height: 20px;
|
|
}
|
|
.CityTag strong {font-size: 25px;
|
|
display: block;
|
|
font-family: 'Goudy Old Style';
|
|
margin-bottom: 5px;
|
|
line-height: 25px;}
|
|
.CityTag:hover {text-decoration: underline;}
|
|
/*trip notes折叠*/
|
|
#expandAll {
|
|
float: right;
|
|
cursor: pointer;
|
|
padding-bottom: 10px;
|
|
font-style: italic;
|
|
color: #ad1818;
|
|
}
|
|
.tripnotes {
|
|
margin: 15px 0 30px 0;
|
|
font-size: 20px;
|
|
clear: both;
|
|
border-top: 1px solid #d1d1d1;
|
|
cursor: pointer;
|
|
padding: 10px 25px 0 0;
|
|
line-height: 27px;
|
|
}
|
|
.tripnotes .CloseIcon {
|
|
background: url(//data.chinahighlights.com/pic/close-icon-bj-1.png) no-repeat;
|
|
height: 20px;
|
|
width: 20px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
float: right;
|
|
display: block;
|
|
top: 0;
|
|
}
|
|
.tripnotes .OpenIcon {
|
|
background: url(//data.chinahighlights.com/pic/open-icon-bj-1.png?20180227) no-repeat;
|
|
height: 20px;
|
|
width: 20px;
|
|
cursor: pointer;
|
|
position: relative;
|
|
float: right;
|
|
display: block;
|
|
top: 0;
|
|
}
|
|
.tour_img_title { position: relative;}
|
|
.city_reco_tour { width: calc(100% - 40px);
|
|
display: block;
|
|
margin-top: -15px;
|
|
padding: 25px 15px 0px 15px;
|
|
margin-bottom: 30px;
|
|
background: #f6f6f6;}
|
|
/* tour集合页元素 结束 */
|
|
|
|
|
|
/* Menu styles */
|
|
.menu {
|
|
position: fixed;
|
|
background: #333;
|
|
z-index: 9999999;
|
|
top: 49px;
|
|
width: 100%;
|
|
height: 100vh;
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0);
|
|
-webkit-transition: -webkit-transform 0.3s;
|
|
transition: transform 0.3s;
|
|
}
|
|
|
|
.menu__level {
|
|
position: absolute;
|
|
left: 0;
|
|
visibility: hidden;
|
|
overflow: hidden;
|
|
overflow-y: scroll;
|
|
width: calc(100% + 50px);
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
top: 120px;
|
|
list-style-type: none;
|
|
}
|
|
.menu__level:focus {
|
|
outline: none;
|
|
}
|
|
.menu__level--current {
|
|
visibility: visible;
|
|
}
|
|
.menu__item {
|
|
width: calc(100% - 50px);
|
|
margin-bottom: 0;
|
|
}
|
|
.menu__link {
|
|
font-weight: 600;
|
|
position: relative;
|
|
display: block;
|
|
padding: 5px 20px;
|
|
color: #fff;
|
|
font-size: 21px;
|
|
font-family: 'Goudy Old Style';
|
|
text-decoration: none;
|
|
}
|
|
.menu__link[data-submenu]::after {
|
|
content: "";
|
|
position: absolute;
|
|
width: 10px;
|
|
height: 10px;
|
|
transition: transform 0.5s;
|
|
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
|
|
border-top: 3px solid #f6f6f6;
|
|
border-right: 3px solid #f6f6f6;
|
|
float: right;
|
|
top: 15px;
|
|
right: 20px;
|
|
transform: rotate(
|
|
45deg
|
|
);
|
|
}
|
|
.menu__link:hover,
|
|
.menu__link:focus,
|
|
.menu__link[data-submenu]:hover::after,
|
|
.menu__link[data-submenu]:focus::after {
|
|
color: #f6f6f6;
|
|
}
|
|
.menu__link--current::before {
|
|
content: '\00B7';
|
|
font-size: 1.5em;
|
|
line-height: 0;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 0.5em;
|
|
height: 4px;
|
|
color: #f6f6f6;
|
|
}
|
|
[class^='animate-'],
|
|
[class*=' animate-'] {
|
|
visibility: visible;
|
|
}
|
|
.animate-outToRight .menu__item {
|
|
-webkit-animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
|
|
animation: outToRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
|
|
}
|
|
@-webkit-keyframes outToRight {
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
}
|
|
@keyframes outToRight {
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
}
|
|
.animate-outToLeft .menu__item {
|
|
-webkit-animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
|
|
animation: outToLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
|
|
}
|
|
@-webkit-keyframes outToLeft {
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
}
|
|
@keyframes outToLeft {
|
|
to {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
}
|
|
.animate-inFromLeft .menu__item {
|
|
-webkit-animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
|
|
animation: inFromLeft 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
|
|
}
|
|
@-webkit-keyframes inFromLeft {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes inFromLeft {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
.animate-inFromRight .menu__item {
|
|
-webkit-animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
|
|
animation: inFromRight 0.6s both cubic-bezier(0.7, 0, 0.3, 1);
|
|
}
|
|
@-webkit-keyframes inFromRight {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
@keyframes inFromRight {
|
|
from {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
to {
|
|
opacity: 1;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
.menu__breadcrumbs {
|
|
font-size: 16px;
|
|
line-height: 1;
|
|
position: relative;
|
|
padding: 25px 20px;
|
|
|
|
}
|
|
.menu__breadcrumbs a {
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
color: #fff;
|
|
}
|
|
.menu__breadcrumbs a:last-child {
|
|
pointer-events: none;
|
|
}
|
|
.menu__breadcrumbs a:hover,
|
|
.menu__breadcrumbs a:focus {
|
|
color: #000;
|
|
}
|
|
.menu__breadcrumbs a:not(:last-child)::after {
|
|
content: '←';
|
|
display: inline-block;
|
|
padding: 0 0.5em;
|
|
}
|
|
.menu__breadcrumbs a:not(:last-child):hover::after,
|
|
.menu__breadcrumbs a:not(:last-child):focus::after {
|
|
color: #999;
|
|
}
|
|
.menu__back {
|
|
position: absolute;
|
|
border: none;
|
|
background: none;
|
|
}
|
|
.menu__back--hidden {
|
|
pointer-events: none;
|
|
opacity: 0;
|
|
}
|
|
.menu__back:hover,
|
|
.menu__back:focus {
|
|
color: #fff;
|
|
outline: none;
|
|
}
|
|
.menu--open {
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
/* Open and close buttons */
|
|
.action {
|
|
position: absolute;
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
border: none;
|
|
background: none;
|
|
}
|
|
.action:focus {
|
|
outline: none;
|
|
}
|
|
.action--close {
|
|
top: 1.25em;
|
|
right: 1em;
|
|
display: none;
|
|
}
|
|
.action--close {
|
|
display: block;
|
|
}
|
|
/* menu end */
|
|
|
|
|
|
/*pc style begin */
|
|
.infobottom ul li {
|
|
list-style: none;
|
|
margin-bottom: 30px;
|
|
}
|
|
.infobottom ul li svg { background: #999;
|
|
border-radius: 50%;
|
|
padding: 5px;
|
|
margin-right: 10px;
|
|
float: left;
|
|
margin-top: -10px;
|
|
width: 25px;
|
|
height: 25px;}
|
|
.bottommedia ul {
|
|
padding-left: 0;
|
|
display: inline-block;
|
|
margin-left: 0;
|
|
margin-top: 0;
|
|
}
|
|
.bottommedia ul li a {
|
|
color: #fff;
|
|
font-size: 16px;
|
|
text-transform: uppercase;
|
|
text-decoration: none;
|
|
}
|
|
.followtitle a {
|
|
color: #fff;
|
|
}
|
|
.bottomlinks ul li {
|
|
font-size: 18px;
|
|
text-transform: uppercase;
|
|
margin-bottom: 10px;
|
|
width: 100%;
|
|
}
|
|
.bottomlinks ul {
|
|
display: inline-block;
|
|
padding-left: 0;
|
|
margin-top: 0;
|
|
}
|
|
.bottomlinks ul li a {
|
|
color: #fff;
|
|
text-decoration: none;
|
|
}
|
|
.aboutusleft {
|
|
width: 50%;
|
|
float: left;
|
|
display: inline-block;
|
|
}
|
|
.bottomaboutus {
|
|
margin-bottom: 50px;
|
|
}
|
|
.bottompctitle {
|
|
font-size: 18px;
|
|
text-transform: uppercase;
|
|
color: #999;
|
|
font-weight: bold;
|
|
width: 23%;
|
|
float: left;
|
|
}
|
|
.aboutusinfo {
|
|
font-size: 17px;
|
|
line-height: 23px;
|
|
padding-right: 20px;
|
|
color: #fff;
|
|
}
|
|
.aboutusinfo a {
|
|
color: #fff;
|
|
}
|
|
.bottomfollowus ul {
|
|
padding-left: 10px;
|
|
display: inline-block;
|
|
margin-left: -15px;
|
|
margin-top: 0;
|
|
}
|
|
.bottomfollowus ul li {
|
|
float: left;
|
|
margin-right: 20px;
|
|
}
|
|
.bottomfollowus ul li a {
|
|
color: #fff;
|
|
text-transform: uppercase;
|
|
text-decoration: none;
|
|
}
|
|
.aboutusright {
|
|
width: 50%;
|
|
display: inline-block;
|
|
}
|
|
img.bottomfeature {
|
|
margin-left: 15px;
|
|
}
|
|
.bottomaboutuslinks {
|
|
border-top: 1px solid #797979;
|
|
margin-top: 50px;
|
|
}
|
|
.bottomlinksleft {
|
|
width: 75%;
|
|
float: left;
|
|
}
|
|
ul.withBorder {
|
|
padding: 0;
|
|
margin-top: 10px;}
|
|
ul.withBorder li {
|
|
display: inline;
|
|
margin-right: 20px;
|
|
}
|
|
ul.withBorder li a {
|
|
color: #b1b1b1;
|
|
text-decoration: none;
|
|
font-size: 17px;
|
|
}
|
|
.bottommembers {
|
|
width: 25%;
|
|
display: inline-block;
|
|
padding-top: 15px;
|
|
}
|
|
.bottommembers img {
|
|
display: inline-block;
|
|
}
|
|
.memberIcons {
|
|
text-align: right;
|
|
}
|
|
img.bottomlogopc {
|
|
float: left;
|
|
margin-right: 30px;
|
|
}
|
|
.bottomcopyright {
|
|
font-size: 18px;
|
|
display: inline-block;
|
|
padding-top: 30px;
|
|
}
|
|
.main_content {
|
|
width: 1140px;
|
|
margin: 0 auto;
|
|
}
|
|
.dropdown-content {
|
|
width: 100%;
|
|
left: 0;
|
|
display: none;
|
|
position: absolute;
|
|
}
|
|
.dropdown:hover .dropdown-content {
|
|
display: block;
|
|
}
|
|
|
|
/*palm reading form*/
|
|
#palmreading {border: 1px solid #d1d1d1;
|
|
padding: 0 15px;
|
|
box-shadow: 0px 0px 4px 1px #d1d1d1;
|
|
border-radius: 6px;}
|
|
.pickpalmline { display: inline-block;
|
|
clear: both;
|
|
}
|
|
.linepick { float: left; width: 25%; height: 330px;}
|
|
.pickpalmline label { display: inline-block;
|
|
max-width: 100%;
|
|
padding: 10px;
|
|
margin: 0 5px; border-radius: 4px;}
|
|
.pickpalmline label:hover {
|
|
cursor: pointer;
|
|
border: 2px solid #ad1818;
|
|
}
|
|
label.selected {
|
|
border: 2px solid #ad1818;
|
|
}
|
|
.pickpalmline .linepick:checked+label:hover {
|
|
cursor: pointer;
|
|
border: 2px solid #ad1818;
|
|
}
|
|
input.linepick {
|
|
display: none;}
|
|
#palmreading button { background: #ad1818;
|
|
border: none;
|
|
color: #fff;
|
|
display: block;
|
|
margin: 30px auto;
|
|
border-radius: 4px;
|
|
padding: 7px 30px;
|
|
cursor: pointer;
|
|
font-size: 18px;}
|
|
.lineinfo {
|
|
text-align: center;
|
|
padding: 0 5px;
|
|
}
|
|
|
|
/*zodiac 2020 */
|
|
#idzodiac {
|
|
background: #e3d5bf;
|
|
clear: both;
|
|
padding: 20px 20px 0 20px;
|
|
border-top: 1px solid #f0f0f0;
|
|
margin-top: 30px;
|
|
}
|
|
.zodiacsign {
|
|
float: left;
|
|
margin: 0 auto 30px auto;
|
|
width: 22.3%;
|
|
padding: 0 5px;
|
|
}
|
|
.zodiacsign img {
|
|
margin: 0 auto 5px auto;
|
|
}
|
|
.zodiacname {
|
|
text-align: center;
|
|
font-family: 'Goudy Old Style';
|
|
}
|
|
.zodiacname b {display: block;
|
|
margin-top: 5px;}
|
|
|
|
.zodiacknowledge {
|
|
background: #f5f0e2;
|
|
clear: both;
|
|
margin-bottom: 50px;
|
|
padding: 15px;
|
|
}
|
|
#zodiacFind {
|
|
background: url(https://data.chinahighlights.com/image/travelguide/zodiac/zodiac-find-bg.png) no-repeat top right #e3d5bf;
|
|
margin-bottom: 30px;
|
|
padding-bottom: 30px;
|
|
}
|
|
.findzodiac {
|
|
text-align: center;
|
|
width: 100%;
|
|
display: inline-block;
|
|
margin: 30px auto;
|
|
font-size: 22px;
|
|
}
|
|
.signsearch {
|
|
background: #ad1818;
|
|
color: #fff;
|
|
font-size: 20px;
|
|
width: 280px;
|
|
display: block;
|
|
margin: 0 auto;
|
|
padding: 5px 0;
|
|
border-radius: 25px;
|
|
border: none;
|
|
}
|
|
#zodiacFind label {
|
|
display: block;
|
|
}
|
|
label select {
|
|
margin: 0 200px;
|
|
width: 46%;
|
|
height: 35px;
|
|
border-radius: 4px;
|
|
font-size: 18px;
|
|
border: 2px solid #a6937c;
|
|
margin-bottom: 15px;
|
|
}
|
|
.compatiblesearch {
|
|
padding: 20px 0 0 0;
|
|
border: 1px solid #d1d1d1;
|
|
box-shadow: 0px 0px 8px 1px #d1d1d1;
|
|
border-radius: 4px;
|
|
background: url(https://data.chinahighlights.com/image/travelguide/zodiac/chinese-zodiac-love-compatibility-bg.jpg) no-repeat;
|
|
}
|
|
.compatibletitle {
|
|
text-align: center;
|
|
font-size: 25px;
|
|
margin-bottom: 20px;
|
|
font-weight: 600;
|
|
font-family: 'Goudy Old Style';
|
|
}
|
|
.aniTab2 {
|
|
padding: 0 160px;
|
|
}
|
|
.aniTab2 .name { font-size: 18px;}
|
|
.aniTab2 input {
|
|
width: 200px;
|
|
height: 30px;
|
|
border: 2px solid #a6937c;
|
|
border-radius: 4px;
|
|
font-size: 18px;
|
|
padding: 0 15px;
|
|
margin-left: 5px;
|
|
}
|
|
#imageField {
|
|
font-size: 22px;
|
|
border: none;
|
|
background: #ad1818;
|
|
color: #fff;
|
|
text-align: center;
|
|
width: 250px;
|
|
padding: 7px 0;
|
|
border-radius: 4px;
|
|
box-shadow: none;
|
|
}
|
|
.aniTab5 {
|
|
margin: 30px 0;
|
|
padding: 0 215px;
|
|
}
|
|
.resultred{ font-size: 22px;
|
|
color: #ad1818;
|
|
font-weight: 600;}
|
|
ul.zodiacsignlist, ul.ah_list {
|
|
display: inline-block;
|
|
width: 100%;
|
|
padding-left: 0;}
|
|
ul.zodiacsignlist li, ul.ah_list li {
|
|
cursor: pointer;
|
|
font-size: 18px;
|
|
list-style: none;
|
|
float: left;
|
|
background: #3a3a32;
|
|
color: #fff;
|
|
text-align: center;
|
|
padding: 10px 0;
|
|
margin-bottom: 2px;
|
|
margin: 0 1px 2px 1px;
|
|
display: inline-block;
|
|
width: 19.4%;
|
|
}
|
|
ul.zodiacsignlist li.active, ul.ah_list li.active { background: #ad1818;}
|
|
ul.zodiacsignlist li a, ul.ah_list li a { color: #fff;}
|
|
.contactwechat {
|
|
height: 100px;
|
|
margin: 30px auto 35px auto;
|
|
width: 445px;
|
|
font-weight: 600;
|
|
font-style: italic;
|
|
}
|
|
.contactwechat img {
|
|
box-shadow: 1px 1px 5px 1px #d2d2d2;
|
|
float: left;
|
|
margin-right: 10px;
|
|
}
|
|
.wechatinfo {
|
|
padding: 20px 0;
|
|
display: table-cell;
|
|
font-size: 20px;
|
|
line-height: 25px;
|
|
}
|
|
.wechatred {
|
|
color: #ad1818;
|
|
}
|
|
.requiredArea {color: #ad1818;
|
|
text-align: left;
|
|
display: block;
|
|
font-size: 16px;
|
|
font-style: italic;
|
|
border-bottom: 1px dashed #ad1818;
|
|
margin: 10px 15px;}
|
|
.zodiacsign_content { display: inline-block;}
|
|
/*--pay online--*/
|
|
.selectHotl {
|
|
width: 100%;
|
|
text-align: center;
|
|
display: inline-block;
|
|
margin-bottom: 40px;
|
|
margin-top: -20px;
|
|
}
|
|
.optionLable {
|
|
width: 31.8%;
|
|
display: inline-block;
|
|
margin-top: 10px;
|
|
float: left;
|
|
margin-right: 10px;
|
|
background: #fff;
|
|
}
|
|
.optionLable input {
|
|
display: none;
|
|
}
|
|
.optionLable input[type="radio"]+label {
|
|
font-size: 19px;
|
|
border: 1px solid #d1d1d1;
|
|
border-radius: 4px;
|
|
display: block;
|
|
text-align: center;
|
|
color: #000;
|
|
min-height: 40px;
|
|
padding: 10px;
|
|
font-family: Calibri;
|
|
line-height: 22px;
|
|
}
|
|
.selectionMemo {
|
|
font-size: 20px;
|
|
font-style: italic;
|
|
font-weight: 600;
|
|
margin-top: 2px;
|
|
color: #ad1818;
|
|
}
|
|
.optionLable input[type="radio"]+label:hover {
|
|
border: 2px solid #ad1818;
|
|
cursor: pointer;
|
|
color: #ad1818;
|
|
}
|
|
.optionLable input[type="radio"]:checked+label {
|
|
border: 2px solid #ad1818;
|
|
color: #ad1818;
|
|
}
|
|
.peopleSelect {
|
|
width: 33%;
|
|
display: inline-block;
|
|
float: left;
|
|
}
|
|
.age_range {
|
|
display: inline-block;
|
|
margin-top: 50px;
|
|
}
|
|
.travel_group input[type="radio"]+label:hover, .travel_group input[type="radio"]:checked+label {
|
|
cursor: pointer;
|
|
color: #fff;
|
|
background: #ad1818;
|
|
}
|
|
.formMemo {
|
|
font-size: 18px;
|
|
display: block;
|
|
margin-bottom: 10px;
|
|
}
|
|
.numberBtn {
|
|
width: 100%;
|
|
display: flex;
|
|
}
|
|
.minaddBtn {
|
|
background: #FFF;
|
|
border: 1px solid #d1d1d1;
|
|
border-radius: 4px;
|
|
color: #ad1818;
|
|
width: 20% !important;
|
|
font-size: 35px;
|
|
margin-top: 5px;
|
|
cursor: pointer;
|
|
padding: 5px 10px 5px 10px !important;
|
|
margin-right: 5px;
|
|
}
|
|
.kidNum, .number {
|
|
width: 35% !important;
|
|
text-align: center;
|
|
border: 1px solid #d1d1d1;
|
|
border-radius: 4px;
|
|
height: 30px;
|
|
font-size: 25px;
|
|
position: relative;
|
|
top: -3px;
|
|
padding: 10px !important;
|
|
}
|
|
.kids_age {
|
|
float: left;
|
|
width: 29%;
|
|
margin: 0 5px 25px 5px;
|
|
}
|
|
#childrenBlock p {
|
|
font-size: 18px;
|
|
text-align: left;
|
|
font-weight: 400;
|
|
padding-bottom: 0;
|
|
margin-top: 15px;
|
|
}
|
|
select.kids_number {
|
|
margin-right: 5px;
|
|
border: none;
|
|
font-size: 16px;
|
|
color: #555;
|
|
height: 41px;
|
|
padding-left: 10px;
|
|
background: #fff;
|
|
border-radius: 6px;
|
|
width: 100%;
|
|
}
|
|
.payonline_price {background: #fff;
|
|
text-align: center;
|
|
font-size: 25px;
|
|
padding: 10px 0;
|
|
margin-bottom: 10px;}
|
|
.payonline_price strong {color: #ad1818;
|
|
font-size: 27px;}
|
|
|
|
/*pc style end */
|
|
@media (min-width: 1200px) {
|
|
h2, p { clear: none !important;}
|
|
.topcontent {margin-top: 70px !important;}
|
|
.all_width_content_1200, .list_content {
|
|
width: 1140px !important;
|
|
margin: 0 auto;
|
|
}
|
|
.updated_news {top: 66px;}
|
|
.detailtopbanner {
|
|
padding-top: 66px;
|
|
}
|
|
.tourleft {
|
|
position: relative;
|
|
float: left !important;
|
|
margin-right: 20px !important;
|
|
width: 50% !important;
|
|
}
|
|
#main_content_next { clear: both; background: #fff;}
|
|
.zodiacsign { width: 15%;}
|
|
ul.zodiacsignlist li, ul.ah_list li { width: 123px;}
|
|
.infotopimage img { width: 750px !important; margin-top: 30px; border-radius: 6px;}
|
|
.authorupdate { margin: -30px 0 40px 0;}
|
|
.tournavi {
|
|
top: 66px;
|
|
width: 750px;
|
|
position: sticky;
|
|
border-bottom: 1px solid #d2d2d2;
|
|
border-left: 1px solid #d2d2d2;
|
|
border-right: 1px solid #d2d2d2;
|
|
box-shadow: 0px 2px 6px #d2d2d2;
|
|
background: #fff;
|
|
z-index: 1;
|
|
display: flex;
|
|
margin-top: -35px;
|
|
}
|
|
.footerBtn button { width: 25%;}
|
|
.infobottom {
|
|
background: #fff !important;
|
|
position: relative;
|
|
color: #fff;
|
|
clear: both;
|
|
padding-bottom: 70px;
|
|
padding-top: 120px;
|
|
z-index: 999;
|
|
top: -30px;
|
|
margin-bottom: -30px;
|
|
}
|
|
.citytours, p.center, .citytours h3 {
|
|
padding: 0;
|
|
}
|
|
.topcontent {
|
|
margin-top: 40px;
|
|
padding: 50px 0 0 0;
|
|
width: 1140px;
|
|
}
|
|
.start-nav-item a {
|
|
background: none !important;
|
|
padding: 0 !important;
|
|
font-size: 19px;
|
|
}
|
|
.infotailor {
|
|
background: #f1f1f1;
|
|
}
|
|
.infotailor:after {
|
|
content: ' ';
|
|
position: absolute;
|
|
left: calc(100% - 53%);
|
|
border: 50px solid;
|
|
border-color: #fff transparent transparent transparent;
|
|
}
|
|
.infotailorword {
|
|
font-size: 30px;
|
|
text-align: center;
|
|
line-height: 35px;
|
|
top: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
left: 0;
|
|
color: #000;
|
|
padding-top: 85px;
|
|
|
|
}
|
|
#main_content_pc {float: left; width: 1140px; }
|
|
.bottomlogo {
|
|
height: 71px !important;
|
|
background-color: #1e1e1e;
|
|
padding: 0;
|
|
color: #fff;
|
|
position: relative;
|
|
background: #1e1e1e !important;
|
|
padding-left: 0 !important;
|
|
}
|
|
.visible-xs {
|
|
display: none !important;
|
|
}
|
|
.headerbar {
|
|
height: 65px !important;
|
|
background-color: #fff;
|
|
position: fixed;
|
|
width: 100%;
|
|
box-shadow: 0px 2px 4px 0px #d1d1d1;
|
|
z-index: 99999;
|
|
}
|
|
.searchtextbox {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.chinatourspc, .destinationspc, .travelguidepc, .culturepc {
|
|
padding-top: 25px;
|
|
background: #fff;
|
|
height: 215px;
|
|
box-shadow: 0px 2px 4px 0px #d1d1d1;}
|
|
.siteSearch {
|
|
float: left;
|
|
margin-top: 14px;
|
|
}
|
|
.siteSearch .strkeys {
|
|
border: 0;
|
|
display: inline-block;
|
|
width: 160px;
|
|
color: #666;
|
|
height: 35px;
|
|
font-size: 15px;
|
|
padding: 0 10px 0 0;
|
|
margin-left: 0;
|
|
|
|
}
|
|
.siteSearch .strkeys:focus-visible {outline: none;}
|
|
.siteSearch .submits {
|
|
position: relative;
|
|
top: 7px;
|
|
width: 22px;
|
|
}
|
|
.topnavitailor {
|
|
margin-top: 18px;
|
|
margin-right: 10px;
|
|
background: #ad1818;
|
|
text-align: center;
|
|
border-radius: 30px;
|
|
text-transform: uppercase;
|
|
float: left;
|
|
height: 31px;
|
|
}
|
|
.topnavitailor a {
|
|
color: #fff;
|
|
border: none;
|
|
display: inline-block;
|
|
font-weight: 600;
|
|
padding: 5px 10px;
|
|
font-size: 17px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
}
|
|
ul.list-reset {
|
|
background: none;
|
|
top: 15px;
|
|
width: 1200px;
|
|
position: absolute;
|
|
padding-left: 150px;
|
|
}
|
|
ul.list-reset li.sub-nav-item {
|
|
list-style: none;
|
|
text-align: center;
|
|
margin-bottom: 25px;
|
|
|
|
}
|
|
li.sub-nav-item a {
|
|
color: #fff;
|
|
font-size: 40px;
|
|
font-weight: 700;
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
.footerbox {
|
|
max-width: 100%;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
background: #3d3d3d;
|
|
padding: 100px 15px;
|
|
margin-bottom: -70px;
|
|
}
|
|
.newsletter_form {margin-bottom: 0; background: url(https://data.chinahighlights.com/image/forms/ch-bottom-newsletter-bg-beijing-great-wall.jpg) no-repeat; background-size: cover;}
|
|
.newsletter_form input {width: 45%;
|
|
float: left;
|
|
height: 40px;
|
|
border-radius: 4px;
|
|
border: 1px solid #d1d1d1;
|
|
font-size: 17px;
|
|
padding: 0 10px;
|
|
margin: 0 10px 30px 10px;}
|
|
.newsletter_form button { background: #ad1818;
|
|
color: #fff;
|
|
margin-top: 30px;
|
|
font-size: 20px;
|
|
border-radius: 30px;
|
|
border: none;
|
|
padding: 6px 0;
|
|
width: 30%;
|
|
font-family: 'Goudy Old Style';
|
|
font-weight: 600;
|
|
margin: 0 auto;
|
|
display: block;}
|
|
img.chinahighlightslogo {
|
|
padding-left: 0;
|
|
height: 65px;
|
|
width: 120px;
|
|
}
|
|
ul.pctopnavi {
|
|
display: flex;
|
|
padding-left: 10px;
|
|
margin-bottom: 0;
|
|
margin-top: 0;
|
|
|
|
}
|
|
ul.pctopnavi li {
|
|
list-style: none;
|
|
color: #fff;
|
|
float: left;
|
|
margin-right: 20px;
|
|
font-size: 16px;
|
|
}
|
|
.pcnavibutton {
|
|
float: right;
|
|
position: relative;
|
|
top: -67px;
|
|
}
|
|
|
|
li.dropdown{ text-transform: uppercase;}
|
|
li.dropdown a {
|
|
display: table-cell;
|
|
padding: 23px 0;
|
|
text-decoration: none;
|
|
}
|
|
li.dropdown a:hover {
|
|
border-bottom: 5px solid #ad1818;
|
|
padding: 21px 0 19px 0;
|
|
}
|
|
a.p_toplogo {
|
|
float: left;
|
|
}
|
|
a.p_topnavilink { font-weight: 600;}
|
|
|
|
@media (min-width: 751px) {
|
|
.tournavi {top: 66px;
|
|
width: 750px;
|
|
position: sticky;
|
|
border-bottom: 1px solid #d2d2d2;
|
|
border-left: 1px solid #d2d2d2;
|
|
border-right: 1px solid #d2d2d2;
|
|
box-shadow: 0px 2px 6px #d2d2d2;
|
|
background: #fff;
|
|
z-index: 1;
|
|
display: flex;
|
|
margin-top: -35px;}
|
|
.articlereco, .poparticle {width: auto ;}
|
|
.all_width_content_1200 { padding: 0 15px; width: auto ;}
|
|
.headerbar { height: 66px;}
|
|
.updated_news { top: 66px; font-size: 17px;}
|
|
.detailtopbanner { padding-top: 65px;}
|
|
.list_content, #main_content_mobile { padding: 0 15px; width: auto ;}
|
|
img.chinahighlightslogo {padding-left: 5px; float: left; width: auto ;}
|
|
.wechat_button { width: 80px; bottom: 25px;}
|
|
.topnavitailor { float: right;}
|
|
.topcontent { margin-top: 0 !important;}
|
|
.formerSubTitle {bottom: 240px; width: auto; left: 0; font-size: 40px !important; font-family: 'Goudy Old Style';}
|
|
.siteSearch { margin-bottom: 30px;}
|
|
input.strkeys {width: calc(100% - 70px);
|
|
margin: 0 15px;
|
|
height: 40px;
|
|
font-size: 19px;
|
|
padding: 0 15px;}
|
|
input.submits {right: 15px;
|
|
position: relative;
|
|
float: right;
|
|
top: -36px;
|
|
width: 30px;}
|
|
a.infocustomize {font-size: 21px;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
margin:10px 35px;
|
|
position: relative;
|
|
top: 15px;}
|
|
img.navimenu { position: relative;
|
|
right: 15px;
|
|
top: 20px;}
|
|
.detailtopbanner img, .infotopimage img { width: 100%;}
|
|
.infobottom {background: #3d3d3d;
|
|
color: #fff;
|
|
margin-top: -5px;
|
|
clear: both;
|
|
padding: 50px 0;
|
|
position: relative;}
|
|
img.bottomlogocenter {display: block;margin: 0 auto;}
|
|
.bottomlogoinfo {
|
|
color: #fff;
|
|
text-align: center;
|
|
margin-bottom: 30px;
|
|
font-size: 18px;
|
|
padding: 0 25px;
|
|
line-height: 23px;
|
|
}
|
|
.bottomlogoinfo a {color: #fff;}
|
|
.bottomlogo {
|
|
font-size: 16px;
|
|
height: 56px;
|
|
background: url(https://data.chinahighlights.com/pic/guide/info-template-bottom-logo.jpg) no-repeat 20px 0px #1e1e1e;
|
|
color: #fff;
|
|
padding-left: 160px;
|
|
padding-top: 15px;
|
|
position: relative;
|
|
}
|
|
.tourleft {
|
|
float: none;
|
|
margin-right: 0;
|
|
width: 100%;
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
@media (max-width: 750px) {
|
|
/*底部logo*/
|
|
.infotailor:after {
|
|
content: ' ';
|
|
position: absolute;
|
|
left: calc(100% - 60%);
|
|
right: auto;
|
|
top: 0px;
|
|
bottom: auto;
|
|
border: 40px solid;
|
|
border-color: #fff transparent transparent transparent;
|
|
}
|
|
.infotailorword { top: calc(100% - 200px);font-size: 23px;line-height: 27px;}
|
|
table.why_us_table { width: 1060px;}
|
|
.bottom_why_us { height: 500px;}
|
|
.bottom_why_us_content { padding: 0; height: auto;}
|
|
.bottom_why_us_content h3 { padding-top: 25px;}
|
|
.web_cookie { padding-bottom: 50px; width: 100%;}
|
|
.wechat_button { bottom: 15px;
|
|
right: 25px;
|
|
width: calc(100% - 35px);
|
|
height: 30px;
|
|
z-index: 999999;}
|
|
.wechat_button a { width: 100%;
|
|
text-transform: capitalize;
|
|
font-size: 18px;
|
|
height: 27px;
|
|
border-radius: 30px;
|
|
padding-top: 8px;
|
|
font-family: 'Goudy Old Style';
|
|
box-shadow: 1px 1px 4px 2px #d1d1d1;}
|
|
ul.infolist, ul.drop1, ul.ghlist { margin: 0 15px 0 30px; }
|
|
.updated_news {top: 49px; padding: 7px 15px; width: calc(100% - 30px);line-height: 20px;}
|
|
.infotopimage img { margin-bottom: 20px;}
|
|
.articlenexttitle { background: #f6f6f6;}
|
|
.bottom_destinations { display: inline-block;}
|
|
.destination_links {width: 50%; float: left;}
|
|
.bottom_destinations ul { padding: 0 20px;}
|
|
.bottom_destinations ul li { margin-right: 0;}
|
|
/*信息集合页*/
|
|
.destinations { padding: 0;}
|
|
.all_width_content_1200, .list_content, .cruise_index_top_info { width: 100%;}
|
|
/*tour集合页*/
|
|
.checkYes { width: auto; text-align: left;}
|
|
.checkYes input {width: 20px !important; margin-right: 10px !important;}
|
|
.tripnotes { padding-left: 15px;}
|
|
.tourleftinfo { position: initial;
|
|
border: 1px solid #cecece;
|
|
padding: 20px;}
|
|
.recotourname a, ul.expatstourtag li { color: #000;}
|
|
ul.expatstourtag li { width: 100%; margin-bottom: 5px;}
|
|
.tourbutton { display: block;
|
|
margin: 10px auto; width: fit-content;}
|
|
.tourbutton a { color: #ad1818; text-align: center;}
|
|
.grouptours, .feedback_content_right, .destinations, .chinamap_travelguide, .poparticle { width: 100%;}
|
|
.chinamap_travelguide { margin-top: 0;}
|
|
.detailtopbanner {padding-top: 49px;}
|
|
.beijingexperienceinfo { width: calc(100% - 20px);}
|
|
.experience { margin-right: 0;}
|
|
.experienceimg { flex-direction: column;}
|
|
ul.catalog {padding: 0 15px;}
|
|
.contactinfo { width: auto;
|
|
font-size: 18px;
|
|
border-right: none;
|
|
float: none;
|
|
margin-right: 0px;
|
|
padding: 20px;
|
|
line-height: 25px;}
|
|
.contactcode { text-align: center;}
|
|
.contactcode img {margin: 0 auto;
|
|
display: block;
|
|
margin-bottom: 15px;}
|
|
.tourleft { float: none;
|
|
margin-right: 0;
|
|
width: auto;
|
|
margin: 0 15px 30px 15px;}
|
|
.righttour img { float: none; width: 100%;}
|
|
.righttour {
|
|
margin: 0 15px 30px 15px;
|
|
display: block;
|
|
height: auto;}
|
|
.rightinfo { min-height: auto;
|
|
padding: 20px 15px;
|
|
display: block;
|
|
width: auto;}
|
|
.listtour, .traveler_story { display: block;}
|
|
.expatstour {width: auto;
|
|
height: auto;
|
|
padding: 0;
|
|
margin-right: 0;
|
|
margin-bottom: 30px;}
|
|
.InquiryButtonTour a { width: 80%;}
|
|
ul.expatstourtag { display: inline-block;
|
|
height: 100%;}
|
|
.tourdetailinfo { height: auto; margin-bottom: 0; width: auto; display: block; padding-bottom: 10px;}
|
|
.recotourname { font-size: 27px; line-height: 30px;}
|
|
.articlenext { margin-left: 15px; margin-right: 0;}
|
|
.tour_feedback {
|
|
width: 280px;
|
|
height: 290px;
|
|
margin: 0 15px 0 0;
|
|
}
|
|
.expatstourname, .tourdetailinfo ul.infolist li { height: auto !important;}
|
|
/*集合页 结束*/
|
|
|
|
h1 { font-size: 33px;
|
|
line-height: 33px;
|
|
padding: 30px 15px 50px 15px;}
|
|
h2 { font-size: 30px;}
|
|
h3 { font-size: 27px;}
|
|
h2, h3{ padding: 70px 15px 15px 15px;}
|
|
p {padding: 0 15px 30px 15px; width: auto;}
|
|
img.chinahighlightslogo {
|
|
padding-left: 5px;
|
|
position: relative;
|
|
height: 47px;
|
|
display: inline-block;
|
|
width: 190px;
|
|
}
|
|
.infocategory { padding-left: 15px;}
|
|
.topnavitailor {
|
|
height: 29px;
|
|
margin-top: 11px;
|
|
display: flex;
|
|
position: absolute;
|
|
right: 0;
|
|
}
|
|
.siteSearch {
|
|
margin-left: 15px;
|
|
position: relative;
|
|
width: calc(100% - 30px);
|
|
margin-right: 15px;
|
|
background: #fff;
|
|
height: 40px;
|
|
margin-bottom: 30px;
|
|
}
|
|
.siteSearch .strkeys {
|
|
height: 39px;
|
|
padding: 0 15px;
|
|
font-size: 16px;
|
|
width: calc(100% - 75px);
|
|
border: none;
|
|
}
|
|
.siteSearch .submits {
|
|
padding-top: 10px;
|
|
width: 20px;
|
|
position: absolute;
|
|
right: 10px;
|
|
}
|
|
.topnavitailor .topnaviarrowdown {padding: 2px 7px;}
|
|
.topnavibutton { height: 47px; display: flex;}
|
|
.infoimage img { border-radius: 0;}
|
|
.articlereco { width: auto;
|
|
margin: 0;
|
|
z-index: 999;
|
|
background: #fff;
|
|
position: relative;
|
|
padding: 120px 0;}
|
|
.recotitlebg h2 {
|
|
padding: 0 0 15px 0;
|
|
width: 100%;
|
|
background: none;
|
|
text-align: center;
|
|
}
|
|
.infotopimage {margin-top: 49px;}
|
|
.tournavi {
|
|
position: sticky;
|
|
z-index: 11;
|
|
box-shadow: 0 0 5px #9d9d9d;
|
|
border-bottom: 1px solid #d9d9d9;
|
|
margin: 0 auto;
|
|
margin-top: -30px;
|
|
background: #fff;
|
|
top: 53px;
|
|
width: 100%;
|
|
display: flex;
|
|
}
|
|
.whatsnewinfo { display: inline-block; }
|
|
.aniTab2, .aniTab5 {
|
|
padding: 0 15px;
|
|
}
|
|
#imageField { width: 100%;}
|
|
.aniTab2 input { width: 88%;
|
|
margin-left: 0;
|
|
margin-top: 5px;}
|
|
.lovetitle {
|
|
line-height: 65px;
|
|
font-size: 40px;
|
|
}
|
|
label select {
|
|
margin: 0 100px;
|
|
margin-bottom: 15px;
|
|
}
|
|
.linepick {width: 33%;
|
|
height: 290px;}
|
|
#palmreading { padding: 10px;}
|
|
.infobottom {
|
|
background: #3d3d3d;
|
|
color: #fff;
|
|
clear: both;
|
|
padding: 50px 0;
|
|
position: relative;
|
|
}
|
|
img.bottomlogocenter {display: block; margin: 0 auto;}
|
|
.bottomlogoinfo {color: #fff;
|
|
text-align: center;
|
|
margin-bottom: 30px;
|
|
font-size: 18px;
|
|
padding: 0 25px;
|
|
line-height: 23px;}
|
|
.bottomlogoinfo a { color: #fff; }
|
|
.headerbar {
|
|
position: fixed;
|
|
width: 100%;
|
|
top: 0;
|
|
box-shadow: 1px 1px 6px 1px #f6f6f6;
|
|
background: #fff;
|
|
z-index: 99999;
|
|
}
|
|
.bottomlogo {
|
|
font-size: 16px;
|
|
height: 56px;
|
|
background: url(https://data.chinahighlights.com/pic/guide/info-template-bottom-logo.jpg) no-repeat 20px 0px #1e1e1e;
|
|
color: #fff;
|
|
padding-left: 160px;
|
|
padding-top: 15px;
|
|
position: relative;
|
|
}
|
|
.hidden-xs {
|
|
display: none !important
|
|
}
|
|
.visible-xs {
|
|
display: block !important
|
|
}
|
|
.photoBlock300 {
|
|
float: none;
|
|
margin: 0 auto 30px auto;
|
|
}
|
|
.tourdaytitle { display: block;
|
|
line-height: 25px;
|
|
}
|
|
.ch_readnext { padding: 0 15px;}
|
|
.ch_readnext img {width: 100%;}
|
|
.readnext_info {background: #f7f7f7;
|
|
padding: 20px; display: inline-block;}
|
|
.contactwechat {width: auto;
|
|
padding: 0 20px;}
|
|
.wechatinfo {padding: 0; line-height: 23px;}
|
|
ul.nav-tabs li {border-bottom: 1px solid #d1d1d1;
|
|
margin-bottom: 10px;
|
|
border-radius: 0;
|
|
padding: 8px 10px;}
|
|
ul.nav-tabs { padding: 0 15px;
|
|
display: inline-block;
|
|
margin-bottom: -4px;
|
|
height: 100%;}
|
|
.RouteSearch, .DateSearch { margin-right: 0;
|
|
display: flex;
|
|
margin: 15px 0;
|
|
width: 100%;}
|
|
.Route, .Date { margin-right: 10px;}
|
|
select.route { width: 90%; margin-top: -5px;}
|
|
.FindCruise { background: none;}
|
|
input.dateicon { width: 66%; margin-top: -5px;}
|
|
.SearchButton { margin-top: 15px;}
|
|
.cruise_top_info, .city_reco_tour { width: auto;}
|
|
.cabin_info { padding: 15px 0 0 0;}
|
|
.cabin_info img { float: none; margin-bottom: 20px;}
|
|
.cruise_price { width: auto; display: block; clear: both;}
|
|
table.cruise_highlights {width: 4000px;}
|
|
.compatiblesearch {height: auto;}
|
|
.cruise_index_top_info { width: auto;}
|
|
.cruise_index_calendar { width: calc(100% - 30px);
|
|
margin-bottom: 50px;}
|
|
.homepage_confidence_content {display: block; padding-left: 15px;}
|
|
.homepage_confidence { margin-bottom: 15px; }
|
|
.confidence_content, .confidence_content_100 {width: auto; margin: 0 0 30px 0; height: auto; padding: 15px 0;}
|
|
.confidence_bg { padding: 0 15px;}
|
|
.confidence_tag { left: 30%;}
|
|
.confidence_customer img.confidence_image { position: initial;}
|
|
.confidence_content_half {width: auto;
|
|
margin-right: 0;
|
|
height: auto;
|
|
padding: 15px 0;}
|
|
.risk-free { width: calc(100% - 30px);
|
|
padding: 50px 15px 0 15px;
|
|
display: inline-block;
|
|
margin: 70px 0 30px 0;}
|
|
.content_name {display: flex;
|
|
padding-top: 5px;}
|
|
.traveler_story img { width: 100%; height: 100%;}
|
|
.traveler_story_content {width: calc(100% - 30px); margin: 30px 15px 30px 15px;}
|
|
.right_tour { display: none;}
|
|
.rightdestination { height: auto;}
|
|
.info_page_contact_us_word {padding: 0 15px;
|
|
width: 65%;
|
|
line-height: 20px;}
|
|
.info_page_contact_us_word strong {font-size: 25px; margin-bottom: 10px;}
|
|
.feedback_content img { padding-left: 15px; margin-bottom: 5px;}
|
|
.feedback_content { padding: 20px 15px; margin-bottom: -20px;}
|
|
.optionLable {width: 47%;}
|
|
.peopleSelect { width: 100%;}
|
|
.kidNum, .number { height: 50px;}
|
|
select.country_code {width: 100%; margin-bottom: 15px;}
|
|
input.Inquiryphone { width: 96% !important;}
|
|
.zodiacknowledge {padding: 0;}
|
|
.travel_group {
|
|
width: 16%;
|
|
margin-right: 30px;
|
|
}
|
|
.selectionBlock {
|
|
display: inline-block;
|
|
}
|
|
.age_range { margin-top: 0;}
|
|
.info_ad_name { position: initial;}
|
|
.info_ad_name strong {
|
|
line-height: 22px;
|
|
font-size: 22px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.info_ad img { border-radius: 0;}
|
|
.info_ad_content {background: #f6f6f6; position: initial;}
|
|
.info_ad_name a { color: #000;
|
|
text-shadow: none;
|
|
width: 75%;
|
|
font-size: 18px;}
|
|
}
|