|
|
@charset "utf-8";
|
|
|
.photoTop { display: block; margin-bottom: 0; position:relative; }
|
|
|
@media(min-width:1024px){
|
|
|
.photoTop img { max-width: 100%;}
|
|
|
}
|
|
|
@media(min-width:1350px) {
|
|
|
.photoTop img { width:100%;}
|
|
|
}
|
|
|
h2 { font-size:30px!important; margin-bottom:30px !important;}
|
|
|
.photoTop .bgYear { display: block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0,0,0,.4);}
|
|
|
.photoTop .bgYear h1 { display: block; text-align:center; font-size:60px; font-weight:500; color:#fff; vertical-align: middle; letter-spacing:0.05em; text-shadow:3px 3px 3px #000; border-bottom: none; height:100px; position:absolute; top:calc(50% - 50px); width:100%;}
|
|
|
.pageStarts { padding: 30px 0 50px; display: block; }
|
|
|
.pageStarts h2 { margin-top:60px; text-align: center; font-weight: 300;}
|
|
|
.destinations { display: block; padding:20px 0 40px;}
|
|
|
.destinations ul { margin:35px 0 0;}
|
|
|
.destinations li { font-size:16px; margin-bottom:40px;}
|
|
|
.destinations li em { font-size:16px; font-style: normal;}
|
|
|
.destinations li strong { margin-right: 10px; color:#777;}
|
|
|
.bestTime { padding: 50px 0; display: block; }
|
|
|
.bestTime h2 { font-size: 28px; margin: 0 0 25px; }
|
|
|
.bestTime h3 { font-size: 20px; display: block; margin: 25px 0 15px; }
|
|
|
.bestTime ul { margin: 0 0 25px 15px; }
|
|
|
.bestTime ul li { line-height: 30px; margin-bottom: 5px; background: url(https://data.chinahighlights.com/pic/square-gray-8x8.png) no-repeat left; padding-left: 25px; font-size:16px; }
|
|
|
.travelStyle { margin-top:25px; margin-bottom:-20px; padding: 30px 0;background:url(/pic/white-arrow-gray-bg.png) no-repeat center -15px #d9d9d9}
|
|
|
.travelStyle h2 { font-size: 28px; text-align: center; }
|
|
|
.travelStyle h3 { font-size: 20px; display: block; margin: 15px 0 20px; border-left:18px solid #a31022; padding:0 0 2px 10px; line-height:16px; font-family:'Open Sans', sans-serif; }
|
|
|
.travelStyle p { text-align:justify}
|
|
|
.groupTravel { padding: 0 10px 20px; }
|
|
|
.recommendTours { padding: 30px 0; background:#f1f1f1;}
|
|
|
.recommendTours img { border-radius: 4px 4px 0 0; width: 100%; }
|
|
|
.recommendTours h2, .destinations h2, .bestTime h2 { font-size: 28px; text-align: center; text-align: center;
|
|
|
font-weight: 300;
|
|
|
margin-top: 50px;}
|
|
|
@media(max-width:750px) {
|
|
|
.experienceimg { display: block !important;}
|
|
|
.photoTop .bgYear h1 {font-size: 30px;
|
|
|
line-height: 30px;}
|
|
|
}
|
|
|
@media(min-width:1400px) {
|
|
|
.recommendTours { padding-bottom:40px;}
|
|
|
|
|
|
.recommendTours .row { margin-left:-30px; margin-right:-30px;}
|
|
|
.recommendTours .col-md-8 { padding-left:15px; padding-right:15px;}
|
|
|
.recommendTours .tourPackage { padding:15px 30px 30px !important;}
|
|
|
}
|
|
|
.tourPackage { background: #fff none repeat scroll 0 0; border-radius: 0 0 6px 6px; margin-bottom: 25px; padding: 15px; border-top: none; }
|
|
|
.tourPackage h3 { font-size: 20px; margin: 20px 0 10px;}
|
|
|
.tourPackage .destinations { color: #777; display: block; height: 40px; margin: 10px 0; }
|
|
|
.tourPackage .viewDetail { background: #a31022 none repeat scroll 0 0; border-radius: 4px; display: block; margin: 10px 0; text-align: center; }
|
|
|
.tourPackage .viewDetail a { color: #fff; font-size: 15px; text-decoration: none; display: block; padding: 6px 0 8px; }
|
|
|
.tourPackage .viewDetail .fa { margin-left:10px; font-size:120%;}
|
|
|
|
|
|
.crumbNav { display:inline-block; float: right; text-align:right; font-size:15px; color:#a31022;}
|
|
|
.crumbNav a { text-decoration: none; padding: 2px 8px 4px 0; color: #444 }
|
|
|
.crumbNav a:after { content:"›"; margin-left:5px; font-size:16px;}
|
|
|
.crumbNav a:hover { color: #a31022; text-decoration: none }
|
|
|
.tailorLast { display: block; margin:25px 0; font-size:25px; font-family: 'Open Sans', sans-serif; line-height:40px; text-align:center; color:#333; font-weight:300;}
|
|
|
.tailorLast span { text-align:center; font-size:20px; width:250px; margin:30px auto 10px; display: block; border-radius:6px; border:2px solid #a31022; font-weight:400;}
|
|
|
.tailorLast span a { color:#a31022; text-decoration: none; display: block; padding:1px 10px;}
|
|
|
.tailorLast span .fa { font-size:120%; margin-left:15px;}
|
|
|
.dayStay { border-top:1px dashed #d1d1d1; margin-top:25px; padding-top:25px;}
|
|
|
/* more info */
|
|
|
.moreInfo { display: block; margin:40px 0 10px; border-top:1px solid #d1d1d1; padding-top:35px;}
|
|
|
.moreInfo h2 { font-size:20px!important; text-align: left; color:#333;}
|
|
|
.newExperience img { border-radius:50%; position:absolute; top:-50px; left:calc(50% - 50px);}
|
|
|
.newExperience .tryNew { display: block; font-family: 'Open Sans', sans-serif;font-size:16px; font-weight:300; line-height:25px; margin:55px 0 15px; border:1px solid #fff; background:#fff; border-radius:6px; position:relative; height:175px; padding:65px 15px 15px;}
|
|
|
.newYearPhoto { display: block; width:360px; float: right; margin:10px 0 15px 30px;}
|
|
|
.newYearPhoto img { border-radius:4px;}
|
|
|
.guideChange { display: block; margin:50px 0; padding:30px 0; font-size:25px; font-weight:300; background:url(/pic/quotation-left.png) no-repeat left 25px; padding-left: 50px; text-align:center; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1;}
|
|
|
.guideChange span { display: block; margin-top:30px;}
|
|
|
.guideChange span a { color:#a31022;}
|
|
|
.pageReview { display: block; margin:25px 0 10px; font-size:18px; font-weight:300; background:url(/pic/quote-left.png) no-repeat left top; padding-left: 40px; text-align:center; font-style: italic}
|
|
|
.pageReview .byWho { display: block; font-size:16px; margin-top:15px; color:#999; background:url(/pic/quote-right.png) no-repeat right bottom;}
|
|
|
.photoRight { display: block; float: right; margin:0 0 20px 50px; text-align:center; font-style: italic; font-size:16px; color:#777}
|
|
|
.photoRight img { margin-bottom:15px;}
|
|
|
.beijingindextour {
|
|
|
margin-bottom: 40px;
|
|
|
}
|
|
|
.gltour {
|
|
|
position: relative;
|
|
|
z-index: 10;
|
|
|
}
|
|
|
.gltour img {
|
|
|
border-radius: 4px 4px 0 0;
|
|
|
}
|
|
|
.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;
|
|
|
}
|
|
|
.date {
|
|
|
margin-right: 30px;
|
|
|
color: #fff;
|
|
|
}
|
|
|
.date .fa {
|
|
|
margin-right: 10px;
|
|
|
color: #fff;
|
|
|
}
|
|
|
.pricedollar {
|
|
|
float: right;
|
|
|
font-style: italic;
|
|
|
color: #fff;
|
|
|
font-size: 18px;
|
|
|
}
|
|
|
.pricedollar .fa {
|
|
|
color: #fff;
|
|
|
margin-right: 10px;
|
|
|
font-size: 18px;
|
|
|
color: #fff;
|
|
|
}
|
|
|
.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%;
|
|
|
}
|
|
|
.beijingtourname {
|
|
|
font-size: 22px;
|
|
|
margin-bottom: 10px;
|
|
|
display: block;
|
|
|
width: 100%;
|
|
|
margin-top: 5px;
|
|
|
height: 60px;
|
|
|
}
|
|
|
.beijingtourname a {
|
|
|
text-decoration: none;
|
|
|
color: #000;
|
|
|
}
|
|
|
.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;
|
|
|
}
|
|
|
.beijingviewmore {
|
|
|
font-size: 16px;
|
|
|
color: #a31022;
|
|
|
text-align: center;
|
|
|
display: block;
|
|
|
border: 1px solid #a31022;
|
|
|
border-radius: 4px;
|
|
|
width: 55%;
|
|
|
margin: 20px auto;
|
|
|
}
|
|
|
.TourIndexTitle .beijingviewmore>a {
|
|
|
color: #a31022;
|
|
|
text-decoration: none;
|
|
|
font-size: 16px;
|
|
|
padding: 5px 0;
|
|
|
display: block;
|
|
|
}
|
|
|
.beijingviewmore .fa {
|
|
|
margin-left: 15px;
|
|
|
}
|
|
|
.experienceimg {
|
|
|
display: flex;
|
|
|
flex-direction: row;
|
|
|
flex-wrap: nowrap;
|
|
|
justify-content: center;
|
|
|
}
|
|
|
.experience {
|
|
|
float: left;
|
|
|
position: relative;
|
|
|
padding-right: 2px;
|
|
|
}
|
|
|
.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;
|
|
|
}
|
|
|
.experiencename {
|
|
|
font-size: 24px;
|
|
|
display: block;
|
|
|
margin-bottom: 0px;
|
|
|
font-weight: 300;
|
|
|
font-style: italic;
|
|
|
}
|
|
|
.experiencesub {
|
|
|
display: block;
|
|
|
font-size: 16px;
|
|
|
font-weight: 300;
|
|
|
}
|
|
|
.highlightsmore {
|
|
|
float: right;
|
|
|
padding: 3px 5px;
|
|
|
font-size: 16px;
|
|
|
display: block;
|
|
|
font-weight: 300;
|
|
|
}
|
|
|
.highlightsmore a {
|
|
|
color: #fff;
|
|
|
text-decoration: none;
|
|
|
}
|
|
|
.experiencelast {
|
|
|
float: left;
|
|
|
position: relative;
|
|
|
padding-right: 0;
|
|
|
}
|
|
|
img.articlepic { border-radius:4px;}
|
|
|
.articletitle { font-size: 17px;
|
|
|
color: #000;
|
|
|
margin-top: 15px;
|
|
|
display: block;margin-bottom: 80px;}
|
|
|
.articletitle a { color: #000; text-decoration: none;}.
|
|
|
.articletitle a:hover {
|
|
|
color: #a31022;
|
|
|
}
|
|
|
p.textcenter { text-align: center;} |