320 lines
6.1 KiB
Plaintext
320 lines
6.1 KiB
Plaintext
@import url('base.css');
|
|
@sprite:url(../images/css-sprite.png) no-repeat;
|
|
@icon:url(../images/icon.png) no-repeat;
|
|
.icon{
|
|
background:@icon;
|
|
}
|
|
.search-box{
|
|
height:193px;
|
|
margin-top:27px;
|
|
padding-top:15px;
|
|
background:url(../images/search-box-bg.png) repeat-x;
|
|
.label-desc{
|
|
color:#984d00;
|
|
margin-bottom:12px;
|
|
display:block;
|
|
}
|
|
.search-box-l,.search-box-r{
|
|
width:10px;
|
|
height:199px;
|
|
background:@sprite;
|
|
position:absolute;
|
|
top:0;
|
|
}
|
|
.search-box-r{
|
|
right:0;
|
|
background-position:-12px 0;
|
|
}
|
|
.search-box-hings-l,.search-box-hings-r{
|
|
width:14px;
|
|
height:31px;
|
|
background-position:0 -459px;
|
|
position:absolute;
|
|
bottom:-8px;
|
|
}
|
|
.search-box-hings-l{
|
|
left:188px;
|
|
}
|
|
.search-box-hings-r{
|
|
right:188px;
|
|
}
|
|
.search-tips{
|
|
margin-left:23px;
|
|
height:32px;
|
|
font-size:16px;
|
|
line-height:29px;
|
|
color:#fff;
|
|
padding-left:34px;
|
|
background-position:0 -321px;
|
|
& span{
|
|
display:inline-block;
|
|
}
|
|
& .net-tips{
|
|
|
|
}
|
|
& .reset-btn{
|
|
width:87px;
|
|
height:30px;
|
|
background:@sprite;
|
|
background-position:-24px 0;
|
|
font-size:0;
|
|
top:-7px;
|
|
position:relative;
|
|
margin:0 39px 0 16px;
|
|
cursor:pointer;
|
|
}
|
|
& .order-ring{
|
|
top: 3px;
|
|
position: relative;
|
|
background-position: 0 -360px;
|
|
width: 19px;
|
|
height:19px;
|
|
margin-right: 37px;
|
|
& .order-num{
|
|
position:absolute;
|
|
top:-10px;
|
|
left:20px;
|
|
background:#ff3e43;
|
|
font-size:8px;
|
|
border-radius:200px;
|
|
padding:0 4px;
|
|
}
|
|
}
|
|
}
|
|
.search-form-wrap{
|
|
margin:38px 0 0 44px;
|
|
}
|
|
.search-form li{
|
|
float:left;
|
|
}
|
|
.search-form-city,.search-form-date{
|
|
width: 134px;
|
|
height: 37px;
|
|
padding: 0 30px 0 10px;
|
|
background: url(../images/css-sprite.png) no-repeat;
|
|
border: none;
|
|
-webkit-appearance: none;
|
|
background-position: -24px -72px;
|
|
&:focus{
|
|
background-position:-203px -72px;
|
|
}
|
|
}
|
|
.search-form-date{
|
|
background-position:-24px -117px;
|
|
&:focus{
|
|
background-position:-203px -117px;
|
|
}
|
|
}
|
|
.transfer-city{
|
|
margin:0 6px;
|
|
.transfer-city-btn{
|
|
width:39px;
|
|
height:39px;
|
|
background:@sprite;
|
|
background-position:-24px -158px;
|
|
margin-top:27px;
|
|
|
|
}
|
|
}
|
|
.select-date{
|
|
margin:0 70px 0 40px;
|
|
}
|
|
.submit-btn{
|
|
width:133px;
|
|
height:43px;
|
|
display:block;
|
|
margin-top:5px;
|
|
line-height:43px;
|
|
color:#fff;
|
|
font-size:17px;
|
|
cursor:pointer;
|
|
border:1px solid #2c961a;
|
|
border-radius:4px;
|
|
-webkit-appearance: none;
|
|
background:-webkit-linear-gradient(top,#3bc412,#33a810);
|
|
&:hover{
|
|
border-color:#176f0a;
|
|
background:-webkit-linear-gradient(top,#33cd19,#3b9d2a);
|
|
}
|
|
&:active{
|
|
border-color:#176f0a;
|
|
background:-webkit-linear-gradient(top,#41b12f,#1f8a0c);
|
|
}
|
|
}
|
|
.identity label{
|
|
display:block;
|
|
line-height:28px;
|
|
margin-right:30px;
|
|
color:#984d00;
|
|
& input{
|
|
position:relative;
|
|
top:-1px;
|
|
}
|
|
}
|
|
}
|
|
/*其他筛选条件*/
|
|
.options-param{
|
|
padding:0 10px;
|
|
border:1px solid #e1e1e1;
|
|
border-radius:4px;
|
|
font-size:14px;
|
|
color:#000000;
|
|
& dt{
|
|
height:36px;
|
|
line-height:36px;
|
|
float:left;
|
|
}
|
|
& dd{
|
|
width:825px;
|
|
overflow:hidden;
|
|
}
|
|
& .split{
|
|
height:1px;
|
|
overflow:hidden;
|
|
border-bottom:1px dotted #d6d6d6;
|
|
}
|
|
& dt{
|
|
margin-left:36px;
|
|
}
|
|
& .options-input{
|
|
width:156px;
|
|
height:36px;
|
|
padding:0 30px 0 10px;
|
|
-webkit-appearance: none;
|
|
background:red;
|
|
border:none;
|
|
background:@sprite;
|
|
background-position:-24px -32px;
|
|
&:focus{
|
|
background-position:-227px -32px;
|
|
}
|
|
}
|
|
& .optional-block{
|
|
background:#fff;
|
|
height:34px;
|
|
line-height:34px;
|
|
border:1px solid #d3d3d3;
|
|
border-radius:4px;
|
|
display:inline-block;
|
|
position:relative;
|
|
padding:0 34px 0 14px;
|
|
margin-bottom:10px;
|
|
& .close{
|
|
font-size: 13px;
|
|
font-family: arial;
|
|
position: absolute;
|
|
top: -1px;
|
|
right: 10px;
|
|
cursor:pointer;
|
|
padding:0 4px;
|
|
}
|
|
}
|
|
& .options-seat-type{
|
|
line-height:34px;
|
|
}
|
|
}
|
|
/*搜索结果日期选择*/
|
|
.date-bar-wrap{
|
|
height:60px;
|
|
margin-top:18px;
|
|
border:1px solid #dfdfdf;
|
|
border-bottom:3px solid #f88c21;
|
|
& .date-bar-prev,& .date-bar-next{
|
|
width:28px;
|
|
height:60px;
|
|
background:-webkit-linear-gradient(top,#fcfcfb,#e5e4e4);
|
|
}
|
|
& .date-bar-prev{
|
|
border-right:1px solid #cccbc8;
|
|
}
|
|
& .date-bar-next{
|
|
border-left:1px solid #cccbc8;
|
|
}
|
|
& .date-bar{
|
|
width:922px;
|
|
height:60px;
|
|
background:-webkit-linear-gradient(top,#f1f0f0,#dbdada);
|
|
}
|
|
}
|
|
/*搜索结果*/
|
|
.result{
|
|
margin-bottom:55px;
|
|
background:#fffefa;
|
|
& table{
|
|
border-collapse:collapse;
|
|
width:100%;
|
|
color:#444444;
|
|
font-size:16px;
|
|
& thead{
|
|
background:#f5f5f5;
|
|
color:#777777;
|
|
line-height:30px;
|
|
font-size:14px;
|
|
border-left: 1px solid #dcdcdc;
|
|
border-right: 1px solid #dcdcdc;
|
|
text-align:left;
|
|
& tr th:nth-child(1){
|
|
padding-left:40px;
|
|
}
|
|
& tr th:nth-child(2){
|
|
padding-left:38px;
|
|
}
|
|
& tr th:nth-child(4){
|
|
text-align:center;
|
|
}
|
|
}
|
|
}
|
|
border-top:1px solid #c6701a;
|
|
& .train-num{
|
|
padding:18px 4px 18px 40px;
|
|
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;
|
|
}
|
|
& .train-seats{
|
|
padding:20px 0;
|
|
border:1px solid #cccccc;
|
|
border-left:none;
|
|
line-height:18px;
|
|
& .row2{
|
|
margin-top:5px;
|
|
}
|
|
}
|
|
& .train-info{
|
|
width:120px;
|
|
padding:0 45px 0 38px ;
|
|
border-top:1px solid #cccccc;
|
|
border-bottom:1px solid #cccccc;
|
|
}
|
|
& .train-city{
|
|
width:110px;
|
|
border-top:1px solid #cccccc;
|
|
border-bottom:1px solid #cccccc;
|
|
padding:0 60px 0 5px;
|
|
}
|
|
& .ticket-block{
|
|
display:inline-block;
|
|
border:1px solid rgba(0,0,0,0.2);
|
|
background:-webkit-linear-gradient(top,#ffffff,#fff 5% ,#f5f5f5);
|
|
border-radius:4px;
|
|
padding:11px 16px;
|
|
color:#4e4e4e;
|
|
box-shadow:0px 1px 8px rgba(155, 155, 155, 0.2);
|
|
&:hover{
|
|
border-color:rgba(222,196,150,1);
|
|
background:-webkit-linear-gradient(top,#ffffff,#fff 5% ,#fcf6e1);
|
|
}
|
|
}
|
|
& .ticket-num{
|
|
color:#e00000;
|
|
}
|
|
& .train-station-type{
|
|
font-size:12px;
|
|
}
|
|
} |