|
|
<<<<<<< .mine
|
|
|
.festivaltitle{
|
|
|
display:block;
|
|
|
text-align:center;
|
|
|
color:#185ba0;}
|
|
|
|
|
|
|
|
|
.abc{background:url(/css/images/train/test/guilin.jpg) no-repeat;
|
|
|
color:#627e87; width:1902px; height:638px;
|
|
|
||||||| .r7409
|
|
|
a {
|
|
|
color: #545454;
|
|
|
=======
|
|
|
.big-pic{ width:100%; background:url(https://data.chinahighlights.com/css/images/train/traintravel/trainbg.jpg) no-repeat 100% 0; height:345px;}
|
|
|
.big-pic .ad-wirds{ margin-top:70px;}
|
|
|
.page-intro{ background:#eaeaea; padding:10px 0 5px 0; margin-bottom:25px;}
|
|
|
.page-intro h1{ border:none!important; margin-bottom: 5px;}
|
|
|
.page-intro p{ color:#999999!important; font-size:15px; line-height:25px;}
|
|
|
/*正文内容*/
|
|
|
h2.blue-font{ font-size:28px!important; color:#195ba6; text-align:center; margin:15px 0;}
|
|
|
.trainlike{ text-align:center; font-size:14px; line-height:24px; margin-bottom:30px;}
|
|
|
.trainlike img{ margin-bottom:8px;}
|
|
|
.trainlike a{ text-decoration:none;}
|
|
|
h3.traintravel{ font-size:18px; font-weight:bold; margin:12px 0 12px 0; }
|
|
|
/*search box*/
|
|
|
.trainsearch-red {
|
|
|
background: #dedede none repeat scroll 0 0;
|
|
|
padding: 13px;
|
|
|
>>>>>>> .r9128
|
|
|
}
|
|
|
<<<<<<< .mine
|
|
|
.guilintourTittle container{display:block; text-align:center;}
|
|
|
.TAp{ text-align:center; margin:120px 0px;
|
|
|
}
|
|
|
.bbb{ padding-bottom:10px;}
|
|
|
.differeTi{ font-size: 26px;
|
|
|
color: #fff;
|
|
|
text-align:right;
|
|
|
padding: 55px 10px !important;
|
|
|
height: 140px;
|
|
|
}
|
|
|
ul.differences{ display:inline-block;
|
|
|
margin-left:50px;
|
|
|
}
|
|
|
ul.differences li{margin-right: 25px;
|
|
|
background:#000;
|
|
|
||||||| .r7409
|
|
|
li {
|
|
|
list-style: none;
|
|
|
}
|
|
|
h3{ font-size:18px; font-weight:100; padding:0; margin:0 0 10px 0;}
|
|
|
h3.redFont{ color:#9B0013;!important }
|
|
|
h2.tipsTit{ display:block; background:#f1f1f1; color:#545454; padding:5px 0 5px 15px; border-left:4px solid #A31022; margin:10px 0 15px 0;}
|
|
|
h2.tipsTit a{ text-decoration:underline;}
|
|
|
/*train travel首页样式*/
|
|
|
/*train travel 首页播放样式*/
|
|
|
#homeSlideshow {
|
|
|
background: rgba(0, 0, 0, 0) url("//data.chinahighlights.com/js/orbit/orbit/1-0.gif") no-repeat scroll center center;
|
|
|
margin-bottom: 25px;
|
|
|
}
|
|
|
#homeSlideshow .flexslider {
|
|
|
position: relative;
|
|
|
}
|
|
|
#homeSlideshow .flexslider ul {
|
|
|
margin: 0;
|
|
|
padding: 0;
|
|
|
}
|
|
|
#homeSlideshow .flexslider ul.flex-direction-nav a {
|
|
|
background: rgba(0, 0, 0, 0.8) url("//data.chinahighlights.com/css/images/merge/csg-512c793703ac8.png") no-repeat scroll 0 0;
|
|
|
border-radius: 4px;
|
|
|
cursor: pointer;
|
|
|
display: block;
|
|
|
height: 88px;
|
|
|
opacity: 0;
|
|
|
position: absolute;
|
|
|
text-indent: -9999px;
|
|
|
top: calc(50% - 44px);
|
|
|
width: 88px;
|
|
|
z-index: 10;
|
|
|
}
|
|
|
#homeSlideshow .flexslider ul.flex-direction-nav a:focus {
|
|
|
outline: 0 none;
|
|
|
}
|
|
|
#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 {
|
|
|
cursor: default;
|
|
|
opacity: 0.3 !important;
|
|
|
}
|
|
|
#homeSlideshow .flexslider ul.slides {
|
|
|
position: relative;
|
|
|
}
|
|
|
#homeSlideshow .flexslider ul.slides .textBlock {
|
|
|
color: #fff;
|
|
|
display: block;
|
|
|
font-family: fontawesome;
|
|
|
font-size: 40px;
|
|
|
font-weight: normal;
|
|
|
left: 15%;
|
|
|
line-height: 37px;
|
|
|
position: absolute;
|
|
|
text-align:left;
|
|
|
top: 60px;
|
|
|
width: 450px;
|
|
|
}
|
|
|
#homeSlideshow .flexslider ul.slides .textBlock2 {
|
|
|
color: #fff;
|
|
|
display: block;
|
|
|
font-family: fontawesome;
|
|
|
font-size: 30px;
|
|
|
font-weight: normal;
|
|
|
line-height: 37px;
|
|
|
position: absolute;
|
|
|
right: 15%;
|
|
|
text-align: right;
|
|
|
top: 100px;
|
|
|
width: 500px;
|
|
|
}
|
|
|
#homeSlideshow .flexslider ul.slides .textBlock2 .readMore {
|
|
|
border: 2px solid #999;
|
|
|
border-radius: 4px;
|
|
|
display: block;
|
|
|
float: right;
|
|
|
font-size: 20px;
|
|
|
margin-top: 20px;
|
|
|
=======
|
|
|
.trainsearch-red .serch-title {
|
|
|
color: #a31022;
|
|
|
display: block;
|
|
|
font-size: 16px;
|
|
|
font-weight: bold;
|
|
|
margin-bottom: 12px;
|
|
|
>>>>>>> .r9128
|
|
|
text-align: center;
|
|
|
<<<<<<< .mine
|
|
|
padding: 35px 10px;
|
|
|
color: #fff;
|
|
|
||||||| .r7409
|
|
|
width: 260px;
|
|
|
}
|
|
|
#homeSlideshow .flexslider ul.slides .textBlock2 .readMore:hover {
|
|
|
box-shadow: 0 0 8px #666 inset;
|
|
|
transition: all 0.8s ease-in-out 0s;
|
|
|
}
|
|
|
#homeSlideshow .flexslider ul.slides .textBlock2 .readMore a {
|
|
|
text-decoration: none;
|
|
|
}
|
|
|
#homeSlideshow .flexslider ul.slides .textBlock .customerName {
|
|
|
color: #fff;
|
|
|
=======
|
|
|
}
|
|
|
ul.traintype {
|
|
|
margin: 0 0 12px;
|
|
|
}
|
|
|
ul.traintype li {
|
|
|
background: #cecece none repeat scroll 0 0;
|
|
|
color: #545454;
|
|
|
>>>>>>> .r9128
|
|
|
<<<<<<< .mine
|
|
|
float: left;
|
|
|
width: 140px;
|
|
|
height: 140px;
|
|
|
border-radius:10px;
|
|
|
||||||| .r7409
|
|
|
display: block;
|
|
|
font-size: 20px;
|
|
|
margin-top: 10px;
|
|
|
text-shadow: none;
|
|
|
=======
|
|
|
display: block;
|
|
|
float: left;
|
|
|
padding: 5px 17px;
|
|
|
>>>>>>> .r9128
|
|
|
}
|
|
|
<<<<<<< .mine
|
|
|
ul.differences li span{ display:block; font-size:30px;
|
|
|
||||||| .r7409
|
|
|
#homeSlideshow .flexslider ul.slides > li {
|
|
|
display: none;
|
|
|
position: inherit !important;
|
|
|
=======
|
|
|
ul.traintype li.active {
|
|
|
background: #dedede none repeat scroll 0 0;
|
|
|
>>>>>>> .r9128
|
|
|
}
|
|
|
<<<<<<< .mine
|
|
|
.introduction{ background:#e7e8ea;
|
|
|
padding:40px;
|
|
|
|
|
|
||||||| .r7409
|
|
|
#homeSlideshow .flexslider ul.slides > li span.visible-xs {
|
|
|
font-size: 14px;
|
|
|
=======
|
|
|
.trainsearch-red input.cityname {
|
|
|
font-size: 15px;
|
|
|
height: 37px;
|
|
|
padding: 8px 12px;
|
|
|
>>>>>>> .r9128
|
|
|
}
|
|
|
<<<<<<< .mine
|
|
|
.container{ width:1170px; height:224;
|
|
|
||||||| .r7409
|
|
|
#homeSlideshow .flexslider ul.slides > img {
|
|
|
display: block;
|
|
|
width: 100%;
|
|
|
=======
|
|
|
.trainsearch-red input.departtime {
|
|
|
background: #fff url("https://data.chinahighlights.com/css/images/calender.gif") no-repeat scroll 95% 8px;
|
|
|
>>>>>>> .r9128
|
|
|
}
|
|
|
<<<<<<< .mine
|
|
|
h1.intr{ font-family: Verdana,Geneva,sans-serif;
|
|
|
font-size: 25px;
|
|
|
border-bottom:none !important;
|
|
|
color: #333;
|
|
|
}
|
|
|
.differentdays{ display:block; text-align:center;padding-left:15px; padding-right:15px;
|
|
|
}
|
|
|
|
|
|
h2.howmany{
|
|
|
font:Verdana, Geneva, sans-serif;
|
|
|
font-size:24px;
|
|
|
}
|
|
|
|
|
|
.type1{ border-right:#999}
|
|
|
.days3 span{color:#F00 !important; text-transform:uppercase;}
|
|
|
.guilincity{ margin-top:45px!important;}
|
|
|
.smaller26{color:#ad1818; font-size:28px; font-family:Myriad Pro;}
|
|
|
a.viewmore{color:#ad1818; font-size:16px; font-family:Myriad Pro; font-weight:bold; text-decoration:none; background:url(/css/images/train/test/images/tubiao.png) no-repeat right top; padding-right:15px;}
|
|
|
|
|
|
.type2{border-right:#999}
|
|
|
.days45 span{color:#F00 !important; text-transform:uppercase;}
|
|
|
.yangshuo{ margin-left:25px!important;}
|
|
|
.chioce1{ margin-top:50px !important; font-size:14px!important;}
|
|
|
h3.4-5days{text-align:center;}
|
|
|
h3.4-5days span{color:#F00;}
|
|
|
.biggest48{color:#ad1818; font-size:28px; font-family:Myriad Pro;}
|
|
|
|
|
|
.type3{border-right:#999}
|
|
|
.days67{ font-size:13px;}
|
|
|
.days67 span{color:#F00; text-transform:uppercase;}
|
|
|
.chioce2{ margin-top:55px !important; font-size:14px!important; text-decoration:none;}
|
|
|
.smallest26{color:#ad1818; font-size:28px; font-family:Myriad Pro;}
|
|
|
|
|
|
.poptours{ padding:40px; background:#f4f4f4}
|
|
|
.white-div{
|
|
|
background:#FFF;
|
|
|
border: 1px solid #dfdfdf;
|
|
|
border-radius: 5px;
|
|
|
}
|
|
|
.picture{
|
|
|
background:url(../images/train/test/images/picture1.jpg);display:block; width:359px; height:340px;
|
|
|
padding-top:20px; margin-left:0px; margin-right:0px; margin-top:0px;
|
|
|
}
|
|
|
.pic2{ padding-left:0px;}
|
|
|
.infortitle{
|
|
|
font-size:14px;
|
|
|
font-family:Verdana;
|
|
|
color:#FFF;
|
|
|
background:#b22d2e;
|
|
|
padding:10px 20px;
|
|
|
}
|
|
|
.percent{
|
|
|
font-size:18px;}
|
|
|
.days10essence{ margin-top:20px;}
|
|
|
.pricedollar{display:block;text-align:right !important; padding-right:20px;}
|
|
|
.from{ color:#949393; font-size:14; text-transform:capitalize;}
|
|
|
.price{ font-size:18px; color:#ad1818;}
|
|
|
.infor{width:359x; height:340px; background:#f7f1ea;}
|
|
|
.title{
|
|
|
font-size:16px;
|
|
|
padding-top:20px;
|
|
|
padding-left:20px;
|
|
|
padding-right:20px;}
|
|
|
.content{padding-left:20px;
|
|
|
padding-right:20px;}
|
|
|
.learnmore{ display:block; text-align:center; margin-top:90px;
|
|
|
}
|
|
|
.learnmore span{color:#FFF; text-decoration:none;}
|
|
|
.percent26{ display:block; text-align:center; margin-bottom:38px;}
|
|
|
.percent2{ color:#ad1818; text-align:center;}
|
|
|
.days2tu{ padding-top:290px;}
|
|
|
.xiantuor{margin-top:20px;}
|
|
|
div.row{ margin-top:40px;}
|
|
|
.infortitle2{font-size:14px;
|
|
|
font-family:Verdana;
|
|
|
color:#FFF;
|
|
|
background:#b22d2e;
|
|
|
padding:10px 20px;
|
|
|
}
|
|
|
.whywithus{ padding-top:50px !important;}
|
|
|
.essenceXian{margin-top:20px;}
|
|
|
}
|
|
|
.exclusiveActivities container{ margin-left:15px !important; margin-right:15px !important;}
|
|
|
.exclusiveActivities{ margin-top:40px;}
|
|
|
.discripcontent{display:block;text-align:center;padding-left:5px; padding-right:5px;}
|
|
|
span.cruise{margin:40px 0 !important; font-size:16px;font-weight:bold; }
|
|
|
span.cycling{margin:40px 0!important;font-size:16px;font-weight:bold;}
|
|
|
span.foodTittle{ font-size:16px; font-weight:bold; margin-bottom:20px !important;}
|
|
|
.guilin-food{ background:url(/css/images/train/test/images/foodExp.jpg) no-repeat left bottom 100%; display:block; padding-left:220px; margin-left:20px;}
|
|
|
.downloadPDF{ background:url(../images/train/test/images/pdf.jpg) no-repeat left top; color:#c36e6e; font-weight:bold; padding-left:30px; text-decoration:none;}
|
|
|
.tripTips{ background:#f4f4f4!important;}
|
|
|
div row img{ border-radius:5px;}
|
|
|
.tripTips{ padding:40px;}
|
|
|
|
|
|
.bottominfor { background: url(/css/images/train/test/images/bottomtoushi.png) no-repeat;}
|
|
|
.bottominfor container{ margin-bottom:30px;margin-top:30px;}
|
|
|
.inquiryTittle{ text-transform:uppercase; font-size:30px; color:#FFF;}
|
|
|
.inquiryForm{ background: url(/css/images/train/test/images/boxBeijingtu.png); width:325px; height:366px;padding:20px 20px !important;border:1px solid #d6d6d6; border-radius:4px; display:block; text-align:center; margin-bottom:40px;}
|
|
|
input.ranqiong{ font-size:16px; padding:20px;}
|
|
|
input.ideas{ margin-top:40px; width:286; height:95px;}
|
|
|
button.sendInq{ background:#a31022; color:#FFF; width:100%; margin-top:20px; border:#a31022; padding:20px;font-size:16px;}||||||| .r7409
|
|
|
#homeSlideshow .flexslider ul.slides > li img {
|
|
|
width: 100%;
|
|
|
}
|
|
|
#homeSlideshow .flexslider ul.slides::after {
|
|
|
clear: both;
|
|
|
content: ".";
|
|
|
display: block;
|
|
|
height: 0;
|
|
|
line-height: 0;
|
|
|
visibility: hidden;
|
|
|
}
|
|
|
#homeSlideshow .flexslider ol {
|
|
|
margin: 0;
|
|
|
padding: 0;
|
|
|
}
|
|
|
#homeSlideshow .flexslider ol.flex-control-nav {
|
|
|
left: 10%;
|
|
|
position: absolute;
|
|
|
top: 93%;
|
|
|
z-index: 9999;
|
|
|
}
|
|
|
#homeSlideshow .flexslider ol.flex-control-nav > li {
|
|
|
display: inline-block;
|
|
|
margin: 0 6px;
|
|
|
}
|
|
|
#homeSlideshow .flexslider ol.flex-control-paging > li > a {
|
|
|
background: #fff none repeat scroll 0 0;
|
|
|
border: 1px solid #fff;
|
|
|
border-radius: 20px;
|
|
|
cursor: pointer;
|
|
|
display: block;
|
|
|
height: 11px;
|
|
|
text-indent: -9999px;
|
|
|
width: 11px;
|
|
|
}
|
|
|
#homeSlideshow .flexslider ol.flex-control-paging > li > a:hover {
|
|
|
background: #a31022 none repeat scroll 0 0;
|
|
|
}
|
|
|
#homeSlideshow .flexslider ol.flex-control-paging > li > a.flex-active {
|
|
|
background: #a31022 none repeat scroll 0 0;
|
|
|
}
|
|
|
#homeSlideshow .flexslider:hover .flex-next {
|
|
|
opacity: 0.8;
|
|
|
right: 5px;
|
|
|
}
|
|
|
#homeSlideshow .flexslider:hover .flex-next:hover {
|
|
|
opacity: 1;
|
|
|
}
|
|
|
#homeSlideshow .flexslider:hover .flex-prev {
|
|
|
left: 5px;
|
|
|
opacity: 0.8;
|
|
|
}
|
|
|
#homeSlideshow .flexslider:hover .flex-prev:hover {
|
|
|
opacity: 1;
|
|
|
}
|
|
|
@media (max-width: 768px) {
|
|
|
#homeSlideshow .flex-direction-nav {
|
|
|
display: none !important;
|
|
|
}
|
|
|
}
|
|
|
/*train travel页面其他样式*/
|
|
|
h1.tourtitle {
|
|
|
border-bottom: medium none !important;
|
|
|
line-height: 5px !important;
|
|
|
margin: 0 !important;
|
|
|
text-indent: -2000px;
|
|
|
}
|
|
|
.trainTIntr{}
|
|
|
.trainTIntr p{ font-size:14px!important; line-height:24px; margin-bottom:15px!important;}
|
|
|
.linebox {
|
|
|
margin: 20px 0 0px 0;
|
|
|
}
|
|
|
.line {
|
|
|
background: #ccc none repeat scroll 0 0;
|
|
|
height: 1px;
|
|
|
|
|
|
}
|
|
|
h2.train-travelh2{ font-size:28px;}
|
|
|
.hotttrainTOu{ border-radius:5px; position:relative; border-radius:5px; margin-bottom:20px; width:100%;}
|
|
|
.hotttrainTOu img {
|
|
|
width: 100%;
|
|
|
}
|
|
|
.toptitle {
|
|
|
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
|
|
|
border-radius: 0 0 4px 4px;
|
|
|
bottom: 0;
|
|
|
color: #fff;
|
|
|
font-size: 20px;
|
|
|
left: 0;
|
|
|
padding: 5px 10px 5px 20px;
|
|
|
position: absolute;
|
|
|
width: 100%;
|
|
|
}
|
|
|
.routetoptitle {
|
|
|
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
|
|
|
border-radius: 0 0 4px 4px;
|
|
|
bottom: 0;
|
|
|
color: #fff;
|
|
|
font-size: 16px;
|
|
|
left: 0;
|
|
|
padding: 5px 10px 5px 20px;
|
|
|
position: absolute;
|
|
|
width: 100%;
|
|
|
}
|
|
|
.routebrief{ font-size:11px; color: #fff;
|
|
|
float: left;
|
|
|
font-size: 13px;
|
|
|
}
|
|
|
ul.hotLineList li{ margin-bottom:12px;}
|
|
|
ul.hotLineList li a{ text-decoration:none;}
|
|
|
.hotLineClear{ margin:18px 0 20px 0!important;}
|
|
|
@media (min-width: 992px) {
|
|
|
.internationalTr{ background:#f1f1f1; margin:15px 0;}
|
|
|
.internationalTrMap{ background:url(//images.chinahighlights.com/allpicture/2015/07/internationaltrainmape76c643fbcbc.jpg) no-repeat left 10px;}
|
|
|
.internationalInfo{ margin-left:60%;}
|
|
|
.internationalInfo h2{ padding:40px 0 5px 0;}
|
|
|
.internationalInfo a.intlButton { display:block; border:2px solid #545454; cursor:3px; font-size:20px; text-align:center; width:80%; margin:25px 0 150px 0; padding:15px 0; text-decoration:none;}
|
|
|
.internationalInfo a.intlButton:hover{border:2px solid #b1aeae;}
|
|
|
.traintravelSide{ padding-left:30px!important; padding-top:10px;}}
|
|
|
.traintravelSide ul span{ color:#dc3131; font-size:18px; display:block; margin-bottom:12px;}
|
|
|
.traintravelSide ul li a{ font-size:14px; margin-bottom:13px!important; display:block; text-decoration:none;}
|
|
|
.internationalInfo h2{ font-size:30px; color:#ac1616;}
|
|
|
.internationalInfo h3{ color:#b1aeae; font-size:16px; margin-bottom:10px!important;}
|
|
|
.internationalInfo ul li a{ font-size:14px; text-decoration:none; margin-bottom:12px!important; display:inline-block;}
|
|
|
/*搜索框*/
|
|
|
.search-div{position:absolute; bottom:0px; z-index:3; left:20%; width:60%;}
|
|
|
.simpleSearch{ background:rgba(0, 0, 0, 0) url("/css/images/train/search-bg.png") repeat scroll 0 0; padding:15px 10px 15px 15px; color:#fff; border-top-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
|
|
|
.simpleSearch input{border-radius: 5px!important; font-size:16px!important; height:35px!important;}
|
|
|
button.btn-danger{ background:#dc3131!important; border-radius: 0px!important; font-size:14px!important;}
|
|
|
.nav-tabs {
|
|
|
border: medium none !important;
|
|
|
margin-right:10px;
|
|
|
}
|
|
|
.nav-tabs li {
|
|
|
margin-bottom: 0 !important;
|
|
|
margin-right: 5px;
|
|
|
}
|
|
|
.nav-tabs li.active a {
|
|
|
background: rgba(0, 0, 0, 0) url("/css/images/train/search-bg.png") repeat scroll 0 0 !important;
|
|
|
border: medium none !important;
|
|
|
color: #fff !important;
|
|
|
}
|
|
|
.nav-tabs li a {
|
|
|
background: rgba(0, 0, 0, 0) url("/css/images/train/traintravel-unnactive.png") repeat scroll 0 0 !important;
|
|
|
border: medium none !important;
|
|
|
color: #fff !important;
|
|
|
font-size: 16px;
|
|
|
padding: 5px 15px;
|
|
|
text-decoration: none;
|
|
|
}
|
|
|
/*其他城市*/
|
|
|
.oherCity{ padding-left:0px!important; margin-bottom:10px;}
|
|
|
.oherCity a{ text-decoration:none;}
|
|
|
.oherCity a:hover{ text-decoration:underline; }
|
|
|
span.grayBackgr{ display:block; background:#f0f0f0; color:#333; padding:10px; font-size:13px;}
|
|
|
span.grayBackgr span{ color:#717070; font-size:12px; font-style:italic; }
|
|
|
/*more topics*/
|
|
|
.otherTopic{background:#f0f0f0; padding:10px; border-radius:5px;}
|
|
|
span.trainLineTitle{ color:#bc222e; font-size:18px; margin-bottom:10px; display:block;}
|
|
|
/*usefultips*/
|
|
|
.usetips{background: #f0f0f0; padding:10px; border-radius: 5px;}
|
|
|
ul.usetipsL li {
|
|
|
display: block;
|
|
|
list-style: none outside none;
|
|
|
padding: 8px 0px;
|
|
|
}
|
|
|
ul.usetipsL li a {
|
|
|
background: url("/css/images/drop-3.GIF") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
|
|
|
color: #545454;
|
|
|
display: block;
|
|
|
line-height: 20px;
|
|
|
text-decoration: none;
|
|
|
padding-left:20px;
|
|
|
}
|
|
|
span.tipsTopic{ color: #cf4140;
|
|
|
font-size: 18px;
|
|
|
text-transform: uppercase;
|
|
|
display:block;
|
|
|
margin-bottom:10px;}
|
|
|
.tripAd{ margin-top:10px; padding:5px; border:1px solid #589442; border-radius: 5px;}
|
|
|
ul.usingTip li{ margin-bottom:15px; line-height:22px; }
|
|
|
ul.indexList {
|
|
|
margin: 0 0 0 0px;
|
|
|
}
|
|
|
ul.indexList li {
|
|
|
display: block;
|
|
|
float: left;
|
|
|
list-style: none outside none;
|
|
|
margin: 0 0 8px;
|
|
|
width: 210px;
|
|
|
}
|
|
|
ul.indexList li a, ul.bullet li a {
|
|
|
text-decoration: none;
|
|
|
}
|
|
|
ul.indexList li a:hover, ul.bullet li a:hover {
|
|
|
text-decoration: underline;
|
|
|
}
|
|
|
.searchBoxTrain{ width:350px; float:right; margin:15px 0 0 10px; background:#f0f0f0; }
|
|
|
.searchBoxTrain span{
|
|
|
color: #c7152d;
|
|
|
font-weight: 100;
|
|
|
font-style: italic;
|
|
|
border-bottom: none;
|
|
|
margin: 0 0 10px 0;
|
|
|
padding: 0;
|
|
|
font-size: 18px;
|
|
|
display:block; margin:10px 10px 8px 10px;}
|
|
|
.searchBoxTrain table{ margin:10px; width:330px;}
|
|
|
.searchBoxTrain table tr td{ font-size:14px; padding:5px 0 2px 0;}
|
|
|
input.inputBox{ width:300px; border:1px solid #d1d1d1; font-size:14px; color:#545454; padding:8px 5px 8px 5px; margin:8px 0 0 0;}
|
|
|
input.inputBox2{ width:300px; border:1px solid #d1d1d1; font-size:14px; color:#545454; padding:8px 5px 8px 5px; margin:8px 0 10px 0;}
|
|
|
input.inputBox:focus, input.inputBox2:focus, input.calendar:focus {
|
|
|
background-color: #F1F9FF;
|
|
|
border: 1px solid #67A1E2;
|
|
|
box-shadow: 0 0 3px #99CCFF inset;
|
|
|
}
|
|
|
|
|
|
input.calendar {
|
|
|
background: url("/css/images/calender.gif") no-repeat scroll 280px 8px transparent;
|
|
|
border: 1px solid #D1D1D1;
|
|
|
font-size: 14px;
|
|
|
padding:8px 5px 8px 5px;
|
|
|
width: 300px;}
|
|
|
/*高铁信息*/
|
|
|
ul.bulletList {
|
|
|
margin: 0 0 0 0px;
|
|
|
}
|
|
|
ul.bulletList li {
|
|
|
list-style: none;
|
|
|
display: block;
|
|
|
width: 170px;
|
|
|
float: left;
|
|
|
margin: 0 0 8px 0;
|
|
|
}
|
|
|
ul.bulletList li a {
|
|
|
text-decoration: none;
|
|
|
}
|
|
|
ul.bulletList li a:hover {
|
|
|
text-decoration: underline;
|
|
|
}
|
|
|
ul.gcategoryLi{ margin:10px 0 0 0;}
|
|
|
ul.gcategoryLi li{ list-style:none; display:block; float:left; margin:0 25px 20px 0; width:300px; line-height:20px; font-size:12px;}
|
|
|
table.highspeedTsble{ margin:10px 0 10px 0;}
|
|
|
table.highspeedTsble tr td{ font-size:12px; line-height:16px; padding:8px 0 8px 5px; border-bottom:1px solid #d1d1d1;}
|
|
|
table.highspeedTsble tr td.line{ background:#f1f1f1; font-weight:bold; font-size:12px;}
|
|
|
table.highspeedTsble tr th{ color:#A31022; background:#e6e6e6; font-size:12px; padding:8px 5px 8px 5px; width:95px!important;}
|
|
|
/*train详细信息页面*/
|
|
|
.quote {
|
|
|
background: #f7f7f7;
|
|
|
padding: 10px;
|
|
|
border-left: 5px solid #d1d1d1;
|
|
|
}
|
|
|
ul.drop1 {
|
|
|
color: #545454;
|
|
|
font-family: Verdana, Geneva, sans-serif;
|
|
|
font-size: 12px;
|
|
|
list-style: none outside none;
|
|
|
margin: 0 0 15px;
|
|
|
padding: 5px 0 0;
|
|
|
}
|
|
|
ul.drop1 li {
|
|
|
background: url('/css/images/drop-1.GIF') no-repeat scroll 0 8px transparent;
|
|
|
line-height: 22px;
|
|
|
margin-bottom: 10px;
|
|
|
margin-left: 8px;
|
|
|
padding: 0 0 0 15px;
|
|
|
}
|
|
|
ul.drop1 li a {
|
|
|
color: #545454;
|
|
|
text-decoration: underline;
|
|
|
}
|
|
|
ul.drop1 li a.underline {
|
|
|
color: #545454;
|
|
|
}
|
|
|
ul.drop1 li a:hover {
|
|
|
color: #A31022;
|
|
|
text-decoration: underline;
|
|
|
}
|
|
|
ul.drop1 .italic11 {
|
|
|
font-size: 11px;
|
|
|
font-style: italic;
|
|
|
}
|
|
|
table.monthWeather {
|
|
|
border-left: 1px solid #D1D1D1;
|
|
|
border-top: 2px solid #A31022;
|
|
|
margin: 0 0 10px;
|
|
|
width: 650px;
|
|
|
}
|
|
|
table.monthWeather th {
|
|
|
background-color: #F3F3F3;
|
|
|
border-bottom: 1px solid #D9D9D9;
|
|
|
border-right: 1px solid #D9D9D9;
|
|
|
font-size: 11px;
|
|
|
padding-bottom: 15px;
|
|
|
padding-top: 15px;
|
|
|
}
|
|
|
table.monthWeather th a {
|
|
|
color: #545454;
|
|
|
text-decoration: underline;
|
|
|
}
|
|
|
table.monthWeather th a:hover {
|
|
|
color: #A31022;
|
|
|
text-decoration: underline;
|
|
|
}
|
|
|
table.monthWeather tr td {
|
|
|
border-bottom: 1px solid #C9C9C9;
|
|
|
border-right: 1px solid #C9C9C9;
|
|
|
font-size: 11px;
|
|
|
padding: 6px;
|
|
|
text-align: center;
|
|
|
}
|
|
|
table.monthWeather tr.gray {
|
|
|
background-color: #F6F6F6;
|
|
|
}
|
|
|
table.monthWeather tr td.roundBottomRight {
|
|
|
border-bottom-right-radius: 5px;
|
|
|
}
|
|
|
table.monthWeather td a {
|
|
|
color: #545454;
|
|
|
text-decoration: underline;
|
|
|
}
|
|
|
.searchBox {
|
|
|
margin: 0 0 10px 0;
|
|
|
padding: 5px;
|
|
|
border:1px solid #d1d1d1;
|
|
|
}
|
|
|
.searchTitle {
|
|
|
color: #b30e11;
|
|
|
font-size: 18px;
|
|
|
text-align:center;
|
|
|
padding:5px 0 0 0;
|
|
|
display:block;
|
|
|
font-weight:bold;
|
|
|
}
|
|
|
span.subtitle{ display:block; padding:0px 0 8px 12px; color:#959595; margin:0 7px 5px 7px; border-bottom:1px solid #d1d1d1;}
|
|
|
.searchBox input.city2 {
|
|
|
border: 1px solid #d1d1d1;
|
|
|
width: 230px;
|
|
|
font-size: 14px;
|
|
|
padding:3px;
|
|
|
}
|
|
|
.searchBox input.calendar2 {
|
|
|
background: url("/css/images/calender.gif") no-repeat scroll right 4px #fff;
|
|
|
border: 1px solid #D1D1D1;
|
|
|
font-size: 14px;
|
|
|
padding: 3px;
|
|
|
}
|
|
|
.searchButtonLong {
|
|
|
background: url("//data.chinahighlights.com/css/images/train/site61/go.png") no-repeat scroll left top rgba(0, 0, 0, 0);
|
|
|
border: medium none;
|
|
|
color: #FFFFFF;
|
|
|
cursor: pointer;
|
|
|
float: right;
|
|
|
font-family: Verdana,Geneva,sans-serif;
|
|
|
font-size: 22px;
|
|
|
height: 58px;
|
|
|
margin: 25px 17px 0 0;
|
|
|
padding: 0 0 0 25px;
|
|
|
width: 104px;
|
|
|
}
|
|
|
.searchButtonLong:hover {
|
|
|
background: url("//data.chinahighlights.com/css/images/train/site61/go.png") no-repeat scroll 2px top rgba(0, 0, 0, 0);
|
|
|
}
|
|
|
.searchCity {
|
|
|
float: left;
|
|
|
padding: 10px 0 5px 20px;
|
|
|
width: 250px;
|
|
|
font-size: 13px;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
/*火车外观&座位*/
|
|
|
span.seatClass{ font-size:16px; color:#0C6197; display:block; padding:0 0 5px 0; border-bottom:1px solid #d1d1d1;}
|
|
|
span.differentSeat{ font-size:14px; color:#0C6197; font-weight:bold;}
|
|
|
ul.bookStept{ margin:0 0 15px 0;}
|
|
|
ul.bookStept li{ margin:0 0 13px 15px; line-height:20px;}
|
|
|
ul.bookPhone li{ display:block; width:220px; float:left; margin:0 0 8px 0;}
|
|
|
ul.bookPhone{ margin:0 0 15px 15px;}
|
|
|
span.differentSeat{ font-size:14px; color:#0C6197; font-weight:bold;}
|
|
|
/*信息中多张图片*/
|
|
|
ul.trainInfoPic{ margin:0 0 10px 0;}
|
|
|
ul.trainInfoPic li{ width:350px; float:left; display:block; margin:0 2px 15px 0; font-size:12px; line-height:23px;}
|
|
|
.midPhotoR{ float:right; margin:0 0 10px 10px;}
|
|
|
.midPhotoL{ float:left; margin:0 10px 10px 0px;}
|
|
|
/*things to do*/
|
|
|
.linkNav{ border:1px solid #d1d1d1; margin:0 0 15px 0;}
|
|
|
span.thingstodot{ font-size:18px; color:#545454; display:block; background:#f1f1f1; padding:10px;}
|
|
|
ul.linkList{ margin:0; padding:0;}
|
|
|
ul.linkList li{ list-style:none; padding:8px 10px 8px 10px; display:block; border-bottom:1px solid #d1d1d1;}
|
|
|
ul.linkList li a{ color:#545454; text-decoration:none; display:block;}
|
|
|
ul.linkList li a:hover{ text-decoration:underline; color:#C00;}
|
|
|
/*图片*/
|
|
|
.photoRight{ float:right; margin:0 0 10px 10px;}
|
|
|
/*中心火车不同样式*/
|
|
|
p.westernTi{ display:block; text-align:center; border-bottom:1px solid #7d7d7d; text-transform: uppercase; color:#9c9c9c; font-size:16px;}
|
|
|
ul.westDiffere li{ display:block; float:left; margin-top:7px; line-height:22px; padding-bottom:5px; margin-bottom:10px;}
|
|
|
ul.westDiffere li.rightNoBor{ margin:7px 0 0 22px;}
|
|
|
ul.westDiffere li span{ color:#b65858; }
|
|
|
/*(JACK) Require*/
|
|
|
.intlTrainsTable {margin: 10px 0;border-collapse:collapse;}
|
|
|
.intlTrainsTable td {border: solid 1px #d1d1d1;padding: 5px;}
|
|
|
/*如何取票的流程图*/
|
|
|
/* 中等屏幕（桌面显示器，大于等于 992px） */
|
|
|
@media (min-width: @screen-md-min) { ... }
|
|
|
.stepNo{ background-repeat:no-repeat; background-image:url(/css/images/train/take-ticket-bg.png); height:76px; width:76px; position:relative;}
|
|
|
.stepA{ background-position: right 0; background-color:#3cafdb; float:left;}
|
|
|
.stepB{ background-position: right -155px; background-color:#dc4556; float:right;}
|
|
|
.stepC{ background-position: right -320px; background-color:#8cc051; float:left;}
|
|
|
.stepD{ background-position: right -497px; background-color:#36bc9b; float:right;}
|
|
|
.stepTitle, .stepTitle3{ border-top:5px solid #e6e9ee; border-right:5px solid #e6e9ee; margin:26px 0 0 0; padding:0px 10px 10px 0; }
|
|
|
.stepTitle4{ border-bottom:5px solid #e6e9ee; margin:0px 0 0 0; padding:0px 85px 0px 0; text-align:right; }
|
|
|
.stepTitle4 h3{font-size:23px; color:#36bc9b; margin:0px 0 5px 85px;}
|
|
|
.stepTitle4s{ border-top:5px solid #e6e9ee; border-left:5px solid #e6e9ee; margin:26px 0 0 0; padding:0px 0px 10px 10px; }
|
|
|
.stepTitle4s h3{font-size:26px; color:#36bc9b;text-transform:uppercase; margin:10px 85px 22px 0px; text-align:right;}
|
|
|
.stepTitle h3{font-size:26px; color:#3cafdb;text-transform:uppercase; margin:10px 0 22px 85px;}
|
|
|
.stepTitle3 h3{font-size:26px; color:#8cc051;text-transform:uppercase; margin:10px 0 22px 85px;}
|
|
|
.stepTitle p, .stepTitle2 p, .stepTitle3 p{ font-size:13px; line-height:25px;}
|
|
|
.stepTitle2{ border-top:5px solid #e6e9ee; border-left:5px solid #e6e9ee; margin:26px 0 0 0; padding:0px 0px 10px 10px; }
|
|
|
.stepTitle2 h3{font-size:26px; color:#dc4556;text-transform:uppercase; margin:10px 85px 22px 0px; text-align:right;}
|
|
|
.stepLeftPhoto{ float:left; margin:0 13px 13px 0;}
|
|
|
.stepLeftPhotoR{ float:right; margin:0 0 13px 13px ;}
|
|
|
.stepTips{ padding:10px; border-radius:5px; }
|
|
|
.blueTips{ background:#e6f6fc;}
|
|
|
.blueTips p{ color:#498ada;}
|
|
|
.redTips{ background:#fae5e7;}
|
|
|
.redTips p{ color:#dc4556;}
|
|
|
.greenTips{ background:#e9f4f1;}
|
|
|
.greenTips p{ color:#0a6e55;}
|
|
|
.greensTips{ background:#edf6e3;}
|
|
|
.greensTips p{ color:#487b0e;}
|
|
|
.startTip{ width:313px; height:208px; background:url(/css/images/train/starttrip.png) no-repeat; position:relative; float:left; margin-top:-90px;}
|
|
|
ul.checklist{ margin:0 0 10px 15px ;}
|
|
|
ul.checklist li{background: url("/css/images/drop-3.GIF") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
|
|
|
color: #545454;
|
|
|
display: block;
|
|
|
line-height: 20px;
|
|
|
padding-left: 20px;
|
|
|
text-decoration: none;
|
|
|
margin-bottom:10px;}
|
|
|
table.topLine tr th{ background:#f1f1f1!important; border-top:2px solid #a31022!important; }
|
|
|
.imgRight{ float:right; margin-left:8px; margin-bottom:5px; }
|
|
|
.imgleft{ float:left; margin-right:8px; margin-bottom:5px;}
|
|
|
span.duration {
|
|
|
background: url("/css/images/train/booktable.png") no-repeat scroll 0 -412px rgba(0, 0, 0, 0);
|
|
|
display: inline-block;
|
|
|
padding: 0 0 0 18px;
|
|
|
}
|
|
|
.departIco {
|
|
|
background: url("/css/images/train/train-ico.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
|
|
|
display: inline-block;
|
|
|
height: 8px;
|
|
|
margin: 0 5px;
|
|
|
width: 28px;
|
|
|
}
|
|
|
.departTime {
|
|
|
display: inline-block;
|
|
|
font-size: 16px;
|
|
|
margin: 0 3px 0 0;
|
|
|
}
|
|
|
/*越南火车打印*/
|
|
|
.printDiv{ background:#f1f1f1; border:1px solid #d1d1d1; padding:10px; border-radius: 6px;}
|
|
|
ul.thingsneed li{ font-size:14px; margin-bottom:10px;}
|
|
|
ul.thingsneed li i{ color:#9b0013;}
|
|
|
/*中文解说*/
|
|
|
.taxidirec{ background:#e6f6fc; padding:10px; }
|
|
|
.taxidirec p{ font-size:15px!important; line-height:24px;}
|
|
|
/*train route里面*/
|
|
|
.route-map{ margin:0 0 8px 8px; float:right;}
|
|
|
.simpleSearch2{ background:#a31022; padding:10px;}
|
|
|
.searchred{ color:#a31022!important; font-weight:bold!important;
|
|
|
background-image: linear-gradient(to bottom, #fff 0px, #e0e0e0 100%)!important;
|
|
|
background-repeat: repeat-x!important; border-color: #ccc!important;}
|
|
|
.searchred:hover{ background:#e6e6e6!important;}=======
|
|
|
.trainsearch-red input.searchButtonLong {
|
|
|
background: #a31022 none repeat scroll 0 0;
|
|
|
border: medium none;
|
|
|
border-radius: 5px;
|
|
|
color: #fff;
|
|
|
font-size: 18px;
|
|
|
padding: 6px 0;
|
|
|
text-align: center;
|
|
|
width: 100%;
|
|
|
}
|
|
|
/*why travel train*/
|
|
|
ul.whylist li{
|
|
|
background: url(https://data.chinahighlights.com/css/images/train/traintravel/whylist.png) no-repeat scroll 0 6px;
|
|
|
line-height: 25px;
|
|
|
margin-bottom: 20px;
|
|
|
padding: 0 0 0 35px;
|
|
|
font-size:14px;
|
|
|
}
|
|
|
.div-gray{
|
|
|
background:#f1f1f1; padding:0 10px 10px 10px; }
|
|
|
span.blue-font{ font-size:18px; color:#195ba6; display:block; padding:15px 0 8px 0;}
|
|
|
ul.drop-list li { text-decoration:none; background:url(https://data.chinahighlights.com/css/images/drop-2.GIF) no-repeat 0 6px; padding:0 0 0 15px; margin-bottom:10px;}
|
|
|
ul.drop-list li a{ text-decoration:none;}
|
|
|
/**/
|
|
|
.schedule-bg{ margin:25px 0; background:url(https://data.chinahighlights.com/css/images/train/traintravel/schedule-bg.jpg) no-repeat 100% 0 #2d2826; color:#fff!important; padding:25px 0 15px 0;}
|
|
|
.schedule-bg h2{ color:#fff; font-size:28px; margin:15px 0 8px 0;}
|
|
|
.schedule-bg h3{ color:#fff; font-size:18px; margin:10px 0 15px 0;}
|
|
|
ul.routelist li{ font-size:14px; line-height:22px; margin-bottom:10px; background: rgba(0, 0, 0, 0) url("https://data.chinahighlights.com/css/images/train/traintravel/list.png") no-repeat scroll 0 7px; padding: 0 0 0 15px;}
|
|
|
ul.routelist li a{ text-decoration:none; color:#fff;}
|
|
|
ul.routelist li a:hover{ text-decoration:underline;}
|
|
|
ul.droplist2 li{ text-decoration:none; background:url(https://data.chinahighlights.com/css/images/drop-2.GIF) no-repeat 0 6px; padding:0 0 0 15px; margin-bottom:15px; font-size:14px; line-height:24px;}
|
|
|
.photoBlock350 {
|
|
|
border-bottom: 1px dotted #d1d1d1;
|
|
|
display: block;
|
|
|
float: none;
|
|
|
font-style: italic;
|
|
|
margin: 0 0 5px;
|
|
|
padding: 5px 0 10px;
|
|
|
position: relative;
|
|
|
width: 100%;
|
|
|
float:right;
|
|
|
}>>>>>>> .r9128
|