.edit { width: 1080px; margin: 0 auto; } .edit_top { /* height: 1.5rem; */ padding-top: 0.6rem; padding-bottom: 0.26rem; border-bottom: 1px solid #e7e7e7; } .edit_p1 { font-size: 26px; color: #333947; line-height: 1.6; margin-bottom: 0.2rem; font-weight: 400; } .edit_p2 { font-size: 12px; color: #5e5f60; line-height: 1; } .edit_html { padding-top: 0.3rem; font-size: 14px; color: #5e5f60; line-height: 28px; } .edit_html p { line-height: 28px; } .edit_html img { max-width: 100%; height: auto; object-fit: contain; margin: 0 auto; display: block; } .edit_html video { max-width: 100%; height: auto; object-fit: fill; margin: 0 auto; display: block; } .edit_html video:focus { outline:none; } .case { width: 1080px; padding-top: 0; margin-bottom: 1.2rem; } .case_item:last-of-type { border-bottom: 1px solid #dfdfdf; } .edit_p3 { font-size: 16px; line-height: 1; color: #464d61; margin-top: 0.7rem; } /* */ .insightWhite_bottom { width: 1100px; margin: 0 auto 1rem; padding-top: 0.8rem; } .insightWhite_p7 { font-size: 18px; color: #464d61; text-align: center; margin-bottom: 0.4rem; font-family: 'SourceHanSansCNMedium', "Source Han Sans CN"; } .insightWhite_ul { display: flex; } .insightWhite_li { margin-right: 0.2rem; width: 2.86rem; background-color: rgba(255, 255, 255, .5); transition: 0.5s; padding-bottom: 0.2rem; } .insightWhite_li:hover { background-color: rgba(255, 255, 255, .8); } .insightWhite_li:hover .insightWhite_li_img img { transform: scale(1.1); } .insightWhite_li:last-of-type { margin-right: 0; } .insightWhite_li_img { width: 100%; height: 1.73rem; overflow: hidden; } .insightWhite_li_img img { width: 100%; height: 100%; object-fit: contain; transition: 0.5s; } .insightWhite_p8, .insightWhite_p9 { padding: 0 0.2rem; } .insightWhite_p8 { font-size: 16px; color: #333947; line-height: 24px; height: 48px; margin-bottom: 0.25rem; margin-top: 0.2rem; } .insightWhite_p9 { font-size: 12px; color: #5e5f60; line-height: 1; } @media screen and (max-width: 1920px) {} @media screen and (min-width: 900px) {} @media screen and (max-width: 800px) { .edit { width: 90%; margin-left: auto; margin-right: auto; } .case { width: 90%; margin-left: auto; margin-right: auto; } .insightWhite_cont { width: 90%; margin: 0.2rem auto; padding-left: 0.2rem; padding-right: 0.2rem; border-radius: 4px; } .insightWhite_d1 { flex-direction: column; } .insightWhite_p2, .insightWhite_d4 { width: 100%; min-width: 100%; } .insightWhite_p2 a { justify-content: flex-start; } .insightWhite_p1 { font-size: 22px; } .insightWhite_list { width: 90%; margin: 0 auto; padding-top: 0.5rem; } .insightWhite_img { width: 1.6rem; min-width: 1.6rem; height: 1.2rem; margin-right: 0.2rem; } .insightWhite_item a { padding: 0.14rem 0.1rem; } .insightWhite_p4 { line-height: 1; text-overflow: ellipsis; white-space: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 14px; margin-bottom: 0.1rem; } .insightWhite_item a { align-items: center; } .insightWhite_p5 span { margin-right: 0.1rem; } .insightWhite_p5 { text-overflow: ellipsis; white-space: normal; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 0.1rem; } .insightWhite_bottom { width: 90%; } .insightWhite_li { width: 100%; border-radius: 4px; overflow: hidden; margin: 0 0 0.2rem; } .insightWhite_p7 { margin: 0.2rem 0; } .insightWhite_ul { flex-wrap: wrap; } .insightWhite_li_img { height: auto; } }