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.

863 lines
59 KiB
CSS

@charset "utf-8";
/* by Mercier*/
ol.whyus { margin-left: 20px }
ol.whyus li { line-height: 22px; margin-bottom: 10px; padding-left: 10px; }
.daytourBox { margin: 0 0 15px 0; }
.dayTourList { margin: 10px 0 20px 0; }
.itineraryTitle { display: block; background: url(https://data.chinahighlights.com/css/images/tour/detail/itinerary-43x29.png) no-repeat left; padding-left: 55px; font-size: 22px; margin: 25px 0 20px; }
.itineraryTitle:first-letter { font-size: 25px; }
.dayTourList > ul { margin: 0 }
.dayTourList > ul li { line-height: 18px; margin-bottom: 8px; }
.dayTourList > p { text-align: justify; }
/* tianjin cruise form */
.joinaHike { width: 100%; background: #f1f1f1; border-radius: 6px; padding: 10px 15px 20px 15px; margin: 30px 0; position: relative; border: 1px solid #cecece; }
.joinaHike .hikingTitle { display: block; font-size: 26px; color: #a31022; margin-bottom: 5px; text-align: center; }
.joinaHike input[type="textarea"] { border: 1px solid #d1d1d1; background: #fff; border-radius: 4px; padding: 7px; height: 80px; width: 98%; line-height: 16px; font-size: 15px; color: #555; box-shadow: 0 0 2px #d1d1d1; }
input.tourDays { width: 50px; }
.joinaHike input.contactInfo { width: 100%; padding: 7px 15px;
font-size: 16px;
height: 40px;
border: 1px solid #d1d1d1;
border-radius: 4px;
margin-bottom: 15px; background: #fff;}
.joinaHike input.calendarIcon { background: url(https://data.chinahighlights.com/css/images/calender.GIF) no-repeat scroll 98% 12px #fff;
padding: 15px;
font-size: 16px;
border-radius: 4px;
width: 100%;
display: block;
height: 40px;
font-weight: 300;
color: #555;
border: 1px solid #d1d1d1;}
.joinaHike input.fullname {background: url(//data.chinahighlights.com/pic/input-name.png) no-repeat 15px #fff;
padding-left: 50px;}
.joinaHike input.email {background: url(//data.chinahighlights.com/pic/input-email.png) no-repeat #fff;
padding-left: 50px;}
.joinaHike textarea { border: 1px solid #d1d1d1; background: #fff; border-radius: 4px; padding: 7px; height:120px; width: 100%; line-height: 16px; font-size: 15px; color: #555; box-shadow: 0 0 2px #d1d1d1; }
.questionTitle { font-size: 20px;
margin: 15px 0 5px 0;
display: block;
color: #000;
font-weight: 300;}
input.sendInquiry { background: #a31022; cursor: pointer; padding: 8px; font-size: 20px; border: none; color: #fff; display: block; margin: 10px 0 0; text-align: center; width: 100%; border-radius: 4px; }
.joinaHike label { margin-right: 5px; }
.joinaHike input[type="checkbox"], input[type="radio"] { vertical-align: middle; margin: -3px 0 0 !important; }
.joinaHike .selectBox { display: block; font-size: 13px; }
.joinaHike .flexibility { display: block; margin-top: 8px }
.joinaHike select { width: 47%; display: inline-block; margin-right: 5px; border: 1px solid #d1d1d1; border-radius: 4px; background: #fff; color: #555; padding: 5px; font-size: 16px; }
h2.categoryTitle { font-size: 20px; margin-bottom: 20px; margin-top: 15px; font-weight: 300; }
.infoRec { display: block; margin: 20px 0; height: 95px; background: #f1f1f1; border-radius: 0 4px 4px 0; padding-top: 25px }
.infoRec img { border-radius: 4px 0 0 4px; float: left; margin-top: -25px; margin-right: 15px; }
.infoRec a { text-decoration: none; font-size: 15px; }
.infoRec:hover { background: #d1d1d1 }
.requiredArea { border-bottom: 1px dashed #a31022; color: #a31022; display: block; font-size: 14px; padding-top: 3px; }
/* weather table style */
table.monthWeather { border-left: 1px solid #d1d1d1; border-top: 2px solid #a31022; margin: 0px 0 10px 0; width: 100%; border-spacing: 0; }
table.monthWeather th { font-size: 11px; border-bottom: 1px #D9D9D9 solid; border-right: 1px solid #D9D9D9; background-color: #F3F3F3; padding-top: 15px; padding-bottom: 15px; padding-left: 5px; }
table.monthWeather th a { color: #545454; text-decoration: underline; }
table.monthWeather th a:hover { text-decoration: underline; color: #a31022; }
table.monthWeather tr th.month { background-repeat: no-repeat; padding: 12px 3px 12px 3px; background-position: 5px 4px; width: 39px; }
table.monthWeather tr td { padding: 6px; border-right: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; }
table.monthWeather tr.gray { background-color: #f6f6f6; }
table.monthWeather tr td.roundBottomRight { -moz-border-radius-bottomright: 5px; }
table.monthWeather td a { color: #04679A; text-decoration: none; }
table.monthWeather td a:hover { text-decoration: underline; }
/* tour itinerary */
.dayTourList ul { margin: 0 }
.dayTourList ul li { list-style: none; margin-bottom: 0px; line-height: 19px; }
.dayTourList .sayPic { float: left; height: 100px; margin-right: 10px; padding: 0; width: 100px; }
.dayTourList ol { margin-left: 15px; padding-left: 0; }
.dayTourList ol li { line-height: 20px; margin-bottom: 10px; padding-left: 10px; }
.tourDates { display: block; font-size: 18px; clear: both; line-height: 20px; padding-top: 15px; margin: 30px 0 10px; }
.tourDates b { font-weight: normal; }
.tourDates .tourDays { color: #a31022; margin-right: 10px; text-transform: uppercase; }
.tourDatesBJ { display: block; margin: 50px 0 20px; font-size: 18px; clear: both; line-height: 20px; border-top: 1px solid #d1d1d1; padding-top: 15px; cursor: pointer; }
.tourDatesBJ b { font-weight: normal; }
.tourDatesBJ .tourDays { color: #a31022; margin-right: 10px; text-transform: uppercase; }
.priceFrom { text-align: right; color: #919191; margin: 20px 0 0 }
.priceFrom strong { color: #a31022; font-size: 20px; font-weight: normal; }
.tagIcon { display: block; position: absolute; top: 10px; left: 0; background: #a31022; padding: 2px 8px 3px; text-align: center; color: #fff; border-radius: 0 4px 4px 0; box-shadow: 0 2px 10px #000; }
.tourRow { border: 1px solid #d1d1d1; margin-bottom: 30px; padding: 15px; border-radius: 4px; position: relative; overflow: hidden; opacity: 0.98; background: #f9f9f9 }
.tourRow h3 { color: #000; font-size: 15px !important; margin: 20px 0; height: 33px !important; }
.tourRow p { color: #919191; }
.tourRow a { text-decoration: none; }
.tourRow:hover { border: 1px solid #a31022; opacity: 1; background: #fff; }
.tourRow .subTitle { color: #04679a; margin: 0 0 15px; display: block; border-bottom: 1px dotted #919191; padding-bottom: 2px; }
.tourRow .tourImg { margin: -15px -15px 0 }
.tourRow .tourImg img { width: 100%; border-radius: 4px 4px 0 0; }
ul.tourList { padding: 10px 20px 0; }
ul.tourList li { color: #fff; font-size: 14px; list-style: outside none none; margin: 0 0 10px; }
.promoPrice { color: #fff; font-size: 12px; margin: 0 0 5px; padding: 0 0 0 20px; margin-bottom: 15px; }
span.moneyfrom { color: #fff; font-size: 14px; vertical-align: 1.9em; }
span.moneyTyp { color: #fff; font-size: 20px; text-shadow: 0 0.04em 0.04em #545454; vertical-align: 1.1em; }
span.bestPrice { color: #fff; font-size: 50px; text-shadow: 0 0.04em 0.04em #545454; }
a.priceLink { padding: 0 20px 0 0; }
.promoPrice a { color: #fff; }
.letterrow { border-top: 3px solid #f1f1f1; color: #fff; font-size: 14px; font-weight: bold; height: 40px; margin: 0 15px; padding-top: 8px; text-align: center; margin-bottom: 30px; }
span.title { display: block; font-size: 18px; margin: 0 0 8px; }
.BookTitle { color: #fff; font-size: 22px; text-align: center; }
.BookTours a { background: #a31022 none repeat scroll 0 0; border-radius: 4px; color: #fff; float: right; font-size: 14px; padding: 7px 10px; text-decoration: none; }
.GoodKnowTitle { font-size: 15px; }
.NoteTitle { display: block; float: left; color: #a31022; font-size: 20px; position: absolute; background-color: #fff; z-index: 100; padding: 7px; margin-top: -25px; }
.NoteTitle img { margin-right: 7px; }
.NoteInfo { position: relative; border: 1px solid #d0d0d0; border-radius: 4px; padding: 25px 15px 15px 15px; margin-top: 45px; }
.TopCht1 #crumbNav { font-size: 15px !important; color: #fff; z-index: 10; position: absolute; margin: 15px 0; right: 15px; }
.TopCht1 #crumbNav a { text-decoration: none; padding: 2px 2px 4px 5px; color: #fff; margin-right: 10px; }
.TopCht1 #crumbNav a:hover { text-decoration: underline; color: #fff !important; }
.TopCht1 #crumbNav a:after { margin-left: 15px; font-size: 22px; }
.lastLead{ display: block;
text-align: right;}
.lastLead a {color: #a31022;
font-size: 20px;}
.TourImage { margin-bottom: 15px;}
/* expand collapse button */
#expandAll { line-height: 27px; float: right; cursor: pointer; font-size: 18px; font-style: italic; color: #a31022; }
#expandAllText { float: right; }
/* 线路详细页底部线路推荐 */
.TourRecommend { border-radius: 0 0 4px 4px; border: 1px solid #cdcdcd; padding: 15px 15px 5px 15px; }
.BottomReco img { border-radius: 4px 4px 0 0; }
.RecoTitle { font-size: 16px; text-decoration: none; }
.RecoPrice { font-size: 14px; display: block; text-align: right; color: #919191; margin: 20px 0 0; }
.RecoPrice strong { color: #a31022; font-size: 25px; font-weight: normal; margin-left: 7px; }
.BottomTourTitle { display: block; height: 45px; }
/* tour right content */
#addtionalRight { margin-top: -5px; }
#addtionalRight .mapBlock { margin-bottom: 20px; }
#addtionalRight .mapBlock img { border-radius: 4px; width: 100%; }
/* tour TA*/
.TourTA { border: 1px solid #589442; border-radius: 4px; padding: 7px 10px; margin-bottom: 20px; }
.booktrip { color: #787878; font-size: 11px; display: block; border-bottom: 1px solid #cccccc; padding-bottom: 10px; margin-top: 5px; }
.booktrip a { text-decoration: none; }
.Rating { font-weight: bold; font-size: 12px; display: block; margin-top: 10px; }
ul.Reviews { margin-top: 10px; }
ul.Reviews li { float: left; margin-right: 10px; font-size: 11px; }
ul.Reviews li a { color: #006699; }
ul.Reviews li.ReadReview { border-right: 2px solid #999; padding-right: 8px; }
.TACoppyright { font-size: 12px; color: #a4a4a4; }
.ViewMore { font-size: 11px; color: #999; text-decoration: none; }
/* question box */
#questionBox { margin: 10px 0 15px 0; position: relative; border-radius: 6px; }
#questionBoxHK { background: none; }
#questionBox .questionContent { display: block; padding: 10px 20px; background: #e8e8e8; border-radius: 6px; }
#questionBox .questionContentCD { display: block; padding: 10px 20px; background: #efefef url("https://data.chinahighlights.com/css/images/daytrip/head-bg.png") no-repeat scroll 50% top; border-radius: 6px; }
#questionBox .interested { font-size: 26px; display: block; text-align: center; margin: 5px 0; text-transform: uppercase; font-weight: bold; color: #a31022 }
#questionBox .PandaTour { font-size: 25px; display: block; text-align: center; margin: 5px 0; text-transform: uppercase; color: #a31022 }
/*#questionBox .interested:before { content:"Get "}*/
#questionBox .interest-label { display: block; font-size: 14px; margin-bottom: 25px; text-align: center; }
#questionBox .PandaDetail { font-size: 15px; display: block; margin-bottom: 5px; padding-left: 5px; }
#questionBox .infoRequired { text-align: center; display: block; }
#questionBox .infoRequired input, textarea { width: 100%; font-size: 14px; padding: 10px; background-color: #fff; margin-bottom: 10px; border-radius: 4px; border: none; color: #333; }
#questionBox .infoRequired input:focus, textarea:focus { border-color: #a31022; transition: all 0.5s ease-in-out; border-radius: 10px; }
#questionBox .infoRequired textarea { height: 150px; }
#questionBox .sendButton { margin: 15px 0; background: #a31022; border: none; color: #fff; text-shadow: 0 0 2px #000; text-align: center; border-radius: 4px; padding: 10px; font-size: 17px; width: 100%; margin-right: 10px; }
#questionBox .sendInquiry { margin: 15px 0; background: #d1d1d1; border: none; text-decoration: underline; text-align: center; border-radius: 4px; padding: 10px; font-size: 14px; width: 45%; }
#questionBox .infoRequired p { margin: 0; line-height: 20px !important; margin-bottom: 0px !important; position: relative; text-align: center; margin-top: 10px; }
#questionBox .infoRequired p label { padding: 0; margin: 0; position: absolute; top: 10px; left: 10px; cursor: text; font-size: 14px; color: #777; }
#questionBox .infoRequired .des label { text-align: left; }
#questionBox .infoRequired p select { width: 100%; font-size: 14px; padding: 10px; background-color: #fff; margin-bottom: 10px; border-radius: 4px; border: none; color: #333; }
#questionBox .PandaDetail .RedPrice { color: #a91c1c; font-size: 18px; }
#InquiryPay .PayBox { background: #f2f2f2; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-radius: 0 0 4px 4px; padding: 10px; width: 94%; }
#InquiryPay .PayBoxTop { background: #f2f2f2; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; height: 15px; border-radius: 4px 4px 0 0; width: 95%; }
#InquiryPay .PayInfo { background: #ad1818; width: 100%; padding: 10px 30px; border-bottom: rgba(0, 0, 0, 0) url("https://data.chinahighlights.com/css/images/tour/bg-opacity.png") repeat-x scroll center top; left: -10px; position: relative; }
#InquiryPay .PayInfo .PayInfoBottom { position: absolute; bottom: -11px; left: 0; }
#InquiryPay .infoRequired { display: block; margin: 22px 0 0; text-align: center; }
#InquiryPay .infoRequired p label { color: #777; cursor: text; font-size: 14px; top: 335px; left: 35px; margin: 0; padding: 0; position: absolute; }
#InquiryPay .infoRequired input, textarea { background-color: #fff; border: medium none; border-radius: 4px; color: #333; font-size: 14px; margin-bottom: 10px; padding: 10px; width: 100%; }
#InquiryPay .sendButton { background: #bb202d none repeat scroll 0 0; border: medium none; border-radius: 4px; color: #fff; font-size: 17px; margin: 0 10px 15px 0; padding: 10px; text-align: center; width: 100%; }
.InquiryBox { background: #e8e8e8; border-radius: 0 0 4px 4px; border: 1px solid #d6d6d6; padding: 15px; width: 100%; position: relative; margin-bottom: 10px; }
.InquiryInfo { padding-top: 0; padding-bottom: 15px; }
.TourTitle { color: #a31022; font-size: 26px; text-align: center; display: block; margin-bottom: 5px; }
.TourTailorGP { color: #545454; display: block; text-align: center; font-size: 17px; }
.InquiryBox .sendButton { background: #bb202d none repeat scroll 0 0; border: medium none; border-radius: 4px; color: #fff; font-size: 17px; margin: 0 10px 15px 0; padding: 10px; text-align: center; width: 100%; }
.InquiryBox input, textarea { background-color: #fff; border: medium none; border-radius: 4px; color: #333; font-size: 14px; padding: 10px; }
.InquiryBox input[type="text"], textarea { width: 100%; }
.InquiryBox p label { cursor: text; font-size: 14px; left: 10px; margin: 0; padding: 0; position: absolute; top: 10px; display: inline-block; }
/* submit checking */
#questionBox .infoRequired p .arrowDownTest label { line-height: 20px; position: relative; left: 0; margin: 0; padding: 0; top: 0; }
#questionBox .infoRequired p .arrowDownTest { background-color: #FFFFFF; border: 1px solid #999999; color: #A31022; display: block; padding: 3px 4px; position: absolute; z-index: 11000; left: 10px; top: -22px; }
#questionBox .infoRequired p .arrowDown { left: 4px; position: absolute; top: 26px; background: rgba(0, 0, 0, 0) url("https://data.chinahighlights.com/css/images/tour/bg-opacity.png") repeat-x scroll center top;
}
/* show price for glsic-8 */
.hiddenBg { background: none !important; }
.priceTop { display: block; background: url(//data.chinahighlights.com/image/citytour/beijing/forbidden-city-heritage-walk/price-arror-bg.jpg) no-repeat bottom center #a31022; position: relative; padding: 20px 20px 30px; border-radius: 4px 4px 0 0; width: 90%; margin: 0 auto -61px; background-size: 100%; color: #fff; }
.priceTop .tourPrice { border-bottom: 2px solid #fff; text-align: center; padding-bottom: 12px; font-size: 15px; }
.priceTop .tourPrice .largeFont { font-size: 30px; }
.priceTop .priceDes { display: block; margin: 20px 0 15px; text-align: center; }
.addPadding { padding-top: 55px !important; box-shadow: 0 0 3px #999 !important; border-radius: 4px!important; }
.totalCost { border: 1px dashed #f1f1f1; border-radius: 4px; color: #999; display: none; margin: -5px 0 10px; padding: 1px 8px; text-align: left; }
.totalCost strong { color: #a31022; }
.largePhoto { display: block; margin: 10px 0; border-bottom: 1px solid #333; border-radius: 0 0 4px 4px; }
.largePhoto img { border-radius: 4px; }
.bookNow { width: 150px; text-align: center; background: #a31022; padding: 5px 10px; border-radius: 4px; float: right; }
.bookNow .fa-arrow-circle-right { margin-left: 5px; }
.bookNow a { color: #fff; text-decoration: none; font-size: 15px; }
.bookNow a:hover { color: #fff; }
/* product manager */
.product-manager { box-shadow: 0 0 2px #999; margin: 5px 0 15px; border: 1px solid #d1d1d1; border-radius: 4px; padding: 20px 10px 10px; position: relative; }
.product-manager .boxTitle { position: absolute; top: -10px; left: 35%; background: #fff; padding: 0 5px; font-size: 14px; text-shadow: 0 0 1px #999; }
.product-manager .boxTitle b { font-weight: normal; font-size: 15px; }
.product-manager .sayPic { width: 100px; float: left; margin-right: 10px; font-family: handwriting; }
.product-manager .sayPic img { border-radius: 4px; margin-bottom: 5px; }
.product-manager .designerName { font-family: handwriting; font-size: 15px; }
.summaryBlock { display: block; margin-bottom: 15px; position: relative }
.summaryBlock .summaryTitle { display: block; font-size: 18px; }
.summaryBlock .summaryInfo { display: block; background: #fff; margin: 5px 0 -7px -15px; width: 100%; padding: 10px 15px 5px; }
p.pagetext { display: block; margin: 10px 0 auto; }
/* tour detail new */
@media(min-width:1000px) {
#photoTop { border-radius: 4px!important; }
#photoTop img { border-radius: 4px!important; }
.tourRow h3 { height: 33px !important }
.tourRow h3.moreText { height: 42px !important; }
.tourRow p { height: 70px !important }
}
#photoTop .pay30 { display: none; }
@media(max-width:750px) {
.highlightscontent { display: block !important;}
.highlightsinfo { max-width: 100%;
margin-bottom: 30px;}
.topheadline { font-size: 30px;}
.TourImgTitle { margin-bottom: 20px !important }
.TMtitle { font-size: 20px !important }
.DetailTopTM { text-align: left !important; }
#photoTop { padding-top: 50px !important }
.ContentMobile { display: none !important; }
.DetailTitleMobile { position: relative; }
.InfoMobile { padding-bottom: 10px; position: absolute; bottom: 0; background: rgba(255, 255, 255, 0.78) !important; }
.InfoMobile h1 { border-bottom: none; }
.DetailPriceMobile { font-size: 22px; color: #a31022; }
.TopPriceMobile { padding: 15px 15px 0 15px; }
#footer .footPhone { display: none !important }
.photoRight .photoBy { display: none !important }
.BottomReco img { width: 100% !important }
.BottomReco { margin-bottom: 20px; }
#at-share-dock { display: none !important; }
#photoTop { height: auto !important; border-radius: 4px; margin-top: 0 !important; margin-bottom: 0 !important; }
#photoTop h1 { position: relative !important; }
.TopCht1 #crumbNav { display: none !important }
.tagIcons { padding-top: 0px !important; }
.Price { margin-top: 10px; }
.priceFrom b { margin-right: 10px; }
#homeSlideshow .flexslider ol.flex-control-nav { margin-left: 0 !important; }
ul.whatIncluded { margin-bottom: 15px !important; }
}
#photoTop { display: block; margin: 10px -10px 25px; position: relative; overflow: hidden; border-radius: 4px; }
#photoTop .specialOffer { background: #a31022; color: #fff; position: absolute; top: 34px; left: -30px; padding: 3px 35px 3px 25px; border-radius: 4px; display: block; transform: rotate(-34deg); font-size: 15px; }
#photoTop img { border-radius: none; width: 100%; }
#photoTop h1 { background: rgba(0,0,0,0.6); padding: 5px 10px; position: absolute; bottom: 15px; left: 0; color: #fff; font-size: 40px; border-radius: 0 4px 4px 0; }
#photoTop .photoBy { background: rgba(0,0,0,0.7); color: #fff; padding: 2px 5px 4px; position: absolute; bottom: 15px; right: 0; border-radius: 4px 0 0 4px; color: #fff }
.TourImgTitle { display: block; font-size: 15px; margin-top: 5px; font-style: italic; padding-right: 10px; color: #777; }
.summaryBox { display: block; border: 1px solid #d1d1d1; padding: 10px; margin: 0 0 25px 0; font-size: 14px; line-height: 25px; border-radius: 4px; }
.summaryBox .day-destination { display: block; border-bottom: 1px solid #fff; padding-bottom: 10px; margin-bottom: 10px; }
.priceFrom p { margin-top: 10px; margin-bottom: 0 !important; margin-left: -10px; font-size: 14px; }
.priceFrom i { font-size: 12px; font-style: normal; display: block; float: left; margin: -5px 10px 0 0; }
.priceFrom b { color: #a31022; font-size: 25px; font-weight: normal; margin-right: 10px; }
.typeIcon { border-left: 2px solid #fff; }
.quickStory { display: block; margin-bottom: 20px; }
.quickStory .quickTitle { display: block; color: #a31022; font-size: 20px; margin-bottom: 15px; }
.quickStory .storyBox { background: url(https://data.chinahighlights.com/css/images/tour/detail/quote-left.png) no-repeat left 5px; padding-left: 25px; line-height: 22px; }
.quickStory .storyBox span { background: url(https://data.chinahighlights.com/css/images/tour/detail/quote-right.png) no-repeat; display: inline-block; width: 18px; height: 14px; margin: 0 0 0 10px; }
.sayUSP { display: block; margin-bottom: 20px; }
.sayUSP .iconLeft { text-align: center; font-style: italic; color: #a31022; font-size: 14px; }
.sayUSP .iconLeft img { width: 100%; border-radius: 50%; margin-bottom: 5px; }
.sayUSP .uspBox { background: #f2f2f2; border-radius: 4px; position: relative; padding: 15px; line-height: 22px; margin-top: 10px; }
.tourHighlights { display: block; margin: 20px 0; }
.tourHighlights ul { overflow: hidden }
.tourHighlights ul li { background: url(https://data.chinahighlights.com/pic/square-red.gif) no-repeat left 7px; background-size: 6px; padding-left: 20px; line-height: 20px; margin-bottom: 10px; font-size: 16px; }
ul.tourDetail { height: 100%; overflow: hidden; margin-bottom: 15px; }
ul.tourDetail li { background: url(https://data.chinahighlights.com/pic/grey-spot-tour-page.png) no-repeat left 7px; background-size: 6px; padding-left: 20px; line-height: 20px; margin-bottom: 5px; font-size: 16px; }
h2 { font-size: 28px !important; color: #000 !important; margin: 35px 0 30px !important; font-weight: 300 !important; }
h2.marginOff { margin-top: 0 !important; font-size: 20px !important }
h2.addon { margin-top: 50px !important; }
.noteIcon { background: url(https://data.chinahighlights.com/pic/note.png) no-repeat left; background-size: 22px; padding-left: 35px; }
.itineraryIcon { background: url(https://data.chinahighlights.com/pic/itinerary.png) no-repeat left; background-size: 22px; padding-left: 45px; display: block; margin: 30px 0 20px; }
.costIcon { background: url(https://data.chinahighlights.com/pic/cost.png) no-repeat left; background-size: 22px; padding-left: 35px; }
.costIcon a { font-size: 26px; }
.includeIcon { background: url(https://data.chinahighlights.com/pic/include.png) no-repeat left 5px; background-size: 22px; padding-left: 35px; }
.reviewIcon { background: url(https://data.chinahighlights.com/pic/review.png) no-repeat left; background-size: 22px; padding-left: 35px; }
h3 { margin: 30px 0 30px !important; font-size: 25px !important; font-weight: 300 !important; color: #000 !important; }
.whatIncluded { overflow: hidden; }
.whatIncluded li { background: url(https://data.chinahighlights.com/pic/green-mark-17x16.png) no-repeat left 5px; padding: 0 20px 0 30px; margin-bottom: 10px !important; width: 100%; float: none; font-size: 16px; }
/* price table */
.priceTable { border: 1px solid #d1d1d1; width: 100%; text-align: center; margin-bottom: 20px; }
.priceTable th { padding: 8px 10px; border-bottom: 1px solid #d1d1d1; background: #e8e8e8; font-size: 16px; font-weight: normal; text-align: center }
.priceTable td { border-bottom: 1px solid #d1d1d1; padding: 5px 10px; }
.priceTable td.item { color: #a31022 }
.priceTable td a { color: #a31022; text-decoration: none; }
.priceTable th em { font-weight: normal; font-style: normal; color: #999; }
.priceTable th b { font-weight: normal; font-style: normal; }
/* feedback */
.feedbackBlock { display: block; margin-bottom: 20px; }
.feedbackDetail { background: url(https://data.chinahighlights.com/css/images/tour/detail/quote-left.png) no-repeat left 5px; padding-left: 25px; line-height: 22px; }
.feedbackDetail .quoteEnd { background: url("https://data.chinahighlights.com/css/images/tour/detail/quote-right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; height: 14px; margin: 0 0 0 10px; width: 18px; }
.feedbackDetail .byWho { color: #a31022; text-align: right; display: block; padding-right: 20px; }
.tripNotes { display: block; }
.tripNotes p { margin-bottom: 20px !important }
.tripNotes ol { margin-left: 10px; padding-left: 5px; font-size: 14px; }
.tripNotes ol li { padding-left: 10px; line-height: 22px; margin-bottom: 10px; }
/* right */
.inpageNav { display: block; margin-bottom: 20px; }
.inpageNav li { background: url(https://data.chinahighlights.com/pic/arrow-10x16.png) no-repeat left 7px; padding-left: 25px; font-size: 18px; margin-bottom: 15px; }
.inpageNav li a { text-decoration: none; }
.inquiryBlock { display: block; overflow: hidden; }
.freeInquiry { background: #ae1819; color: #fff; font-size: 17px; padding: 8px 15px; display: block; border-radius: 4px; text-shadow: 2px 2px 5px #000; text-align: center; width: 40%; margin: 0 auto; }
.freeInquiry .availability { display: block; border: 1px solid #d1d1d1; color: #a31022; position: absolute; left: -190px; top: -16px; font-size: 12px; padding: 0 10px; border-radius: 4px; }
.freeInquiry .availability .arrow { background: url(https://data.chinahighlights.com/pic/arrow-right.png) no-repeat right; width: 10px; height: 16px; position: absolute; right: -10px; top: 5px; display: block; }
.freeInquiry a { color: #fff; text-decoration: none; }
.freeInquiry a:hover { color: #fff; }
@media(min-width:1000px) {
.photoRight { float: right !important; width: 300px !important; margin: 0 0 10px 20px; overflow: hidden; }
}
@media(max-width:750px) {
.topheadline { font-size: 30px !important;
font-weight: 600 !important; padding: 0 15px;}
#contentHead { padding: 0 15px;}
.highlights { padding: 30px 15px 50px 15px;}
}
.topIcon { margin-right: -640px; position: fixed; right: 0; top: 80%; width: 50px; }
.photoRight { margin-bottom: 10px; position: relative; }
.photoRight img { width: 100%; border-radius: 4px }
.photoRight .photoBy { background: rgba(0,0,0,0.7); color: #fff; padding: 2px 10px; position: absolute; bottom: 10px; right: 0; border-radius: 4px 0 0 4px; color: #fff; }
.largePhoto { display: block; margin: 10px 0 20px; position: relative }
.largePhoto img { border-radius: 4px; }
.largePhoto .photoTime { background: rgba(0,0,0,0.6); padding: 5px 10px; position: absolute; bottom: 15px; left: 0; color: #fff; font-size: 18px; border-radius: 0 4px 4px; }
.addons { position: relative; margin-bottom: 20px; }
.addons img { border-radius: 4px; }
.addons .addTitle { background: rgba(0,0,0,0.6); padding: 5px 10px; position: absolute; bottom: 15px; left: 15px; color: #fff; font-size: 15px; border-radius: 0 4px 4px 0; }
.zhouMF { display: block; float: right; margin: 0 0 10px 10px; width: 128px; text-align: center; font-style: italic }
.zhouMF img { margin-bottom: 5px; }
/* --- */
.photoIcon { display: block; background: url(https://data.chinahighlights.com/pic/tour-type-icon.png) no-repeat 0 2px; width: 100px; font-size: 14px; float: left; height: 24px; padding-left: 30px; margin-right: 30px; }
.natureIcon { display: block; background: url(https://data.chinahighlights.com/pic/tour-type-icon.png) no-repeat -171px 2px; width: 62px; font-size: 14px; float: left; height: 24px; padding-left: 30px; margin-right: 30px; }
.cruiseIcon { display: block; background: url(https://data.chinahighlights.com/pic/tour-type-icon.png) no-repeat -342px 2px; width: 59px; font-size: 14px; float: left; height: 24px; padding-left: 30px; margin-right: 30px; }
.foodIcon { display: block; background: url(https://data.chinahighlights.com/pic/tour-type-icon.png) no-repeat -515px 2px; width: 50px; font-size: 14px; float: left; height: 24px; padding-left: 30px; margin-right: 30px; }
.pandaIcon { display: block; background: url(https://data.chinahighlights.com/pic/tour-type-icon.png) no-repeat -687px 2px; width: 60px; font-size: 14px; float: left; height: 24px; padding-left: 30px; margin-right: 30px; }
.familyIcon { display: block; background: url(https://data.chinahighlights.com/pic/tour-type-icon.png) no-repeat -859px 2px; width: 57px; font-size: 14px; float: left; height: 24px; padding-left: 30px; margin-right: 30px; }
.hikingIcon { display: block; background: url(https://data.chinahighlights.com/pic/tour-type-icon.png) no-repeat -1031px 2px; width: 57px; font-size: 14px; float: left; height: 24px; padding-left: 30px; margin-right: 30px; }
.cultureIcon { display: block; background: url(https://data.chinahighlights.com/pic/tour-type-icon.png) no-repeat -1203px 2px; width: 64px; font-size: 14px; float: left; height: 24px; padding-left: 30px; margin-right: 30px; }
.familyIcon { display: block; background: url(https://data.chinahighlights.com/pic/family-tag.png) no-repeat 2px; width: 64px; font-size: 14px; float: left; height: 24px; padding-left: 30px; margin-right: 30px; }
.kungfuIcon { display: block; background: url(https://data.chinahighlights.com/pic/kungfu-tag.PNG) no-repeat 2px; width: 64px; font-size: 14px; float: left; height: 24px; padding-left: 30px; margin-right: 30px; }
.historyIcon { display: block; background: url(https://data.chinahighlights.com/pic/History.png) no-repeat 2px; width: 64px; font-size: 14px; float: left; height: 24px; padding-left: 30px; margin-right: 30px; }
.cruiseIcon { display: block; background: url(https://data.chinahighlights.com/pic/Cruise.png) no-repeat 2px; width: 64px; font-size: 12px; float: left; height: 24px; padding-left: 30px; margin-right: 30px; }
.exclusiveIcon { display: block; background: url(https://data.chinahighlights.com/pic/Exclusive.png) no-repeat 2px; width: 64px; font-size: 14px; float: left; height: 24px; padding-left: 30px; margin-right: 30px; }
.minorityIcon { display: block; background: url(https://data.chinahighlights.com/pic/Minority.png) no-repeat 2px; width: 64px; font-size: 14px; float: left; height: 24px; padding-left: 30px; margin-right: 30px; }
.sunriseIcon { display: block; background: url(https://data.chinahighlights.com/pic/sunrise.png) no-repeat left 2px; width: 70px; font-size: 14px; float: left; height: 24px; padding-left: 30px; margin-right: 30px; }
.sunsetIcon { display: block; background: url(https://data.chinahighlights.com/pic/sunset.png) no-repeat left 2px; width: 70px; font-size: 14px; float: left; height: 24px; padding-left: 30px; margin-right: 30px; }
.landscapeIcon { display: block; background: url(https://data.chinahighlights.com/pic/landscape.png) no-repeat left 2px; width: 70px; font-size: 14px; float: left; height: 24px; padding-left: 30px; margin-right: 30px; }
.winterIcon { display: block; background: url(https://data.chinahighlights.com/pic/winter.png) no-repeat left 2px; width: 70px; font-size: 14px; float: left; height: 24px; padding-left: 30px; margin-right: 30px; }
.portraitIcon { display: block; background: url(https://data.chinahighlights.com/pic/people.png) no-repeat left 2px; width: 70px; font-size: 14px; float: left; height: 24px; padding-left: 30px; margin-right: 30px; }
ol.lists { margin-left: 15px; }
ol.lists li { line-height: 18px; margin-bottom: 10px; padding-left: 5px; }
.availability { font-size: 14px; margin-top: 20px; line-height: 25px; }
/* additional choice */
.additionalChoice { border-top: 1px solid #a31022; border-bottom: 1px solid #a31022; padding: 10px; line-height: 20px; margin-top: 30px; }
.additionalChoice strong { display: block; font-size: 14px; margin-bottom: 5px; }
/* for tibet xz-24-gp form */
.firstStep { text-align: left; }
.firstStep .choiceTitle { display: block; font-size: 15px; margin: 10px 0 15px; }
.firstStep .choiceTitle .InfoNumber { background: #ae1819; border-radius: 50%; color: #fff; display: block; float: left; font-size: 18px; height: 30px; line-height: 30px; text-align: center; width: 30px; margin-right: 8px; }
.firstStep .dateChoice { padding: 0; margin-bottom: 10px; margin-left: 10px; }
.firstStep input[type="radio"] { vertical-align: middle; margin: -3px 0 0 10px; }
.firstStep input[type="checkbox"] { display: block; position: absolute; left: 10px; top: 2px; }
.firstStep ul { margin-top: 10px; margin-bottom: 15px; }
.firstStep li { margin-left: 10px; line-height: 20px; margin-bottom: 10px; padding-left: 30px; position: relative }
.firstStep li.noPadding { padding-left: 0 !important; }
.firstStep li strong { color: #999; font-weight: normal }
.firstStep .CruiseShip { display: block; width: 100%; font-size: 15px; margin-bottom: 10px; }
.firstStep .CruiseShip input { margin-right: 10px; }
.firstStep .CruiseShip textarea { border-radius: 4px; border: 1px solid #d1d1d1; }
/* for bj-yl-1 */
ol.orderList li { line-height: 20px; margin-bottom: 10px; padding-left: 10px; }
ul.orderList2 li { line-height: 22px; margin-bottom: 10px; padding-left: 10px; background: url(https://data.chinahighlights.com/pic/doubleArrow.gif) no-repeat left 5px; padding-left: 15px; }
ul.orderList2 li em { color: #999; }
/* for bj-yl-2 */
.choiceBlock { display: block; border-radius: 4px; padding: 30px 10px 10px; position: relative; margin: 55px 0 20px; border: 1px solid #0c6197; }
.choiceBlock h3 { background: url(https://data.chinahighlights.com/pic/cost.png) no-repeat left; background-size: 18px; padding-left: 30px; }
.choiceBlock .shipName { font-size: 20px; position: absolute; left: 20px; top: -20px; background: #fff; padding: 5px 10px; display: block; color: #0c6197; }
.choiceBlock table { width: 100% }
.choiceBlock table th { padding: 5px 10px 5px 0; border-bottom: 1px dotted #999; }
.choiceBlock table td { padding: 5px 10px; border-bottom: 1px dotted #999; }
.choiceBlock ul li { line-height: 20px; margin-bottom: 10px; background: url(https://data.chinahighlights.com/pic/doubleArrow.gif) no-repeat left 5px; padding-left: 15px; }
ol.suggestedItinerary strong { font-size: 18px; font-weight: normal; }
/* for gy-8-gp */
.festivalList { background: url(https://data.chinahighlights.com/pic/gou-blue.png) no-repeat -2px 4px; padding-left: 25px; margin-bottom: 20px; }
/* footer button */
.footerBtn { display: none; }
@media(max-width:750px) {
.GoodtoKnow { padding: 15px !important }
.DetailTM { padding: 15px 0 !important; margin-bottom: 20px !important; }
.DetailTopTM p { margin-top: 0 !important; font-size: 15px !important; }
.TailorYourTour { padding-left: 0 !important; display: none !important }
.topSubTitle { font-size: 20px !important; top: calc(50% - -30px) !important;
}
.TMcontent { border-right: none !important; }
.GuilinTours { padding: 15px 0 !important; margin-bottom: 15px !important }
ul.IndexTM li { font-size: 16px; margin-bottom: 10px; }
.IndexTMcontent { height: 280px !important; font-size: 15px !important; }
.IndexTMcontentBT { height: 150px !important; font-size: 15px !important; }
.TopCht1 { padding-top: 45px; }
.TopPrice { width: 100% !important }
h1.Top10 { font-size: 26px !important; font-weight: 400; top: calc(50% - 40px) !important; }
#photoTop .photoBy { display: none !important; }
.fixedTailor { display: none !important }
.footerBtn { position: fixed; bottom: -25px; left: 0; display: block !important; width: 100%; color: #fff; font-size: 14px; z-index: 9998; }
.footerBtn a { color: #fff; text-decoration: none; font-size: 18px; padding-right: 25px; }
.footerBtn a:hover { color: #fff; }
.footerBtn .call { background: #0c6197; text-align: center; padding: 8px 0; }
.footerBtn .inquiry { background: #a31022; text-align: center; padding: 8px 0; }
}
/* hz-1 */
.optionBlock { background: #f5f5f5; padding: 0 10px 10px; display: block; margin: 20px 0 30px; border-radius: 4px; }
.optionBlock .opTitle { display: block; margin: 0 -10px 20px !important; font-size: 18px !important; background: #0c6197; padding: 5px 10px 7px; color: #fff !important; border-radius: 4px 4px 0 0; }
.tibetAlert { display: block; margin: 10px 0; border: 1px dashed #a31022; padding: 8px 10px 0; border-radius: 4px; line-height: 22px; }
/* gl-46*/
#bookSteps { display: block; clear: both; margin: 25px auto 20px; width: 100%; border-bottom: 1px solid #d1d1d1; height: 100%; overflow: hidden; position: relative; z-index: 9998 !important; }
#bookSteps ul { margin: 0 0 0 10px; }
#bookSteps ul li { list-style: none; background-color: #999; padding: 8px 20px 10px; text-align: center; float: left; margin-right: 15px; color: #fff; border-radius: 4px 4px 0 0; font-size: 16px; cursor: pointer }
#bookSteps ul li a { text-decoration: none; color: #fff; font-size: 16px; }
#bookSteps ul li.active { background-color: #a31022; }
/* for gl-46 */
.inquiryBtn { display: block; margin: 15px 0; width: 50%; float: right; position: relative; }
.inquiryBtn input[type="submit"] { background: #a31022; width: 100%; border: none; font-size: 16px; color: #fff; padding: 10px; border-radius: 4px; }
.inquiryBtn label { position: absolute; left: 15px; top: 10px; display: block; color: #d1d1d1; padding: 0 22px 2px 0; border-right: 1px dotted #d1d1d1; }
.photoGuides { display: block; margin: 15px 0; background: #f1f1f1; padding: 15px; border-radius: 4px; }
.photoGuides .guideTitle { font-size: 18px; display: block; margin-bottom: 20px; }
.photoGuides .guidePhoto { display: inline-block; float: left; width: 100px; margin: 0 15px 5px 0; }
.photoGuides .guidePhoto img { border-radius: 100%; max-width: 100%; }
.photoGuides p { border-bottom: 1px dotted #999; padding-bottom: 20px; margin-bottom: 25px; margin-top: 15px; }
.photoGuides .guideName { padding-top: 35px; display: block; }
/* tibet small group */
.groupBox { display: block; background: #f1f1f1; padding: 15px; margin: 25px 0; border-radius: 4px; position: relative; }
.groupBox .orderNo { background: #a31022; color: #fff; text-align: center; width: 40px; height: 40px; position: absolute; left: -19px; top: 17px; border-radius: 100%; display: block; font-size: 26px; }
.groupBox h2.tourName { margin: 10px 0 25px 15px !important; }
.groupBox table { border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; margin: 0 -13px; }
.groupBox table td { padding: 10px; background: #fff; border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }
.groupBox table td:last-child, .groupBox table th:last-child { border-right: none !important; }
.groupBox table th { padding: 10px; background: #fff; border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; }
.groupBox .whatIncluded li { float: none !important; width: 100% !important; }
.groupBox .tourRoute { display: block; margin: 15px 0; }
.tourOption { font-size: 16px; margin-bottom: 10px; }
.tourOption input { margin-left: 0 !important; }
.groupPrice { border: 2px solid #1375a8 !important; margin: 20px 10px !important; }
.groupPrice td { padding: 10px; border-bottom: 1px solid #1375a8 !important; border-right: 1px solid #1375a8 !important; text-align: center }
.groupPrice td:first-child { text-align: left; }
.groupPrice th { padding: 10px 5px !important; border-bottom: 1px solid #1375a8 !important; border-right: 1px solid #1375a8 !important; text-align: center; }
/* rewrite full calendar style */
.fc-toolbar { border-bottom: 3px solid #a31022; padding-bottom: 10px; }
.fc-toolbar h2 { margin: 0!important; padding: 0 15px; font-size: 35px; color: #000 !important }
.eventcls { background-color: transparent !important; border-color: transparent !important; color: #a31022!important; }
.fc-icon-left-single-arrow { background: url(https://data.chinahighlights.com/pic/arrow-red-left-14x22.png) no-repeat; display: block !important; width: 14px !important; height: 22px !important; }
.fc-icon-right-single-arrow { background: url(https://data.chinahighlights.com/pic/arrow-red-right-14x22.png) no-repeat; display: block !important; width: 14px !important; height: 22px !important; }
.fc-state-default { background: none !important; border: none !important; box-shadow: none !important; }
.fc-icon-left-single-arrow::after, .fc-icon-right-single-arrow::after { content: " "!important; }
.fc th { font-size: 16px; font-weight: normal; border: none !important; padding: 0 0 10px !important; color: #333; }
.fc th:first-child, .fc th:last-child { color: #a31022; }
.fc-widget-header { border: none !important; }
.fc-view td:first-child { border-left: 2px solid #ccc; }
.fc-view td:last-child { border-right: 2px solid #ccc; }
.fc-widget-content:first-child { border-top: 1px solid #ccc !important; }
.fc-widget-content:last-child { border-bottom: 1px solid #ccc !important; }
.fc-day-number { text-align: left !important; font-size: 12px; padding-left: 8px !important; color: #989898; }
.fc-week { height: 60px !important; }
.fc-content { margin-top: 15px !important; font-size: 12px; padding-left: 3px !important; }
.fc-view-container { margin-bottom: 10px !important; }
.fc-right { display: none !important; }
.whatHoliday { display: block; margin: 15px 0; text-align: right; }
.whatHoliday span { display: inline-block; margin-right: 10px; }
.holiday { padding-left: 5px; }
.holiday_color1 { color: #f2a327; }
.holiday_color2 { color: #a3d075; }
.fc-day-grid-event .fc-content { text-align: right }
.fc-title em { font-size: 12px; color: #999; font-style: normal; }
/* lj-2 */
.ljTour { display: block; }
.ljTour ul li { line-height: 20px; margin-bottom: 10px; font-size: 14px; }
.ljTour h2 { border-left: 10px solid #a31022; padding-left: 15px; margin-top: 50px !important; }
.ljTour .bigPhoto { display: block; margin: 15px 0; }
.ljTour .bigPhoto img { border-radius: 4px; }
/* photo slide for tibet tour page */
#homeSlideshow { margin-bottom: 5px; margin-top: 10px; }
#homeSlideshow .flexslider { position: relative }
#homeSlideshow .flexslider ul { padding: 0; margin: 0 }
#homeSlideshow .flexslider ul.flex-direction-nav a { width: 88px; height: 88px; margin: -20px 0 0; display: block; background: url(//data.chinahighlights.com/css/images/merge/csg-512c793703ac8.png) no-repeat 0 0; position: absolute; top: calc(50% - 35px); cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; z-index: 10 }
#homeSlideshow .flexslider ul.flex-direction-nav a:focus { outline: 0 }
#homeSlideshow .flexslider ul.flex-direction-nav .flex-next { background-position: 0 -422px; right: 10px }
#homeSlideshow .flexslider ul.flex-direction-nav .flex-prev { background-position: 0 -560px; left: 10px }
#homeSlideshow .flexslider ul.flex-direction-nav .disabled { opacity: .3!important; filter: alpha(opacity=30); cursor: default }
#homeSlideshow .flexslider ul.slides .textBlock { display: block; color: #fff; font-size: 30px; width: 100%; font-weight: normal; position: absolute; top: 45px; left: 0; text-align: center; line-height: 37px; }
#homeSlideshow .flexslider ul.slides { zoom: 1; position: relative }
#homeSlideshow .flexslider ul.slides>li { display: none; -webkit-backface-visibility: hidden; position: inherit!important }
#homeSlideshow .flexslider ul.slides>li .text1 { display: block; color: #fff; font-size: 16px; text-shadow: 1px 0 2px #333; position: absolute; left: 40%; top: 30px; }
#homeSlideshow .flexslider ul.slides>li .text2 { left: 15% !important; }
#homeSlideshow .flexslider ul.slides>li .text1 span { font-size: 12px; display: block; }
@media(min-width:1000px) {
#homeSlideshow .flexslider ul.slides img { max-width: 100%; border-radius: 4px; }
#homeSlideshow .flexslider ul.slides>li .text1 { font-size: 50px; position: absolute; left: 40%; top: 30px; width: 600px !important; }
#homeSlideshow .flexslider ul.slides>li .text1 span { font-size: 25px !important }
}
#homeSlideshow .flexslider ul.slides img { width: 100%; }
#homeSlideshow .flexslider ul.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
#homeSlideshow .flexslider ol { padding: 0; margin: 0 }
#homeSlideshow .flexslider ol.flex-control-nav { position: absolute; top: 90%; left: 55%; z-index: 9999; margin-left: -120px; display: none; }
#homeSlideshow .flexslider ol.flex-control-nav>li { margin: 0 6px; display: inline-block; zoom: 1 }
#homeSlideshow .flexslider ol.flex-control-paging>li>a { width: 11px; height: 11px; display: block; cursor: pointer; text-indent: -9999px; background: #fff; border: 1px solid #fff; border-radius: 20px }
#homeSlideshow .flexslider ol.flex-control-paging>li>a:hover { background: #a31022 }
#homeSlideshow .flexslider ol.flex-control-paging>li>a.flex-active { background: #a31022 }
#homeSlideshow .flexslider:hover .flex-next { opacity: .8; right: 5px }
#homeSlideshow .flexslider:hover .flex-next:hover { opacity: 1 }
#homeSlideshow .flexslider:hover .flex-prev { opacity: .8; left: 5px }
#homeSlideshow .flexslider:hover .flex-prev:hover { opacity: 1 }
@media (max-width:768px) {
#homeSlideshow .flex-direction-nav { display: none!important }
.flexslider ol.flex-control-nav { left: 30% !important }
h1.DestinationTitle { font-size: 18px !important; }
.Top10Price { padding-top: 0 !important }
.TourHotel { margin-bottom: 20px; height: auto !important; }
}
.TopTitle h1 { border-bottom: none; font-size: 28px; margin-top: 25px; }
.tourDatesBJ .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; }
.tourDatesBJ .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; }
.Dinner { background: url(https://data.chinahighlights.com/pic/dinner-icon-bj-1.png) no-repeat; font-size: 16px; color: #797979; display: block; padding-left: 25px; margin-bottom: 20px; margin-top: 20px; }
.Hotel { background: url(https://data.chinahighlights.com/pic/hotel-icon-bj-1.png) no-repeat 0 2px; font-size: 16px; color: #797979; display: block; padding-left: 25px; margin-bottom: 20px; margin-top: 20px; }
.Meal { background: url(https://data.chinahighlights.com/pic/dinner-icon-bj-1.png) no-repeat; font-size: 15px; color: #04679a; display: block; padding-left: 35px; margin-bottom: 5px; padding-bottom: 5px; font-size: 17px; padding-top: 3px; }
.Clock { background: url(https://data.chinahighlights.com/pic/clock-icon-bj-1.png) no-repeat 0 3px; font-size: 15px; color: #04679a; display: block; padding-left: 35px; margin-bottom: 5px; font-size: 17px; }
.Map { background: url(https://data.chinahighlights.com/pic/map-icon-bj-1.png) no-repeat; font-size: 15px; color: #04679a; display: block; padding-left: 35px; margin-bottom: 5px; padding-bottom: 7px; font-size: 17px; padding-top: 7px; }
.GoodtoKnow { background: #f7f7f7; border: 1px solid #e1e1e1; border-radius: 4px; padding: 15px 15px 0 20px; margin-bottom: 20px; }
.GoodtoKnow h3 { color: #0e61ae !important; font-style: italic; margin-top: 0 !important; font-size: 22px !important; margin-bottom: 20px !important; }
.GoodtoKnow ul li { background: url(https://data.chinahighlights.com/pic/list-bg-bj-1.png) no-repeat; padding-left: 15px; margin-bottom: 7px; font-size: 14px; background-position: left 7px; }
.tagIcons { padding-top: 25px; }
.WhatDifferent { margin: 10px 0 20px 0; background: #fff; padding: 15px; box-shadow: 0 0 5px #d1d1d1; border: 1px solid #d5d5d5; border-radius: 4px; }
.topFaq { display: block; margin: 30px 0 50px; }
/*改版*/
.DestinationHead { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); color: #fff; position: absolute; bottom: 0; margin: auto; padding: 12px 0; width: 100%; }
.DetailTop { position: relative; }
h1.DestinationTitle { border-bottom: none; color: #fff; font-size: 28px; margin-bottom: 10px; }
.DestinationSubTitle { color: #fff; font-size: 14px; }
.Top10Price { border-bottom: 2px solid #d3d3d3; padding: 25px 0; margin-bottom: 30px; }
.TailorButton { border: 2px solid #a31022; border-radius: 4px; padding: 5px 15px; color: #a31022; font-size: 14px; text-transform: uppercase; margin: auto; }
.TailorYourTour a { color: #a31022; text-decoration: none; }
.TailorTour { text-align: left; font-size: 24px; margin-bottom: 15px; margin-top: 25px; font-family: Segoe Script; text-transform: uppercase; padding: 0; }
.PriceRed { font-size: 22px; color: #a31022; }
ul.TourTailorTags { padding-top: 25px; padding-left: 0; }
ul.TourTailorTags li { float: left; margin-right: 20px; background: url(https://data.chinahighlights.com/pic/tour-detail-private-tags-bg.png) no-repeat 0 4px; font-size: 18px; padding-left: 25px; }
.TailorYourTour { margin-top: 20px !important; padding-left: 85px; margin-bottom: 30px; }
.TailorYourTour a:hover { color: #fff; background: #a31022; }
.TailorYourTour a { text-decoration: none; border: 2px solid #a31022; border-radius: 4px; padding: 5px 15px; font-size: 18px; text-align: center; }
.DestinationHotel { position: relative; }
.DestinationHotel img { border-radius: 4px 4px 0 0; }
.HotelTag { position: absolute; top: 20px; }
.TourHotel { background-color: #e8e8e8; padding: 10px; border-radius: 0 0 4px 4px; height: 270px; }
.TourHotel p { margin-top: 10px; }
.TourHotel ul { margin-left: 0 !important }
.TourHotel ul li { line-height: 20px !important; margin-bottom: 5px !important; }
.HotelInfo { color: #868686; font-size: 13px; display: block; }
.HotelName { font-size: 16px; display: block; }
.DestinationOption { margin-bottom: 30px; }
.DestinationOption img { border-radius: 4px 4px 4px 4px; }
.OptionName { display: block; font-size: 16px; margin-bottom: 20px; }
.OptionDetail { display: block; height: 100%; margin-bottom: 20px; }
/* footer free cancelation */
.footerPromo { display: none !important }
/*改版*/
.TopCht1 { position: relative; }
.Top10Title { position: absolute; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.31); width: 100%; height: 100%; left: 0; bottom: 0; }
h1.Top10 { border-bottom: none; font-size: 52px; color: #fff; text-align: center; display: block; top: calc(50% - 60px); height: 100px; text-shadow: 3px 3px 3px #414141; position: absolute; left: 0; right: 0; bottom: 0; padding: 0 10px; }
.SubTitle { font-size: 18px; color: #545454; }
.TMtitle { font-size: 26px; font-weight: 300; display: block; margin-bottom: 10px; }
.TMcontent { border-right: 2px solid #c4c4c4; }
ul.IndexTM { margin-left: -5px; }
ul.IndexTM li { float: left; background: url(https://data.chinahighlights.com/pic/tour-detail-private-tags-bg.png) no-repeat 0 4px; font-size: 18px; padding-left: 25px; margin-right: 15px; }
.TopPrice { width: 60%; float: left; }
.DetailTM { background: #e4e4e4; padding: 30px 0 30px 0; margin-bottom: 40px; }
.topSubTitle { border-bottom: none; font-size: 28px; color: #fff; text-align: center; display: block; top: calc(50% - -10px);
height: 100px; text-shadow: 3px 3px 3px #414141; position: absolute; left: 0; right: 0; bottom: 0; font-weight: 300; }
.DetailTopTM { text-align: center; font-size: 18px; }
.DetailTopTM p { margin-top: 13px; font-size: 18px; margin-bottom: 0 !important }
.Top10TM { padding: 30px 0; margin-bottom: 20px; }
.TourList p, .ItineraryContent p { margin-bottom: 15px !important }
ul.drop1 { margin-left: 10px !important; }
ul.drop1 li { font-size: 16px !important; margin-bottom: 15px !important }
.fa-star { font-size: 17px; color: #c1c1c1; margin-right: 5px; margin-left: 3px; color: #f1bc02; }
p strong { color: #555 !important }
.TMtips { color: #0e61ae; font-style: italic; font-size: 22px; font-weight: 300; display: block; margin-bottom: 10px; }
.highlightscontent { display:flex;justify-content:center;}
.highlightsdetail { float:left;padding:0 30px;margin-top:15px;margin-bottom:40px;}
.highlightsdetail img {border-radius:50%;margin:0 auto;}
.highlightsinfo { max-width:250px;display:block;text-align:center;margin-top:10px;font-size:17px;}
.onedayroute { display:block;margin-bottom:90px;}
.titlebg {background:#d2d2d2;border-radius:50%;width:50px;height:50px;display:block;float:left;position:relative;margin-right:20px;}
.titlebg .fa { color: #6c6c6c;
display: grid;
text-align: center;
width: 100%;
font-size: 23px;
line-height: 45px;}
.onedaytitle {font-size:22px;display:block;margin-bottom:15px;color:#000;font-weight:300;padding-top:10px;}
.onedayinfo {border-left:2px dashed #d2d2d2;padding-left:30px;margin-left:25px;margin-bottom:-25px;}
.tourpic {display:block;padding-bottom:60px;}
.onedayta {padding:80px 0;margin-bottom:-20px;background:#f1f1f1;display:block;margin-top:30px;}
.hidetails {
width: auto;
display: block;
margin-top: 10px;
font-size: 16px;
text-align: left;
}
.highlightsoneday { background: #f1f1f1;
margin: 50px 0 80px 0;
padding: 30px 0;
}
.priceIncludes {
border: 1px solid #d9d9d9;
margin: 30px 0;
border-radius: 4px;
}
.priceIncludes .pricePP {
background: #f1f1f1;
text-align: center;
padding: 30px 0;
border-radius: 4px 4px 0 0;
margin-bottom: 30px;
}
.priceIncludes .pricePP p { margin: 0; font-size: 15px;}
.priceIncludes .pricePP .fa {
font-size: 150%;
margin-right: 10px;
}
.priceIncludes .pricePP strong {
font-size: 35px;
font-weight: 500;
color: #a31022;
margin-left: 10px;
}
.priceIncludes .includeTitle {
font-size: 22px;
display: block;
margin: 0 20px;
}
.priceIncludes ul {
margin: 30px 20px;
}
.priceIncludes ul li {
line-height: 20px;
margin-bottom: 10px;
background: url(/pic/mark-555.png) no-repeat left top;
padding-left: 35px;
}
.tourtailormake { background: #3a3a32;
color: #fff;
text-align: center;
padding: 50px 0;
position: relative;
bottom: -21px;
z-index: 99999;}
.bmtailor { border-bottom: 1px solid #b1b1b1;
padding-bottom: 55px;}
.plantour { display: block;
font-size: 25px;
font-weight: 300;
margin-bottom: 40px;}
.plantourbt {font-size: 20px;
text-transform: uppercase;
text-align: center;
display: block;
border: 1px solid #b1b1b1;
border-radius: 4px;
width: 22%;
margin: 20px auto;
justify-content: center;
color: #fff;
font-weight: 300;
height: 45px;}
.plantourbt .fa {margin-left: 20px;
font-size: 24px;}
.plantourbt>a { color: #fff;
text-decoration: none;
padding: 7px 0;
display: block;}
.plantourbt>a:hover { color: #a31022;
background: #fff;
border: #fff;
width: 100%;
height: 100%;transition-duration: 0.8s;}
.tourinfotag {font-size: 19px;
margin-right: 10px;
color: #777;}
.imglong, .imgmiddle { margin-bottom: 50px;}
.highlightstitle {display: block;
text-align: center;
padding-top: 20px;
font-size: 18px;
font-style: italic;}
input.Inquiryphone { background: url(https://data.chinahighlights.com/pic/top10/tour-form-phone-tag-bg.png) no-repeat 15px; padding-left: 50px; width: 100%; }
/* early bird promotion */
.earlyBird { display: block; border-top:1px dashed #999;padding:15px 20px 25px; margin:30px 0;}
.earlyBird .promoTitle { color:#a31022; display: block; font-size:18px; font-style: italic; text-align:center; margin-bottom:25px; font-weight:300;}
.earlyBird .promoTitle strong { font-size:24px;}
.earlyBird .freeCancel { background:url(/pic/0-cion.png) no-repeat left 10px / 50px 50px; display: block; padding: 0 0 0 70px; font-size:16px;}
.earlyBird .freeUpgrade { background:url(/pic/upgrade-icon.png) no-repeat left 10px / 50px 50px; display: block; padding: 0 0 0 70px; font-size:16px;}
.earlyBird .freeSimCard { background:url(/pic/sim-card-icon.png) no-repeat left 10px / 50px 50px; display: block; padding: 0 0 0 70px; font-size:16px;}
.freeCancel strong, .freeUpgrade strong, .freeSimCard strong { display: block; color:#666; font-size:20px; font-weight:500; margin-bottom:10px;}
/*2020改版*/
h1.tourtop { font-size: 24px;
color: #fff;
height: 35px;
text-shadow: 1px 1px 1px #000;
position: absolute;
top: calc(100% - 90px);
font-weight: 400;}
.pcsubtitle { border-bottom: none;
font-size: 52px;
color: #fff;
display: block;
text-align: left;
width: 80%;
line-height: 58px;
font-weight: 600;
top: calc(100% - 185px);
height: 120px;
text-shadow: 3px 3px 3px #414141;
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 0 10px;}
.wow {margin-bottom: 70px;}
.experience {font-size: 28px;
color: #000;
margin-bottom: 18px;}
.experience strong {font-size: 35px;
color: #a31022;
font-style: italic;
margin-right: 5px;}
.experience p{color: #000; margin-top: 20px;}
.newexperience { font-size: 28px;
color: #000;
margin-bottom: 18px;
height: 235px;
padding: 30px;}
.newexperience strong {color: #a31022;
font-size: 35px;
font-style: italic;
margin-right: 4px;}
.newexperience p { color: #000;
margin-top: 20px;}
img.wowleft {float: left;
margin-right: 15px;}
.tourwhyus { position: relative;
margin: 70px 0;}
.tourwhyuscontent {position: absolute;
top: 0;
left: 0;
right: 0;
color: #fff;}
.whyustitle { font-size: 33px;
margin: 50px 0 20px 0;}
.tourwhyus ul {font-size: 16px; padding-left: 20px;}
.tourwhyus ul li {list-style: disc; margin-bottom: 10px;}
.procedure {background: #e5e5e5;
border-radius: 50%;
width: 80px;
height: 80px;
display: block;
float: left;
position: relative;
margin-right: 10px;}
img.proceduretag {margin-top: 18px;
margin-left: 17px;
width: 50px;}
p.procedureword {display: block;
margin-top: 35px;
margin-top: 20px; text-align: center; color: #000;}
.tacontent {height: 120px;}
img.taexcellent2020 {float: left; margin-right: 20px; width: 120px;}
img.excellent2020rate {margin-top: 20px;}
.ratingnumber {font-size: 16px;
display: block;}
.ratingnumber strong {color: #00a680;
font-size: 22px;
font-weight: 600;}
.feedbackcontent {border-bottom:1px solid #e5e5e5; padding-bottom: 15px; clear: both;
margin-top: 45px;}
.feedbacktitle {font-weight: 600;
font-size: 20px; color: #000;}
.feedbackdate {font-size: 15px;}
.tourdaytitlebg { background: url(https://www.chinahighlights.com/image/tour-detail/guilin/gl-3-tourday-bg-mobile.png) no-repeat;
display: block;
float: left;
position: relative;
margin-right: 15px;
width: 61px;
height: 22px;
color: #fff;
padding-left: 4px;
padding-top: 1px;
font-size: 15px;
margin-bottom: 30px;
}
.tourdaytitle { font-size: 20px; font-weight: 600; }
.tourday p{ border-left: 2px solid #e5e5e5;
margin-top: -5px;
margin-bottom: 0;
padding: 15px 0 30px 67px;
margin-left: 10px;}
.tourcontent { margin: 50px 0;}
.pricecontent {border: 4px dashed #e5e5e5;
border-radius: 4px;
padding: 5px;
margin: 100px 0;}
.pricefrom {background: #e5e5e5;
padding: 30px 30px 10px 30px;
margin-bottom: 30px;
font-size: 20px;
color: #000;}
.pricefrom strong {color: #a31022; font-size: 24px; margin-right: 5px;
margin-left: 10px;}
.pricefrom p {color: #000;}
.includes {padding: 0 30px;
margin-bottom: 30px;}
.includes ul {color: #555; padding-left: 20px;}
.includes ul li {list-style: disc;
margin-bottom: 8px;
font-size: 16px;}
/*2020GP促销*/
.smallgroup {background: #fff; border-radius: 4px; padding:40px; position: relative; display: inline-block; margin-bottom: 50px;}
.grouptag { position: absolute;
top: -65px;
left: -12px;}
.groupcontact {border-bottom: 2px solid #d9d9d9; padding-bottom: 50px; margin-bottom: 50px;}
.contactinfo {width: 50%;
color: #000;
font-size: 22px;
font-style: italic;
border-right: 2px solid #d9d9d9; float: left;
margin-right: 70px;
padding: 20px;}
.contactcode {font-size: 18px;
color: #000;padding-top: 20px; font-weight: 600;}
.contactcode img {margin-right: 20px;}
.grouptours {margin-bottom: 40px;}
.grouptours img { border-radius: 4px;
float: left;
margin-right: 20px;}
.groupname {font-size: 16px;
color: #000; display: table; line-height: 25px;}
p.groupcontact { text-align: center;
font-size: 20px;
margin-top: 20px;}
p.groupcontact a {color: #000;}
p.groupcontact .fa { color: #a31022;
font-weight: 600;
margin-left: 10px;
font-size: 20px;}