.content-wrap-qianyan { width: 100%; min-width: 1390px; max-width: 1920px; display: flex; justify-content: center; } .content-wrap-qianyan .content { width: 1390px; } .content-wrap-qianyan .content .news-title { text-align: center; padding-top: 90px; padding-bottom: 20px; color: #111111; font-size: 30px; font-weight: 600; margin-bottom: 0; } .content-wrap-qianyan .content .news-info { font-size: 16px; color: #666666; text-align: center; padding-bottom: 60px; } .content-wrap-qianyan .content .img-wall { width: 1390px; display: flex; justify-content: space-evenly; flex-wrap: wrap; } .content-wrap-qianyan .content .img-wall .news-item { margin-bottom: 20px; cursor: pointer; transition: all 0.5s; overflow: hidden; /* 鎵€鏈夌殑灞炴€у彉鍖栧湪0.5s鐨勬椂闂存鍐呭畬鎴 */ } .content-wrap-qianyan .content .img-wall .news-item .news-img { width: 420px; height: 275px; } .content-wrap-qianyan .content .img-wall .news-item .news-info { width: 420px; height: 215px; box-sizing: border-box; padding: 32px 36px; border: 2px solid #eaeaea; } .content-wrap-qianyan .content .img-wall .news-item .news-info .news-title-inner { font-size: 18px; color: #111111; text-align: start; font-weight: 600; } .content-wrap-qianyan .content .img-wall .news-item .news-info .time { font-size: 14px; color: #959595; text-align: start; padding-top: 15px; } .content-wrap-qianyan .content .img-wall .news-item .news-info .news-detail { text-align: start; padding-top: 15px; line-height: 35px; font-size: 14px; color: #333333; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; box-orient: vertical; display: -webkit-box; display: box; height: 65px; overflow: hidden; } .content-wrap-qianyan .content .load-more { width: 192px; height: 48px; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 16px; border-radius: 8px; background-color: #009bdb; margin: 0 auto; margin-top: 90px; margin-bottom: 90px; cursor: pointer; } .content-wrap-qianyan .content .load-more:hover { background-color: royalblue; } @media screen and (max-width: 414px) { /*.main-title,.foot,.copy-right{display:none;}*/ .main { width: 100%; } .content-wrap-qianyan { width: 100%; min-width: auto; } .content-wrap-qianyan .content { width: 100%; } .content-wrap-qianyan .content .news-title { padding-top: 50px; } .content-wrap-qianyan .content .img-wall { width: 100%; padding: 0 20px; display: block; box-sizing: border-box; } .content-wrap-qianyan .content .img-wall .news-item { width: 100%; } .content-wrap-qianyan .content .img-wall .news-item .news-img { width: 100%; height: auto; } .content-wrap-qianyan .content .img-wall .news-item .news-info { width: 100%; height: auto; } }