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.
213 lines
6.4 KiB
CSS
213 lines
6.4 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
.chinatourtop { margin-bottom: 60px; position: relative;}
|
|
.chinatourheadline {position: absolute;
|
|
|
|
width: 100%;
|
|
height: 100%;
|
|
left: 0;
|
|
bottom: 0; }
|
|
.chinatourtitle {font-size: 44px;
|
|
color: #fff;
|
|
text-align: center;
|
|
display: block;
|
|
top: calc(50% - 180px);
|
|
height: 100px;
|
|
text-shadow: 3px 3px 3px #414141;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
font-weight: 300;}
|
|
.topsubtitle {font-size: 24px;
|
|
color: #fff;
|
|
text-align: center;
|
|
display: block;
|
|
top: calc(50% - 115px);
|
|
height: 100px;
|
|
text-shadow: 3px 3px 3px #414141;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
font-weight: 300;}
|
|
p.chinatourp, h1.chinatourh1, h2.chinatourh2, .immersionta { text-align: center;}
|
|
.populartour { display: block; text-align:center; font-style: italic; color:#555; font-size:24px; margin-bottom: 30px;}
|
|
.beijingindextour { margin-bottom: 40px;}
|
|
.gltour {
|
|
position: relative;
|
|
z-index: 10;
|
|
}
|
|
.gltour img {
|
|
border-radius: 4px 4px 0 0;}
|
|
.tourindextitle {
|
|
border: 1px solid #cbcbcb;
|
|
border-top: none;
|
|
padding: 15px 20px;
|
|
margin-bottom: 30px;
|
|
border-radius: 0 0 4px 4px;
|
|
background: #fff;
|
|
height: 400px;
|
|
}
|
|
.beijingtourname {
|
|
line-height: 27px;
|
|
display: block;
|
|
width: 100%;
|
|
height: 35px;font-size: 23px;
|
|
color: #000;
|
|
margin-bottom: 40px;
|
|
font-weight: 400;
|
|
}
|
|
.beijingtourname a { text-decoration: none; color: #000;}
|
|
.beijingtourname a:hover { color: #a31022;}
|
|
.tourroute { font-size: 16px;
|
|
display: block; height: 45px;}
|
|
em {
|
|
font-size: 14px;
|
|
border: 1px solid #555;
|
|
border-radius: 4px;
|
|
padding: 2px 5px;
|
|
margin-right: 10px;
|
|
float: left;
|
|
}
|
|
.tourtags { font-size: 15px;
|
|
display: block;
|
|
margin: 15px 0;
|
|
}
|
|
.tourtags .fa {color: #a31022; margin-right:10px; font-size: 17px;}
|
|
.beijingpriceFrom {
|
|
font-size: 18px;
|
|
font-weight: 300;
|
|
color: #919191;
|
|
text-align: right;
|
|
margin: 20px 0 0;
|
|
}
|
|
.beijingviewmore {
|
|
float: right;
|
|
display: block;
|
|
font-size: 16px;
|
|
color: #a31022;
|
|
}
|
|
.beijingviewmore a {
|
|
color: #a31022;
|
|
text-decoration: none;
|
|
}
|
|
.beijingviewmore a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
.chinatoursbg { padding: 80px 0; margin-bottom: 50px;background-color: #e7e8ea;
|
|
margin-top: 40px;}
|
|
.taname { font-size: 30px; margin-bottom: 35px; display: block;
|
|
color: #000;}
|
|
.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;font-size: 20px;
|
|
color: #555;
|
|
}
|
|
.bywho { background: url(/pic/quote-right.png) no-repeat right bottom / 18px 14px;font-size: 16px;display: block;
|
|
color: #919191;
|
|
margin-top: 40px;}
|
|
.experience { float: left; margin-top: 30px;
|
|
height: 150px;
|
|
margin-bottom: 30px;
|
|
text-align: center;
|
|
font-size: 16px;}
|
|
.experience img {width:85px;left:calc(50% - 45px);position:relative;margin-bottom:15px;height:85px;}
|
|
.customertag { font-weight: 600; font-size:18px; color: #000; margin-bottom: 25px; text-align: center;
|
|
display: block;}
|
|
p.years {font-size: 22px; text-align:center; display:block;font-weight: 300; margin-top: 120px;}
|
|
p.createlink { text-align:center; display:block;font-size: 22px;font-weight: 300;margin-bottom:60px;}
|
|
p.createlink a {color:#a31022; text-decoration: underline;}
|
|
.tourcategory { float: left; margin-right:2px; position: relative;margin-bottom: -2px;}
|
|
.categorybg { position: absolute;
|
|
background: none repeat scroll 0 0 rgba(0,0,0,0.31);
|
|
width: 100%;
|
|
height: 99%;
|
|
left: 0;
|
|
bottom: 4px;}
|
|
.categoryname {font-size: 24px;
|
|
color: #fff;
|
|
text-align: center;
|
|
display: block;
|
|
top: calc(50% - 20px);
|
|
height: 100px;
|
|
text-shadow: 3px 3px 3px #414141;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;}
|
|
.categoryname a { color: #fff; text-decoration: none;}
|
|
.categoryname a:hover { text-decoration: underline;}
|
|
.gcity { position: relative; margin-bottom: 60px;}
|
|
.gcity img { border-radius: 4px;}
|
|
.gateway { position: absolute;
|
|
background: none repeat scroll 0 0 rgba(0,0,0,0.61);
|
|
width: 93%;
|
|
border-radius: 4px;
|
|
height: 90%;
|
|
bottom: 0;
|
|
top: 12px;
|
|
padding: 30px;
|
|
right: calc(50% - 163px);}
|
|
.gatewaycity {font-size: 24px;
|
|
color: #fff;
|
|
text-align: center;
|
|
display: block;
|
|
top: calc(50% - 20px);
|
|
height: 50px;
|
|
text-shadow: 3px 3px 3px #414141;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0; font-style: italic;}
|
|
.suggestion { background: #fff; border-radius: 6px; padding: 30px; margin-bottom: 30px; height: 270px;}
|
|
.tipstitle { font-size: 20px; display: block; color: #000; margin-bottom:20px; font-weight: 600;}
|
|
.chinatourtailor { display: block;
|
|
font-size: 30px;
|
|
text-align: center;
|
|
color: #333;
|
|
background: url(https://data.chinahighlights.com/image/tour-detail/china-tour/china-tour-arrow.png) no-repeat top center;
|
|
padding-bottom: 15px;
|
|
padding-top: 50px;
|
|
z-index: 100;margin-top: -50px;}
|
|
.chinatourword { text-align: center; font-style: italic; color:#000; font-size: 28px; margin-top: 60px; display: block;
|
|
font-weight: 300;}
|
|
.chinatourmore {margin-bottom: 100px; margin-top: 35px; text-align: center;
|
|
display: block; border: 2px solid #a31022; padding: 8px 20px; color: #a31022; font-size: 20px; border-radius: 6px; font-weight: 400;}
|
|
.chinatourmore .fa {margin-left: 15px; font-size:21px;}
|
|
.tourdayschinatour {
|
|
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;
|
|
}
|
|
.date .fa {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
@media(max-width:750px) {
|
|
.chinatourtitle {font-size: 30px;
|
|
line-height: 30px;
|
|
top: calc(50% - 40px);}
|
|
.topsubtitle { top: calc(100% - 220px);}
|
|
.experience { height: auto; margin-bottom: 0;}
|
|
.suggestion { height: auto;}
|
|
} |