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.
327 lines
15 KiB
CSS
327 lines
15 KiB
CSS
/* rewrite nav */
|
|
.chNav { text-align: left !important;}
|
|
#flightsIndexNew{margin:0 20px 10px 20px}
|
|
#contenttrainleft{
|
|
float: left;
|
|
margin: 0 0px 0 0;
|
|
display: inline
|
|
}
|
|
#contenttrainleft ul{ margin:0 0 0 15px;}
|
|
#contenttrainleft ul li{ font-size:12px; list-style:none; background:url(https://data.chinahighlights.com/css/images/drop-3.GIF) no-repeat left 5px; padding-left:15px; margin-bottom:5px; line-height:18px;}
|
|
#contenttrainleft h2.red{
|
|
font-size:22px;
|
|
color:#a31022;
|
|
font-weight:100;
|
|
margin:5px 0 10px 0;
|
|
}
|
|
#contenttrainleft h2.gray{
|
|
font-size:20px;
|
|
color:#545454;
|
|
font-weight:100;
|
|
margin:5px 0 10px 0;
|
|
}
|
|
#contenttrainleft h3{ font-size:17px; color:#a31022; font-weight:100; margin:5px 0 10px 0;}
|
|
#contenttrainleft h4{ font-size:14px; color:#545454;}
|
|
#contenttrainleft img.infoPhoto{float:left; margin-right:10px; margin-bottom:10px}
|
|
/*通用样式*/
|
|
a.aircraftInfo{ display:block; color:#545454; border-bottom:1px dashed #0D548A; float:left; text-decoration:none; position:relative;}
|
|
a.aircraftInfo span{ color:#0D548A;}
|
|
a.aircraftInfo .aircraftList{
|
|
position:absolute;
|
|
width:226px;
|
|
top: 21px;
|
|
background:#FFF;
|
|
z-index: 99;
|
|
border:3px solid #d1d1d1;
|
|
padding:10px;
|
|
line-height:18px;
|
|
}
|
|
a.aircraftInfo .aircraftList .aircraftPic, a.aircraftInfo .aircraftList .aircraftPic img{ width:196px; height:120px;}
|
|
a.airportSim{ display:block; color:#545454; border-bottom:1px dashed #0D548A; float:left; text-decoration:none; position:relative;}
|
|
a.airportSim span{ color:#0D548A;}
|
|
a.airportSim .airportName{
|
|
position:absolute;
|
|
top: 17px;
|
|
background:#F1F1F1;
|
|
font-size:12px;
|
|
z-index: 99;
|
|
border:1px solid #d1d1d1;
|
|
padding:10px;
|
|
width: 199px;
|
|
}
|
|
.flightSearchInfo{font-size:12px; color:#545454; font-weight:100}
|
|
.flightPriceNation{
|
|
position:absolute;
|
|
width:101px;
|
|
height:136px;
|
|
padding:10px;
|
|
border:3px solid #d1d1d1;
|
|
background:#FFF;
|
|
top: -162px;
|
|
left: -34px;
|
|
}
|
|
.flightPriceNation ul li{ list-style:none; border-bottom:dashed 1px #d1d1d1; padding:5px; color:#545454;}
|
|
/*airport板块*/
|
|
.airportMap{
|
|
border:1px solid #d1d1d1;
|
|
border-radius: 4px;
|
|
box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3);
|
|
margin: 0 0 10px 0px;
|
|
padding: 8px;
|
|
}
|
|
.airportMap .googleMapS{
|
|
width:545px;
|
|
height:255px;
|
|
position:relative;
|
|
float:left;
|
|
}
|
|
.airportMap dl{ padding:0; margin:0;}
|
|
.airportMap dl dt{ font-size:12px; line-height:22px; color:#545454; margin-bottom:8px; font-weight:100;}
|
|
img.station-map{ width:100%;}
|
|
a.showMore{color:#c42524; text-decoration:none;}
|
|
.otherInfo{ padding:10px 0 0 0; margin:10px 0 0 0; border-top:3px solid #d1d1d1;}
|
|
/*导航类容*/
|
|
.trainSideBar{ width:275px; float:right;}
|
|
.trainSideBar p{ font-size:11px; margin:0 0 15px 0;}
|
|
.trainSideBar h3{ color:#2570b6; font-size:14px; margin: 0 0 10px 0;}
|
|
.ticketSearch{ background:url("//data.chinahighlights.com/css/images/train/station-bg.png") no-repeat; height:446px; margin:0 0 15px 0;}
|
|
.ticketSearch span.titleSearch1{ display:block; font-size:18px; padding:10px 10px 0px 10px; color:#cc3a3c;}
|
|
.ticketSearch span.titleSearch2{ display:block; font-size:22px; padding:0px 10px 3px 10px; color:#cc3a3c; font-style:italic;}
|
|
.ticketSearch table{ margin:100px 10px 0 15px; width:240px;}
|
|
.ticketSearch table tr td{ font-size:14px; color:#666; padding:0 0 14px 0; line-height:20px;}
|
|
.ticketSearch table tr td input.citySelect{ width:230px; font-size:14px; padding:5px; border:1px solid #d1d1d1; margin:5px 0 0 0;}
|
|
input.searchTicket{ width:202px; height:42px; background:url("//data.chinahighlights.com/css/images/train/station-bg.png") 0 -465px; border:none; cursor:pointer; font-size:14px; color:#FFF; padding:0 0 0 50px; margin:0 0 0 25px;}
|
|
input.searchTicket:hover{ background:url("//data.chinahighlights.com/css/images/train/station-bg.png") 0 -528px; }
|
|
dl.maylike dd{ list-style:none; background:none; padding:0; display:block; width:160px; float:left; margin:0 10px 0 0; line-height:18px;}
|
|
dl.maylike dd img{ margin:0 0 5px 0;}
|
|
dl.maylike dd a{ color:#545454; text-decoration:none;}
|
|
dl.maylike dd a:hover{ text-decoration:underline;}
|
|
/* qa new style */
|
|
.qaMaintitle { font-size:18px; display: block; margin:5px 0 15px 0;}
|
|
#qa4tour { background:url(https://data.chinahighlights.com/css/images/tour/bg-qa-tour-2.jpg) no-repeat top; padding:2px 10px 15px 10px; }
|
|
#qa4tour .qaList { border-bottom: 2px dashed #d1d1d1; padding: 0 5px 15px 5px; margin-bottom:15px;}
|
|
#qa4tour .qaList .question { font-size:14px; position:relative}
|
|
#qa4tour .qaList .question .questionContent { float: left; width:95%; display: block; margin-bottom:5px;}
|
|
#qa4tour .qaList .question .qTitle { display: block; float: left; font-size:20px; color:#a31022; width: 27px; height:27px; text-align:center; margin-top:-8px;}
|
|
#qa4tour .qaList .question .whoAsked { font-size:11px; color:#666; display: block; margin: 3px 0 0 0; padding-left:27px; font-style:italic; }
|
|
#qa4tour .qaList .question .whoAsked a { background:url(https://data.chinahighlights.com/pic/reply.png) no-repeat left; padding:2px 0 2px 23px; font-size:12px; color: #545454; margin-left:10px;}
|
|
#qa4tour .qaList .answer { background:#f1f1f1; border:1px solid #d1d1d1; position:relative; padding:10px 10px 10px 40px; margin:15px 0 0 27px; line-height:18px;}
|
|
#qa4tour .qaList .answer .aTitle { background:#d1d1d1; width:27px; height:26px; font-size:18px; color:#0789bf; position:absolute; top:0; left:0; padding:1px 0 0 0; text-align:center; _left:-10px;}
|
|
#qa4tour .qaList .answer .whoReplied { font-size:11px; display: block; margin: 0 0 5px 0;}
|
|
#qa4tour #qaBox { background:url(https://data.chinahighlights.com/css/images/tour/bg-qa-box.png) no-repeat top; width:551px; height:240px; margin: 10px auto; border:0px solid #d1d1d1; padding: 20px;}
|
|
#qa4tour #qaBox .qaTitle { font-size:20px; display: block; margin:0 0 15px;}
|
|
#qa4tour #qaBox .questionboxTitle { font-size:11px; font-weight: bold; display: block; margin-bottom:10px;}
|
|
#qa4tour #qaBox .questionboxTitle a { color:#a31022; text-decoration: underline;}
|
|
#qa4tour #qaBox .questionboxTitle a:hover { text-decoration: none;}
|
|
#qa4tour #qaBox textarea { border:1px solid #d1d1d1; background:#fff; padding:5px; width:535px; height:80px;}
|
|
#qa4tour #qaBox .name-email { margin: 10px 0; font-size:11px; font-weight: bold;}
|
|
#qa4tour #qaBox .name-email input { border:1px solid #d1d1d1; background:#fff; padding:3px; width:170px; margin:0 10px 0 5px; font-size:12px;}
|
|
.checkBox { vertical-align:middle; margin-top:-3px; margin-bottom:0;}
|
|
/*列表页面样式*/
|
|
.trainResult{ margin:0; padding:0;}
|
|
form.formWrap{ display:block; font-size:16px; margin:0; padding:8px 0px 8px 10px; border-bottom:1px solid #d1d1d1; background:#f1f1f1; }
|
|
form.formWrap input.city{ font-size:14px; border:1px solid #d1d1d1; font-size:12px; color:#545454; padding:6px 5px 6px 5px; width:200px;}
|
|
ul.majorSchedule{ margin:10px 0px 10px 0px;}
|
|
ul.majorSchedule li{ font-size:12px; margin-bottom:8px;}
|
|
ul.majorSchedule li a{ color:#545454; text-decoration:none;}
|
|
ul.majorSchedule li a:hover{ color:#C00; text-decoration:underline;}
|
|
input.searchButton{ width:114px; height:33px; background:url(https://data.chinahighlights.com/css/images/train/search.png) 0 74px; border:none; cursor:pointer;}
|
|
input.searchButton:hover{ background:url(https://data.chinahighlights.com/css/images/train/search.png) 0 0px; border:none; cursor:pointer;}
|
|
/*ticket search box*/
|
|
.moreDetails{ padding:10px;}
|
|
.moreDetails span{ display:block; margin:0 0 5px 0 ;}
|
|
.moreDetails input.ticketSearch{ font-size:12px; width:230px; border:1px solid #d1d1d1; padding:5px 0 5px 10px;}
|
|
.moreDetails input.button{ float:right; margin:8px 0 0 0;}
|
|
/*station 首页*/
|
|
h2.redH2{ margin-bottom:10px; padding-bottom:5px; color:#990518; font-size:24px;}
|
|
h3.redH2{ margin-bottom:10px; padding-bottom:5px; color:#545454; font-size:20px;}
|
|
.toptitle {
|
|
|
|
}
|
|
.toparticle {
|
|
border-radius: 4px;
|
|
font-family: Trebuchet MS;
|
|
margin-bottom: 30px;
|
|
}
|
|
ul.majorCityList li{ display:block; width:220px; height:248px; list-style:none; float:left; margin:0 15px 0 0; border:1px solid #d1d1d1; box-shadow: 1px 2px 4px 0 #666666;}
|
|
ul.majorCityList li a{ display:block; padding:10px 0 0 0; text-align:center; line-height:25px; text-decoration:none; color:#545454; height:238px;}
|
|
ul.majorCityList li a:hover{ background:#f1f1f1;}
|
|
ul.majorCityList li.right{ margin:0;}
|
|
.topPick ul{ width:700px;}
|
|
.topPick ul li{ list-style:none; float:left; margin:0 15px 10px 0;}
|
|
.topPick ul li.right{ margin:0 0 10px 0;}
|
|
.topPick dl dt{ font-size:12px;}
|
|
.topPick dl dt a{ color:#545454; text-decoration:none;}
|
|
.topPick dl dd{ font-size:11px; color:#666; margin:0; padding:0;}
|
|
#cityA-Z a{ color:#545454;}
|
|
#cityA-Z {
|
|
height: 100%;
|
|
margin: 0 0 15px;
|
|
overflow: hidden;
|
|
}
|
|
#cityA-Z .firstLetter {
|
|
background: url("https://data.chinahighlights.com/css/images/guide/bg-city/bg-a-z.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
|
|
color: #333333;
|
|
display: block;
|
|
font-size: 16px;
|
|
margin: 8px 0;
|
|
padding: 1px 0 1px 22px;
|
|
}
|
|
#cityA-Z ul {
|
|
float: left;
|
|
margin: 0 px 0 0;
|
|
}
|
|
#cityA-Z ul li {
|
|
background: url("https://data.chinahighlights.com/css/images/drop-1.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
|
|
line-height: 18px;
|
|
list-style: none outside none;
|
|
margin-bottom: 12px;
|
|
padding-left: 12px;
|
|
}
|
|
#cityA-Z ul li a {
|
|
text-decoration: none;
|
|
}
|
|
#cityA-Z ul li a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
#cityA-Z .firstLetter {
|
|
background: url("/image/travelguide/city-guide/index/city-list.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
|
|
color: #fff;
|
|
display: block;
|
|
font-size: 20px;
|
|
margin: 8px 0;
|
|
padding: 1px 0 1px 13px;
|
|
}
|
|
.photoCategory {
|
|
float: left;
|
|
padding: 0px;
|
|
position: relative;
|
|
width: 220px;
|
|
margin:0 15px 0 0;
|
|
}
|
|
.cities {
|
|
height: 45px;
|
|
margin-bottom: 10px;
|
|
margin-top: 10px;
|
|
width: 185px;
|
|
}
|
|
.cities li {
|
|
float: left;
|
|
line-height: 18px;
|
|
list-style-type: none;
|
|
padding-right: 5px;
|
|
}
|
|
.cities li a{ color:#545454; text-decoration:none;}
|
|
/*主要城市的schedule列表*/
|
|
.topcityschedule{border-radius:5px; position:relative; margin-bottom:30px;}
|
|
.topcityschedule img{ border-radius:4px;}
|
|
span.scheduleTiele{ display:block; position:absolute; bottom:0; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
|
|
border-radius: 0 0 4px 4px; width:100%; height:35px; text-align:center; color:#fff; font-size:16px; padding-top:5px; font-family: Trebuchet MS;}
|
|
/*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;}
|
|
/*ticket policy*/
|
|
ul.ticketList li{ font-size:16px; list-style:none; background:url(https://data.chinahighlights.com/css/images/drop-3.GIF) no-repeat left 5px; padding-left:15px; margin:0 0 10px 10px; line-height:35px;}
|
|
h2.policyT{ font-size:20px; border-bottom:1px solid #d1d1d1; padding:10px 0 5px 0; margin:0 0 8px 0; color:#1152a2;}
|
|
/*住宿攻略样式*/
|
|
.accommodationGuide{ width:660px; position:relative; margin:0 0 10px 0;}
|
|
.accommodationGuide .guideTitle{
|
|
font-size:26px;
|
|
position:absolute;
|
|
left: 177px;
|
|
top: 21px;
|
|
width: 466px;
|
|
height: 49px;
|
|
}
|
|
.accommodationGuide .guideTitle a{ color:#C00; text-decoration:none;}
|
|
input.searchButton{ width:114px; height:33px; background:url(https://data.chinahighlights.com/css/images/train/search.png) 0 74px; border:none; cursor:pointer;}
|
|
input.searchButton:hover{ background:url(https://data.chinahighlights.com/css/images/train/search.png) 0 0px; border:none; cursor:pointer;}
|
|
input.searchButton2{ width:84px; height:26px; background:url(https://data.chinahighlights.com/css/images/train/search.png) 95px 74px; border:none; cursor:pointer;}
|
|
input.searchButton2:hover{ background:url(https://data.chinahighlights.com/css/images/train/search.png) 95px 0px; border:none; cursor:pointer;}
|
|
/*search box*/
|
|
.searchBox {
|
|
background:#8d141b;
|
|
margin: 0 0 10px 0;
|
|
padding: 0 0 10px 0;
|
|
border-radius: 4px;
|
|
}
|
|
.searchTitle {
|
|
color: #fff;
|
|
font-size: 20px;
|
|
padding: 18px 11px 0px 18px;
|
|
text-align:center;
|
|
}
|
|
span.subtitle{ display:block; padding:0px 0 8px 12px; color:#959595; margin:0 7px 5px 7px; border-bottom:1px solid #d1d1d1;}
|
|
.searchBox input.city {
|
|
border: 1px solid #d1d1d1;
|
|
margin: 0 10px 10px 10px;
|
|
font-size: 14px;
|
|
padding:6px;
|
|
width:90%;
|
|
border-radius: 4px;
|
|
}
|
|
.searchBox input.calendar {
|
|
background: url("https://data.chinahighlights.com/css/images/calender.gif") no-repeat scroll right 4px #fff;
|
|
border: 1px solid #D1D1D1;
|
|
font-size: 14px;
|
|
padding:6px;
|
|
width:90%;
|
|
border-radius: 4px;
|
|
margin: 0 10px 10px 10px;
|
|
}
|
|
.searchButtonLong {
|
|
background: url("//data.chinahighlights.com/css/images/train/seat61-search.png") no-repeat scroll right top;
|
|
width:174px;
|
|
height:40px; float:right;
|
|
border:none;
|
|
margin:10px;
|
|
}
|
|
.searchCity {
|
|
float: left;
|
|
padding: 10px 0 5px 10px;
|
|
color:#fff;
|
|
font-size:13px;
|
|
width:100%;
|
|
font-weight:bold;
|
|
}
|
|
#scheduleTable{width:90%; border:1px solid #545454; padding:10px;}
|
|
#scheduleTable td { line-height:24px; border-bottom:1px solid #545454;}
|
|
/*sechedule首页列表样式*/
|
|
.trainScheduleList { }
|
|
.trainScheduleList a{ color:#545454;}
|
|
/*快递信息*/
|
|
.searchSFDiv{ background:#ad1818; padding:0 10px 10px 10px; border-bottom-right-radius:5px; border-bottom-left-radius:5px;}
|
|
.searchSF{ padding:10px;}
|
|
.sfSearch{ margin:12px 0 0 0!important; padding-left:0px!important; }
|
|
.sfSearch input{font-size:20px!important; color:#545454!important; padding:5px 5px;}
|
|
button.btn-default{ margin:12px 0 0 -12px; color:#ad1818; background:#e8e4e4; }
|
|
ul.deliveryCom li{ background:#d5d2d2!important; border-top-right-radius:5px; border-top-left-radius:5px; text-align:center; padding:5px 3px}
|
|
ul.deliveryCom li.active{background:#ad1818!important; }
|
|
/*policy section*/
|
|
ul.list-unstyled{border-radius:5px;}
|
|
ul.list-unstyled li{ margin-bottom:0px ; }
|
|
ul.list-unstyled li > ul.nav li{ background:#fff; font-size:12px; border-left:3px #fff solid; padding-left:10px;}
|
|
ul.list-unstyled li > ul.nav li.active > a{border-left:1px #a31022 solid; }
|
|
ul.list-unstyled li a{text-decoration:none;}
|
|
ul.list-unstyled li.active{ }
|
|
ul.list-unstyled li.active > a{
|
|
color:#a31022;
|
|
font-weight:100;
|
|
border-left:3px #a31022 solid;
|
|
}
|
|
.changeFee{ margin:10px 15px;}
|
|
/*sf-express search result style*/
|
|
#sfRouter{border:1px solid #d1d1d1; padding:10px; margin:20px 0; display:none; background:#fff;}
|
|
#sfRouter li{ border-left: 2px solid #ECECEC;list-style: none outside none;padding: 10px;}
|
|
#sfRouter li>div{display: inline-block; float: left; overflow: hidden; position: relative; left: -17px;}
|
|
#sfRouter li>div>i{background-image: url("//data.chinahighlights.com/image/dout.png"); background-position: -14px 0pt; display: inline-block; font-style: normal; height: 14px; overflow: hidden; vertical-align: text-bottom; width: 14px;}
|
|
.img-rounded{ margin:0 8px 8px 0!important; float:left!important;}
|
|
/*送票的漫画*/
|
|
.deliveryCo{ background:#dbdbdb; margin-bottom:15px;}
|
|
/*station新版样式*/
|
|
.station-rightdiv{ float:right!important; width:300px;}
|