.search-box { margin-top: 52px; } .search-params { margin-bottom: 22px; display: flex; align-items: center; } .search-params .label { font-size: 18px; font-family: Microsoft YaHei; font-weight: 400; color: #333333; display: block; } .search-params ul { display: flex; flex-wrap: wrap; flex: 1; } .search-params .item { padding: 9px 20px; margin-right: 10px; font-size: 16px; line-height: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; box-sizing: border-box; border: 1px solid transparent; transition: color 0.3s; cursor: pointer; } .search-params .item.active { color: #f08200; border: 1px solid #f08200; border-radius: 20px; } .news-list { width: 100%; overflow: hidden; border-top: solid 1px rgba(0, 0, 0, 0.1); } .news-list li { width: 100%; display: flex; align-items: center; height: 70px; justify-content: space-between; padding: 0 20px; } .news-list li:nth-child(2n) { background-color: #fafafa; } .news-list li.news-item .title { font-size: 16px; line-height: 16px; font-family: Microsoft YaHei; font-weight: 400; color: #666666; display: flex; align-items: center; width: calc(100% - 80px); } .news-list li.news-item .title span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; } .news-list li.news-item .title::before { content: ""; display: inline-block; width: 6px; height: 6px; background: #cccccc; margin-right: 10px; vertical-align: middle; } .news-list li.news-item .title .icon-img { width: 18px; height: 18px; opacity: 0.5; margin-left: 20px; margin-right: 20px; } .news-list li .date { font-size: 15px; font-family: Microsoft YaHei; font-weight: 400; color: #999999; line-height: 1; } .w1280.information{ margin-bottom: 60px; } #pager { text-align: center; padding: 60px 0 80px; } @media (max-width: 1024px) { } @media (max-width: 768px) { .w1280.information{ margin-bottom: 20px; } .search-params .label { font-size: 15px; } .news-list li.news-item .title, .news-list li .date { font-size: 14px; } .search-params .item { font-size: 14px; padding: 5px 10px; } .search-params .label{ font-weight: bold; } .search-params{ flex-direction: column; align-items: flex-start; } .search-params ul{ width: 100%; } .search-params ul li{ margin-top: 10px; } }