Merge branch 'master' of gitee.com:hainatravel/data.chinahighlights.com

css/city-guide.css

@@ -259,7 +259,10 @@ table.averageWeather tr td.roundBottomRight { -moz-border-radius-bottomright: 5p
 ul.monthlyClimate { margin-top: 10px; }
 ul.monthlyClimate li { width: 200px; float: left; }
 ul.climateMonth { margin: 10px 0 10px 0; height: 100%; overflow: hidden; }
-ul.climateMonth li { line-height: 15px; margin-bottom: 6px; padding: 0 0 0 15px; display: block; width: 230px; float: left; list-style: none; }
+ul.climateMonth li {     line-height: 25px;
+    margin-bottom: 10px;
+    background: url(https://data.chinahighlights.com/pic/square.png) no-repeat 0 10px;
+    padding: 0 0 0 20px; }
 ul.climateMonth li a { color: #545454; font-weight: normal; }
 ul.climateMonth li a.underline { color: #545454; text-decoration: underline; }
 ul.climateMonth li a:hover { text-decoration: none; }
@@ -320,7 +323,7 @@ h2.blackTitle { color: #333; }
 
 
 /* recommendation tour 2019 */
-.tourrecommendtop {border-radius: 4px;  clear: both;  height: 230px; margin-bottom: 30px;}
+.tourrecommendtop {border-radius: 4px;  clear: both;  height: 258px; margin-bottom: 30px;}
 .toptourimg {padding-right: 0;}
 .toptourimg img.toptourcover {float: left;  height: 230px;  width: 100%; border-radius: 4px 0 0 4px;}
 .toptourdetail {padding-left: 0;
@@ -347,9 +350,9 @@ h2.blackTitle { color: #333; }
     margin-top: 20px;
     font-size: 16px;}
     .tourbmview .fa {margin-left: 10px;}
+ 
 
-
-a.recoarticlelink {color: #fff; text-decoration: none; outline: none; display: inline-block; margin-bottom: 50px;}
+a.recoarticlelink {color: #fff; text-decoration: none; outline: none; width: 798px; height: 137px; display: inline-block; margin-bottom: 50px;}
 .articlereco {position: relative;}
 .reconame {display: block;
     font-size: 22px;
@@ -361,16 +364,22 @@ a.recoarticlelink {color: #fff; text-decoration: none; outline: none; display: i
     margin: 8px 0;}
 .recomore {text-transform: uppercase; font-size: 16px;}
 .recomore .fa {margin-left: 5px;}
-a.recoarticlelink:hover {
+a.recoarticlelink:hover {  
     transform: scale(1.02);
     box-shadow: 0px 9px 100px -7px rgba(0,0,0, 0.36);}
 .recobg {position: absolute; background: url(https://data.chinahighlights.com/pic/article/article-reco-middle-bg.png) no-repeat left; color: #fff; width: 100%; height: 100%; bottom:0; padding: 15px 0 15px 15px;     border-radius: 4px;}
+.infotmdetail {display: block; border-bottom:1px solid #f1f1f1;    padding-bottom: 40px; margin-bottom: 20px;}
+.infotmword {font-size: 25px; font-weight:300; text-align:center; display: block;margin-bottom: 20px;}
+.infotmbt {font-size: 20px; font-weight:300; text-align:center; display: block;}
+.infotmbt a {color:#a31022;}
+.infotmbt .fa{    margin-left: 10px;
+    font-size: 23px;}
 @media(max-width:750px) {
     .toptourimg { padding-right:15px; }
     .toptourdetail { padding-left: 15px; margin-bottom: 20px;}
-    .recobg {background: rgba(0,0,0,0.41);}
+    .recobg {position: absolute; background: rgba(0,0,0,0.41); color: #fff; width: 100%; height: 100%; bottom:0; padding: 15px 0 15px 15px;     border-radius: 4px;}
     }
-
+ 
 /* Love Day */
 .heartIcon { background:url(https://data.chinahighlights.com/image/travelguide/culture/zodiac/search-heart.png) no-repeat left; padding-left:50px;}
 #ani_tab { overflow: hidden; height: 100%; background: #e4e4e4; padding: 20px 20px 30px; border-radius: 4px; }
@@ -615,11 +624,18 @@ h2.tipsTitle .numberStyle { font-size: 22px; font-weight: bold; color: #a31022;
 .insertBlock ul { margin: 0 }
 .insertBlock ul li { list-style: none; line-height: 18px; margin-bottom: 5px; }
 /* articles list style */
-#articleRecommend { margin-top: 10px; margin-bottom: 10px; height: 100%; overflow: hidden; clear: both; }
+#articleRecommend {     margin-top: 10px;
+    margin-bottom: 40px;
+    height: 100%;
+    overflow: hidden;
+    clear: both;
+    border-bottom: 1px solid #f1f1f1;
+    padding-bottom: 30px; }
 #articleRecommend .articleTitle { font-size: 20px; display: block; margin: 5px 0 10px 0; color: #333; }
 #articleRecommend .articleList { line-height: 16px; margin-bottom: 10px; }
 #articleRecommend .articleList a { font-size: 13px; text-decoration: none; color: #333; }
 #articleRecommend .articleList .articlePhoto { display: block }
+#articleRecommend h2 { text-transform: uppercase;}
 @media(min-width:1000px) {
 #articleRecommend .articleList .articlePhoto {
 max-height: 120px !important;
@@ -845,8 +861,7 @@ ul.dropLeft li a:hover { text-decoration: underline }
 #questionBox .infoRequired textarea { height: 150px; }
 #questionBox .sendButton { margin: 15px 0; display: block; background: #a31022; border: none; color: #fff; text-align: center; border-radius: 4px; padding: 5px 0; font-size: 15px; width: 100%; }
 #questionBox .infoRequired p { display: none; }
-#questionBox .infoRequired p { +left: 660px;
-}
+#questionBox .infoRequired p { left: 660px;}
 #questionBox .infoRequired p { margin: 0; line-height: 20px !important; margin-bottom: 0px !important; position: relative; text-align: center; }
 #questionBox .infoRequired p label { padding: 0; margin: 0; position: absolute; top: 13px; left: 10px; cursor: text }
 #questionBox .infoRequired .des label { text-align: left; }