Light12306/Web12306/css/index.css

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