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.
267 lines
9.5 KiB
CSS
267 lines
9.5 KiB
CSS
/*搜索结果页面*/
|
|
.selectOtherDate{ background:#881713; height: 44px; line-height: 44px;}
|
|
.selectOtherDate .before a{ display:block; width:30px; height:44px; padding-right:5px; width:44px; text-align:center; color:#fff; font-size:16px; text-decoration:none;cursor:pointer }
|
|
.selectOtherDate .after a{ display:block; width:30px; height:44px; padding-right:5px; width:44px; text-align:right; margin-left:-20px;color:#fff; font-size:16px; text-decoration:none;cursor:pointer }
|
|
.chooseTimeDiv{ margin-left:-15px; margin-right:15px;}
|
|
a.chooseTime{ display:block; border-radius:5px; height:30px; line-height:15px; text-align:center; padding-right:15%; padding-top:8px; font-size:16px; text-decoration:none; margin-top:7px; color:#26211b; background-size:17%; background-repeat:no-repeat; background-color:#fff; background-position:95% center; background-image: url('/css/images/train/seatonphone/down-date.png');}
|
|
input.chooseTime{display:block; border-radius:5px; height:30px; line-height:15px; text-align:center; padding-right:15%; padding-top:8px; font-size:16px; text-decoration:none; margin-top:7px; color:#26211b; background-size:12%; background-repeat:no-repeat; background-color:#fff; background-position:95% center; border:0px; padding-right: 0px;width: 100%;}
|
|
/*搜索结果列表*/
|
|
ul.trainResult{ margin-bottom:65px;}
|
|
ul.trainResult li{ display:block; padding:10px 0; border-bottom:1px solid #d1d1d1; cursor:pointer}
|
|
span.departime{ color:#ad1818; font-size:16px; }
|
|
span.moreday{ color:#C00;}
|
|
ul.trainResult li p {
|
|
line-height: 22px;
|
|
height: 25px;
|
|
overflow: hidden;
|
|
margin-bottom:0px!important;
|
|
}
|
|
ul.trainResult li .from:after {
|
|
top: 9px;
|
|
}
|
|
ul.trainResult li .to:after {
|
|
bottom: 9px;
|
|
}
|
|
ul.trainResult li .timeconsuming, ul.trainResult li .from, ul.trainResult li .to {
|
|
position: relative;
|
|
padding-left: 20px;
|
|
text-transform:capitalize;}
|
|
ul.trainResult li p.timeconsuming, ul.trainResult li p.train-no{ margin-bottom:10px!important;}
|
|
ul.trainResult li .timeconsuming:before {
|
|
width: 13px;
|
|
height: 13px;
|
|
position: absolute;
|
|
content: "";
|
|
border: 1px solid #515151;
|
|
-webkit-border-radius: 50%;
|
|
-moz-border-radius: 50%;
|
|
border-radius: 50%;
|
|
left: 0;
|
|
top: 50%;
|
|
margin-top: -7px;
|
|
}
|
|
ul.trainResult li .timeconsuming:after {
|
|
width: 3px;
|
|
height: 4px;
|
|
position: absolute;
|
|
content: "";
|
|
border-right: 1px solid #515151;
|
|
border-bottom: 1px solid #515151;
|
|
left: 5px;
|
|
top: 50%;
|
|
margin-top: -3px;
|
|
}
|
|
ul.trainResult li .from:before, ul.trainResult li .to:before{
|
|
width: 7px;
|
|
height: 7px;
|
|
position: absolute;
|
|
content: "";
|
|
-webkit-border-radius: 50%;
|
|
-moz-border-radius: 50%;
|
|
border-radius: 50%;
|
|
background: #bdbdbd;
|
|
left: 4px;
|
|
z-index: 10;
|
|
top: 50%;
|
|
margin-top: -4px;}
|
|
ul.trainResult li .from:after, ul.trainResult li .to:after {
|
|
width: 3px;
|
|
height: 16px;
|
|
position: absolute;
|
|
content: "";
|
|
background: #e2e2e2;
|
|
left: 6px;
|
|
}
|
|
.train-info:after{
|
|
border-top: solid 2px #ad1818;
|
|
border-left: solid 2px #ad1818;
|
|
border-bottom: 0;
|
|
border-right: 0;
|
|
position: absolute;
|
|
bottom: 8px;
|
|
right: 5px;
|
|
content: "";
|
|
width: 10px;
|
|
height: 10px;
|
|
-webkit-transform: rotate(-135deg);
|
|
-moz-transform: rotate(-135deg);
|
|
-ms-transform: rotate(-135deg);
|
|
-o-transform: rotate(-135deg);
|
|
transform: rotate(-135deg);
|
|
}
|
|
.train-info-currnt:after{
|
|
border-top: solid 2px #ad1818;
|
|
border-left: solid 2px #ad1818;
|
|
border-bottom: 0;
|
|
border-right: 0;
|
|
position: absolute;
|
|
bottom: 8px;
|
|
right: 5px;
|
|
content: "";
|
|
width: 10px;
|
|
height: 10px;
|
|
-webkit-transform: rotate(45deg);
|
|
-moz-transform: rotate(45deg);
|
|
-ms-transform: rotate(45deg);
|
|
-o-transform: rotate(45deg);
|
|
transform: rotate(45deg);
|
|
}
|
|
ul.trainResult li ul.seat-class{background:#f3f3f3; margin:10px 0 -10px 0; }
|
|
ul.trainResult li ul.seat-class li{ font-size:14px; margin:0 15px; border-bottom:0!important; }
|
|
ul.trainResult li ul.seat-class li .seat-type{
|
|
width: 60%;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
line-height: 0.8;
|
|
padding-top: 10px; position: relative;}
|
|
ul.trainResult li ul.seat-class li .seat-price{
|
|
color:#ad1818;
|
|
display: inline-block;
|
|
line-height: 0.8;
|
|
padding-top: 10px;
|
|
padding-right:10px;
|
|
width: 22%;
|
|
text-align: right;position: relative;}
|
|
ul.trainResult li ul.seat-class li .seat-left {
|
|
display: block;
|
|
position: absolute;
|
|
right: 0;
|
|
bottom: 0px;
|
|
font-size:13px;
|
|
color: #df8800;
|
|
}
|
|
ul.trainResult li ul.seat-class li .booking-button{ text-align:right!important;}
|
|
.slectTicket{background:#ad1818; color:#fff; border:1px solid #ad1818;}
|
|
.seat-choose{
|
|
width: 55px;
|
|
height:26px;
|
|
text-decoration:none;
|
|
text-align:center;
|
|
display:inline-block;
|
|
right: 10px;
|
|
position: absolute;white-space: nowrap;
|
|
border-radius:5px;
|
|
padding-top:3px;
|
|
font-size:13px; margin-top:3px;}
|
|
.sell-ticket{
|
|
background:#ad1818;
|
|
color:#fff;}
|
|
.sell-ticket-out{
|
|
background:#c7c7c7;
|
|
color:#797979; }
|
|
/*筛选*/
|
|
.resultSort{
|
|
background: rgba(0,0,0,.8);
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;}
|
|
.resultSort a{
|
|
border-right: solid 1px #b4b3b3;
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
text-decoration:none;
|
|
}
|
|
.resultSort a:last-child{ border:none;}
|
|
.filter-title{ display:block; font-size:15px; color:#fff;}
|
|
.result-nu{ color:#bdbdbd;}
|
|
.filters-ico{ background-image:url(/css/images/train/seatonphone/filter.png); background-repeat:no-repeat; background-size:60%; padding:15px; width:22px; height:22px; float:left;}
|
|
.sort-ico{ background-image:url(/css/images/train/seatonphone/sort.png); background-repeat:no-repeat; background-size:60%; padding:15px; width:22px; height:22px; float:left;}
|
|
/*筛选弹出层*/
|
|
.navbar-fixed-bottom{ z-index:50!important;}
|
|
.pricedetail-div{
|
|
color:white;
|
|
position:absolute;
|
|
left:0px;
|
|
top:0px;
|
|
background: rgba(0,0,0,0.5);
|
|
width:100%;
|
|
height:100%;
|
|
position:fixed;
|
|
bottom:55px;
|
|
z-index:99;
|
|
}
|
|
.pricedetail-list{position:fixed; bottom:0px; background:#fff; width:100%; filter: Alpha(opacity=100); -moz-opacity:1; opacity:1; color:#545454; padding:6px 6px 0 6px;}
|
|
.chooseseat-t{ background:#ad1818; text-align:center; color:#fff; margin:-6px -8px 5px -8px; font-size:18px; padding:5px 0; width:110%;}
|
|
/*起抵选择*/
|
|
ul.sort-list{ margin-bottom:10px;}
|
|
ul.sort-list li{ padding:10px 15px; border-bottom:1px solid #e1e1e1;}
|
|
.depart-ico{
|
|
background-position:0px -12px;
|
|
background-image:url(/css/images/train/seatonphone/sort-ico.png);
|
|
}
|
|
.duration-ico{
|
|
background-position:0px -34px;
|
|
background-image:url(/css/images/train/seatonphone/sort-ico.png);
|
|
}
|
|
.ico-div{
|
|
width: 24px;
|
|
height: 21px;
|
|
display:block;
|
|
background-repeat:no-repeat; background-size:70%;
|
|
float:left; }
|
|
.depart-title{ display:block; font-size: 14px;
|
|
padding-left: 20px;float:left;}
|
|
.select-type{ display:inline-block; float:right;}
|
|
.sort-result,.filter-result{ background:#ad1818; width:80%; float:left; margin-left:10%;}
|
|
.sort-result a,.filter-result a{ display:block; font-size:18px; text-align:center; padding-top:8px; padding-bottom:8px; color:#fff; text-decoration:none; cursor:pointer;}
|
|
.sort-active .depart-title{ color:#ad1818;}
|
|
.select-type-title{ font-size:14px; float:left;}
|
|
.select-ico-active{color:#ad1818;}
|
|
.select-ico-active .radio-option {
|
|
background-image:url(/css/images/train/seatonphone/sort-ico.png);
|
|
width: 33px;
|
|
height: 23px;
|
|
float:left;
|
|
background-repeat:no-repeat;
|
|
background-position:10px 0px!important;
|
|
}
|
|
.select-type .radio-option {
|
|
background-image:url(/css/images/train/seatonphone/sort-ico.png);
|
|
width: 33px;
|
|
height: 23px;
|
|
float:left;
|
|
background-repeat:no-repeat;
|
|
background-position:10px -29px;
|
|
}
|
|
a.sort-div{ display:block; margin-bottom:10px;}
|
|
/*筛选样式*/
|
|
ul.filter-list{ margin:5px 0px; }
|
|
ul.filter-list li{border-bottom:1px solid #d1d1d1; margin-bottom:10px;}
|
|
.filter-list-title{ padding:0 15px 8px 15px; font-size:14px; color:#333; display:inline-block; font-weight:bold; }
|
|
ul.filter-list li ul.filer-type{ margin:0 15px;}
|
|
ul.filter-list li ul.filer-type li{ display:inline-block; font-size:14px; padding:0 8px 0 0; color:#545454; border:none!important; margin:0;}
|
|
a.reset-result{ display:block; float:right; padding-right:35px; color:#fff;}
|
|
/*schedule样式*/
|
|
.train-schedule{position: static;
|
|
float: left;}
|
|
.schedule-list-div{
|
|
top: 20px;
|
|
left: 15px;
|
|
position: absolute;
|
|
background: #fff;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
z-index: 100;
|
|
min-height: 40px;}
|
|
|
|
.icon-close-s {
|
|
position: absolute;
|
|
cursor: pointer;
|
|
top: 10px;
|
|
right: 10px;
|
|
width: 11px;
|
|
height: 11px;
|
|
background-position: -32px -272px;
|
|
}
|
|
.train-curnt{ margin-top:20px;}
|
|
.train-schedule .schedule-cnt{margin-top:30px;padding:0 20px 20px;overflow:auto;max-height:265px;*height:auto;*overflow:visible;}
|
|
.schedule-list{padding:20px 0 20px 20px;}
|
|
.schedule-list li{padding-left:24px; border-left:2px solid #ccc; position:relative; min-height:30px; border-bottom:0!important; padding:0!important;}
|
|
.schedule-list li.turn{border-color:#666;}
|
|
.schedule-list li.turn-end{border-color:#ccc;}
|
|
.schedule-list li.end{height:0;min-height:0;}
|
|
.schedule-list li .time-item{position:relative;top:-12px;color:#ccc;white-space:nowrap; padding-left:10px;}
|
|
.schedule-list li.turn .time-item{color:#666;white-space:nowrap;}
|
|
.schedule-list li .time-item span{margin-right:20px;display:inline-block;}
|
|
.schedule-list li .icon-station-point{position:absolute;left:-4px;top:-6px;width:6px;height:6px;background:#fff;border:2px solid #545454;border-radius:50%;}
|
|
.schedule-list li.turn .icon-station-point{background:#666;border-color:#666;}
|
|
|