.block-list78 { border-bottom: 1px solid #e4e4e4; margin-bottom: 33px; width: 100%; overflow: hidden; } .block-list78 h2 { color: #005faf; line-height: 2.2; position: relative; display: inline-block; } .block-list78 h2 a { color: #005faf; } .block-list78 h2::after { content: ""; display: block; width: 100%; height: 4px; background: #005faf; position: absolute; left: 0; bottom: 0; } .block-list78 .gp-bread { float: right; text-align: right; height: auto; line-height: 20px; color: #999999; padding: 10px 0; overflow: hidden; } .block-list78 .gp-bread span { margin: 0 2px; display: inline-block; vertical-align: middle; color: #999; width: 7px; height: 5px; background: url(../images/block-list78_rt.png) no-repeat; background-size: cover; } .block-list78 .gp-bread .gpText { width: auto; background: none; height: auto; } .block-list78 .gp-bread a { color: #999999; } .block-list78 .gp-bread a:hover { color: #005faf; opacity: 1; filter: alpha(opacity=100); } .page-list6 .block-list li { transition: transform 0.35s ease-out; overflow: hidden; margin-bottom: 30px; } .page-list6 .block-list li >div { display: flex; } .page-list6 .block-list li .item-img1 { display: block; width: 300px; float: left; } .page-list6 .block-list li .item-img1 .gp-img-responsive { padding-bottom: 56.25%; } .page-list6 .block-list li .item-txt1 { flex: 1; padding: 10px 0 10px 20px; } .page-list6 .block-list li .item-txt1 h3 { overflow: hidden; margin-bottom: 12px; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: normal; height: 1.5em; line-height: 1.5; } .page-list6 .block-list li .item-txt1 .item-date1 { color: #005faf; font-family: 'Arial'; margin-bottom: 12px; display: block; } .page-list6 .block-list li .item-txt1 .p1 { line-height: 1.7; height: 3.4em; color: #999999; display: -webkit-box; overflow: hidden; white-space: normal !important; text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .page-list6 .block-list li:last-child { margin-bottom: 0; } .page-list6 .block-list li.noImg .item-txt1 { margin-left: 0; padding-left: 0; } @media screen and (min-width:1024px) { .page-list6 .block-list li:hover { transform: translateX(10px); } } @media screen and (max-width:640px) { .page-list6 .block-list li >div { display: block; } .page-list6 .block-list li .item-img1 { width: 100%; float: none; } .page-list6 .block-list li .item-txt1 { margin-left: 0; padding-top: 15px; } }