@media screen and (max-width: 1360px) { body .content-school .school{ width: 100%; padding: 0 1rem; box-sizing: border-box; } body .content-school .school .title { margin-bottom: 2rem; margin-top: 2rem; text-align: center; color: #000000; font-size: 1.2rem; } body .content-school .school .school-ul{ width: 100%; display: grid; grid-template-columns: 1fr 1fr; grid-row-gap: 1rem; grid-column-gap: 1rem; margin-bottom: 1rem; } body .content-school .school .school-ul .school-li { width: 100%; display: flex; flex-direction: column; } body .content-school .school .school-ul .school-li .text { margin: 1rem 0; color: #000000; font-size: 1rem; display: -webkit-box; /*将对象转为弹性盒模型展示*/ -webkit-box-orient: vertical; /*设置弹性盒模型子元素的排列方式*/ -webkit-line-clamp: 2; /*限制文本行数*/ overflow: hidden; } body .content-school .school .school-ul .school-li .time { display: flex; padding: 1rem 0; border-top: 1px solid #0084ce; align-items: center; } body .content-school .school .school-ul .school-li .time span:first-child { font-size: 1.2rem; color: #888888; margin-right: .5rem; } body .content-school .school .school-ul .school-li .time span:last-child { color: #777777; font-size: 1rem; } body .content-school .school .school-page{ margin-bottom: 4rem; margin-top: 2rem; height: unset; } body .content-school .school .school-ul .school-li .img{ height: 9rem; overflow: hidden; } } .content-school{ width: 100%; background-color: #e5f4fb; display: flex; flex-direction: column; align-items: center; } .content-school .school{ width: 1120px; } .content-school .school .title { margin-bottom: 70px; margin-top: 80px; text-align: center; color: #000000; font-size: 36px; } .content-school .school .school-ul{ width: 100%; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-row-gap: 35px; grid-column-gap: 35px; margin-bottom: 30px; } .content-school .school .school-ul .school-li { width: 350px; display: flex; flex-direction: column; cursor: pointer; } .content-school .school .school-ul .school-li:hover .img img { width:105%; margin-left: -2.5%; } .content-school .school .school-ul .school-li .img { width: 100%; height: 203px; overflow: hidden; } .content-school .school .school-ul .school-li .img img { width: 100%; display: block; transition: all .3s; } .content-school .school .school-ul .school-li .text { margin: 22px 0; color: #000000; min-height: 3rem; font-size: 16px; display: -webkit-box; /*将对象转为弹性盒模型展示*/ -webkit-box-orient: vertical; /*设置弹性盒模型子元素的排列方式*/ -webkit-line-clamp: 2; /*限制文本行数*/ overflow: hidden; } .content-school .school .school-ul .school-li .time { display: flex; padding: 20px 0; border-top: 1px solid #0084ce; align-items: center; } .content-school .school .school-ul .school-li .time span:first-child { font-size: 18px; color: #888888; margin-right: 10px; } .content-school .school .school-ul .school-li .time span:last-child { color: #777777; font-size: 14px; } .content-school .school .school-ul .school-li:hover .time span{ color: #0084ce; } .content-school .school .school-page{ margin-bottom: 90px; height: 34px; }