.content { width: 1200px; min-height: 550px; } .content .contanier { width: 100%; padding-top: 20px; border-top: 1px solid #888888; display: flex; flex-flow: row wrap; } .content .contanier .box_little { display: block; text-align: center; width: calc((100% - 50px) / 3); margin-right: 25px; height: auto; margin-bottom: 50px; text-decoration: none; } .content .contanier .box_little:nth-child(3n){ margin-right: 0; } .content .contanier .box_little img { display: block; width: 100%; height: 100%; } .content .contanier .box_little span { display: block; width: 100%; line-height: 30px; color: black; transition: all 500ms ease; } .content .contanier .box_little:hover span { background-color: #00abf1; color: white; } .content .news_box { width: 100%; padding-top: 20px; border-top: 1px solid #888888; display: flex; flex-flow: column; } .content .news_box a { width: 100%; display: flex; flex-flow: row nowrap; margin-bottom: 30px; text-decoration: none; color: black; } .content .news_box a img { width: 200px; height: 100%; } .content .news_box a .news_text { width: calc(100% - 200px); padding-left: 40px; } .content .news_box a .news_text .title { font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .content .news_box a .news_text h1 { color: #777777; font-size: 14px; margin: 8px 0; font-weight: 400; } .content .news_box a .news_text .text { font-size: 16px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /*想省略几行就写几*/ -webkit-box-orient: vertical; } .content .title_new { height: 40px; font-size: 20px; line-height: 40px; text-align: center; margin-top: 30px; } .content .title_other { padding-bottom: 20px; display: flex; flex-direction: row; } .content .title_other .other1, .content .title_other .other2 { color: #777777; font-size: 12px; } .content .title_other .other1 { margin-right: 20px; } .content .content_box { width: 100%; padding-top: 20px; border-top: 1px solid #888888; } .content .content_box img { max-width: 100%; } @media (max-width: 1200px) { .content { width: 94%; } } @media (max-width: 768px) { .content { min-height: 650px; } } @media (max-width: 576px) { .content .contanier .box_little { width: calc((100% - 25px) / 2); } .content .contanier .box_little:nth-child(3n){ margin-right: 25px; } .content .contanier .box_little:nth-child(2n){ margin-right: 0; } .content .news_box a img { width: 120px; } .content .news_box a .news_text { width: calc(100% - 120px); padding-left: 20px; } .content .news_box a .news_text .title { font-size: 16px; } .content .news_box a .news_text h1 { font-size: 12px; margin: 8px 0; } .content .news_box a .news_text .text { font-size: 14px; -webkit-line-clamp: 1; /*想省略几行就写几*/ } } @media (max-width: 350px) { .content { min-height: 400px; } } .img_b{ display: none; } @media (max-width: 576px) { .img_a{ display: none; } .img_b{ display: block; } } /* FILE ARCHIVED ON 04:12:31 Apr 23, 2022 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 05:54:05 Mar 21, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.648 exclusion.robots: 0.03 exclusion.robots.policy: 0.02 esindex: 0.011 cdx.remote: 17.192 LoadShardBlock: 108.484 (3) PetaboxLoader3.datanode: 75.159 (4) PetaboxLoader3.resolve: 98.171 (2) load_resource: 92.692 */