monthWeather表格样式更新

css/city-guide.css

@@ -475,19 +475,33 @@ margin-left: 0 !important;
 .attractioninCity .moreAttr { display: block; text-align: right; margin: 5px 0 0 0; padding-right: 10px; }
 .quote { background-color: #F1F1F1; border-left: #a31022 5px solid; padding: 5px 5px 5px 12px; margin-bottom: 10px; clear: both; }
 /* weather table style */
-table.monthWeather { border-left: 1px solid #d1d1d1; margin: 0px 0 10px 0; width: 100%; border-spacing: 0; }
-table.monthWeather th { font-size: 14px; border-bottom: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; background-color: #d9d9d9; padding:10px; }
-table.monthWeather th a { color: #545454; text-decoration: underline; }
-table.monthWeather th a:hover { text-decoration: underline; color: #a31022; }
-table.monthWeather tr th.month { background-repeat: no-repeat; padding: 12px 3px 12px 3px; background-position: 5px 4px; width: 39px; }
-table.monthWeather tr td { padding: 10px; border-right: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; }
+table.monthWeather { margin: 0 15px;
+    border-left: 1px solid #d1d1d1;     
+    border-spacing: 0; 
+   margin-bottom: 50px;}
+table.monthWeather th { background: #313131;
+    padding: 15px 10px;
+    border-top: 1px solid #d1d1d1;
+    border-right: 1px solid #d1d1d1;
+    border-bottom: 1px solid #d1d1d1;
+    font-size: 20px;
+    line-height: 23px;
+color: #fff; }
+table.monthWeather th a { color: #000;  }
+table.monthWeather th a:hover { text-decoration: underline; color: #fff; }
+table.monthWeather tr td { padding: 15px;
+    border-right: 1px solid #c9c9c9;
+    border-bottom: 1px solid #c9c9c9;
+    font-size: 18px;
+    line-height: 22px; }
 table.monthWeather tr:nth-child(odd) td {
-background:#f5f5f5;
+background:#f6f6f6;
 }
 table.monthWeather tr.gray { background-color: #f6f6f6; }
 table.monthWeather tr td.roundBottomRight { -moz-border-radius-bottomright: 5px; }
-table.monthWeather td a { text-decoration: none; }
-table.monthWeather td a:hover { text-decoration: underline; }
+table.monthWeather td a { border-bottom: 2px solid #b3b3b3;}
+table.monthWeather td a:hover { background: #df8787; transition: 1s; }
+
 /* train travel style */
 .photoArea { width: auto; margin: 0 5px; float: right; font-size: 11px; color: #666; line-height: 14px; }
 .photoArea a { color: #545454; }