flx

src/pages/index/tabs/Guide.jsx

         setAllextNum(res.total)
         setNewextNum(res.records.length)
       })
-      getRecommendList({ location: RoomLocation }).then((res) => {
-        setPackage(res || [])
-      })
+      // getRecommendList({ location: RoomLocation }).then((res) => {
+      //   setPackage(res || [])
+      // })
 
 
     } else {

src/pages/index/tabs/GuideCss/style.less

       margin-left: 30px;
 
       .MessageCard-name {
-        width: 400px;
         height: 40px;
         font-size: 32px;
         font-weight: bold;
         white-space: nowrap;
       }
       .MessageCard-info {
+        display: flex;
+        width: 998em;
         height: 23px;
         font-size: 24px;
         font-weight: 400;
       margin-left: 30px;
 
       .MessageCard-name-hotle {
-  
-        width: 100%;
-        /* height: 40rpx; */
-        font-size: 32px;
-        font-weight: bold;
-        color: #202020;
-        line-height: 44px;
-        /* overflow: hidden; */
-        /* -o-text-overflow: ellipsis; */
-        text-overflow: ellipsis;
-        /* white-space: nowrap; */
-        display: flex;
+        // width: 100%;
+        // font-size: 32px;
+        // font-weight: bold;
+        // color: #202020;
+        // line-height: 44px;
+        // display: flex;
+
+    font-size: 32px;
+    font-weight: bold;
+    color: #202020;
+    line-height: 44px;
+    display: flex;
+    overflow: hidden;
+    -webkit-line-clamp: 2;
+    text-overflow: ellipsis;
+    -webkit-box-orient: vertical;
+    display: -webkit-box;
+        
       }
       .MessageCard-info-hotle {
         height: 23px;
       text-align: center;
       display: inline-block;
       left: 1.5em;
+      top: -48px;
       .MessageCard-image-hotle {
         width: 30px;
         height: 30px;