485 lines
8.4 KiB
CSS
485 lines
8.4 KiB
CSS
/*搜索结果*/
|
|
.result {
|
|
background: #fffefa;
|
|
border-top: 1px solid #c6701a;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.result .auto-refresh {
|
|
}
|
|
|
|
.result table {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
color: #444444;
|
|
font-size: 16px;
|
|
border: 1px solid #dcdcdc;
|
|
}
|
|
|
|
.result table th {
|
|
background: #f5f5f5;
|
|
color: #777777;
|
|
line-height: 30px;
|
|
font-size: 14px;
|
|
border-left: 1px solid #dcdcdc;
|
|
border-right: 1px solid #dcdcdc;
|
|
text-align: center;
|
|
}
|
|
|
|
.result tr.selected td {
|
|
background-color: #ebf6e5;
|
|
}
|
|
|
|
.result .train-num {
|
|
padding: 8px 10px 8px 15px;
|
|
width: 80px;
|
|
font-family: tahoma;
|
|
color: #4D5873;
|
|
font-size: 24px;
|
|
text-align: left;
|
|
line-height: 19px;
|
|
border: 1px solid #dcdcdc;
|
|
border-right: 1px solid #ccc7ba;
|
|
background: #fff9e8;
|
|
}
|
|
|
|
.result tr.selected .train-num {
|
|
background-color: #d3edcb;
|
|
}
|
|
|
|
.result .train-empty td {
|
|
font-size: 24px;
|
|
line-height: 100px;
|
|
color: #ccc;
|
|
text-shadow: 3px 3px 5px rgba(150,150,150,0.2);
|
|
text-align: center;
|
|
}
|
|
|
|
.result .train-seats {
|
|
padding: 6px 0 1px 0;
|
|
border: 1px solid #cccccc;
|
|
border-left: none;
|
|
line-height: 18px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.result .train-seats:empty:before {
|
|
content: '本车次车票已售完';
|
|
color: #cccccc;
|
|
}
|
|
|
|
.result .train-seats .train-limitsell,
|
|
.result .train-seats .train-notsell {
|
|
font-size: 20px;
|
|
color: #999;
|
|
}
|
|
|
|
.result .train-seats .train-notontime {
|
|
font-size: 16px;
|
|
color: #999;
|
|
}
|
|
|
|
.result .train-seats .train-nostarttip {
|
|
display: block;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.result .train-seats .train-nostarttip-insell {
|
|
color: #7F7FE0;
|
|
}
|
|
|
|
.result .train-seats .train-nostarttip-early {
|
|
color: #7F7FE0;
|
|
}
|
|
|
|
.result .train-seats .train-nostarttip-later {
|
|
color: green;
|
|
}
|
|
|
|
.result .train-seats .row2 {
|
|
}
|
|
|
|
.result .train-info {
|
|
width: 120px;
|
|
padding: 0 25px 0 25px;
|
|
border-top: 1px solid #cccccc;
|
|
border-bottom: 1px solid #cccccc;
|
|
}
|
|
|
|
.result .train-city {
|
|
width: 110px;
|
|
border-top: 1px solid #cccccc;
|
|
border-bottom: 1px solid #cccccc;
|
|
padding: 0 0 0 5px;
|
|
}
|
|
|
|
.ticket-block {
|
|
display: block;
|
|
float: left;
|
|
border: 1px solid rgba(0, 0, 0, 0.2);
|
|
background: linear-gradient(to bottom, #ffffff, #fffefe 5%, #f5f5f5);
|
|
border-radius: 4px;
|
|
padding: 6px 10px;
|
|
color: #4e4e4e;
|
|
box-shadow: 0 1px 8px rgba(155, 155, 155, 0.2);
|
|
width: 105px;
|
|
margin-bottom: 5px;
|
|
margin-right: 5px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ticket-block-selected {
|
|
border-color: #e3c69b;
|
|
background: linear-gradient(to bottom, #ffffff, #ffffff 5%, #fcf6e1 );
|
|
font-weight: bold;
|
|
}
|
|
|
|
.ticket-block:hover {
|
|
background: linear-gradient(to bottom,#FFFEFD,#F5E3D3);
|
|
}
|
|
|
|
.ticket-block-selected:hover {
|
|
border-color: #e6d3b7;
|
|
background: linear-gradient(to bottom, #ffffff, #fffefb 5%, #fffbee);
|
|
font-weight: bold;
|
|
}
|
|
|
|
.ticket-num {
|
|
color: #e00000;
|
|
}
|
|
|
|
.ticket-block-mini {
|
|
padding: 2px 3px;
|
|
font-size: 12px;
|
|
height: auto;
|
|
width: auto;
|
|
line-height: 20px;
|
|
}
|
|
|
|
.result .train-station-type {
|
|
font-size: 12px;
|
|
margin-top: 5px;
|
|
color: #888;
|
|
}
|
|
|
|
.result .train-station-type:after {
|
|
content: '';
|
|
border-top: 5px solid #888;
|
|
border-left: 5px solid transparent;
|
|
border-right: 5px solid transparent;
|
|
top: 13px;
|
|
position: relative;
|
|
left: 2px;
|
|
}
|
|
|
|
/*始发终到标记*/
|
|
.result .train-city .start:after {
|
|
content: ' [始]';
|
|
color: #c23825;
|
|
}
|
|
|
|
.result .train-city .end:after {
|
|
content: ' [终]';
|
|
color: #c23825;
|
|
}
|
|
|
|
.result .train-needauto td {
|
|
line-height: 60px;
|
|
text-align: center;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
.result .train-needauto td button {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.result .train-autotip {
|
|
line-height: 50px;
|
|
color: #bbb;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.result .train-autotip td {
|
|
border-top: 1px solid #cccccc;
|
|
}
|
|
|
|
.result .train-list-func {
|
|
text-align: center;
|
|
line-height: 60px;
|
|
}
|
|
|
|
/*购票建议*/
|
|
#suggestion {
|
|
display: none;
|
|
border: 1px solid #d5d5d5;
|
|
margin-bottom: 10px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
#suggestion > header {
|
|
line-height: 30px;
|
|
font-weight: bold;
|
|
text-indent: 10px;
|
|
}
|
|
|
|
#suggestion > header a {
|
|
float: right;
|
|
margin-right: 20px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#suggestion > footer {
|
|
padding: 10px;
|
|
}
|
|
|
|
#suggestion > footer > span {
|
|
color: #c23825;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#suggestion .result {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
#suggestion .result th {
|
|
text-indent: 15px;
|
|
}
|
|
|
|
#suggestion .result .train-linename {
|
|
border: 1px solid #dcdcdc;
|
|
border-left: none;
|
|
line-height: 150%;
|
|
text-align: center;
|
|
color: #707070;
|
|
width: 80px;
|
|
}
|
|
|
|
#suggestion .result .train-seats {
|
|
border-right: none;
|
|
}
|
|
|
|
#suggestion .result .train-linename span {
|
|
display: block;
|
|
font-weight: bold;
|
|
color: #707070;
|
|
}
|
|
|
|
#suggestion .result .train-extraprice {
|
|
border: 1px solid #dcdcdc;
|
|
padding: 10px;
|
|
border-right: none;
|
|
width: 221px;
|
|
}
|
|
|
|
#suggestion .result .train-extraprice span {
|
|
font-weight: bold;
|
|
color: rgb(209, 72, 72);
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
#suggestion .result .train-list {
|
|
border: 1px solid #dcdcdc;
|
|
padding: 10px;
|
|
}
|
|
|
|
#suggestion .result .train-list span {
|
|
font-weight: bold;
|
|
color: rgb(209, 72, 72);
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
}
|
|
|
|
#suggestion .result td.train-action {
|
|
border: 1px solid #dcdcdc;
|
|
}
|
|
|
|
|
|
#oncetrainsit {
|
|
border: 1px solid #d5d5d5;
|
|
margin-bottom: 10px;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
#oncetrainsit > header {
|
|
line-height: 30px;
|
|
font-weight: bold;
|
|
text-indent: 10px;
|
|
background: linear-gradient(to bottom, #efefef, #d9d9d9);
|
|
}
|
|
|
|
#oncetrainsit > header a {
|
|
float: right;
|
|
margin-right: 20px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#oncetrainsit > header > ul {
|
|
float: right;
|
|
overflow: hidden;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#oncetrainsit > header > ul > li {
|
|
float: right;
|
|
}
|
|
|
|
#oncetrainsit > footer {
|
|
padding: 10px;
|
|
}
|
|
|
|
#oncetrainsit > footer > span {
|
|
color: #c23825;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#oncetrainsit table {
|
|
width: 100%;
|
|
border-top: 1px solid #cccccc;
|
|
}
|
|
|
|
#oncetrainsit th {
|
|
padding: 5px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#oncetrainsit tr:nth-child(6n+5),
|
|
#oncetrainsit tr:nth-child(6n+6),
|
|
#oncetrainsit tr:nth-child(6n+7) {
|
|
background-color: #FFF9E9;
|
|
}
|
|
|
|
#oncetrainsit .ticket-container td {
|
|
border-bottom: 1px solid #f8f8f8;
|
|
padding-left: 5px;
|
|
padding-right: 5px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
#oncetrainsit tr.recommand th {
|
|
font-weight: bold;
|
|
}
|
|
|
|
#oncetrainsit tr.header th {
|
|
font-weight: bold;
|
|
background-color: #f9f9f9;
|
|
border-bottom: 1px solid #cccccc;
|
|
}
|
|
|
|
#oncetrainsit tr.header th:nth-child(n+2) {
|
|
border-left: 1px solid #cccccc;
|
|
}
|
|
|
|
#oncetrainsit tr.sub th:nth-child(6) {
|
|
border-left: 1px solid #cccccc;
|
|
font-weight: bold;
|
|
font-size: 130%;
|
|
}
|
|
|
|
#oncetrainsit tr.sub th:nth-child(1) {
|
|
font-weight: bold;
|
|
font-size: 130%;
|
|
}
|
|
|
|
#oncetrainsit tr.sub th:nth-child(11) {
|
|
border-left: 1px solid #cccccc;
|
|
}
|
|
|
|
#oncetrainsit tr.sub th:nth-child(3),
|
|
#oncetrainsit tr.sub th:nth-child(8) {
|
|
color: #ff781a;
|
|
font-size: 120%;
|
|
}
|
|
|
|
#oncetrainsit tr.row td {
|
|
line-height: 40px;
|
|
border-bottom: 1px solid #cccccc;
|
|
background-color: #f5f5f5;
|
|
}
|
|
|
|
#oncetrainsit tr.ticket-container td {
|
|
border-bottom: 1px solid #cccccc;
|
|
line-height: 40px;
|
|
}
|
|
|
|
#oncetrainsit tr.ticket-container td:nth-child(n+2) {
|
|
border-left: 1px solid #cccccc;
|
|
}
|
|
|
|
#oncetrainsit .button {
|
|
padding: 0 4px;
|
|
font-size: 90%;
|
|
}
|
|
|
|
#oncetrainsit .remark {
|
|
text-align: center;
|
|
}
|
|
|
|
#oncetrainsit tr.catalog th {
|
|
background: linear-gradient(to bottom, #fff, #f9f9f9);
|
|
border-bottom: 1px solid #cccccc;
|
|
text-align: left;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#oncetrainsit .ae, #oncetrainsit .fe {
|
|
color: red;
|
|
}
|
|
|
|
#oncetrainsit .fa-angle-right {
|
|
border: 1px solid #ff781a;
|
|
padding: 0px 3px 0px 5px;
|
|
border-radius: 50%;
|
|
line-height: 14px;
|
|
}
|
|
|
|
#oncetrainsit .ae:after,
|
|
#oncetrainsit .fe:after {
|
|
content: '终';
|
|
color: white;
|
|
display: inline-block;
|
|
background: #FF9310;
|
|
border-radius: 5px;
|
|
padding: 2px 3px;
|
|
font-weight: normal;
|
|
font-size: 12px;
|
|
margin-left: 4px;
|
|
line-height: 12px;
|
|
vertical-align: 10%;
|
|
}
|
|
|
|
#oncetrainsit .fe:after {
|
|
content: '始';
|
|
}
|
|
|
|
#oncetrainsit .btn-ticket-block {
|
|
margin-right: 5px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#oncetrainsit time {
|
|
font-weight: normal;
|
|
}
|
|
|
|
.result .train-list-suggest {
|
|
border-bottom: 1px solid #ccc;
|
|
padding: 10px;
|
|
}
|
|
|
|
.result .train-list-suggest ul {
|
|
padding: 5px;
|
|
line-height: 200%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.result .train-list-suggest ul li {
|
|
float: left;
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.result .train-list-suggest ul li i {
|
|
color: #6072D4;
|
|
margin-right: 5px;
|
|
}
|