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.
68 lines
3.5 KiB
CSS
68 lines
3.5 KiB
CSS
a {
|
|
color: #545454;
|
|
}
|
|
li {
|
|
list-style: none;
|
|
}
|
|
/*头部内容*/
|
|
.routeTop{ width:910px; background:url(https://data.chinahighlights.com/css/images/train/trainroute/tranHead.jpg) no-repeat; height:286px; padding:20px 20px 0 60px; margin:0 0 20px 0;}
|
|
h1.routeTitle{ font-size:30px;}
|
|
p.routeInto{ font-size:18px;}
|
|
ul.routeLine li{ display:block; color:#ab2626; font-size:14px;}
|
|
ul.routeLine li.city{ border:3px solid #de7886; float:left; border-radius: 4px;}
|
|
ul.routeLine li.city a{ text-decoration:none; color:#ab2626; display:block;padding:5px; }
|
|
ul.routeLine li.city a:hover{ background:#de7886; color:#fff;}
|
|
ul.routeLine li.line{ height:14px; border-bottom:3px solid #d1d1d1; float:left; width:15px; }
|
|
/*线路简介*/
|
|
h2.routeTitle{ font-size:18px; color:#545454; background:#f1f1f1; padding:5px 0 5px 15px; border-left:4px solid #C00;}
|
|
/*路线城市*/
|
|
.searchBox{ background:#c0c0c0; box-shadow: 0 0 3px 1px #666; }
|
|
.searchBox h3{ display:block; float:left; margin:0; background:#c7152d; color:#fff; font-weight:100; font-size:25px; padding:15px 20px 15px 25px; height:32px;}
|
|
.searchBox span.corrow{ display:block; float:left; width:30px; background:url(https://data.chinahighlights.com/css/images/train/cityroute-bg.png) no-repeat right -5px; height:62px;}
|
|
table.citySearch{ width:760px; float:right; color:#fff; margin:11px 0 0 0; font-size:14px;}
|
|
.cityName{}
|
|
input.inputBox {
|
|
border: 1px solid #D1D1D1;
|
|
font-size: 12px;
|
|
margin: 5px 0 0;
|
|
padding: 5px;
|
|
width: 157px;
|
|
}
|
|
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;
|
|
}
|
|
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;
|
|
}
|
|
/*路径城市介绍*/
|
|
.cityIntro{ border-left:8px solid #d6d5d5; padding:0 0 0 40px;}
|
|
.bigPLeft{ float:left; margin:0 15px 0 0; position:relative;}
|
|
.bigPLeft .photoIntr{ position:absolute; color:#FFF; bottom:1px; font-family: "freight","Helvetica Neue",Arial,Helvetica,sans-serif; font-size: 17px; padding:0 0 10px 15px;}
|
|
.thingsDo{ float:right; margin:0 0 0 15px; position:relative;}
|
|
.thingsDo .photoIntr{ position:absolute; color:#FFF; bottom:1px; font-family: "freight","Helvetica Neue",Arial,Helvetica,sans-serif; font-size: 17px; padding:0 0 10px 15px;}
|
|
.bigPRight{ width:530px; float:right; padding:20px 0 0 0;}
|
|
.cityIntro p{ font-size:14px; font-style: normal;}
|
|
.photoLine{ margin:14px 0 14px 0;}
|
|
.photoLine ul li{ display:block; width:228px; height:215px; float:left; margin:0 10px 0 0; position:relative;}
|
|
.photoLine ul li .photoIntr{ position:absolute; color:#FFF; bottom:-1px; overflow:hidden; font-family: "freight","Helvetica Neue",Arial,Helvetica,sans-serif; font-size: 12px; padding:15px; 0 5px 10px; width:198px; height:10px; background:url(https://data.chinahighlights.com/css/images/train/photobg.png) top;}
|
|
.photoLine ul li.right{ margin:0;}
|
|
/*top things to do*/
|
|
.topThingsTitle{ border-top:3px solid #d1d1d1; background:url(https://data.chinahighlights.com/css/images/train/citytour-bg.png) no-repeat;}
|
|
.topThingsTitle h2{ font-size:26px; color:#c12121; margin:15px 0 15px 15px;} |