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.

564 lines
15 KiB
CSS

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

h2 {
font-size: 28px!important;
margin: 25px 0 15px!important;
}
h2.tipsTitle {
clear: both;
display: block;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 23px!important;
margin: 20px 0!important;
padding: 5px 0 0px 0px;
}
h3 {
font-size: 25px!important;
margin: 25px 0 10px!important;
font-weight:100!important;
}
h4 {
font-size: 16px!important;
font-weight:100;
margin: 25px 0 10px!important;
}
span.redfont{ color:#a00025;}
/*左侧导航内容*/
ul.leftNav {
background: #f9f9f9 none repeat scroll 0 0;
}
ul.leftNav li {
border-bottom: 2px solid #fff;
line-height: 15px;
list-style: outside none none;
padding: 6px 5px 6px 12px;
}
ul.leftNav li.firstline{border-top: 2px solid #a31022;}
ul.leftNav li.mainTitle {
background: #dfdfdf none repeat scroll 0 0;
border-bottom: medium none;
color: #333;
font-size: 14px;
font-weight: bold;
margin-bottom: 1px;
padding: 10px 5px 12px;
}
ul.leftNav li.mainTitle a {
color: #333;
text-decoration: none;
}
ul.leftNav li.mainTitle a:hover {
color: #a31022;
}
ul.leftNav li a, ul.leftNav2 li a {
color: #666;
display: block;
text-decoration: none;
}
ul.leftNav li a:hover, ul.leftNav2 li a:hover {
color: #a31022;
}
ul.leftNav li.active {
background: #a31022 none repeat scroll 0 0;
border-bottom: 2px solid #a31022;
border-top: 1px solid #a31022;
color: #fff;
font-weight: bold;
}
ul.leftNav li.active a, ul.leftNav2 li.active a {
color: #fff;
}
ul.leftNav li.mainNav {
background: #f1f1f1 none repeat scroll 0 0;
border-bottom: medium none;
color: #333;
font-size: 13px;
margin-bottom: 1px;
padding: 7px 5px 8px 12px;
}
ul.leftNav li.subNav {
background: rgba(0, 0, 0, 0) url("data:image/gif;base64,R0lGODlhCgAKAIAAAP///4WFhSH5BAAAAAAALAAAAAAKAAoAAAIODI6paevanozS0WUyyAUAOw==") no-repeat scroll 14px 8px;
padding: 5px 0 5px 30px;
}
ul.leftNav.lessNav {
border: medium none;
margin-bottom: 15px;
}
ul.leftNav li.subNav.active {
background: #a31022 none repeat scroll 0 0;
}
ul.leftNav li.subNav.active a {
color: #fff !important;
}
.cityName {
background: #dfdfdf none repeat scroll 0 0;
border-top: 2px solid #a31022;
display: block;
font-size: 15px;
margin: 0 0 2px;
padding: 6px;
}
.cityName a {
font-size: 15px;
text-decoration: none;
}
/*火车详细页面样式开始*/
/*地图样式*/
.rightdiv{ float:right!important; padding:0px!important; margin:0 0 15px 15px; }
.airportMap{border:1px solid #d1d1d1; padding:10px 10px 0 10px!important; margin-bottom:15px;}
.googleMapS{ margin-bottom:8px;}
.airportMap dl{ margin:0;}
.airportMap dl span.othername{ color:#018cc7; font-size:14px; display:block; margin-bottom:8px;}
.airportMap dl dt{ font-size:12px; font-weight:100; margin-bottom:8px;}
/*背景为红色的搜索框样式 - 火车详细页面*/
.trainsearch-red{ background:#dedede;padding:13px;}
.trainsearch-red .serch-title{ display:block; text-align:center; font-size:20px; color:#a31022; margin-bottom:12px; }
ul.traintype{ margin:0 0 12px 0;}
ul.traintype li{
background: #cecece none repeat scroll 0 0;
display: block;
float: left !important;
padding: 5px 15px;
color:#545454;
}
ul.traintype li.active {
background: #dedede none repeat scroll 0 0;
}
.trainsearch-red input.cityname{ font-size:15px; padding:8px 12px; height:37px!important;}
.trainsearch-red input.departtime{ background:url(https://data.chinahighlights.com/css/images/calender.gif) no-repeat 95% 8px #fff;}
.trainsearch-red input.searchButtonLong{ background:#a31022; border-radius:5px; width:100%; font-size:18px; color:#fff; border:none; text-align:center; padding:6px 0;}
/*通用表格样式*/
table.highspeedTsble, table.monthWeather {
margin: 25px 0;
width:100%;
}
table.highspeedTsble tr td, table.monthWeather tr td {
border-bottom: 1px solid #d1d1d1;
font-size: 16px;
line-height: 20px;
padding: 8px 0 8px 5px;
margin-top:10px;
}
table.highspeedTsble tr td.line {
background: #f1f1f1 none repeat scroll 0 0;
font-size: 16px;
font-weight: bold;
}
table.highspeedTsble tr th, table.monthWeather tr th {
background: #e6e6e6 none repeat scroll 0 0;
color: #a31022;
font-size: 16px;
padding: 8px 5px;
width: 95px !important;
}
@media (max-width: 768px) {
table.highspeedTsble tr td, table.monthWeather tr td {
font-size: 14px;
}
table.highspeedTsble tr td.line {
font-size: 14px;
}
table.highspeedTsble tr th, table.monthWeather tr th {
font-size: 14px;
}
}
/*you might like通用样式*/
#articleRecommend{
clear: both;
height: 100%;
margin-bottom: 15px;
margin-top: 35px;
overflow: hidden;}
span.articleTitle{ display:block; font-size:24px; margin-bottom:10px;}
#articleRecommend .articleList {
line-height: 18px;
margin-bottom: 10px;
}
#articleRecommend .articleList a {
color: #333;
font-size: 13px;
text-decoration: none;
}
#articleRecommend .articleList .articlePhoto {
display: block;
}
@media (min-width: 1000px) {
#articleRecommend .articleList .articlePhoto {
margin-bottom: 10px;
max-height: 120px !important;
overflow: hidden;
}
}
#articleRecommend .articleList img {
margin-bottom: 5px;
width: 100%;
}
@media (max-width: 750px) {
.articleList {
border-bottom: 1px solid #f1f1f1;
padding-bottom: 10px;
}
#articleRecommend .articleList .articlePhoto {
float: left;
margin-right: 10px;
width: 100px;
}
.articleTitle1 {
font-size: 14px;
padding-top: 10px;
}
}
/*火车预定服务的广告*/
.trainservice-promo{
border-top:2px solid #d1d1d1;
padding-top:25px; padding-bottom:65px;}
.trainservice{ font-size:20px;}
.trainservice span{ color:#b21f1f;}
.servicepromo-link a{ display:block; border:2px solid #b21f1f; text-align:center; color:#585656; font-size:16px; text-decoration:none; padding:8px 10px; border-radius:5px; }
/*发布人信息*/
.article-publishers{ padding-top:30px;}
.publishPic {
margin-right: 15px;
}
.article-publishers ul.author li {
line-height: 25px;
list-style: outside none none;
font-size:11px;
}
.article-publishers ul.author a.email {
background: rgba(0, 0, 0, 0) url("/image/travelguide/city-guide/email.gif") no-repeat scroll 0 0;
padding-bottom: 10px;
padding-left: 30px;
text-decoration: underline;
}
.article-publishers ul.author a.feedback {
background: rgba(0, 0, 0, 0) url("/image/travelguide/city-guide/message.gif") no-repeat scroll 0 0;
padding-bottom: 10px;
padding-left: 30px;
text-decoration: underline;
}
.chtqrcode{ text-align:right!important; padding:30px 0 0 0;}
/*正文右边图片样式*/
.photoBlock300 {
border-bottom: 1px dotted #d1d1d1;
display: block;
float: none;
font-style: italic;
margin: 0 0 5px;
padding: 5px 0 10px;
position: relative;
width: 100%;
}
.photoBlock300 {
float: right !important;
margin-left: 20px !important;
width: 300px !important;
}
@media (max-width: 768px) { .photoBlock300{ float:none !important;
}
}
/*火车路线样式*/
.departIco {
background: rgba(0, 0, 0, 0) url("https://data.chinahighlights.com/css/images/train/train-ico.png") no-repeat scroll 0 0;
display: inline-block;
height: 8px;
margin: 0 5px;
width: 28px;
}
/*表格样式*/
table.table tr td.line{ background:#f1f1f1;}
/*中西方火车差异*/
span.west-different-tit{ display:block; border-bottom:2px solid #d1d1d1; font-size:22px; text-align:center; color:#787878; padding-bottom:5px; margin-bottom:10px;}
.traindifferent img{ margin-bottom:5px;}
.traindifferent{ line-height:20px; margin-bottom:10px; border-bottom:1px dotted #d1d1d1; padding-bottom:10px;}
/*如何乘车的提示*/
.taxidirec {
background: #f1f1f1 none repeat scroll 0 0;
padding: 10px;
border-radius:5px;
border-left:3px solid #a00025;
margin-bottom:15px;
}
.taxidirec p{ line-height:24px!important;}
/*等车步骤的指南*/
.stepNo {
background-image: url("https://data.chinahighlights.com/css/images/train/take-ticket-bg.png");
background-repeat: no-repeat;
height: 76px;
position: relative;
width: 76px;
}
.stepA {
background-color: #3cafdb;
background-position: right 0;
float: left;
}
.stepB {
background-color: #dc4556;
background-position: right -155px;
float: right;
}
.stepC {
background-color: #8cc051;
background-position: right -320px;
float: left;
}
.stepD {
background-color: #36bc9b;
background-position: right -497px;
float: right;
}
.stepTitle, .stepTitle3 {
border-right: 5px solid #e6e9ee;
border-top: 5px solid #e6e9ee;
margin: 26px 0 0;
padding: 0 10px 10px 0;
}
.stepTitle4 {
border-bottom: 5px solid #e6e9ee;
margin: 0;
padding: 0 85px 0 0;
text-align: right;
}
.stepTitle4 h3 {
color: #36bc9b;
font-size: 23px;
margin: 0 0 5px 85px;
}
.stepTitle4s {
border-left: 5px solid #e6e9ee;
border-top: 5px solid #e6e9ee;
margin: 26px 0 0;
padding: 0 0 10px 10px;
}
.stepTitle4s h3 {
color: #36bc9b;
font-size: 26px;
margin: 10px 85px 22px 0;
text-align: right;
text-transform: uppercase;
}
.stepTitle h3 {
color: #3cafdb;
font-size: 26px;
margin: 10px 0 22px 85px;
text-transform: uppercase;
}
.stepTitle3 h3 {
color: #8cc051;
font-size: 26px;
margin: 10px 0 22px 85px;
text-transform: uppercase;
}
.stepTitle p, .stepTitle2 p, .stepTitle3 p {
font-size: 13px;
line-height: 25px;
}
.stepTitle2 {
border-left: 5px solid #e6e9ee;
border-top: 5px solid #e6e9ee;
margin: 26px 0 0;
padding: 0 0 10px 10px;
}
.stepTitle2 h3 {
color: #dc4556;
font-size: 26px;
margin: 10px 85px 22px 0;
text-align: right;
text-transform: uppercase;
}
.stepLeftPhoto {
float: left;
margin: 0 13px 13px 0;
}
.stepLeftPhotoR {
float: right;
margin: 0 0 13px 13px;
}
.stepTips {
border-radius: 5px;
padding: 10px;
}
.blueTips {
background: #e6f6fc none repeat scroll 0 0;
}
.blueTips p {
color: #498ada;
}
.redTips {
background: #fae5e7 none repeat scroll 0 0;
}
.redTips p {
color: #dc4556;
}
.greenTips {
background: #e9f4f1 none repeat scroll 0 0;
}
.greenTips p {
color: #0a6e55;
}
.greensTips {
background: #edf6e3 none repeat scroll 0 0;
}
.greensTips p {
color: #487b0e;
}
.startTip {
background: rgba(0, 0, 0, 0) url("https://data.chinahighlights.com/css/images/train/starttrip.png") no-repeat scroll 0 0;
float: left;
height: 208px;
margin-top: -90px;
position: relative;
width: 313px;
}
/*tips首页样式*/
ul.tip-homepage{ border-bottom:none;}
ul.tip-homepage li{ font-size:14px; margin-right:10px; background:#999; color:#fff; text-decoration:none; border-radius:5px; border:1px solid #999;}
ul.tip-homepage li.active{ background:#a31022;}
ul.tip-homepage li a{ text-decoration:none; color:#fff; border:none; background:#999;}
ul.tip-homepage li a:hover, ul.tip-homepage li a:focus{ text-decoration:none!important; color:#fff!important; border:none!important; background:#a31022!important;}
ul.tip-homepage li:hover{background:#a31022;}
ul.tip-homepage li.active a, ul.tip-homepage li.active a:hover{background:#a31022; text-decoration:none; color:#fff; border:none;}
/*tips首页分页内部样式*/
.tab-pane{ padding-top:20px; }
.traintip-list{ line-height:22px; margin-bottom:15px; height:300px;}
.traintip-list p{ font-size:12px;}
span.tiparticle-title{ display:block; font-size:14px; margin-bottom:10px; padding-top:8px; height:}
span.tiparticle-title a{ font-weight:bold; text-decoration:none!important;}
span.tiparticle-photo{ display:block; width:100%; height:155px; overflow:hidden; border-radius:5px;}
/*加打赏的样式*/
.rewardAuthor {
background: #efefef none repeat scroll 0 0;
border-radius: 4px;
margin: 25px 0;
padding: 15px 20px;
}
.rewardAuthor .authorPhoto {
display: block;
margin-top: 15px;
text-align: center;
}
.rewardAuthor .authorPhoto img {
border-radius: 50% !important;
margin-bottom: 10px;
max-width: 100%;
}
.rewardAuthor .authorPhoto span {
display: block;
font-size: 11px;
}
.rewardAuthor .rewardTitle {
display: block;
margin-bottom: 10px;
}
.rewardAuthor label {
color: #777;
font-family: Arial,Helvetica,sans-serifl;
font-size: 13px;
margin-right: 21px;
}
.rewardAuthor input[type="checkbox"] {
margin: -3px 5px 0;
vertical-align: middle;
}
.rewardAuthor input[type="email"] {
border: 1px solid #d1d1d1;
border-radius: 4px;
padding: 4px 10px;
width: 100%;
}
.rewardAuthor input[type="submit"] {
background: #a31022 none repeat scroll 0 0;
border: medium none;
border-radius: 4px;
color: #fff;
padding: 5px;
text-align: center;
width: 100%;
}
.rewardAuthor .emailTip {
display: block;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
margin: 2px 0 0 20px;
}
.copyrightProtect {
display: block;
margin-top: 30px;
text-align: right;
}
@media (max-width: 768px) {
.rewardAuthor {
background: #efefef none repeat scroll 0 0;
border-radius: 4px;
padding: 15px 20px;
}
.rewardAuthor .rewardTitle {
display: block;
margin-bottom: 10px;
padding: 10px 0;
}
.rewardAuthor input[type="email"] {
margin-bottom: 10px;
}
}
/*作者信息*/
.tourPublishers .publishintros {
font-size: 11px;
line-height: 22px;
margin-top: 30px;
}
.publishPic {
margin-right: 15px;
}
.publishintros ul.author li {
line-height: 25px;
list-style: outside none none;
}
.publishintros ul.author a.email {
background: rgba(0, 0, 0, 0) url("/image/travelguide/city-guide/email.gif") no-repeat scroll 0 0;
padding-bottom: 10px;
padding-left: 30px;
text-decoration: underline;
}
.publishintros ul.author a.feedback {
background: rgba(0, 0, 0, 0) url("/image/travelguide/city-guide/message.gif") no-repeat scroll 0 0;
padding-bottom: 10px;
padding-left: 30px;
text-decoration: underline;
}
.quick-link{ background: #fff none repeat scroll 0 0;
border: 1px solid #d5d5d5;
border-radius: 4px;
box-shadow: 0 0 5px #d1d1d1; padding:10px 10px 0 10px; margin-bottom:10px;}
.quick-link a{ display:block; padding:5px 10px; float:left; margin-right:10px; text-decoration:none; border-radius:10px; border:1px solid #d1d1d1; margin:10px 10px 10px 0;}
/*faq 样式*/
.question-train{ font-weight:bold; background:url(https://data.chinahighlights.com/css/images/train/faq.png) no-repeat; padding:0 0 5px 25px;}
.clear-line{
clear: both;
width: 100%;
border-bottom:1px dashed #666 ;
line-height: 0;
margin-bottom:15px;
}
#expandAll { float:right; cursor:pointer; margin-bottom:20px !important; margin-top:-30px; color:#a31022; font-size:18px; font-style:italic;
}
.list-title { cursor:pointer;
}
.title-text {font-weight:bold; background:url(https://data.chinahighlights.com/css/images/train/faq.png) no-repeat; padding:0 0 5px 25px; font-size:16px;
}
.OpenIcon .fa { float:right; color:#a31022; border-radius:4px; border:solid 2px #88959E; padding:0 2px; cursor:pointer;
}
.list-content{ padding:20px; font-size:16px; line-height:25px; color:#555;
}
.list-area {margin-bottom:15px;
}
/*左导航折叠样式*/
.titleNav-text { cursor:pointer; background:#dfdfdf none repeat scroll 0 0; border-top:2px solid #a31022; color:#333; line-height:15px; font-weight:bold; padding:10px 5px 12px; display:block;
}
.listNav-content {cursor:pointer; color:#666; display:block; border-bottom:2px solid #fff; font-weight:normal; background-color:#f9f9f9
}
.linkTitle { border-bottom:#FFF;
}