|
|
|
|
|
@charset "utf-8";
|
|
|
|
|
|
/* new tour design */
|
|
|
|
|
|
h2 { display: block; text-align: center; }
|
|
|
|
|
|
.topTours { display: block; background: #ddd; padding: 20px 0 50px; position: relative }
|
|
|
|
|
|
.withArrow { background: url(https://data.chinahighlights.com/pic/arrow-white-gray-bg.png) no-repeat top; display: block; width: 60px; height: 25px; position: absolute; bottom: 0; left: calc(50% - 30px); }
|
|
|
|
|
|
.topTours h2 { font-size: 35px !important; display: block; font-weight: 300; color: #333; margin-bottom: 35px; }
|
|
|
|
|
|
.topTours p { color: #333; font-size: 16px; font-weight: 400; }
|
|
|
|
|
|
.topTours img { border-radius: 4px 4px 0 0; margin-top: 15px; }
|
|
|
|
|
|
.allInfo { background: #fff; border-radius: 0 0 4px 4px; padding: 20px 20px 50px; position: relative; margin-bottom: 16px; }
|
|
|
|
|
|
.allInfo .tourName { font-size: 25px; display: block; font-weight: 300; margin: 0 0 15px; }
|
|
|
|
|
|
.allInfo .tourName a { text-decoration: none;}
|
|
|
|
|
|
.allInfo .daysDestination { font-size: 16px; display: block; font-weight: 300; margin: 0 0 15px; height: 50px; }
|
|
|
|
|
|
.allInfo .tags { display: block; height: 75px; }
|
|
|
|
|
|
.allInfo .tags em { font-style: normal; display: inline-block; background: #d1d1d1; border-radius: 4px; padding: 2px 5px; margin-right: 10px; margin-bottom: 10px; }
|
|
|
|
|
|
.allInfo .priceFrom { display: block; width: 100px; float: left; color: #999; font-size: 16px; font-weight: 100; }
|
|
|
|
|
|
.allInfo .viewMore { display: block; float: right; width: 150px; text-align: right; padding: 5px; }
|
|
|
|
|
|
.allInfo .viewMore a { font-weight: 500; font-size: 16px; color: #a31022; text-decoration: none; }
|
|
|
|
|
|
.allInfo .viewMore a:hover { text-decoration: underline;}
|
|
|
|
|
|
.allInfo .viewMore .fa { margin-left: 5px; font-size: 123%; vertical-align: middle; }
|
|
|
|
|
|
.allInfo .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; }
|
|
|
|
|
|
.allInfo .blockCover { background: rgba(0,0,0,0); position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 0 0 4px 4px; }
|
|
|
|
|
|
.allInfo .blockCover .viewMoreShow { display: none; }
|
|
|
|
|
|
.allInfo .blockCover:hover { background: rgba(0,0,0,.6); }
|
|
|
|
|
|
.allInfo .blockCover:hover .viewMoreShow { display: block !important; }
|
|
|
|
|
|
.allInfo .viewMoreShow a { font-weight: 500; font-size: 16px; text-align: center; display: block; text-decoration: none; color: #fff; }
|
|
|
|
|
|
.allInfo .viewMoreShow .fa { font-size: 130%; vertical-align: middle; margin-left: 5px; }
|
|
|
|
|
|
.headInfo { padding: 20px 0 0; }
|
|
|
|
|
|
.headInfo h1 { border-bottom: none !important; margin: 10px 0 30px !important; font-size: 40px; display: block; font-weight: 300; }
|
|
|
|
|
|
/* keep planning */
|
|
|
|
|
|
.keepPlanning { display: block; margin: 15px 0 25px; padding: 15px 0 30px; }
|
|
|
|
|
|
.keepPlanning h3 { font-size: 25px !important; display: block; font-weight: 300; color: #333; }
|
|
|
|
|
|
.keepPlanning h2 { font-size: 35px !important; display: block; font-weight: 300; color: #333; margin-bottom: 35px; }
|
|
|
|
|
|
.block { display: block; padding-left: 120px; margin-bottom: 20px; }
|
|
|
|
|
|
.block.first { background: url(https://data.chinahighlights.com/pic/tour-icons.png?01) no-repeat 1px 34px; }
|
|
|
|
|
|
.block.gateway { background: url(https://data.chinahighlights.com/pic/tour-icons.png?01) no-repeat left -310px; padding-bottom: 1px; }
|
|
|
|
|
|
.block.howlong { background: url(https://data.chinahighlights.com/pic/tour-icons.png?01) no-repeat 2px -610px; }
|
|
|
|
|
|
.block.plan { background: url(https://data.chinahighlights.com/pic/tour-icons.png?01) no-repeat 1px -970px; }
|
|
|
|
|
|
/* theme tour list */
|
|
|
|
|
|
.tourThemes { background: #ddd; margin: 15px 0 25px; padding: 15px 0 30px; position: relative; }
|
|
|
|
|
|
.tourThemes h2 { font-size: 35px !important; display: block; font-weight: 300; color: #333; }
|
|
|
|
|
|
.tourThemes p { color: #333; font-size: 16px; font-weight: 400; }
|
|
|
|
|
|
.col-md-4 .viewDetail, .col-sm-4 .viewDetail { display: none; border: 2px solid #fff; width: 120px; text-align: center; border-radius: 4px; padding: 5px; position: absolute; left: calc(50% - 60px); top: calc(50% - 15px); z-index: 9999; }
|
|
|
|
|
|
.col-md-4 .viewDetail a, .col-sm-4 .viewDetail a { color: #fff; text-decoration: none; display: block; font-size: 14px; }
|
|
|
|
|
|
.col-md-4:hover .viewDetail, .col-sm-4:hover .viewDetail { display: block !important; }
|
|
|
|
|
|
.tourThemes .fa { margin-left: 5px; font-size: 120%; }
|
|
|
|
|
|
.tourThemes img { margin-bottom: 20px; }
|
|
|
|
|
|
.tourThemes .col-md-4, .tourThemes .col-sm-4 { padding: 0 !important; }
|
|
|
|
|
|
.tourThemes .col-md-4 img:hover, .tourThemes .col-sm-4 img:hover { filter: brightness(50%); -webkit-filter: brightness(50%); transition: all 0.5s ease-in-out; transform: scale(1.05); z-index: 9999; border-radius: 4px; }
|
|
|
|
|
|
.tourThemes img { width: 100%; }
|
|
|
|
|
|
.themeMobile { display: none; }
|
|
|
|
|
|
.tailorLast { display: block; margin: 25px 0; font-size: 28px; line-height: 40px; text-align: center; color: #333; font-weight: 300; }
|
|
|
|
|
|
.tailorLast span { text-align: center; font-size: 20px; width: 250px; margin: 20px auto; display: block; border-radius: 6px; border: 2px solid #a31022; font-weight: 400; }
|
|
|
|
|
|
.tailorLast span:hover { background: #a31022; }
|
|
|
|
|
|
.tailorLast span:hover a { color: #fff; }
|
|
|
|
|
|
.tailorLast span a { color: #a31022; text-decoration: none; display: block; }
|
|
|
|
|
|
.tailorLast .fa { margin-left: 10px; }
|
|
|
|
|
|
/* --------- */
|
|
|
|
|
|
.fixedTailor a { display: none !important; }
|
|
|
|
|
|
p { font-size: 14px; color: #777; margin-bottom: 15px !important; }
|
|
|
|
|
|
.firstTime { margin-bottom: 30px; }
|
|
|
|
|
|
h3 { font-size: 20px !important; display: block; margin: 25px 0 15px !important; font-family: Verdana, Geneva, sans-serif !important }
|
|
|
|
|
|
/* get TA rating */
|
|
|
|
|
|
#getTA { margin: 120px 0 0; padding-top: 60px; border: 3px solid #00af87; padding-bottom: 10px; position: relative; border-radius: 4px; }
|
|
|
|
|
|
#getTA .TAtitle { display: none; margin: 10px; font-size: 16px; color: #000 }
|
|
|
|
|
|
#CDSWIDSSP .widSSPData .widSSPH18 { display: none !important; }
|
|
|
|
|
|
#CDSWIDSSP { width: 100% !important; }
|
|
|
|
|
|
.widSSPBranding { display: none !important; }
|
|
|
|
|
|
#CDSWIDSSP .widSSPData .widSSPBranding { margin-bottom: 0 !important; }
|
|
|
|
|
|
#CDSWIDSSP.widSSPnarrow .widSSPData .widSSPBranding dd { width: auto !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; }
|
|
|
|
|
|
.coeIcon { display: block; position: absolute; top: -100px; left: calc(50% - 75px); background: #fff; }
|
|
|
|
|
|
/* footer fixed bar */
|
|
|
|
|
|
.createTrip { display: none; }
|
|
|
|
|
|
/* slide style */
|
|
|
|
|
|
#homeSlideshow { background: url(/js/orbit/orbit/1-0.gif) no-repeat center center; margin-bottom: 25px; }
|
|
|
|
|
|
#homeSlideshow .flexslider { position: relative; min-height: 436px; }
|
|
|
|
|
|
#homeSlideshow .flexslider ul { padding: 0; margin: 0 }
|
|
|
|
|
|
#homeSlideshow .flexslider ul.flex-direction-nav a { width: 88px; height: 88px; display: block; background: url(https://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: 70%; font-weight: normal; position: absolute; top: 100px; left: 15%; width: 500px; text-align: left; color: #666; line-height: 37px; font-family: fontawesome; }
|
|
|
|
|
|
#homeSlideshow .flexslider ul.slides .textBlock2 { display: block; color: #fff; font-size: 30px; width: 70%; font-weight: normal; position: absolute; top: 100px; right: 15%; width: 500px; text-align: right; color: #666; line-height: 37px; font-family: fontawesome; }
|
|
|
|
|
|
#homeSlideshow .flexslider ul.slides .textBlock3 { display: block; color: #fff !important; font-size: 40px; width: 70%; font-weight: normal; position: absolute; top: 50px; right: 15%; width: 670px; text-align: right; color: #666; line-height: 50px; font-family: fontawesome; text-shadow: 0 0 2px #555; }
|
|
|
|
|
|
#homeSlideshow .flexslider ul.slides .readMore { display: block; margin-top: 20px; border: 2px solid #999; text-align: center; width: 260px; float: right; font-size: 20px; border-radius: 4px; }
|
|
|
|
|
|
#homeSlideshow .flexslider ul.slides .readMore2 { border: 3px solid #fff !important; line-height: 37px !important; }
|
|
|
|
|
|
#homeSlideshow .flexslider ul.slides .readMore2 a { color: #fff !important; }
|
|
|
|
|
|
#homeSlideshow .flexslider ul.slides .readMore:hover { box-shadow: inset 0 0 8px #666; transition: all 0.8s ease-in-out; }
|
|
|
|
|
|
#homeSlideshow .flexslider ul.slides .readMore a { text-decoration: none; }
|
|
|
|
|
|
#homeSlideshow .flexslider ul.slides .textBlock .customerName { display: block; margin-top: 10px; font-size: 20px; text-shadow: none; color: #999; background: url(https://data.chinahighlights.com/pic/ta-rating.png) no-repeat left; padding-left: 90px; }
|
|
|
|
|
|
#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%; z-index: 9999; width: 100%; text-align: center; }
|
|
|
|
|
|
#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 }
|
|
|
|
|
|
/* fixed main menu */
|
|
|
|
|
|
#header { position: fixed !important; z-index: 9999; width: 100%; }
|
|
|
|
|
|
#homeSlideshow { padding-top: 110px; }
|
|
|
|
|
|
p.font16 { font-size: 16px !important; line-height: 25px !important; }
|
|
|
|
|
|
/* early bird promotion */
|
|
|
|
|
|
.earlyBird { display: block; border-top:1px dashed #999; border-bottom: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;}
|
