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.
139 lines
5.3 KiB
CSS
139 lines
5.3 KiB
CSS
6 years ago
|
a {
|
||
|
color: #545454;
|
||
|
}
|
||
|
li {
|
||
|
list-style: none;
|
||
|
}
|
||
|
/*头部内容*/
|
||
|
@media (min-width:768px) {
|
||
|
.routeTop{ width:990px; padding:20px 20px 0 60px; margin:10px 0 10px 0;}
|
||
|
.hainanBg{background:url(//images.chinahighlights.com/2013/12/93640f7a1c9746f5a39d4ab0.jpg) no-repeat; height:390px;}
|
||
|
.hainanBg p{ margin:0 350px 10px 0;}
|
||
|
.kunmingBg{background:url(//images.chinahighlights.com/2014/01/0cf795e6cb0149419acae379.jpg) no-repeat; height:390px;}
|
||
|
.kunmingBg p{ margin:0 0px 10px 0;}
|
||
|
.shanghaiNanjingBg{background:url(//images.chinahighlights.com/2014/02/beijing-xian-railway9aaa135c6e98.jpg) no-repeat; height:390px;}
|
||
|
.shanghaiNanjingBg p{ margin:0 0px 10px 0;}
|
||
|
.chengduxianBg{background:url(//images.chinahighlights.com/2014/01/7b1057186e824a4f8000efb3.jpg) no-repeat; height:390px;}
|
||
|
.chengduxianBg p{ margin:0 0px 10px 0;}
|
||
|
.beijingxianBg{background:url(//images.chinahighlights.com/2014/01/d2d205ab604e4009b1879e3c.jpg) no-repeat; height:390px;}
|
||
|
.beijingxianBg p{ margin:0 0px 10px 0;}
|
||
|
.changchunBg{background:url(//images.chinahighlights.com/2014/01/f1d8102b32f84e7abaff2f25.jpg) no-repeat; height:390px;}
|
||
|
.changchunBg p{ margin:0 350px 10px 0; color:#FFF;}
|
||
|
.changchunBg h1{ color:#FFF;}
|
||
|
.qingdaojinanBg{background:url(//images.chinahighlights.com/2014/01/336b104c80334b0c88c9e033.jpg) no-repeat; height:390px;}
|
||
|
.qingdaojinanBg p{ margin:0 550px 10px 0; color:#FFF;}
|
||
|
.qingdaojinanBg h1{ color:#FFF;}
|
||
|
.beijingguangzhouBg{background:url(//images.chinahighlights.com/2014/01/97333fdda73d4fa989fb62d5.jpg) no-repeat; height:390px;}
|
||
|
.beijingguangzhouBg p{ margin:0 160px 10px 0; color:#000; }
|
||
|
.beijingguangzhouBg h1{ }
|
||
|
.qingdaoBg{background:url(//images.chinahighlights.com/2014/01/cc0c8cd485754325916875a1.jpg) no-repeat; height:390px;}
|
||
|
.qingdaoBg p{ margin:0 0px 6px 0;}
|
||
|
.qingdaoBg p.qingdaosmall{ margin-right:300px;}
|
||
|
.bjshBg{background:url(//images.chinahighlights.com/2014/01/41c98c2676d64f568b297958.jpg) no-repeat; height:390px;}
|
||
|
.bjshBg p{ margin:0 420px 10px 0;}
|
||
|
.dengfengBg{background:url(//images.chinahighlights.com/2014/01/edc9116c0cd24a20bc02bbb5.jpg) no-repeat; height:390px;}
|
||
|
.dengfengBg p{ margin:0 480px 10px 0;}
|
||
|
.shycBg{background:url(//images.chinahighlights.com/2014/01/1343b7a64341496d803cc969.jpg) no-repeat ; height:390px;}
|
||
|
.shycBg p{ margin:0 0px 10px 0; color:#fff;}
|
||
|
.shycBg h1{ color:#FFF;}
|
||
|
.routeTop h2{ font-weight:bold; margin:0 0 15px 0;}
|
||
|
h1.routeTitle{ font-size:30px; font-weight:bold;}}
|
||
|
p.routeInto{ font-size:18px;}
|
||
|
@media (max-width:768px) {
|
||
|
.routeTop{ margin-bottom:10px;}
|
||
|
h1.routeTitle{ font-size:25px; font-weight:100;}}
|
||
|
/*标签页*/
|
||
|
ul.navli{ border-bottom:3px solid #f1f0ed; margin:0 0 15px 0;}
|
||
|
ul.navli li{ display:block; width:495px; float:left; font-size:25px; text-align:center; padding:5px 0 5px 0; color:#c7192e; background:#f1f0ed;}
|
||
|
ul.navli li.active{ background:#FFF;}
|
||
|
/*正文*/
|
||
|
.contentText{ background:#f1f0ed; padding:10px 20px 20px 20px;}
|
||
|
span.picFont{ font-style:italic;}
|
||
|
/*边框*/
|
||
|
.borderLeft{ margin-left:25px; height:20px; border-left:10px solid #f1f0ed;}
|
||
|
/*路线城市*/
|
||
|
.searchBox{ margin:0; height:60px; overflow:hidden; border-bottom:1px solid #d1d1d1; margin-bottom:10px; }
|
||
|
.searchBox h3{ display:block; float:left; margin:0; font-weight:100; font-size:25px; padding:15px 20px 15px 25px; height:32px; color:#c7192e;}
|
||
|
table.citySearch{ width:760px; float:right; color:#545454; margin:11px 0 0 0; font-size:14px;}
|
||
|
input.inputBox {
|
||
|
border: 1px solid #D1D1D1;
|
||
|
font-size: 12px;
|
||
|
margin: 5px 0 0;
|
||
|
padding: 5px;
|
||
|
width: 157px;
|
||
|
height:25px;
|
||
|
}
|
||
|
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("https://data.chinahighlights.com/css/images/calender.gif") no-repeat 140px 6px #fff;
|
||
|
border: 1px solid #D1D1D1;
|
||
|
font-size: 12px;
|
||
|
margin: 5px 0 0;
|
||
|
padding: 5px;
|
||
|
width: 157px;
|
||
|
height:25px;
|
||
|
}
|
||
|
input.searchNoButton {
|
||
|
background: url("https://data.chinahighlights.com/css/images/train/booktable.png") repeat scroll 0 5px rgba(0, 0, 0, 0);
|
||
|
border: medium none;
|
||
|
color: #FFFFFF;
|
||
|
cursor: pointer;
|
||
|
font-size: 14px;
|
||
|
height: 38px;
|
||
|
padding: 2px 5px 2px 30px;
|
||
|
width: 115px;
|
||
|
}
|
||
|
/*左边导航处样式*/
|
||
|
#MainhotelContent{ position: relative;}
|
||
|
.sectionline {
|
||
|
border-left: 3px dashed #D1D1D1;
|
||
|
float: left;
|
||
|
left: 50%;
|
||
|
margin-left: -610px;
|
||
|
position: fixed;
|
||
|
width: 80px;
|
||
|
}
|
||
|
.sectionline ul {
|
||
|
margin-left: -13px;
|
||
|
margin-top: 0;
|
||
|
}
|
||
|
.sectionline ul li {
|
||
|
padding: 0 0 36px;
|
||
|
width: 130px;
|
||
|
list-style:none;
|
||
|
}
|
||
|
.sectionline ul li a {
|
||
|
background: url("https://data.chinahighlights.com/pic/ccc-dot.png") no-repeat scroll 7px 4px rgba(0, 0, 0, 0);
|
||
|
padding-left: 25px;
|
||
|
text-decoration: none;
|
||
|
color:#545454;
|
||
|
}
|
||
|
.sectionline .activeli {
|
||
|
background: url("https://data.chinahighlights.com/pic/red-dot.png") no-repeat scroll 7px 4px rgba(0, 0, 0, 0);
|
||
|
color: #A31022;
|
||
|
}
|
||
|
/*shedule表格*/
|
||
|
table.highspeedTsble {
|
||
|
margin: 10px 0;
|
||
|
}
|
||
|
table.highspeedTsble tr td {
|
||
|
border-bottom: 1px solid #D1D1D1;
|
||
|
font-size: 12px;
|
||
|
line-height: 20px;
|
||
|
padding: 8px 0 8px 5px;
|
||
|
}
|
||
|
table.highspeedTsble tr td.line {
|
||
|
background: none repeat scroll 0 0 #F1F1F1;
|
||
|
font-size: 12px;
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
table.highspeedTsble tr th {
|
||
|
background: none repeat scroll 0 0 #A31022;
|
||
|
color: #FFFFFF;
|
||
|
font-size: 14px;
|
||
|
padding: 8px 10px;
|
||
|
}
|