11

js/train-mobile/train-search.css

@@ -891,9 +891,24 @@ span.flatpickr-weekday {
   }
 }
 /*搜索框*/
-.trainsearch-red{ background:#dedede;padding:20px; }
-.trainsearch-red .serch-title{ display:block; text-align:center; font-size:24px; color:#a31022; margin-bottom:15px; }
-ul.traintype{ display:block; margin-bottom:18px; min-height:38px; padding:0px;}
+.trainsearch-red{ background:#ececec;padding:50px 20px 20px 20px; }
+.trainsearch-red:after {
+  content: ' ';
+  position: absolute;
+  left: calc(100% - 55%);
+  right: auto;
+  top: 0px;
+  bottom: auto;
+  border: 35px solid;
+  border-color: #fff transparent transparent transparent;
+}
+.trainsearch-red .serch-title{ display: block;
+  text-align: center;
+  font-size: 25px;
+  margin-bottom: 15px;
+  font-family: 'Goudy Old Style';
+  font-weight: 600;}
+ul.traintype{ display:block; margin-bottom:10px; min-height:38px; padding:0px;}
 ul.traintype li{    background: #fff;
   display: block;
   float: left;
@@ -913,11 +928,11 @@ ul.traintype li.active {background: #ad1818;
   color: #fff;
   border: none;
   text-align: center;
-  padding: 6px 30px;
+  padding: 9px 30px;
   cursor: pointer;}
 .flex-row {display: flex; flex-direction: row; flex-wrap:wrap; align-items: stretch;justify-content:space-between; clear: both; margin-right: -20px;}
 .flex-row:after {content: ""; flex: auto;}
-.flex-col-4 { width: calc((100% - 20px * 4) / 4);margin-bottom:20px; margin-right:20px;}
+.flex-col-4 { width: calc((100% - 10px * 4) / 4);margin-bottom:20px; margin-right:10px;}
 @media (max-width: 768px) {.flex-row {margin-right:0;} .flex-col-4{width: 100%; margin-bottom:20px;margin-right:0;}}
 .trainsearch-red .hidden{display:none;}
 .traintype li {cursor:pointer;}
@@ -954,6 +969,7 @@ ul.traintype li.active {background: #ad1818;
 #hotStation div{
   cursor: pointer;
   background-color: #fff; 
+  font-size: 16px;
 }
 #hotStation div:hover{
   background-color: #e9e9e9;