#my-video2{ margin:0 auto; max-width: 100%; } .sy_n2 .bt>h3{ font-size:16px; } @media only screen and (min-width: 1400px){ .sy_ban .bt{ font-size:38px; } } @media only screen and (max-width: 1200px) { .u17 li a{ border: 1px solid #dedede; height: 60px; line-height: 60px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; padding: 0 15px; background-color: #fff; } .u17 li .tit { font-size: 16px; width: 70%; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space: nowrap; } .u17 li .time { color: #b0b0b0; font-size: 14px; } .u17 li:hover a{ background-color: #0a3c6e; color: #fff; } .u17 li:hover .time { color: #fff; } .sy_ban .bt{ font-size:28px; } } @media only screen and (min-width: 1200px) { .u17 li a{ border: 1px solid #dedede; height: 60px; line-height: 60px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; padding: 0 20px; background-color: #fff; } .u17 li .tit { font-size: 18px; width: 80%; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space: nowrap; } .u17 li .time { color: #b0b0b0; font-size: 16px; } .u17 li:hover a{ background-color: #0a3c6e; color: #fff; } .u17 li:hover .time { color: #fff; } } @media only screen and (min-width: 1000px) { .sy_ban .bt{ font-size:30px; } } @media only screen and (max-width: 550px){ .sy_ban .bt{ font-size:16px; } } .ab_nr img { height: auto !important; } .sy_n2 .bt{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: initial!important; }