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.
266 lines
7.2 KiB
CSS
266 lines
7.2 KiB
CSS
6 years ago
|
.trainSearchStyle {
|
||
|
|
font-size:14px; margin:0; padding:8px 10px 8px 10px; background:url(https://data.chinahighlights.com/css/images/train/search-box-bg.jpg) repeat-x bottom #f6f6f6; border:1px solid #d1d1d1; display:block;
|
||
|
|
}
|
||
|
|
.trainSearchStyle input.city {
|
||
|
|
font-size:14px; border:1px solid #d1d1d1; font-size:12px; color:#545454; padding:6px 5px 6px 5px; width:200px;
|
||
|
|
}
|
||
|
|
.trainResult table tr th {
|
||
|
|
background: none repeat scroll 0 0 #e7f3ff;
|
||
|
|
border-bottom: 1px solid #D1D1D1;
|
||
|
|
border-right: 1px solid #D1D1D1;
|
||
|
|
border-top: 1px solid #D1D1D1;
|
||
|
|
color: #545454;
|
||
|
|
font-size: 11px;
|
||
|
|
font-weight: 100;
|
||
|
|
padding: 5px 0 5px 5px;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.trainResult table tr th a {
|
||
|
|
color: #1B95C2;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
.trainResult table tr th.noline {
|
||
|
|
border-right: medium none;
|
||
|
|
}
|
||
|
|
.trainResult table tr th select {
|
||
|
|
color: #565656;
|
||
|
|
font-size: 11px;
|
||
|
|
padding: 0;
|
||
|
|
width: 50px;
|
||
|
|
}
|
||
|
|
.trainResult table tr td {
|
||
|
|
border-bottom: 1px solid #D1D1D1;
|
||
|
|
border-right: 1px solid #D1D1D1;
|
||
|
|
color: #545454;
|
||
|
|
font-size: 11px;
|
||
|
|
line-height: 18px;
|
||
|
|
padding: 5px;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
.trainResult table tr td span.pricestyle {
|
||
|
|
color: #545454;
|
||
|
|
display: block;
|
||
|
|
float: left;
|
||
|
|
width: 100px;
|
||
|
|
}
|
||
|
|
.trainResult table tr td.trainPrice {
|
||
|
|
color: #FF0000;
|
||
|
|
}
|
||
|
|
.trainResult table tr td.inquire {
|
||
|
|
border-right: medium none;
|
||
|
|
}
|
||
|
|
.trainResult table tr td.price {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
.trainResult table tr td a {
|
||
|
|
color: #545454;
|
||
|
|
}
|
||
|
|
.trainResult table tr td.trainNo {
|
||
|
|
color: #0D548A;
|
||
|
|
font-size: 12px;
|
||
|
|
}
|
||
|
|
.trainResult table tr td.trainNo span {
|
||
|
|
cursor: pointer;
|
||
|
|
display: block;
|
||
|
|
position: relative;
|
||
|
|
text-align: right;
|
||
|
|
text-decoration: underline;
|
||
|
|
width: 100%;
|
||
|
|
z-index: 0;
|
||
|
|
}
|
||
|
|
.trainResult table tr td.trainNo strong {
|
||
|
|
display: block;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.trainResult table tr td.trainNo .moreTrainId {
|
||
|
|
background: none repeat scroll 0 0 #FFFFFF;
|
||
|
|
border: 3px solid #D1D1D1;
|
||
|
|
box-shadow: 10px 10px 25px #CCCCCC;
|
||
|
|
left: 130px;
|
||
|
|
padding: 10px;
|
||
|
|
position: absolute;
|
||
|
|
top: -22px;
|
||
|
|
width: 530px;
|
||
|
|
z-index: 80;
|
||
|
|
}
|
||
|
|
.trainResult table tr:hover {
|
||
|
|
background: none repeat scroll 0 0 #F7F7F7;
|
||
|
|
}
|
||
|
|
.trainResult .morePrice {
|
||
|
|
cursor: pointer;
|
||
|
|
float: right;
|
||
|
|
margin-top: 0;
|
||
|
|
text-align: right;
|
||
|
|
width: 20px;
|
||
|
|
}
|
||
|
|
.trainResult .moreSitePrice {
|
||
|
|
background: none repeat scroll 0 0 #FFFFFF;
|
||
|
|
border-left: 1px solid #D1D1D1;
|
||
|
|
border-top: 1px solid #D1D1D1;
|
||
|
|
left: 436px;
|
||
|
|
position: absolute;
|
||
|
|
top: 250px;
|
||
|
|
width: 193px;
|
||
|
|
}
|
||
|
|
ul.majorCity{ margin:0 0 10px 0;}
|
||
|
|
ul.majorCity li{ list-style:none; display:block; width:120px; float:left; margin:0 0 10px 0;}
|
||
|
|
ul.majorCity li a{ text-decoration:none; color:#545454;}
|
||
|
|
ul.majorCity li a:hover{ text-decoration:underline; color:#C00;}
|
||
|
|
/*ticket search box*/
|
||
|
|
.moreDetails{ padding:10px;}
|
||
|
|
.moreDetails span{ display:block; margin:0 0 5px 0 ;}
|
||
|
|
.moreDetails input.ticketSearch{
|
||
|
|
font-size:12px;
|
||
|
|
width:200px;
|
||
|
|
border:1px solid #d1d1d1;
|
||
|
|
padding:5px 0 5px 10px;
|
||
|
|
}
|
||
|
|
.moreDetails input.button{ float:right; margin:8px 0 0 0;}
|
||
|
|
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;}
|
||
|
|
.searchBox{
|
||
|
|
border: 4px solid #e5e5e5;
|
||
|
|
margin: 0 0 10px 0;
|
||
|
|
width: 260px;
|
||
|
|
padding: 0 0 10px 0;
|
||
|
|
}
|
||
|
|
.searchTitle{
|
||
|
|
background: #e5e5e5;
|
||
|
|
color: #C7152D;
|
||
|
|
text-transform: uppercase;
|
||
|
|
font-size:16px;
|
||
|
|
padding:5px 0 5px 10px;
|
||
|
|
margin: 0;
|
||
|
|
}
|
||
|
|
.searchBox input.city{ border:1px solid #d1d1d1; width:230px; margin:0 0 10px 10px; font-size:14px; height:24px;}
|
||
|
|
.searchBox input.calendar {
|
||
|
|
background: url("https://data.chinahighlights.com/css/images/calender.gif") no-repeat scroll 210px 4px transparent;
|
||
|
|
border: 1px solid #D1D1D1;
|
||
|
|
font-size: 14px;
|
||
|
|
padding: 3px;
|
||
|
|
margin:0 0 0 10px;
|
||
|
|
width: 230px;}
|
||
|
|
.searchButtonLong{background:url(https://data.chinahighlights.com/css/images/train/train-office.png) 0px 0px #f1f1f1; width:209px; height:34px; hanging-punctuation:30px; display:block; color:#FFF; font-size:15px; cursor:pointer; padding:2px 18px 5px 10px; text-align:right; margin:10px 0 10px 25px; border:0;}
|
||
|
|
.searchButtonLong:hover{background:url(https://data.chinahighlights.com/css/images/train/train-office.png) 0px -47px #f1f1f1;}
|
||
|
|
.searchCity {
|
||
|
|
float: left;
|
||
|
|
padding: 10px 0 5px 10px;
|
||
|
|
width: 250px;
|
||
|
|
font-size:13px;
|
||
|
|
font-weight:bold;
|
||
|
|
}
|
||
|
|
/*临时底部样式*/
|
||
|
|
/*footer*/
|
||
|
|
@media (min-width: 1000px) {
|
||
|
|
#footer {
|
||
|
|
padding: 20px 0 !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
#footer {
|
||
|
|
background: #3a3a32 none repeat scroll 0 0;
|
||
|
|
border-top: 1px solid #e1e1e1;
|
||
|
|
color: #fff;
|
||
|
|
margin-top: 20px;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
#footer .chSlogan {
|
||
|
|
background: rgba(0, 0, 0, 0) url("https://data.chinahighlights.com/css/images/global/CH-slogan.png") no-repeat scroll 0 0;
|
||
|
|
display: block;
|
||
|
|
height: 23px;
|
||
|
|
margin: 10px 0 15px 15px;
|
||
|
|
width: 619px;
|
||
|
|
}
|
||
|
|
#footer .footPhone {
|
||
|
|
display: block;
|
||
|
|
padding-top: 15px;
|
||
|
|
}
|
||
|
|
#footer .footPhone p {
|
||
|
|
line-height: 16px !important;
|
||
|
|
}
|
||
|
|
#footer .footPhone p > a {
|
||
|
|
color: #fff;
|
||
|
|
display: inline-block;
|
||
|
|
margin-right: 20px;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
#footer .copyright {
|
||
|
|
line-height: 18px;
|
||
|
|
}
|
||
|
|
@media (max-width: 1000px) {
|
||
|
|
#footer .footerContent {
|
||
|
|
display: block;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
margin-top: 15px;
|
||
|
|
}
|
||
|
|
#footer .footerContent li {
|
||
|
|
margin-right: 0 !important;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
#footer .footerContent ul.withBorder {
|
||
|
|
padding: 10px 0;
|
||
|
|
}
|
||
|
|
#footer .footerContent ul.withBorder > li {
|
||
|
|
display: inline;
|
||
|
|
margin-right: 20px;
|
||
|
|
}
|
||
|
|
@media (max-width: 1200px) {
|
||
|
|
#footer .footerContent ul.withBorder > li {
|
||
|
|
padding: 0 12px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
#footer .footerContent ul.withBorder > li > a {
|
||
|
|
color: #fff;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
#footer .footerContent ul.withBorder > li > a:hover {
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
#footer .footerContent .withBorder li:last-child {
|
||
|
|
margin-right: 0 !important;
|
||
|
|
}
|
||
|
|
#footer .footerContent .socialM {
|
||
|
|
border-right: 0 none;
|
||
|
|
display: block;
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
#footer .footerContent .socialLink {
|
||
|
|
margin-left: 10px;
|
||
|
|
}
|
||
|
|
#footer .footerContent .socialLink > a {
|
||
|
|
background-color: #757570;
|
||
|
|
border-radius: 50%;
|
||
|
|
color: #fff;
|
||
|
|
display: inline-block;
|
||
|
|
font-size: 23px;
|
||
|
|
height: 35px;
|
||
|
|
margin: 0 5px -10px;
|
||
|
|
text-decoration: none;
|
||
|
|
width: 35px;
|
||
|
|
}
|
||
|
|
#footer .footerContent .socialLink > a:hover {
|
||
|
|
background: #666 none repeat scroll 0 0;
|
||
|
|
}
|
||
|
|
#footer .footerContent .socialLink .tw {
|
||
|
|
padding: 7px 5px 0 0;
|
||
|
|
}
|
||
|
|
#footer .footerContent .socialLink .g {
|
||
|
|
font-size: 20px !important;
|
||
|
|
padding: 7px 7px 0 0;
|
||
|
|
}
|
||
|
|
#footer .footerContent .socialLink .linkin {
|
||
|
|
font-size: 20px !important;
|
||
|
|
padding: 7px 8px 0 0;
|
||
|
|
}
|
||
|
|
#footer .footerContent .socialLink .fb {
|
||
|
|
padding: 7px 12px 0 0;
|
||
|
|
}
|
||
|
|
.memberIcons {
|
||
|
|
border-bottom: 1px solid #757570;
|
||
|
|
border-top: 1px solid #757570;
|
||
|
|
display: block;
|
||
|
|
margin: 20px 0;
|
||
|
|
padding: 30px 0;
|
||
|
|
text-align: center;
|
||
|
|
}
|