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.
170 lines
8.1 KiB
CSS
170 lines
8.1 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
body { color:#545454; font-family:Verdana, Geneva, sans-serif; font-size:11px; padding:0; margin:0; background:#f1f1f1;}
|
|
p {
|
|
line-height: 18px;
|
|
/* [disabled]margin-bottom:8px; */
|
|
font-size: 11px;
|
|
}
|
|
a { color:#a31022; }
|
|
a:hover { color:#a31022; text-decoration: none; }
|
|
img { border:none; }
|
|
h1 { font-size:28px; font-weight: normal; margin: 0 0 10px 15px; }
|
|
.clear { clear:both; }
|
|
.clearLine { clear:both; height:1px; border-bottom:1px dashed #d1d1d1; margin-bottom:5px; }
|
|
#mainContent { width:990px; margin:auto; padding:0; }
|
|
#header {
|
|
padding: 5px 5px 10px 10px;
|
|
}
|
|
.backHome { width:195px; height:31px; position:absolute; right:20px; bottom:20px; }
|
|
.logo {float:left; width:147px;}
|
|
.default-phone{ float:right; text-align:right; width:250px; font-size:15px;}
|
|
input:focus, select:focus, textarea:focus {
|
|
background-color: #F1F9FF!important;
|
|
border: 1px solid #67A1E2;
|
|
box-shadow: 0 0 3px #99CCFF inset;
|
|
}
|
|
/*进度条*/
|
|
.process5-3{ background: url(https://data.chinahighlights.com/css/images/train/booktable.png) no-repeat scroll 0 -459px ; height:30px; margin:35px 0 10px 0; width:705px; float:right;}
|
|
.process5-4{ background: url(https://data.chinahighlights.com/css/images/train/booktable.png) no-repeat scroll 0 -504px ; height:30px; margin:35px 0 10px 0; width:705px; float:right;}
|
|
/* booking forms */
|
|
select{
|
|
border: 1px solid #d1d1d1;
|
|
border-radius: 4px;
|
|
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
|
|
color: #555;
|
|
font-size: 14px;
|
|
height: 31px;
|
|
line-height: 1.42857;
|
|
padding: 6px 12px;
|
|
}
|
|
input[type="text"].fullname{ font-size:14px; padding:6px 12px; border-radius: 4px; width:270px;}
|
|
input[type="text"].fullname2{ font-size:14px; padding:6px 12px; border-radius: 4px; width:270px;}
|
|
input[type="text"].email{ font-size:14px; padding:6px 12px; border-radius: 4px; width:270px;}
|
|
/*框架样式*/
|
|
.yourBooking {
|
|
background: #fff;
|
|
margin-bottom: 20px;
|
|
padding:15px;
|
|
box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3);
|
|
}
|
|
.yourBooking .subTitle { border-bottom:1px solid #d1d1d1; padding:0px 0 5px 0px; font-size:24px; color:#c41717; margin-bottom:8px;}
|
|
/*your booking部分样式*/
|
|
span.stationNo{font-size:16px; color:#d03731; display:inline-block; padding-right:15px;}
|
|
span.trainStation{ font-size:16px; color:#545454;}
|
|
span.perPrice{ color:#de3836;}
|
|
.departIco {
|
|
background: url("https://data.chinahighlights.com/css/images/train/train-ico.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
|
|
display: inline-block;
|
|
height: 8px;
|
|
margin: 0 5px;
|
|
width: 28px;
|
|
}
|
|
/*火车总价*/
|
|
.totalPrice{ background:#f1f1f1; padding:10px 10px 10px 25px;}
|
|
span.totalPrice{ display:block; width:124px; float:left; font-size:12px; font-weight:bold; padding:5px 0 0 0;}
|
|
span.hotelPrice {
|
|
color: #de3836;
|
|
font-size: 22px;
|
|
font-weight: 100;
|
|
position: relative;
|
|
}
|
|
table.bookdetail tr td{ font-size:12px; padding:10px 0 10px 0;}
|
|
table.bookdetail tr td.trainNo{ font-size:16px; color:#d03731;}
|
|
table.bookdetail tr th{ font-size:12px; text-align:left;}
|
|
table.bookdetail tr.ticketClass td, table.bookdetail tr.ticketClass th{ border-bottom:1px dashed #d1d1d1;}
|
|
span.childTip {
|
|
border-bottom: 1px dashed #d1d1d1;
|
|
color: #de3836;
|
|
cursor: help;
|
|
display: inline-block;
|
|
margin-bottom: 5px;
|
|
padding: 3px 5px 3px 0;
|
|
}
|
|
/*乘客信息*/
|
|
table.passagerInfo tr th{ font-size:12px; background:#f1f1f1; font-weight:100; padding:3px 0;}
|
|
table.passagerInfo tr td{ font-size:12px; padding:8px 0; border-bottom:1px dashed #d1d1d1;}
|
|
table.passagerInfo tr.bottom td{ border-bottom:2px solid #ececec;}
|
|
/*contact Info*/
|
|
.contactInfo{ padding:10px;}
|
|
.titleContact{ font-size:12px; font-weight:bold; margin-bottom:6px; padding-left:0px; margin-top:5px;}
|
|
.titleContact span{ color:#c00;}
|
|
select.grand{ padding:4px 1px 4px 1px;}
|
|
span.serviceFee{ color:#bc212e;}
|
|
label{ color:#545454;}
|
|
/*寄送服务*/
|
|
.ticketDeli{ padding:10px;}
|
|
.ticketDeli ul.nav li a{ text-decoration:none; color: #999;
|
|
display: block;
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
padding: 6px 0 10px 32px;
|
|
text-align:left;
|
|
}
|
|
.ticketDeli ul.nav li.active a{ background:#fff url(https://data.chinahighlights.com/css/images/train/choosed.png) 10px 10px no-repeat!important;}
|
|
.ticketDeli ul.nav li a{ background:#f1f1f1 url(https://data.chinahighlights.com/css/images/train/choose.png) 10px 10px no-repeat!important;}
|
|
.ticketDeli ul.nav li a span{ color: #545454;
|
|
font-size: 17px;}
|
|
.ticketDeli ul.nav li.active a span{color: #e3683e;
|
|
font-size: 17px;}
|
|
.ticketDeli input{ margin:5px 0 10px 0;}
|
|
.addressNote{ font-size:11px; line-height:22px; margin-bottom:12px;}
|
|
.ticketDeli ul.nav li a{ height:85px;}
|
|
.spbg {
|
|
font-size:16px; line-height:22px;
|
|
}
|
|
/*passager info*/
|
|
ul.ticketDeli{ margin:0 0 10px 0; padding:0; display:block; border-bottom:1px solid #d1d1d1;}
|
|
ul.ticketDeli li{ list-style:none; display:block; width:300px; height:70px; float:left; padding:0 8px 5px 8px; margin:0 0 -1px 0; background:#f1f1f1; cursor:pointer; overflow:hidden;}
|
|
ul.ticketDeli li label{ display:block; cursor:pointer;}
|
|
ul.ticketDeli li.active{ background:#fff; border-color:#d1d1d1 #d1d1d1 #fff #d1d1d1; border-style:solid; border-width:1px; cursor:pointer; box-shadow:-1px 3px 4px #d1d1d1 inset;}
|
|
ul.ticketDeli li.active span.titleTicket{ font-size:17px; color:#e3683e;}
|
|
ul.ticketDeli li span.titleTicket{ font-size:17px; color:#545454;}
|
|
ul.ticketDeli li span.ticketTips{ display:block; padding:0px 0 0 20px; line-height:16px; font-size:12px; color:#999;}
|
|
span.tips{ color:#C00;}
|
|
/*sending address*/
|
|
table.sendAddress tr th{ font-size:12px; font-weight:bold; font-weight:bold; text-align:left; padding:6px 0;}
|
|
table.sendAddress tr td{ font-size:12px;}
|
|
.groupType {
|
|
float: left;
|
|
width:500px;
|
|
font-size:12px;
|
|
}
|
|
.groupType table { width:100%; }
|
|
.groupType th { font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:left; padding:3px 0}
|
|
.groupType select {
|
|
border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid;
|
|
width:60px;
|
|
}
|
|
.personalInfo {
|
|
float: left;
|
|
width: 320px;
|
|
margin-bottom: 10px;
|
|
position: relative;
|
|
}
|
|
.personalInfo label { color: #333333; display: block; font-size: 13px; font-weight: bold; margin-bottom: 4px; font-family:Arial, Helvetica, sans-serif }
|
|
input[type="text"] { font-size: 14px; font-weight: normal; line-height: 1.2; padding: 5px 3px; /*-moz-box-sizing: border-box; */background-color: #FFFFFF; border-color: #d1d1d1; border-width:1px; border-style:solid;/* border-radius: 3px; box-shadow: 0 2px 5px #CCCCCC inset;*/ color: #545454; font-family:Arial, Helvetica, sans-serif }
|
|
.personalInfo select {border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid; width:50px!important; padding:2px 0}
|
|
.selectInfo { float: left; width:300px; margin-bottom:10px; position: relative; }
|
|
.selectInfo label { color: #333333; display: block; font-size: 13px; font-weight: bold; margin-bottom: 4px; font-family:Arial, Helvetica, sans-serif }
|
|
/*other request table*/
|
|
table.otherRequest tr td{ font-size:12px;}
|
|
table.otherRequest tr td.requestnote{ padding-bottom:0px; border-bottom:1px dashed #d1d1d1; }
|
|
table.otherRequest tr td.requestnote span.gray{ color:#999!important;}
|
|
textarea { font-size: 13px; font-weight: normal; line-height: 1.2; padding: 3px; /*-moz-box-sizing: border-box; */background-color: #FFFFFF; border-color: #5E5E5E #B7B7B7 #B7B7B7 #5E5E5E; border-width:1px; border-style:solid;/* border-radius: 3px; box-shadow: 0 2px 5px #CCCCCC inset;*/ color: #333333; width: 650px; height:100px; font-family:Arial, Helvetica, sans-serif; margin:10px 0 0 0; }
|
|
/*按钮*/
|
|
.submitButton{ text-align:center; margin:50px 0;}
|
|
.pButton{ text-align:right; margin:40px 0;}
|
|
/*feedback table*/
|
|
table.trainReview tr th{ font-size:14px; color:#545454; text-align:left; padding:8px 0; font-weight:100;}
|
|
table.trainReview tr td.trainNo{ font-size:17px;}
|
|
table.trainReview tr td{ font-size:13px;}
|
|
table.trainReview tr td span.pricePer{ font-size:13px; color:#C00;}
|
|
span.paymentIncl{ font-size:12px; color:#bcbcbc;}
|
|
span.totalTit{ color:#ba1f2c; font-size:12px;}
|
|
span.totalPay{ font-size:30px; color:#ba1f2c;}
|
|
/*guest detail*/
|
|
table.guestDetail{ width:40%; margin-bottom:20px;}
|
|
table.guestDetail tr td{ font-size:12px; color:#545454;}
|
|
|