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.
411 lines
12 KiB
CSS
411 lines
12 KiB
CSS
/*头部信息开始*/
|
|
.hotTourTheme{ margin:0 0 10px 0; width:332px; height:201px; background:#f0ebe7; float:left; padding:10px;}
|
|
.hotTourTheme span.title{ color:#2156a4; font-size:18px; text-transform: uppercase;}
|
|
.hotTourTheme ul li{ list-style:none; color:#999;}
|
|
.hotTourTheme ul li.doName{ display:block; color:#6886c6; font-size:14px; padding:8px 0 8px 30px; background-repeat:no-repeat; background-image:url(https://data.chinahighlights.com/css/images/daytrip/cityindex.png);}
|
|
.hotTourTheme ul li.culture{ background-position:left 6px;}
|
|
.hotTourTheme ul li.outdoor{ background-position:left -70px;}
|
|
.hotTourTheme ul li.night{ background-position:left -143px;}
|
|
.hotTourTheme ul li a{ color:#545454; text-decoration:none; font-size:14px;}
|
|
.hotTourTheme ul li a:hover{ color:#C00; text-decoration:underline;}
|
|
/*图片广告*/
|
|
.pageAd{ width:627px; height:221px; float:right;}
|
|
/*大车游*/
|
|
h2.bluePro{ color:#3370c9; font-size:20px; margin:10px 0 10px 0; padding:0;}
|
|
.tourInfoLeft{
|
|
width: 700px;
|
|
float: left;
|
|
}
|
|
.hotCoash{ width:300px; float:left; margin:0 0 15px 0;}
|
|
.hotCoash .tourImg{ height: 257px;
|
|
width: 300px;}
|
|
.hotCoash p{
|
|
display:block; width:65px; float:right; text-align:right; line-height:20px; padding:8px 0 0 0;
|
|
}
|
|
.hotCoash span.moneyTyp{ font-size:20px; vertical-align: 0.5em; color:#C7152D; }
|
|
.hotCoash span.bestPrice{ font-size: 30px; color:#C7152D; }
|
|
.hotCoash a.tourLink{ font-size:13px; color:#545454; text-decoration:none; display:block; width:230px; float:left; line-height:25px;}
|
|
.hotCoash a.tourLink:hover{ text-decoration:underline;}
|
|
/*other Coash*/
|
|
.otherCoash{
|
|
width: 390px;
|
|
float: right;
|
|
}
|
|
.otherTour{ width:190px; float:left; height:150px;}
|
|
.otherTourMargin{ margin:0 10px 0 0;}
|
|
.otherTour p{
|
|
display:block; width:55px; float:right; text-align:right; line-height:20px; padding:8px 0 0 0;
|
|
}
|
|
.otherTour span.moneyTyp{ font-size:14px; vertical-align: 0.5em; color:#C7152D; }
|
|
.otherTour span.bestPrice{ font-size: 22px; color:#C7152D; }
|
|
.otherTour a.tourLink{ font-size:12px; color:#545454; text-decoration:none; display:block; width:130px; float:left; line-height:20px;}
|
|
.otherTour a.tourLink:hover{ text-decoration:underline;}
|
|
/*tour table*/
|
|
table.tourTable{ margin:0 0 10px 0;}
|
|
table.tourTable tr td{ padding:10px 0 10px 0; border-bottom:1px solid #d1d1d1;}
|
|
table.tourTable tr td.type{ color:#13569a;}
|
|
table.tourTable tr td a{ color:#545454; text-decoration:none;}
|
|
table.tourTable tr td a:hover{ text-decoration:underline; color:#C00;}
|
|
table.tourTable tr td span.moneyTyp{
|
|
font-size: 13px;
|
|
vertical-align: 0.2em;
|
|
color: #C7152D;
|
|
}
|
|
table.tourTable tr td span.bestPrice{ font-size: 16px; color:#C7152D; }
|
|
/*private tour*/
|
|
.privateTour{ width:345px; height:100px; float:left; margin-bottom:15px; border-bottom:1px solid #d1d1d1;}
|
|
.privateMargin { margin:0 10px 0 0;}
|
|
.privateTour .image{ float:left; margin:0 10px 0 0;}
|
|
.privateTour a{ font-size:13px; color:#545454; text-decoration:none; line-height:20px;}
|
|
.privateTour a:hover{ text-decoration:underline; color:#C00;}
|
|
.privateTour span.moneyTyp{
|
|
font-size: 13px;
|
|
vertical-align: 0.3em;
|
|
color: #C7152D;
|
|
}
|
|
.privateTour span.bestPrice{ font-size: 18px; color:#C7152D; }
|
|
/*右边*/
|
|
.rightContent{
|
|
width: 270px;
|
|
float: right;
|
|
padding:10px 0 0 0;
|
|
}
|
|
h3.review{ color:#545454; font-size:14px; margin:10px 0 10px 0; font-weight:100; font-weight:bold;}
|
|
.customerReview {
|
|
float: right;
|
|
width: 320px;
|
|
}
|
|
p.reviewTitle {
|
|
color: #333333;
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
margin: 0 0 10px;
|
|
}
|
|
p.publisher {
|
|
color: #349900;
|
|
}
|
|
span.star {
|
|
background-image: url("https://data.chinahighlights.com/css/images/daytrip/trip-bg.png");
|
|
background-repeat: no-repeat;
|
|
display: block;
|
|
float: left;
|
|
height: 16px;
|
|
margin: 5px 10px 0 0;
|
|
width: 94px;
|
|
}
|
|
span.star1 {
|
|
background-position: 0 -410px;
|
|
}
|
|
span.star2 {
|
|
background-position: 0 -430px;
|
|
}
|
|
span.star3 {
|
|
background-position: 0 -450px;
|
|
}
|
|
span.star4 {
|
|
background-position: 0 -470px;
|
|
}
|
|
span.star5 {
|
|
background-position: 0 -490px;
|
|
}
|
|
/*广告切换效果*/
|
|
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY
|
|
================================================== */
|
|
.advertising-container{
|
|
position: relative;
|
|
height: 221px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
#featured {
|
|
width: 627px;
|
|
height: 221px;
|
|
background: #FFF url('/js/orbit/orbit/1-0.gif') no-repeat 310px center;
|
|
overflow: hidden; }
|
|
#featured>img,
|
|
#featured>div,
|
|
#featured>a { display: none; }
|
|
|
|
|
|
|
|
|
|
/* CONTAINER
|
|
================================================== */
|
|
|
|
div.orbit-wrapper {
|
|
width: 1px;
|
|
height: 1px;
|
|
position: relative; }
|
|
|
|
div.orbit {
|
|
width: 1px;
|
|
height: 1px;
|
|
position: relative;
|
|
overflow: hidden }
|
|
|
|
div.orbit>img {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
display: none; }
|
|
|
|
div.orbit>a {
|
|
border: none;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
line-height: 0;
|
|
display: none; }
|
|
|
|
.orbit>div {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%; }
|
|
|
|
/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */
|
|
|
|
|
|
/* TIMER
|
|
================================================== */
|
|
|
|
div.timer {
|
|
display: none;
|
|
width: 40px;
|
|
height: 40px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
top: 10px;
|
|
left: 10px;
|
|
opacity: .6;
|
|
cursor: pointer;
|
|
z-index: 1001; }
|
|
|
|
span.rotator {
|
|
display: block;
|
|
width: 40px;
|
|
height: 40px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: -20px;
|
|
background: url(/js/orbit/orbit/rotator-black.png) no-repeat;
|
|
z-index: 3; }
|
|
|
|
span.mask {
|
|
display: block;
|
|
width: 20px;
|
|
height: 40px;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
z-index: 2;
|
|
overflow: hidden; }
|
|
|
|
span.rotator.move {
|
|
left: 0 }
|
|
|
|
span.mask.move {
|
|
width: 40px;
|
|
left: 0;
|
|
background: url(/js/orbit/orbit/timer-black.png) repeat 0 0; }
|
|
|
|
span.pause {
|
|
display: block;
|
|
width: 40px;
|
|
height: 40px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
background: url(/js/orbit/orbit/pause-black.png) no-repeat;
|
|
z-index: 4;
|
|
opacity: 0; }
|
|
|
|
span.pause.active {
|
|
background: url(/js/orbit/orbit/pause-black.png) no-repeat 0 -40px }
|
|
|
|
div.timer:hover span.pause,
|
|
span.pause.active {
|
|
opacity: 1 }
|
|
|
|
|
|
/* CAPTIONS
|
|
================================================== */
|
|
|
|
.orbit-caption {
|
|
display: none;
|
|
font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }
|
|
|
|
.orbit-wrapper .orbit-caption {
|
|
background: #000;
|
|
background: rgba(0,0,0,.6);
|
|
z-index: 1000;
|
|
color: #fff;
|
|
text-align: center;
|
|
padding: 7px 0;
|
|
font-size: 13px;
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 100%; }
|
|
|
|
|
|
/* DIRECTIONAL NAV
|
|
================================================== */
|
|
|
|
div.slider-nav {
|
|
display: block }
|
|
|
|
div.slider-nav span {
|
|
display: none;
|
|
width: 88px;
|
|
height: 100px;
|
|
text-indent: -9999px;
|
|
position: absolute;
|
|
z-index: 1000;
|
|
/*top: 50%;*/
|
|
bottom: 15px;
|
|
margin-top: -50px;
|
|
cursor: pointer; }
|
|
|
|
div.slider-nav span.right {
|
|
width: 88px;
|
|
height: 88px;
|
|
background: url("https://data.chinahighlights.com/css/images/merge/csg-512c793703ac8.png") no-repeat scroll 0 -422px transparent;
|
|
right: 290px; }
|
|
|
|
div.slider-nav span.left {
|
|
width: 88px;
|
|
height: 88px;
|
|
background: url("https://data.chinahighlights.com/css/images/merge/csg-512c793703ac8.png") no-repeat scroll 0 -560px transparent;
|
|
left: 10px; }
|
|
|
|
/* BULLET NAV
|
|
================================================== */
|
|
|
|
.bullets {
|
|
position: absolute;
|
|
z-index: 1000;
|
|
list-style: none;
|
|
bottom: 20px;
|
|
left: 36%; /*50*/
|
|
margin-left: 50px;
|
|
padding: 0; }
|
|
|
|
.bullets li {
|
|
float: left;
|
|
margin-left: 5px;
|
|
cursor: pointer;
|
|
color: #999;
|
|
text-indent: -9999px;
|
|
background: url(/js/orbit/orbit/bullets.png) no-repeat 4px 0;
|
|
width: 13px;
|
|
height: 12px;
|
|
overflow: hidden; }
|
|
|
|
.bullets li.active {
|
|
color: #222;
|
|
background-position: -8px 0; }
|
|
/*小城市首页*/
|
|
.smallCityLeft{
|
|
width: 800px;
|
|
padding:0 0 0 5px;
|
|
float: right;
|
|
border-left:1px solid #d1d1d1;
|
|
}
|
|
.smallCRight{ width:180px; float:left; }
|
|
.smallCRight h3.themeTOur{
|
|
font-size: 16px;
|
|
text-transform: uppercase;
|
|
font-weight: 100;
|
|
margin: 0 0 5px 0;
|
|
color: #545454;
|
|
}
|
|
.bestValueTour{ margin:0 0 10px 0; padding:0 0 5px 0;}
|
|
.bestValueImg{ width:220px; float:left; margin:10px 18px 0 0;}
|
|
.bestValueInfo{
|
|
width: 560px;
|
|
float: left;
|
|
margin: 10px 0 0 0;
|
|
font-size:11px;
|
|
}
|
|
.bestValueInfo ul{ display:block; float:left; width:400px;
|
|
}
|
|
.bestValueInfo ul li{ list-style:none; margin:0 0 5px 0;}
|
|
a.tourLink{
|
|
font-size: 24px;
|
|
color: #990518;
|
|
text-decoration: none;
|
|
}
|
|
a.tourLink:hover{ text-decoration:underline;}
|
|
a.tourLink2{
|
|
font-size: 22px;
|
|
color: #990518;
|
|
text-decoration: none;
|
|
}
|
|
a.tourLink2:hover{ text-decoration:underline;}
|
|
a.tourLink3{
|
|
font-size: 18px;
|
|
color: #990518;
|
|
text-decoration: none;
|
|
display:block;
|
|
margin:0 0 5px 0;
|
|
}
|
|
a.tourLink3:hover{ text-decoration:underline;}
|
|
.tourPrice{
|
|
width: 120px;
|
|
float: right;
|
|
margin: 0px 0 0 0;
|
|
text-align: right;
|
|
}
|
|
.tourPrice span.moneyTyp{ font-size:20px; vertical-align: 0.5em; color:#C7152D; }
|
|
.tourPrice span.bestPrice{
|
|
font-size: 40px;
|
|
color: #C7152D;
|
|
}
|
|
.tourPrice span.from{ font-size: 12px; color: #666; }
|
|
a.bookTour{color:#fff; text-decoration:none; font-size:12px; display:block; background:url(https://data.chinahighlights.com/css/images/daytrip/more.png) no-repeat right top; width:80px; padding:5px 16px 8px 8px; margin:0 0 0 0px; float:right;}
|
|
a.bookTour:hover{ color:#fff; text-decoration:none; display:block; background:url(https://data.chinahighlights.com/css/images/daytrip/more.png) no-repeat right -53px; }
|
|
/*other tours*/
|
|
.othercityTour{ background:url(https://data.chinahighlights.com/css/images/daytrip/bg-top-tour.png) top repeat-x; padding:10px 0 0 0; margin:0 0 10px 0;}
|
|
h2.tourType{ font-size:24px; color:#1366a0;}
|
|
h2.tourType2{
|
|
font-size: 20px;
|
|
color: #1366a0;
|
|
border-bottom: 1px solid #d1d1d1;
|
|
padding: 0 0 5px 0;
|
|
margin: 0 0 10px 0;
|
|
}
|
|
h2.tourType2 a{ font-size: 20px;
|
|
color: #1366a0;}
|
|
h2.tourType2 a:hover{ text-decoration:underline;}
|
|
ul.tourType{ margin:0;}
|
|
ul.tourType li{ list-style:none; display:block; font-size:14px; }
|
|
ul.tourType li a{ color:#545454; display:block; text-decoration:none; padding:8px 10px 8px 20px; border-bottom:1px solid #d1d1d1;}
|
|
ul.tourType li a.active{ background:url(https://data.chinahighlights.com/css/images/daytrip/theme-bg.jpg) no-repeat #db4747; color:#fff;}
|
|
/*shanghai day trip*/
|
|
.waterTown{
|
|
width: 574px;
|
|
float: left;
|
|
padding: 0 10px 30px 0;
|
|
border-right: 1px solid #d1d1d1;
|
|
}
|
|
.topPick{ float:left; margin:0 10px 0 0;}
|
|
.waterTown ul{ display:block; float:left; width:180px;
|
|
}
|
|
.waterTown ul li{ list-style:none; margin:0 0 5px 0; font-size:11px; line-height:20px;}
|
|
.otherwtTour{ float:right; width:205px;}
|
|
.otherwtTour span{ font-size:14px; color:#C00;}
|
|
.otherwtTour a{ font-size:12px; color:#545454; text-decoration:none; line-height:18px;}
|
|
.otherwtTour a:hover{ text-decoration:underline;}
|
|
/*otherSHT*/
|
|
.otherSHTour{ width:395px; float:left; color:#929292; margin-bottom:15px;}
|
|
.otherBJTour{width:340px; float:left; color:#929292; margin-bottom:15px;}
|
|
.otherSHTour a.tour, .otherBJTour a.tour{ font-size:14px; display:block; margin:0 0 5px 0; color:#545454; text-decoration:none;}
|
|
.otherSHTour a.tour:hover, .otherBJTour a.tour:hover{ text-decoration:underline;}
|
|
.otherSHLeft{ margin:0 10px 0 0;}
|
|
.otherSHTour span, .otherBJTour span{ font-size:14px; color:#C00;}
|
|
.otherThemes{ width:190px; float:left; margin:0 8px 0 0; height:180px; text-align:center; line-height:20px; font-size:14px;}
|
|
.otherThemes a{ color:#545454; text-decoration:none;}
|
|
.otherThemes a:hover{ text-decoration:underline;}
|