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; }