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.
797 lines
71 KiB
CSS
797 lines
71 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
/* get TA rating */
|
|
li#hroO2dB, li#A4g8q5ya { list-style: none !important; margin-bottom: 10px; }
|
|
#CDSWIDSSP .widSSPData { margin: 15px 0 !important; border-radius: 4px!important; }
|
|
#CDSWIDSSP .widSSPData .widSSPH18 { display: none !important; }
|
|
#CDSWIDSSP.widSSPnarrow .widSSPData .widSSPBranding dd { width: auto !important }
|
|
#CDSWIDSSP { width: auto !important; }
|
|
/* 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; }
|
|
/* get TA rating */
|
|
#getTA { margin: 15px 0; border: 1px solid #589442; border-radius: 4px; padding-bottom: 10px; }
|
|
#getTA .TAtitle { display: block; margin: 10px; font-size: 16px; color: #000 }
|
|
#getTAhuangshan { margin: 55px 0; }
|
|
#getTAhuangshan .TAtitle { display: block; margin: 10px; font-size: 16px; color: #000 }
|
|
#CDSWIDSSP .widSSPData .widSSPH18 { display: none !important; }
|
|
#CDSWIDSSP { width: 100% !important; }
|
|
#CDSWIDSSP .widSSPData .widSSPBranding { margin-bottom: 0 !important; }
|
|
#CDSWIDSSP.widSSPnarrow .widSSPData .widSSPBranding dd { width: auto !important; display: none !important; }
|
|
#CDSWIDSSP .widSSPData .widSSPBranding dd { font-style: normal !important; }
|
|
#CDSWIDSSP .widSSPData .widSSPBranding a, #CDSWIDSSP .widSSPData .widSSPBranding a:link, #CDSWIDSSP .widSSPData .widSSPBranding a:visited { font-style: normal !important; }
|
|
#CDSWIDSSP .widSSPData .widSSPInformation { padding-bottom: 0 !important; }
|
|
#CDSWIDSSP .widSSPData { padding: 0 10px !important; }
|
|
/* -------------beijing tour style new by Mercier------------------- */
|
|
.titleText { font-size: 14px; font-weight: normal; }
|
|
#topRecommend { margin-bottom: 20px; }
|
|
#topRecommend .citySummary { margin: 0 }
|
|
#topRecommend .citySummary li { list-style: none; float: left; width: 50%; margin-bottom: 10px; background: url(https://data.chinahighlights.com/pic/square.gif) no-repeat left 5px; padding-left: 15px; }
|
|
#topRecommend .citySummary li a { text-decoration: none; }
|
|
.firstCool .firstTitle { color: #fff; font-size: 16px; position: absolute; top: 15px; left: 20px; text-shadow: 2px 2px 4px #000 }
|
|
.middleCool { position: relative; margin-bottom: 10px; }
|
|
.rightTop { position: relative; margin-bottom: 22px; }
|
|
.rightTop .firstTitle { color: #fff; font-size: 16px; position: absolute; top: 15px; left: 42px; text-shadow: 2px 2px 4px #000 }
|
|
.rightCool .specialOffer { background: url(https://data.chinahighlights.com/pic/special-offer-icon.png) no-repeat; display: block; width: 113px; height: 70px; position: absolute; top: -2px; left: -2px; }
|
|
.middleCool .priceBg { background: url(https://data.chinahighlights.com/pic/bg-price-type.png) no-repeat; display: block; width: 121px; height: 19px; color: #fff; font-size: 11px; position: absolute; top: 45px; left: 10px; padding: 3px 0 0 15px; text-shadow: 0 0 2px #999; }
|
|
.rightCool { margin-bottom: 10px; position: relative }
|
|
.rightCool .tourTitle, .middleCool .tourTitle, .rightTop .tourTitle { background: #a31022; color: #fff; display: block; position: absolute; left: 10px; bottom: 0; border-radius: 0 4px 0 0; padding: 2px 5px; }
|
|
.rightCool .tourTitle b { text-shadow: 0 0 5px #000; font-weight: normal }
|
|
.rightCool .priceBg { background: url(https://data.chinahighlights.com/pic/bg-price-type.png) no-repeat; display: block; width: 121px; height: 19px; color: #fff; font-size: 11px; position: absolute; top: 45px; left: 10px; padding: 3px 0 0 15px; text-shadow: 0 0 2px #999; }
|
|
.citySummaryInfo { display: block; margin: 10px 0; overflow: hidden; height: 100%; }
|
|
.citySummaryInfo ul { margin: 0 }
|
|
.citySummaryInfo ul li { list-style: none; float: left; width: 150px; margin-bottom: 10px; background: url(https://data.chinahighlights.com/pic/square.gif) no-repeat left 5px; padding-left: 15px; }
|
|
.citySummaryInfo ul li a { text-decoration: none; }
|
|
.chPromise { display: block; margin: 15px 0; clear: both; }
|
|
.chPromise h2 { font-size: 30px; margin: 10px 0 30px; text-align: center; font-weight: normal; }
|
|
.chPromise .advantageItem .titleBlock { display: block; margin: 0 0 10px; font-size: 18px; color: #04679A; padding-bottom: 2px; text-align: center; }
|
|
.chPromise .advantageItem .titleBlock.last { font-size: 13px; }
|
|
.chPromise .advantageItem p { font-size: 14px; line-height: 18px; display: block; margin-top: 10px; text-align: center; }
|
|
.chPromise .advantageItem .flexible { display: block; width: 178px; height: 93px; background: url(https://data.chinahighlights.com/pic/bg-city-tour-icon.png) no-repeat 0 0; }
|
|
.chPromise .advantageItem .expert { display: block; width: 178px; height: 93px; background: url(https://data.chinahighlights.com/pic/bg-city-tour-icon.png) no-repeat -111px 0; }
|
|
.chPromise .advantageItem .noshops { display: block; width: 178px; height: 93px; background: url(https://data.chinahighlights.com/pic/bg-city-tour-icon.png) no-repeat -322px 0; }
|
|
.chPromise .advantageItem .moneyback { display: block; width: 178px; height: 93px; background: url(https://data.chinahighlights.com/pic/bg-city-tour-icon.png) no-repeat -725px 0; }
|
|
.chPromise .advantageItem .fullCare { display: block; width: 178px; height: 93px; background: url(https://data.chinahighlights.com/pic/bg-city-tour-icon.png) no-repeat -526px 0; }
|
|
/* switch tags */
|
|
.switchTags { border-bottom: 3px solid #a31022; overflow: hidden; height: 33px; position: relative; background: #FFF; z-index: 10; margin-bottom: 15px; }
|
|
.switchTags ul { margin-left: 0 }
|
|
.switchTags ul li { list-style: none; float: left; width: auto; padding: 5px 20px 5px 15px; margin-right: 5px; text-align: center; font-size: 14px; background: #999; height: 30px; border-top-left-radius: 4px; border-top-right-radius: 4px; color: #fff; cursor: pointer }
|
|
.switchTags ul li a { text-decoration: none; color: #fff; }
|
|
.switchTags ul li.active, .switchTags ul li:hover { background: #a31022; color: #fff; }
|
|
.switchTags ul li.active a, .switchTags ul li:hover a { color: #fff; }
|
|
.switchTags .sendInquiry { background: url(https://data.chinahighlights.com/pic/double-arrow-22x16.png) no-repeat right; color: #a31022; font-size: 12px; position: absolute; right: 5px; padding-right: 25px; margin-top: 10px; }
|
|
.switchTags .bookingButton-s { position: absolute; right: 0; top: 0; text-align: right; }
|
|
.switchTags .fbFans { display: block; margin-bottom: 10px; height: 25px; position: absolute; top: -30px; width: 275px; }
|
|
.switchTags .fbFans img { height: 25px; width: 275px }
|
|
.highlightTours { display: block; }
|
|
.highlightTours .tourList { margin-bottom: 20px; margin-top: 20px; }
|
|
.highlightTours .tourList .tourImg { margin: 3px 0 10px; position: relative; }
|
|
.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; }
|
|
.highlightTours .tourList .tourImg img { border-radius: 4px; width: 100% }
|
|
.highlightTours .tourList .tourInfoRight { border-bottom: 1px dashed #999; padding-bottom: 15px; }
|
|
.highlightTours .imagelist { border-bottom-color: #999; border-bottom-style: dashed; border-bottom-width: 1px; padding-bottom: 15px; margin-bottom: 15px; }
|
|
.imageTitle { color: #185ba2; font-size: 25px; margin-bottom: 20px; margin-top: 15px; }
|
|
.imageDate { color: #04679a; display: block; font-size: 15px; margin-bottom: 5px; margin-top: 10px; }
|
|
.DetailButton { display: block; margin-top: -5px; }
|
|
.imageDetail { margin-bottom: 15px; }
|
|
h2.tibetTitle { display: block; text-transform: uppercase; font-weight: normal; margin: 0 0 15px; font-size: 20px; }
|
|
h2.cityindex { font-size: 30px; color: #000; margin: 35px 0 30px; font-weight: 300; text-align: center; }
|
|
.highlightTours .tourList .tourInfoRight h2, .tourInfoRight h3 { margin: 0 0 15px; font-weight: normal }
|
|
.highlightTours .tourList .tourInfoRight h2 a, .tourInfoRight h3 a { font-size: 16px; text-decoration: none }
|
|
.highlightTours .tourList .tourInfoRight .viewDetail { text-align: right; display: block; margin-top: 20px; }
|
|
.highlightTours .tourList .subTitle { color: #04679A; display: block; margin: 5px 0 }
|
|
.highlightTours .tourList .subTitleLarge { color: #04679A; display: block; margin-bottom: 10px; font-size: 15px; }
|
|
.highlightTours .tipTitle { display: block; margin: 10px 0; font-size: 16px; }
|
|
.highlightTours .commcont { display: block; margin: 0 0 30px 0 }
|
|
.highlightTours .commcont ol { margin: 0 0 15px 15px; }
|
|
.highlightTours .commcont ol li { list-style-position: outside }
|
|
#bookSteps { display: block; clear: both; margin: 0 auto 20px; width: 100%; border-bottom: 1px solid #d1d1d1; height: 42px; overflow: hidden; position: relative; z-index: 9999; background: #fff; }
|
|
#bookSteps a { color: #FFF; }
|
|
#bookSteps a:hover { color: #FFF; }
|
|
#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; height: 42px; }
|
|
#bookSteps ul li.comfort { background: #cccccc; padding-left: 30px; }
|
|
#bookSteps ul li.discovery { background: #cccccc; padding-left: 30px; }
|
|
#bookSteps ul li.whyluxury { padding-left: 15px; }
|
|
#bookSteps ul li.essential { background: #cccccc; padding-left: 30px; }
|
|
#bookSteps ul li a { text-decoration: none; color: #fff; font-size: 16px; }
|
|
#bookSteps ul li.active { background-color: #a31022; }
|
|
/* 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; }
|
|
/* question box */
|
|
|
|
#questionBox { margin: 10px 0 15px; position: relative; border-radius: 6px; background: #d1d1d1; padding: 10px 20px; }
|
|
#questionBox .questionContent { display: block; padding: 10px 20px; background: #d1d1d1; 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 .interest-label { font-size: 14px; text-align: center; display: block; margin-bottom: 25px; }
|
|
#questionBox .infoRequired { text-align: center; margin: 22px 0 0 0; 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; box-shadow: 0 0 2px #999 }
|
|
#questionBox .infoRequired input:focus, textarea:focus { border-color: #a31022; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.075) inset, 0 0 8px #000; transition: all 0.5s ease-in-out; border-radius: 10px; }
|
|
#questionBox .infoRequired textarea { height: 150px; }
|
|
#questionBox .sendButton { margin: 15px 0; display: block; background: #a31022; border: none; color: #fff; text-shadow: 0 0 2px #000; text-align: center; border-radius: 4px; padding: 10px; font-size: 16px; width: 100%; margin-left: 0; }
|
|
#questionBox .infoRequired p { display: none; }
|
|
|
|
#questionBox .infoRequired p { margin: 0; line-height: 20px !important; margin-bottom: 0px !important; position: relative; text-align: center; }
|
|
#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 { padding-left: 10px 0 10px 5px; font-size: 14px; margin-bottom: 10px; }
|
|
/* 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; }
|
|
/* weather display on Shanghai tour */
|
|
table.averageWeather { margin: 10px 0; border: 1px solid #d1d1d1; padding: 1px; width: 100%; border-top: 3px solid #d1d1d1; }
|
|
table.averageWeather th { padding: 5px; border-bottom: 1px solid #d1d1d1; }
|
|
table.averageWeather td { padding: 8px 5px; border-bottom: 1px solid #d1d1d1; }
|
|
table.averageWeather th { padding: 5px; border-bottom: 1px solid #d1d1d1; }
|
|
table.averageWeather tr.last td { border-bottom: none }
|
|
/* auto email */
|
|
.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default }
|
|
.ui-menu { list-style: none; padding: 2px; margin: 0; display: block; outline: none }
|
|
.ui-menu .ui-menu { margin-top: -3px; position: absolute }
|
|
.ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; width: 100% }
|
|
.ui-menu .ui-menu-divider { margin: 5px -2px 5px -2px; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0 }
|
|
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.5; zoom: 1; font-weight: normal }
|
|
.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px }
|
|
.ui-menu .ui-state-disabled { font-weight: normal; margin: .4em 0 .2em; line-height: 1.5 }
|
|
.ui-menu .ui-state-disabled a { cursor: default }
|
|
.ui-menu-icons { position: relative }
|
|
.ui-menu-icons .ui-menu-item a { position: relative; padding-left: 2em }
|
|
.ui-menu .ui-icon { position: absolute; top: .2em; left: .2em }
|
|
.ui-menu .ui-menu-icon { position: static; float: right }
|
|
.ui-widget { font-size: 1.1em }
|
|
.ui-widget .ui-widget { font-size: 1em }
|
|
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-size: 1em }
|
|
.ui-widget-content { border: 1px solid #aaa; background: #fff url(//data.chinahighlights.com/css/ui/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222 }
|
|
.ui-widget-content a { color: #222 }
|
|
.ui-widget-header { border: 1px solid #aaa; background: #ccc url(//data.chinahighlights.com/css/ui/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222; font-weight: bold }
|
|
.ui-widget-header a { color: #222 }
|
|
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { /*border: 1px solid #d3d3d3; background: #e6e6e6 url(//data.chinahighlights.com/css/ui/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;*/ font-weight: normal; /*color: #555*/ }
|
|
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555; text-decoration: none }
|
|
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999; background: #dadada url(//data.chinahighlights.com/css/ui/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121 }
|
|
.ui-helper-hidden-accessible { display: none }
|
|
/* for tibet tours */
|
|
.tourGuide { display: block; margin-bottom: 15px; }
|
|
.tourGuide .guideTitle { font-size: 22px; display: block; margin: 0 0 10px 0; }
|
|
.tourGuide .guideInfo { display: block; margin-bottom: 10px; }
|
|
.guideInfo .iconLeft img { border-radius: 4px; margin-top: 15px; }
|
|
.tourGuide .guideInfo p { line-height: 18px; margin-bottom: 0; }
|
|
.guideInfo .guideIntro .guideName { color: #0c6197; font-size: 18px; }
|
|
.tourLeft { float: left; width: 626px; }
|
|
.viewMore { display: block; margin: 10px 0; text-align: right; }
|
|
.BookTours a { color: #fff; background: #a31022; float: right; padding: 7px 10px; border-radius: 4px; text-decoration: none; font-size: 14px; }
|
|
.BookTours a:hover { color: #fff; }
|
|
.mobileH2 { font-size: 22px; margin-bottom: 20px; }
|
|
.mapBlock { margin-bottom: 30px; }
|
|
/* tibet new */
|
|
/* chongqing new by candice song*/
|
|
.bestdeals h2 { font-size: 30px; }
|
|
.bestdeals { margin-bottom: 10px; }
|
|
.topships { background: #f4f4f4; padding-bottom: 15px; padding-top: 30px; }
|
|
span.shipprice { color: #a31022; font-size: 20px; }
|
|
.price { background: #f0f0f0; font-size: 16px; color: #286eb6; padding: 10px 0 10px 0; margin: 0; }
|
|
.price img { margin-top: 5px; }
|
|
span.from { color: #545454; font-size: 14px; }
|
|
.dealship { padding-left: 0px; padding-right: 0px; }
|
|
h1.CQTopTitle { text-align: center; color: #185ba2; border-bottom: none; }
|
|
/* zhangjiajie new by candice song*/
|
|
.tourRight { margin-bottom: 15px; padding: 10px; }
|
|
.tourRight .rightTitle { display: block; font-size: 18px; margin: 0 0 15px; }
|
|
.AdvisorImage { padding: 0; }
|
|
.AdvisorInfo { padding: 0; }
|
|
ul.TravelAdvisor li.AdvisorName { color: #17509f; font-size: 17px; }
|
|
ul.TravelAdvisor li.AdvisorEmail { color: #a40f22; }
|
|
ul.TravelAdvisor li.contactme { margin-top: 20px; }
|
|
.AdvisorIntro { background: #f2f2f2; padding: 15px 10px; border-radius: 4px; margin-top: 25px; }
|
|
.IntroArrow { display: block; position: absolute; left: 60px; top: 135px; }
|
|
.PandaArrow { display: block; position: absolute; left: 60px; top: 120px; }
|
|
.PhotoArrow { display: block; position: absolute; left: 60px; top: 150px; }
|
|
.NoraSayArrow { position: relative; left: -15px; top: 70px; }
|
|
.noraSay { margin-top: 5px; padding: 15px 40px 15px 20px; font-size: 14px; line-height: 25px; color: #777; background: #f2f2f2; position: absolute; left: 28px; top: 0; }
|
|
.EmailRed { color: #a91c1c; background: none; }
|
|
.ContactMe { background: rgba(0, 0, 0, 0) url("https://data.chinahighlights.com/pic/comma-a.gif") no-repeat scroll left top; }
|
|
.ContactInformation { background: rgba(0, 0, 0, 0) url("https://data.chinahighlights.com/pic/comma-b.gif") no-repeat scroll right 75px; padding-left: 75px; padding-bottom: 17px; }
|
|
.peopic { overflow: hidden; text-align: center; }
|
|
.peopic img { width: 100%; margin-bottom: 5px; }
|
|
.peopic span { font-size: 14px; text-align: center; width: 100%; }
|
|
.peopic span.tailname { color: #025499; font-size: 16px; margin-top: 5px; display: block; }
|
|
.tripList { margin: 0 0 25px 0; position: relative; border-radius: 4px; }
|
|
.tripList a { text-decoration: underline; }
|
|
.tripList img { border-radius: 4px; width: 100%; }
|
|
.tripList:hover img { opacity: 1; transition: all 0.2s ease-in-out }
|
|
.tripList .tourInfo { background: rgba(0, 0, 0, 0) url("//data.chinahighlights.com/css/images/tour/bg-opacity.png") repeat-x scroll center top; border-radius: 0 0 4px 4px; bottom: 0; color: #fff; display: block; left: 0; position: absolute; width: 100%; }
|
|
.tourtag { position: absolute; left: -12px; top: 15px; }
|
|
.tripList .tourTitle { display: block; font-size: 17px; line-height: 25px; margin: 5px 10px; text-shadow: 2px 2px 5px #000; }
|
|
/* guilin new update */
|
|
.txtCenter { display: block; text-align: center; font-size: 18px; line-height: 35px; }
|
|
h3.GuilintourTitle { font-size: 20px; margin-bottom: 15px; }
|
|
h3.GuilinWhyUs { font-size: 18px; margin-bottom: 15px; }
|
|
.GuilinTA { border: 1px solid #579542; border-radius: 4px; }
|
|
.gltour { position: relative; z-index: 10; }
|
|
.tourname { color: #545454; }
|
|
.tourname a { text-decoration: none; }
|
|
.tourname a:hover { color: #a31022; cursor: pointer; }
|
|
.TourIndexTitle { border: 1px solid #cbcbcb; border-top: none; padding: 15px 20px; margin-bottom: 30px; border-radius: 0 0 4px 4px; background: #fff; display: inline-block; width:100%; }
|
|
.TourIndexTitle .beijingviewmore>a {
|
|
color: #a31022;
|
|
text-decoration: none;
|
|
font-size: 16px;
|
|
padding: 5px 0;
|
|
display: block;
|
|
}
|
|
.TourIndexTitle .beijingviewmore>a:hover {
|
|
color: #fff;
|
|
background: #a31022;
|
|
}
|
|
.tourIndexHighlights { margin-top:15px;}
|
|
.tourIndexHighlights li { line-height:20px; margin-bottom:15px; background:url(/pic/gray-dot.png) no-repeat left 5px; padding-left:25px; font-size:16px; color:#777;}
|
|
.TourIndexTitlebeijing { border: 1px solid #cbcbcb; border-top: none; padding: 15px 20px; margin-bottom: 30px; border-radius: 0 0 4px 4px; background: #fff; height: 435px; }
|
|
.gltour img { border-radius: 4px 4px 0 0; }
|
|
.tourname { font-size: 16px; display: block; width: 100%; margin-bottom: 10px; height: 46px; }
|
|
.tourdetail { font-size: 12px; color: #2963a3; width: 100%; display: block; margin-bottom: 10px; height: 34px; }
|
|
.view { background: #a31022; border-radius: 4px; color: #fff; font-size: 14px; display: block; text-align: center; width: 100%; margin-top: 10px; padding: 6px 15px 6px 15px; text-decoration: none; }
|
|
.toparticle { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; margin-bottom: 30px; position: relative; }
|
|
.toparticle p { text-align: center; margin-top: 10px; line-height: 25px; }
|
|
.toptitle { background-attachment: scroll; background-clip: border-box; background-color: rgba(0, 0, 0, 0.5); background-image: none; background-origin: padding-box; background-position: 0 0; background-repeat: repeat; background-size: auto auto; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 0; border-top-right-radius: 0; bottom: 0; color: #fff; font-size: 14px; height: 55px; left: 0; padding-bottom: 5px; padding-left: 10px; padding-right: 10px; padding-top: 5px; position: absolute; text-align: center; width: 100%; }
|
|
.Guilintoptitle { color: #fff; font-size: 14px; left: 0; padding-bottom: 5px; padding-left: 20px; padding-right: 10px; padding-top: 130px; position: absolute; border-radius: 0 0 4px 4px; width: 100%; }
|
|
.GuideName { font-size: 14px; color: #04679a; display: block; text-align: center; float: left; margin-right: 20px; }
|
|
.GuideName img { margin-bottom: 10px; }
|
|
.GuilinTM { border-bottom: 2px solid #c9c9c9; text-align: center; padding-bottom: 35px; margin-bottom: 30px; }
|
|
.infoList a { text-decoration: none; }
|
|
.infoList img { border-radius: 4px; }
|
|
.GuilinInfo { padding-top: 15px; font-size: 14px; }
|
|
.GuilinService p.WhyUsGuilin { font-size: 16px; font-style: italic; line-height: 25px; }
|
|
.GuilinService p.ServiceTitle { font-size: 17px; margin: 15px 0 10px 0; }
|
|
.GuilinService img { margin-bottom: 10px; }
|
|
.TourButton a { text-decoration: none; }
|
|
#homeSlideshow { background: url(/js/orbit/orbit/1-0.gif) no-repeat center center; margin-bottom: 25px; }
|
|
#homeSlideshow .flexslider { position: relative }
|
|
#homeSlideshow .flexslider ul { padding: 0; margin: 0 }
|
|
#homeSlideshow .flexslider ul.flex-direction-nav a { width: 88px; height: 88px; display: block; background: url(//data.chinahighlights.com/css/images/merge/csg-512c793703ac8.png) no-repeat 0 0 rgba(0,0,0,0.8); position: absolute; top: calc(50% - 44px); cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease; z-index: 10; border-radius: 4px; }
|
|
#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 { zoom: 1; position: relative }
|
|
#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 .readMore { border: 3px solid #fff; text-align: center; font-size: 18px; border-radius: 4px; width: 200px; margin: 30px auto; display: block; }
|
|
#homeSlideshow .readMore .fa { font-size: 120%; margin-left: 5px; }
|
|
#homeSlideshow .readMore a { color: #fff; text-decoration: none }
|
|
#homeSlideshow .readMore:hover { box-shadow: inset 0 0 5px #f1f1f1 }
|
|
#homeSlideshow .readMoreRed { border: 3px solid #a31022; padding: 5px 20px 6px; text-align: center; font-size: 16px; border-radius: 4px; background: rgba(163, 16, 34, .9); float: right; margin: -36px 204px 0 0 }
|
|
#homeSlideshow .readMoreRed a { color: #fff; text-decoration: none }
|
|
#homeSlideshow .readMoreRed:hover { box-shadow: inset 0 0 5px #666 }
|
|
#homeSlideshow .flexslider ul.slides>li { display: none; -webkit-backface-visibility: hidden; position: inherit!important }
|
|
#homeSlideshow .flexslider ul.slides>li span.visible-xs { font-size: 14px; }
|
|
#homeSlideshow .flexslider ul.slides>img { width: 100%; display: block }
|
|
#homeSlideshow .flexslider ul.slides>li 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: 93%; left: 10%; z-index: 9999; right: 0; }
|
|
#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 }
|
|
.flexslider ol.flex-control-nav { position: absolute; top: 90%; left: 55%; z-index: 9999; margin-left: -120px; display: none; }
|
|
@media(min-width:1000px) {
|
|
h2.categoryTitle { font-size: 28px !important; }
|
|
h2.categoryTitle a { color: #185ba2; font-size: 28px; margin-bottom: 20px; margin-top: 15px; }
|
|
.tourRow h3 { height: 20px !important }
|
|
.tourRow h3.moreText { height: 42px !important; }
|
|
.tourRow p { height: 70px !important }
|
|
}
|
|
h2.categoryTitle { margin-top: 15px; margin-bottom: 20px; font-size: 20px; color: #185ba2; }
|
|
h2.CQcategoryTitle { margin-top: 15px; margin-bottom: 20px; font-size: 18px; color: #444; padding-left: 0; }
|
|
.tourRow { border: 1px solid #d1d1d1; margin-bottom: 30px; padding: 15px; border-radius: 4px; position: relative; overflow: hidden; opacity: 0.98; background: #f9f9f9 }
|
|
.TourTagXian { position: absolute; left: 16px; top: 10px; }
|
|
.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; }
|
|
.tourRowXian { border: 1px solid #d1d1d1; margin-bottom: 30px; padding: 15px; border-radius: 4px; position: relative; overflow: hidden; opacity: 0.98; background: #f9f9f9 }
|
|
.TourTagXian { position: absolute; left: 16px; top: 10px; }
|
|
.tourRowXian h3 { font-size: 15px !important; color: #000; margin: 20px 0 20px; position: absolute; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; color: #fff; width: 100%; left: 0; padding-left: 10px; padding-top: 5px; padding-bottom: 12px; top: 102px; height: 45px; padding-right: 5px; }
|
|
.tourRowXian p { color: #919191; }
|
|
.tourRowXian a { text-decoration: none; }
|
|
.tourRowXian:hover { border: 1px solid #a31022; opacity: 1; background: #fff; }
|
|
.tourRowXian .subTitle { color: #04679a; margin: 0 0 15px; display: block; border-bottom: 1px dotted #919191; padding-bottom: 2px; margin-top: 10px; font-size: 15px; }
|
|
.tourRowXian .tourImg { margin: -15px -15px 0 }
|
|
.tourRowXian .tourImg img { width: 100%; border-radius: 4px 4px 0 0; }
|
|
.featureTag { background: #04679a; border-radius: 4px; color: rgb(255, 255, 255); padding: 5px; }
|
|
.specialOffer { background: #a31022; border-radius: 4px; color: #fff; display: block; font-size: 12px; left: -22px; padding: 2px 43px 5px 16px; position: absolute; top: 21px; transform: rotate(-43deg); width: 130px; text-align: center; }
|
|
.priceFrom { color: #919191; }
|
|
.priceFrom strong { color: #a31022; font-size: 20px; font-weight: normal; margin-right: 3px; }
|
|
.priceFrom strong a { color: #a31022; text-decoration: none; }
|
|
.indexviewmore { text-align: right; display: block; font-size: 17px; color: #a31022; }
|
|
.indexviewmore a { color: #a31022; text-decoration: none; }
|
|
.indexviewmore a:hover { text-decoration: underline; }
|
|
/* photo slide for tibet tour page */
|
|
#homeSlideshow { margin-bottom: 5px; }
|
|
#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: 48%; 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 { 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 { height: auto !important; }
|
|
#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 { height: 150px; 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: 0; z-index: 1000 }
|
|
#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.GuilinTour { border-bottom: none; padding-top: 30px; }
|
|
.gltour img, .toparticle img, .GuilinService img, .GuilinMap img { width: 100% !important; }
|
|
.GuideName { text-align: left !important; }
|
|
.GuilinTM { padding-left: 0 !important; }
|
|
.GuilinMap { margin-bottom: 20px !important; width: 100% !important; }
|
|
.infoList { margin-bottom: 20px !important; }
|
|
.view { text-decoration: none; }
|
|
.GuilinArticle { margin-bottom: 10px; }
|
|
.questionRight { margin-top: 20px; }
|
|
}
|
|
.infoList { margin-bottom: 20px; font-size: 14px; overflow: hidden; padding-top: 10px; background: #f1f1f1; border-radius: 0 4px 4px 0; }
|
|
.infoList:hover { background: #d9d9d9; }
|
|
.infoList a { text-decoration: none; }
|
|
.infoList strong { font-weight: normal; }
|
|
.infoList img { width: 100px; margin-right: 10px; float: left; border-radius: 4px 0 0 4px; margin-top: -10px; }
|
|
.tibetAlert { display: block; margin: 10px 0; border: 1px dashed #a31022; padding: 8px 10px 0; border-radius: 4px; line-height: 22px; }
|
|
/* for xian tours */
|
|
.createBtn { display: block; background: #a31022; padding: 8px 0; text-align: center; font-size: 16px; border-radius: 4px; margin: 30px 0 25px; }
|
|
.createBtn:hover { box-shadow: 0 0 10px #000; transition: all 0.5s ease-in-out; }
|
|
.createBtn a { color: #fff; text-decoration: none; display: block; }
|
|
.createBtn a:hover { color: #fff; }
|
|
.createTrip { display: none; }
|
|
@media(max-width:750px) {
|
|
.GuilinTopInfo { padding: 20px 0 !important }
|
|
.Inspiration { margin-bottom: 20px !important; }
|
|
img.AgeImg { margin-right: 3px; }
|
|
.TMcontent { border-right: none !important; }
|
|
.topSubTitle { font-size: 22px !important; top: calc(50% - 5px) !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 !important; }
|
|
h1.Top10 { font-size: 28px !important; font-weight: 300; top: calc(50% - 50px) !important; }
|
|
.Top10Title { top: 0 !important; }
|
|
.CityTourTop { padding-top: 0 !important }
|
|
h1.IndexNewTitle { font-size: 30px !important; font-weight: 400; top: calc(50% - 40px) !important; }
|
|
.CityIndexTop { top: 100px !important; }
|
|
.PandaStory { margin-bottom: 20px; }
|
|
.familyBottom, .foodBottom, .yangtzeBottom, .adoptionBottom, .festivalBottom, .silkroadBottom, .hikingBottom, .xianBottom, .pandaBottom, .beijingBottom, .chengduBottom, .greatwallBottom, .zhangjiajieBottom, .shanghaiBottom, .hongkongBottom, .huangshanBottom, .yunnanBottom, .tibetBottom, .suzhouBottom, .hangzhouBottom, .guilinBottom, .guizhouBottom, eastbottom, westbottom { background: none !important; padding: 0 !important; margin-bottom: 0 !important; }
|
|
.BottomTitle {font-size: 25px !important; padding-left: 15px; }
|
|
#expandAll { margin-top: 0 !important; padding-right: 10px; }
|
|
.CityIndexMap { margin-bottom: 25px; }
|
|
.TourInfo { display: none !important }
|
|
#getTAhuangshan { margin: 0; }
|
|
.GuilinDays { padding: 20px 0 !important; }
|
|
#bookSteps ul li { width: 31% !important; background-image: none !important; padding-left: 0 !important; font-size: 12px !important; margin-right: 5px !important; text-align: center; padding: 8px 1px !important; height: 42px !important; }
|
|
#bookSteps ul li a { font-size: 12px !important; }
|
|
.createBtn { width: 100%; position: fixed; bottom: 0; margin: 10px -15px 0 !important; border-radius: 0!important; }
|
|
.noraSay { background: none !important; padding-left: 0 !important; left: 0 !important; margin-top: 0 !important; top: -20px !important; padding-right: 0 !important; position: relative !important; margin-bottom: 0!important; padding-bottom: 0 !important; }
|
|
.ContactMe { background: none !important; }
|
|
.ContactInformation { background: none !important; padding-left: 0 !important; padding-right: 0 !important; font-size: 14px !important; }
|
|
.tourRowXian h3 { top: 135px; }
|
|
.OpenIcon { background: url(https://data.chinahighlights.com/pic/open-icon-bj-1.png); height: 21px; width: 21px; cursor: pointer; display: block; position: relative; float: right; }
|
|
.CloseIcon { background: url(https://data.chinahighlights.com/pic/close-icon-bj-1.png); height: 21px; width: 21px; cursor: pointer; display: block; position: relative; float: right; }
|
|
.tourDatesBJ { display: block; margin: 30px 0 10px; font-size: 18px; clear: both; line-height: 20px; border-top: 1px solid #d1d1d1; padding-top: 15px; cursor: pointer; }
|
|
h1.IndexMobile { font-size: 24px; border-bottom: none; }
|
|
#topRecommend { margin-top: 20px; }
|
|
.TourMobile { position: relative; margin-bottom: 20px; }
|
|
.MobileTopPic { margin-top: 45px; }
|
|
.TitleMobile { right: 15px; }
|
|
.LearnMoreMobile { padding: 5px 0 !important; border: 2px solid #fff; text-align: center; border-radius: 4px; font-size: 12px; }
|
|
.PriceMobile { text-align: left; }
|
|
.TourTitleMobile { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); border-radius: 0 0 4px 4px; bottom: 0; color: #fff; font-size: 25px; padding: 10px 15px; position: absolute; text-align: right; width: 100%; }
|
|
#tourContent { padding-bottom: 20px; }
|
|
}
|
|
/* for beijing tour page */
|
|
@media (min-width:768px) {
|
|
.flexslider ul.slides>li img { width: 100%; border-radius: 4px; }
|
|
#homeSlideshow { margin: 20px 0 !important; }
|
|
}
|
|
@media (min-width:1000px) {
|
|
.flexslider { margin: 0!important }
|
|
}
|
|
#homeSlideshow { background: url(/js/orbit/orbit/1-0.gif) no-repeat center center; margin: 60px -10px 20px -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% - 22px); 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 { zoom: 1; position: relative }
|
|
#homeSlideshow .flexslider ul.slides>li { display: none; -webkit-backface-visibility: hidden; position: inherit!important }
|
|
#homeSlideshow .flexslider ul.slides>img { width: 100%; display: block; border-radius: 0 }
|
|
#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; text-align: center; margin-top: -30px; z-index: 1000 }
|
|
#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 }
|
|
.GuilinTA { left: 15px; width: 92%; padding-left: 0px; padding-right: 0px; }
|
|
#homeSlideshow .flexslider ul.slides img { height: auto !important }
|
|
}
|
|
@media (min-width:1000px) {
|
|
#homeSlideshow .adText { font-size: 40px!important; top: 40px!important; left: 40px!important; line-height: 45px!important; width: 980px!important }
|
|
#homeSlideshow .adText h1 { font-size: 40px !important; display: inline !important; border-bottom: none !important; font-weight: normal; margin-bottom: 0 !important; }
|
|
}
|
|
#homeSlideshow .textBlock { position: absolute; left: 0; top: 5%; text-align: center; display: block; width: 100%; color: #fff; font-size: 18px; text-shadow: 1px 2px 5px #333; line-height: 20px }
|
|
#homeSlideshow .textBlock .adText { display: block; width: 90%; margin: 0 auto 35px }
|
|
#homeSlideshow .textBlock .adText em { font-size: 30px; font-style: normal; }
|
|
#homeSlideshow .readMore { border: 2px solid #fff; padding: 5px 20px 6px; text-align: center; font-size: 16px; border-radius: 4px }
|
|
#homeSlideshow .readMore a { color: #fff; text-decoration: none }
|
|
#homeSlideshow .readMore:hover { box-shadow: inset 0 0 5px #f1f1f1 }
|
|
/* for huangshan tour pages */
|
|
.moreAbout { font-size: 18px; display: block; margin: 25px 0 15px; }
|
|
.topFaq { display: block; }
|
|
.topFaq h3 { font-size: 18px; display: block; margin: 20px 0 10px; color: #999; }
|
|
.topFaq table { border: 1px solid #999; margin: 0 0 15px 0; width: 100%; border-radius: 4px; }
|
|
.topFaq table td { padding: 3px 15px; border-bottom: 1px dashed #f1f1f1 }
|
|
.topFaq table th { padding: 5px 15px; border-bottom: 1px solid #999; font-size: 15px; font-weight: normal; }
|
|
.topFaq table tr.solid td { border-bottom: 1px solid #999; }
|
|
.topFaq table td.solid, .topFaq table th.solid { border-bottom: 1px solid #999; text-align: center }
|
|
.topFaq p img { margin-bottom: 20px; }
|
|
.guideMap { display: block; margin: 30px 0; }
|
|
.tailormadeButton { display: block; margin: 20px 0; background: #a31022; padding: 8px 15px; text-align: center; width: 200px; float: right; border-radius: 4px; }
|
|
.tailormadeButton a { color: #fff; text-decoration: none; }
|
|
/* for chengdu page */
|
|
ul.tourTextList li { margin-bottom: 15px; line-height: 20px; background: url(https://data.chinahighlights.com/pic/arrow-10x16.png) no-repeat 2px 5px; padding-left: 25px; }
|
|
ul.tourTextList li a { font-weight: bold; font-size: 13px; }
|
|
ul.tourTextList li b { color: #a31022; font-size: 15px; margin-left: 10px; font-weight: normal; }
|
|
/* for hk tours */
|
|
ul.leftNav li.mainTitle { background: #a31022 none repeat scroll 0 0; color: #fff; font-size: 15px; padding: 5px 10px; }
|
|
ul.leftNav li { font-size: 14px; line-height: 30px; padding-left: 10px; }
|
|
ul.leftNav li a { text-decoration: none; }
|
|
ul.leftNav { background: #f1f1f1 none repeat scroll 0 0; padding-bottom: 15px; }
|
|
/* City tour index new template by candice */
|
|
h1.GuilinTour { border-bottom: none; margin-bottom: 20px; }
|
|
h1.IndexNewTitle { border-bottom: none; font-size: 60px; color: #fff; text-align: center; display: block; top: calc(50% - 0px); height: 100px; text-shadow: 5px 5px 5px #000; position: absolute; left: 0; right: 0; bottom: 0; }
|
|
.CityTourTop { display: block; position: relative; padding-top: 115px; }
|
|
.CityIndexTop { top: 420px; text-align: center; right: 0; position: absolute; left: 0; }
|
|
.DifferentTitle { text-align: center; font-size: 20px; border: 2px solid; border-radius: 20px; padding: 3px 9px; }
|
|
.WhatsDifferent { font-size: 26px; color: #fff; display: block; text-align: right; vertical-align: top; display: inline-block; line-height: 150px; margin-left: 100px; }
|
|
.GuilinTopInfo { background-color: #e7e8ea; padding: 30px 0; }
|
|
.GuilinDays { padding: 40px 0; }
|
|
.GuilinTours { padding: 40px 0; background-color: #e7e8ea; }
|
|
ul.TopList { display: inline-block; margin-left: 40px; }
|
|
ul.TopList li { margin-right: 25px; background: rgba(163,16,34,0.8); border-radius: 50%; text-align: center; padding: 40px 10px; float: left; width: 140px; height: 140px; margin-top: 10px; font-size: 17px !important; color: #fff; }
|
|
.TourDays { position: absolute; top: 20px; }
|
|
.TourInfo { position: absolute; color: #545454; padding: 15px; top: 0px; z-index: 10; opacity: 0; transition: all 0.5s ease-out; height: 253px; border-radius: 4px 4px 0 0; }
|
|
.TourInfo img { margin-top: 10px; }
|
|
p.InfoTitle { font-size: 18px; line-height: 30px; margin-bottom: 10px; height: 50px; }
|
|
p.InfoDetail { height: 75px; line-height: 25px; }
|
|
ul.ThingstoDo li { float: left; margin-right: 3px; }
|
|
.pandatour { height:645px;background:url(https://data.chinahighlights.com/image/tour-detail/chengdu/panda-tours-index-bt-bg.jpg) no-repeat; padding-top: 50px; margin-bottom: -25px;}
|
|
.chengduhibt { height:645px;background:url(https://data.chinahighlights.com/image/tour-detail/chengdu/chengdu-highlights-bt-bg.jpg) no-repeat; padding-top: 50px; margin-bottom: -25px;}
|
|
.huangshanBottom { background: url(https://data.chinahighlights.com/image/tour-list/bottom-form-bg/bottom-form-bg-pc-huangshan-tours-index.jpg) no-repeat; padding-top: 50px; height: 605px; margin-bottom: -25px; }
|
|
.guilinBottom { background: url(https://data.chinahighlights.com/image/tour-list/bottom-form-bg/bottom-form-bg-pc-top-china-tours-guilin-tours-index.jpg) no-repeat; padding-top: 50px; height: 605px; margin-bottom: -25px; }
|
|
.chengduBottom { background: url(https://data.chinahighlights.com/image/tour-list/bottom-form-bg/bottom-form-bg-pc-chengdu-tours-index.jpg) no-repeat; padding-top: 50px; height: 605px; margin-bottom: -25px; }
|
|
.yunnanbottom { background: url(//data.chinahighlights.com/image/tour-detail/yunnan/yunnan-tours-index-bottom-form-bg-pc.jpg) no-repeat; padding-top: 50px; height: 645px; margin-bottom: -25px; }
|
|
.shanghaiBottom { height:645px;background:url(//data.chinahighlights.com/image/tour-detail/shanghai/shanghai-bottom-form-bg.jpg) no-repeat; padding-top: 50px; margin-bottom: -25px; }
|
|
.suzhouBottom { background: url(https://data.chinahighlights.com/image/tour-list/bottom-form-bg/bottom-form-bg-pc-suzhou-tours-index.jpg) no-repeat; padding-top: 50px; height: 605px; margin-bottom: -25px; }
|
|
.hangzhouBottom { background: url(https://data.chinahighlights.com/image/tour-list/bottom-form-bg/bottom-form-bg-pc-hangzhou-tours-index.jpg) no-repeat; padding-top: 50px; height: 605px; margin-bottom: -25px; }
|
|
.zhangjiajieBottom { background: url(https://data.chinahighlights.com/image/tour-list/bottom-form-bg/bottom-form-bg-pc-zhangjiajie-tours-index.jpg) no-repeat; padding-top: 50px; height: 605px; margin-bottom: -25px; }
|
|
.tibetBottom { background: url(https://data.chinahighlights.com/image/tour-list/bottom-form-bg/bottom-form-bg-pc-tibet-tours-index.jpg) no-repeat; padding-top: 50px; height: 605px; margin-bottom: -25px; }
|
|
.xianBottom { background: url(https://data.chinahighlights.com/image/tour-list/bottom-form-bg/bottom-form-bg-pc-xian-tours-index.jpg) no-repeat; padding-top: 50px; height: 605px; margin-bottom: -25px; }
|
|
.xiamenbottom { background: url(https://data.chinahighlights.com/image/tour-list/bottom-form-bg/bottom-form-bg-pc-xiamen-tours-index.jpg) no-repeat; padding-top: 50px; height: 605px; margin-bottom: -25px; }
|
|
.hongkongBottom { background: url(https://data.chinahighlights.com/image/tour-list/bottom-form-bg/bottom-form-bg-pc-top-china-tours-hk-tours-index.jpg) no-repeat; padding-top: 50px; height: 605px; margin-bottom: -25px; }
|
|
.beijingBottom { background: url(https://data.chinahighlights.com/image/tour-list/bottom-form-bg/bottom-form-bg-pc-beijing-tours-index.jpg) no-repeat; padding-top: 50px; height: 605px; margin-bottom: -25px; }
|
|
.guizhouBottom { background: url(https://data.chinahighlights.com/image/tour-list/bottom-form-bg/bottom-form-bg-pc-guizhou-tours-index.jpg) no-repeat; padding-top: 50px; height: 605px; margin-bottom: -25px; }
|
|
.pandaBottom { background: url(//data.chinahighlights.com/image/tour-list/panda/panda-tour-index-bottom.jpg) no-repeat; padding-top: 50px; height: 605px; margin-bottom: -25px; }
|
|
.greatwallBottom { background: url(https://data.chinahighlights.com/image/tour-list/bottom-form-bg/bottom-form-bg-pc-great-wall-tours-index.jpg) no-repeat; padding-top: 50px; height: 605px; margin-bottom: -25px; }
|
|
.hikingBottom { background: url(https://data.chinahighlights.com/image/tour-list/bottom-form-bg/bottom-form-bg-pc-hiking-tours-index.jpg) no-repeat; padding-top: 50px; height: 605px; margin-bottom: -25px; }
|
|
.tourfromshanghaiBottom { background: url(https://data.chinahighlights.com/image/tour-list/bottom-form-bg/bottom-form-bg-pc-top-china-tours-shanghai-tours-index.jpg) no-repeat; padding-top: 50px; height: 605px; margin-bottom: -25px; }
|
|
.adoptionBottom { background: url(//data.chinahighlights.com/image/tour-detail/other-tours/adoption-tour-bottom.jpg) no-repeat; padding-top: 50px; height: 605px; margin-bottom: -25px; }
|
|
.festivalBottom { background: url(//data.chinahighlights.com/image/tour-detail/other-tours/hiking-bottom-desk.jpg) no-repeat; padding-top: 50px; height: 605px; margin-bottom: -25px; }
|
|
.silkroadBottom { background: url(https://data.chinahighlights.com/image/tour-list/bottom-form-bg/bottom-form-bg-pc-silk-road-tours-index.jpg) no-repeat; padding-top: 50px; height: 605px; margin-bottom: -25px; }
|
|
.yangtzeBottom { background: url(https://data.chinahighlights.com/image/tour-list/bottom-form-bg/bottom-form-bg-pc-yz-cruise-tours-index.jpg) no-repeat; padding-top: 50px; height: 605px; margin-bottom: -25px; }
|
|
.familyBottom { background: url(https://data.chinahighlights.com/image/tour-list/bottom-form-bg/bottom-form-bg-pc-family-tours.jpg) no-repeat; padding-top: 50px; height: 605px; margin-bottom: -25px; }
|
|
.foodBottom { background: url(//data.chinahighlights.com/image/tour-detail/other-tours/china-food-tour-bottom.jpg) no-repeat; padding-top: 50px; height: 605px; margin-bottom: -25px; }
|
|
.eastbottom { background: url(https://data.chinahighlights.com/image/tour-list/bottom-form-bg/bottom-form-bg-pc-east-tours-index.jpg) no-repeat; padding-top: 50px; height: 605px; margin-bottom: -25px; }
|
|
.westbottom { background: url(https://data.chinahighlights.com/image/tour-list/bottom-form-bg/bottom-form-bg-pc-west-tours-index.jpg) no-repeat; padding-top: 50px; height: 605px; margin-bottom: -25px; }
|
|
.beijingspotlight { background: url(https://data.chinahighlights.com/image/tour-detail/china-tour/beijing-spotlight-experience-bottom-form-bg-pc.jpg) no-repeat; padding-top: 50px; height: 645px; margin-bottom: -25px; }
|
|
.guilinspotlight { background: url(https://data.chinahighlights.com/image/tour-detail/china-tour/guilin-spotlight-experience-bottom-form-bg-pc.jpg) no-repeat; padding-top: 50px; height: 645px; margin-bottom: -25px; }
|
|
.xianspotlight { background: url(https://data.chinahighlights.com/image/tour-detail/xian/xian-spotlight-experieces-pc-bottom-form-bg.jpg) no-repeat; padding-top: 50px; height: 645px; margin-bottom: -25px; }
|
|
.huangshanspotlight { background: url(https://data.chinahighlights.com/image/tour-detail/china-tour/huangshan-spotlight-experience-bottom-form-bg-pc.jpg) no-repeat; padding-top: 50px; height: 645px; margin-bottom: -25px; }
|
|
.zhangjiajiespotlight { background: url(https://data.chinahighlights.com/image/tour-detail/zhangjiajie/zhangjiajie-spotlight-experience-bottom-bg-pc.jpg) no-repeat; padding-top: 50px; height: 645px; margin-bottom: -25px; }
|
|
.BottomTitle { color: #fff; font-size: 35px; display: block; margin-bottom: 20px; }
|
|
p.OrderWord { font-size: 25px; line-height: 40px; color: #fff; }
|
|
.BottomAd { padding-top: 40px; padding-left: 50px; }
|
|
.gltour:hover .TourInfo { display: block; position: absolute; background-color: #fff; opacity: 0.9; }
|
|
.GuilinPDF { color: #a31022; font-size: 14px; display: block; margin-top: -10px; background: url(//data.chinahighlights.com/pic/guilin-pdf.png) no-repeat; padding-left: 20px; }
|
|
.GuilinPDF a { color: #a31022; text-decoration: none; }
|
|
.GuilinPDF a:hover { cursor: pointer; }
|
|
.newformbg .InquiryBox { background: none; border: none;}
|
|
.newform {padding: 30px 0;
|
|
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
|
|
margin-top: 95px;}
|
|
/* fixed main menu */
|
|
@media(min-width:1024px) {
|
|
#header { position: fixed !important; z-index: 9999; top: 0; width: 100%; }
|
|
#contentHead { padding-top: 110px; }
|
|
#homeSlideshow { padding-top: 110px; }
|
|
}
|
|
/* for taiwan tour */
|
|
.tourThemes { background: #f1f1f1; padding: 15px 0; }
|
|
.themeTitle { background: #a31022 none repeat scroll 0 0; color: #fff; font-size: 15px; padding: 8px 10px; margin-top: 20px; }
|
|
.tourThemes li { font-size: 14px; line-height: 20px; padding-left: 10px; margin-bottom: 10px; }
|
|
.tourThemes li a { text-decoration: none; }
|
|
/*panda tour index*/
|
|
.PandaStory { background: #f1f1f1; border-top: 1px solid #d2d2d2; border-right: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; border-radius: 0 4px 4px 0; padding: 55px 15px 20px 15px; height: 190px; }
|
|
.pandaImg { padding: 0 !important; }
|
|
li.Story { padding: 0 !important; margin: 0 !important }
|
|
h3.StoryTitle { font-family: Segoe Print; }
|
|
/*改版*/
|
|
.TopCht1 { position: relative; padding-top: 115px; }
|
|
.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: 55px; 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; }
|
|
.careBlock .careTitle { font-size: 22px; margin: 10px 0; font-weight: 300; width: 100%; display: block; text-align: center; }
|
|
.careBlock img { position: absolute; top: -80px; left: calc(50% - 40px); }
|
|
.TMtitle { font-size: 23px; font-weight: 300; display: block; margin-bottom: 10px; }
|
|
.TMcontent { border-right: 2px solid #c4c4c4; height: 90px; padding-top: 5px; }
|
|
ul.IndexTM { margin-left: -5px; }
|
|
ul.IndexTM 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; }
|
|
ul.FamilyTag { margin-left: -5px; height: 100px; }
|
|
ul.FamilyTag li { background: url(https://data.chinahighlights.com/pic/tour-detail-private-tags-bg.png) no-repeat 0 4px; font-size: 16px; padding-left: 25px; margin-bottom: 2px; }
|
|
.TAcontent img { float: left; margin-right: 20px; width: 90px; height: 90px; }
|
|
.TAcontent { padding: 15px 0 0 30px; }
|
|
.TAfeedback { font-size: 18px; display: block; padding-top: 0; line-height: 30px; }
|
|
h2.IndexNewH2 { font-size: 30px; text-align: center; color: #545454; font-weight: 300; }
|
|
.feedbackDetail { background: url(https://data.chinahighlights.com/css/images/tour/detail/quote-left.png) no-repeat left 5px; padding-left: 25px; line-height: 25px; margin-bottom: 25px; font-size: 16px; }
|
|
.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 { text-align: right; display: block; padding-right: 20px; }
|
|
.CustomerImg img { border: 1px solid #c4c4c4; padding: 2px; }
|
|
.cityindextm { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.83); display: block; position: absolute; width: 100%; bottom: 0; padding: 20px 0 15px 0; }
|
|
.ciythighlights { padding: 20px 0 80px 0; background-color: #e7e8ea; background: url(https://data.chinahighlights.com/pic/city-index-highlights-bg.png) no-repeat bottom center #e7e8ea; }
|
|
.experienceimg { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; }
|
|
.experience { float: left; position: relative; padding-right: 2px; }
|
|
.experiencelast { float: left; position: relative; padding-right: 0; }
|
|
.experienceinfo { position: absolute; bottom: 0; text-shadow: 1px 1px 1px #000; background: url(//data.chinahighlights.com/pic/highlights-bg.png?v=20190227) top repeat-x; color: #fff; padding: 15px; width: calc(100% - 2px); }
|
|
.experiencename { font-size: 24px; display: block; margin-bottom:0px;font-weight:300;font-style:italic;}
|
|
.experiencesub { display:block;font-size:16px;font-weight:300;}
|
|
.experienceinfo ul li { list-style: none; font-size: 18px; background: url(//data.chinahighlights.com/pic/highlights-list-bg.png) no-repeat 0 5px; padding-left: 30px; background-size: 18px 18px; margin-bottom: 5px; line-height: 22px; }
|
|
label.highlight { display: block; }
|
|
.highlightsname { display: block; width: 100%; font-size: 18px; color: #fff; font-weight: 400; }
|
|
.highlightsname input { margin-right: 10px; }
|
|
.BottomAd .fa { font-size: 18px; color: #fff; margin-left: 10px; }
|
|
.TopThingstoDo { float: left; margin-right: 2px; position: relative; }
|
|
.viewMoreShow { border: 2px solid #fff; width: 150px; height: 35px; display: block; padding-top: 4px; text-align: center; position: absolute; left: calc(50% - 75px); top: calc(50% - 15px); border-radius: 4px; }
|
|
.blockCover { background: rgba(0,0,0,0); position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 0 0 4px 4px; }
|
|
.blockCover .viewMoreShow { display: none; }
|
|
.blockCover:hover { background: rgba(0,0,0,0.5); }
|
|
.blockCover:hover .viewMoreShow { display: block !important; }
|
|
.viewMoreShow a { font-weight: 500; font-size: 16px; text-align: center; display: block; text-decoration: none; color: #fff; }
|
|
.viewMoreShow .fa { font-size: 130%; vertical-align: middle; margin-left: 5px; }
|
|
.IndexTMcontentBT, .IndexTMcontent { display: block; margin-top: 30px; }
|
|
.topSubTitle { border-bottom: none; font-size: 30px; color: #fff; text-align: center; display: block; top: calc(50% - -70px);
|
|
height: 100px; text-shadow: 5px 5px 5px #000; position: absolute; left: 0; right: 0; bottom: 0; font-weight: 300; }
|
|
.visafree { position: absolute;
|
|
top: 10px;
|
|
left: 10px;}
|
|
/*city index inspiration*/
|
|
.Inspiration { background: #f0f0f0; border-radius: 4px; padding: 15px 20px; margin-bottom: 30px; }
|
|
.Inspiration p { margin-bottom: 0; line-height: 25px; }
|
|
.NeedDays { color: #a31022; font-size: 22px; font-weight: 400; width: 100%; display: block; margin-bottom: 5px; }
|
|
.AgeInfo { font-size: 16px; width: 100%; border-bottom: 1px solid #b6b6b6; padding-bottom: 5px; display: block; margin-bottom: 15px; }
|
|
ul.AgeActivity li { background: url(https://data.chinahighlights.com/pic/tour-detail-private-tags-bg.png) no-repeat 0 4px; margin-bottom: 10px; font-size: 16px; }
|
|
.PlusActivity { color: #a31022; font-size: 15px; margin-right: 3px; }
|
|
img.AgeImg { text-align: center; border-radius: 50px; float: left; margin-bottom: 15px; margin-right: 5px; margin-top: 15px; }
|
|
.PercentNumber { color: #a31022; font-size: 25px; float: left; padding-left: 10px; width: 30%; text-align: right; padding-right: 5px; }
|
|
.AgeChoice { font-size: 17px; display: block; }
|
|
.AgeChoice b { color: #a31022; font-size: 25px; font-weight: 400; }
|
|
.AgeTourInfo { height: 100px; }
|
|
.detailinfo { color: #555; font-size: 15px; background: #fff; display: block; padding: 8px 10px; border-radius: 4px; box-shadow: 3px 3px 3px #d2d2d2; width: 330px; }
|
|
.detailinfo ul li { background: rgba(0, 0, 0, 0) url(/image/travelguide/attraction-guide/list.jpg) no-repeat scroll 0 center; list-style: none; padding-left: 15px; }
|
|
.imagebottom { margin-top: 27px; }
|
|
/** highlight tooltips */
|
|
.highlightsname { display: inline-block; position: relative; width: auto; -webkit-transform: translateZ(0); /* webkit flicker fix */ -webkit-font-smoothing: antialiased; /* webkit text rendering fix */ margin-bottom: 15px; z-index:9999; }
|
|
.highlightsname label { font-weight: 400; }
|
|
.highlightsname .highlights_tooltips { z-index: 9999; background: #fff; bottom: -20px; color: #333; display: block; left: calc(100% + 20px); opacity: 0; padding: 10px 20px; pointer-events: none; position: absolute; width: inherit; min-width: 400px; border-radius: 4px; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); }
|
|
/* This bridges the gap so you can mouse into the tooltip without it disappearing */
|
|
.highlightsname .highlights_tooltips:before { left: -20px; content: " "; display: block; height: 20px; bottom: 0; position: absolute; width: 0; }
|
|
/* CSS Triangles - see Trevor's post */
|
|
.highlightsname .highlights_tooltips:after { border-bottom: solid transparent 10px; border-right: solid #fff 10px; border-top: solid transparent 10px; bottom: 23px; left: -10px; content: " "; height: 0; position: absolute; width: 0; }
|
|
.highlightsname:hover .highlights_tooltips { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); }
|
|
/* IE can just show/hide with no transition */
|
|
.lte8 .highlightsname .highlights_tooltips { display: none; }
|
|
.lte8 .highlightsname:hover .highlights_tooltips { display: block; }
|
|
/** END highlight tooltips */
|
|
|
|
/*highlight experience*/
|
|
h1.highlight { border-bottom: none; font-size: 40px; color: #fff; text-align: center; display: block; top: calc(50% - 90px); height: 100px; text-shadow: 3px 3px 3px #414141; position: absolute; left: 0; right: 0; bottom: 0; }
|
|
.cityindexhi { position: absolute; bottom: 0; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; }
|
|
ul.hipoint { margin-bottom: 50px; }
|
|
ul.hipoint li { list-style: none; font-size: 20px; margin-bottom: 20px; background: url(//data.chinahighlights.com/pic/tour-detail-private-tags-bg.png) no-repeat 0 7px; padding-left: 30px; }
|
|
.hinumber { text-align: center; font-size: 30px; margin: 0; display: block; font-style: italic; font-weight: 600; }
|
|
.hititle { position: relative; width: 100%; display: block; border-bottom: 1px solid #d2d2d2; margin-bottom: 40px; margin-top: 25px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; }
|
|
h2.hinamegray { top: -55px; min-width: 400px; padding: 0 15px; background: #e7e8ea; text-align: center; position: absolute; color: #555; width: auto; }
|
|
h2.hinamewhite { top: -55px; min-width: 400px; padding: 0 15px; background: #fff; text-align: center; position: absolute; color: #555; width: auto; }
|
|
.hiimage { margin-top: 10px; padding-left: 0; }
|
|
p.highlightsinfo { margin-bottom: 10px; }
|
|
ul.hitour li { list-style: none; font-size: 17px; background: url(//data.chinahighlights.com/pic/highlights-tour-arrow.png) no-repeat 0 7px; padding-left: 20px; }
|
|
.highlightsmore { float: right; padding: 3px 5px; font-size:16px;display:block;font-weight:300;}
|
|
.highlightsmore a { color: #fff; text-decoration: none; }
|
|
.highlightsmore a:hover { text-decoration: underline; }
|
|
.TAname { font-size: 20px; display: block; color: #000; margin-bottom: 5px; }
|
|
.tripAdvisor { display: block; text-align: center; padding-left: 40px; border: 1px solid #009e6b; padding: 20px; border-radius: 4px; }
|
|
.reviewNumber { display: block; margin-top: 5px; border-bottom: 1px solid #d1d1d1; padding-bottom: 20px; margin-bottom: 20px; }
|
|
.reviewDetail { display: block; font-style: italic; color: #999; font-size: 16px; background: url(/pic/quote-left.png) no-repeat left 5px / 18px 14px; padding-left: 25px; }
|
|
.byWho { display: block; font-size: 14px; margin-top: 10px; background: url(/pic/quote-right.png) no-repeat right bottom / 18px 14px; }
|
|
.zjjprizeBottom { background: url(//data.chinahighlights.com/image/tour-detail/zhangjiajie/zjj-competition.jpgv=20190314) no-repeat; padding-top: 30px; height: 900px; margin-bottom: -25px; }
|
|
.prize { color: #fff; text-align: center; display: block; font-size: 35px; font-weight: 300; }
|
|
.tourRelated { display: block; margin: 25px 0; border-radius: 6px; }
|
|
.tourContent { display: block; padding: 10px; background: #f1f1f1; border-radius: 2px; position: relative; height: 150px; }
|
|
.tourContent a { color: #545454; }
|
|
.tourContent strong { display: block; font-size: 23px; font-weight: 300; text-align: left; margin-bottom: 10px; margin-top: 10px; }
|
|
.tourContent em { display: block; font-size: 18px; line-height: 20px; text-align: left; }
|
|
.withArrow { display: block; text-align: center; position: relative; }
|
|
img.arrowpic { margin-top: 30px; margin-left: 20px; }
|
|
p.terms { color: #fff; }
|
|
.zjjform { display: block; border-top: 1px solid #fff; padding: 40px 0; }
|
|
input.FullName { background: #fff url(//data.chinahighlights.com/pic/input-name.png) no-repeat 15px; padding: 10px 10px 10px 50px; border: medium none; border-radius: 4px; box-shadow: 0 0 2px #999; color: #333; font-size: 14px; width: 100%; }
|
|
input.EmailAddress { background: #fff url(//data.chinahighlights.com/pic/input-email.png) no-repeat 15px; padding: 10px 10px 10px 50px; border: medium none; border-radius: 4px; box-shadow: 0 0 2px #999; color: #333; font-size: 14px; width: 100%; }
|
|
input.SocialMedia { background: #fff; padding: 10px; border: medium none; border-radius: 4px; box-shadow: 0 0 2px #999; color: #333; font-size: 14px; width: 100%; }
|
|
button.sendButton { background: #a31022 none repeat scroll 0 0; border: medium none; border-radius: 4px; color: #fff; font-size: 20px; margin-top: 30px; padding: 9px; text-align: center; width: 30%; }
|
|
.zjjform .fa { margin-left: 10px; font-size: 25px; }
|
|
.input-error { outline: none; border-radius: 4px; box-shadow: 0px 0px 8px #a31022!important; -moz-box-shadow: 0px 0px 8px #a31022!important; -webkit-box-shadow: 0px 0px 8px #a31022!important; }
|
|
p.inquire { font-style: italic; font-size: 19px; }
|
|
p.highlightstime { text-align: center; font-style: italic; font-size: 22px; background: url(//data.chinahighlights.com/pic/highlights-time-duration.png) no-repeat 455px; background-size: 22px 22px; }
|
|
.topheadline { font-size: 55px; 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; font-weight: 300; }
|
|
.beijingformwords { display: block; text-align: center; font-size: 30px; font-style: italic; font-weight: 300; padding-bottom: 20px; margin-top: 0; background: #e7e8ea; }
|
|
.tailorbeijing { display: block; font-size: 30px; text-align: center; color: #333; background: url(https://data.chinahighlights.com/image/tour-detail/beijing/beijing-index-form-arrow-down.png) no-repeat top center; margin-bottom: -64px; padding-bottom: 15px; padding-top: 50px; z-index: 100; position: relative; }
|
|
.indexta { display: block; text-align: center; margin: 30px 0 0 40px; padding: 20px; background: #f1f1f1; border-radius: 7px; }
|
|
.beijingTours { padding: 40px 0; background-color: #e7e8ea; margin-top: 90px; }
|
|
.beijingindextour { margin-bottom: 40px; }
|
|
.beijingtourname { font-size:22px;margin-bottom:10px;display:block;width:100%;margin-top:5px;height: 60px; }
|
|
.beijingtourname em { display: inline-block; border: 1px solid #a31022; color: #a31022; padding: 2px 5px 4px; font-size: 14px; font-style: normal; margin-left: 5px; line-height: 15px; border-radius:4px; }
|
|
.beijingtourname a { text-decoration: none;color:#000; }
|
|
.beijingtourname a:hover { color:#a31022;}
|
|
.chinatourname { font-size: 22px; line-height: 27px; margin-bottom: 30px; display: block; width: 100%; height: 35px; }
|
|
.chinatourname a { text-decoration: none; }
|
|
.beijingpriceFrom { font-size: 18px; font-weight: 300; color: #919191; text-align: right; margin: 20px 0 0; }
|
|
.beijingviewmore { font-size:16px;color:#a31022;text-align:center;display:block;border:1px solid #a31022;border-radius:4px;width:55%;margin:20px auto; }
|
|
.beijingviewmore .fa {margin-left:15px;}
|
|
.beijingviewmore a { color: #a31022; text-decoration: none; }
|
|
|
|
.TourIndexTitle p { text-align: left; margin-bottom: 10px; }
|
|
.beijingexperienceinfo { position: absolute; bottom: 0; text-shadow: 1px 1px 1px #000; color: #fff; width: calc(100% - 2px); background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); height:auto;padding:10px 15px;}
|
|
.beijingexperienceinfo ul li { list-style: none; font-size: 18px; background: url(//data.chinahighlights.com/pic/highlights-list-bg.png) no-repeat 0 5px; padding-left: 30px; background-size: 18px 18px; margin-bottom: 5px; line-height: 22px; }
|
|
p.indextourinfo { color: #919191; }
|
|
p.indextourcity { font-size: 18px; color: #919191; font-weight: 300; }
|
|
img.tourwhyus { margin-bottom: 20px; left: calc(50% - 40px); width: 85px; position: absolute; }
|
|
.beijingwhyus { display: block; font-size: 20px; font-weight: 600; margin-bottom: 15px; margin-top: 100px; }
|
|
.whyuswords { font-style: italic; font-size: 18px; }
|
|
p.toplead { font-size: 25px; font-weight:300; margin:20px 0 35px; }
|
|
.toplist { margin-bottom: 20px; overflow: hidden; display:table; }
|
|
.toplist .fa {background: #d1d1d1;
|
|
width: 70px;
|
|
height: 70px;
|
|
text-align: center;
|
|
color: #fff;
|
|
font-size: 40px;
|
|
padding-top: 15px;
|
|
border-radius: 50%;
|
|
margin-right: 25px;}
|
|
img.toptag { float: left; margin-right: 30px; margin-top: 10px; }
|
|
.tophighlights { font-size: 22px; font-style: italic; font-weight: 300; margin-bottom: 10px; display: table-cell; vertical-align: middle; }
|
|
ul.immmersionlist { list-style: none; padding: 5px 0 0; margin: 0 0 15px 15px; font-size: 14px; color: #545454; height: 100%; overflow: hidden; display: block; }
|
|
ul.immmersionlist li { line-height: 25px; margin-bottom: 5px; background: url(https://data.chinahighlights.com/pic/square.png) no-repeat 0 10px; padding: 0 0 0 20px; font-size: 18px; color: #000; }
|
|
.tailorhiking { display: block; font-size: 30px; text-align: center; color: #333; background: url(https://data.chinahighlights.com/pic/great-wall-hiking-bottom-form.png) no-repeat top center; margin-bottom: -64px; padding-bottom: 15px; padding-top: 50px; z-index: 100; position: relative; }
|
|
.formwords { padding: 0 15px 20px 15px; display:block;text-align:center;font-size:36px;font-style:italic;font-weight:300;padding-bottom:50px;margin-top:70px;color:#000; }
|
|
.pricetag { float:left;height:150px;width:25%;margin-bottom:30px;text-align:center;font-size:16px;}
|
|
img.pricepic { width:85px;left:calc(50% - 45px);position:relative;margin-bottom:15px;height:85px;}
|
|
.taginfo { text-align:center;width:180px;display:block;}
|
|
.highlights_selection {
|
|
width: 62.5%;
|
|
float: left;
|
|
padding: 0 15px;
|
|
position: relative;
|
|
min-height: 1px;
|
|
padding-left: 55px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.highlights_selection+.InquiryBox {
|
|
width: 33.3333333%;
|
|
float: left;
|
|
position: relative;
|
|
min-height: 1px;
|
|
}
|
|
.date {margin-right:30px;}
|
|
.date .fa { margin-right: 10px;}
|
|
.datem .fa {color:#fff;margin-right:10px;font-size:17px;}
|
|
.tourdays {position: absolute;
|
|
bottom: 0;
|
|
color: #fff;
|
|
font-size: 18px;
|
|
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.72);
|
|
width: 100%;
|
|
padding: 7px 20px;
|
|
font-weight: 300;}
|
|
.pricedollar { float: right;
|
|
font-style: italic;
|
|
font-size: 18px;}
|
|
.pricedollar .fa { color:#fff;margin-right:10px;font-size:18px;}
|
|
|
|
p.center { text-align: center;}
|
|
@media (max-width:750px) {
|
|
.tourContent { height: 200px; padding: 15px; background: #fff; }
|
|
.zjjprizeBottom { background: #f1f1f1; padding: 30px 15px; height: auto; }
|
|
.zjjprizeBottom input { width: 100%; margin-bottom: 15px; }
|
|
.prize { color: #545454; }
|
|
p.terms { color: #545454; }
|
|
img.arrowpic { margin-top: 50px; margin-left: 0px; }
|
|
button.sendButton { width: 100%; }
|
|
.experienceimg { flex-wrap: wrap; }
|
|
.experience { margin-bottom: 30px; padding-right: 0; }
|
|
.indexta { border-radius: 0px; }
|
|
#crumbNav { padding-left: 15px; }
|
|
.beijingexperienceinfo { width: calc(100% - 0px); }
|
|
.topheadline { top: calc(50% - 20px); font-size: 30px; }
|
|
.highlights_selection { width:100%; padding-left: 20px;
|
|
padding-top: 0;}
|
|
.tophighlights { padding-left: 15px;}
|
|
.formwords{ font-size: 30px; margin-bottom: 0;}
|
|
.hititle { height:60px;}
|
|
}
|
|
/* for beijing tour banner video */
|
|
video { right: 0; top: 0; width: auto; height: auto; z-index: -100; position: absolute; }
|
|
.videoBg { height: 432px; position: relative; width: 100%; margin-top:119px; }
|
|
.videoBg .textBg { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.2); }
|
|
.videoBg .textBg em { display: block; width: 100%; text-align: center; font-size: 60px; position: absolute; left: 0; top: calc(50% - 45px); height: 90px; color: #fff; border-bottom: none; font-weight: 600; text-shadow: 0 1px 10px rgba(0,0,0,.8); letter-spacing: 0.05em; font-style: normal; }
|
|
@media(max-width:760px) {
|
|
video { height:200px !important}
|
|
.videoBg { height:200px !important; margin-top:45px !important;}
|
|
.indexta { margin-left:0 !important;}
|
|
|
|
}
|
|
|