* { margin: 0; padding: 0; box-sizing: border-box; } html, body { width: 100%; height: 100%; font-family: PingFang SC-Regular, PingFang SC, Microsoft YaHei; color: #333; font-size: 16px; } a { text-decoration: none; } img { vertical-align: middle; display: block; } button { border: none; outline: none; margin: 0; padding: 0; } ul li{ list-style: none; } .banxin { width: 1580px; margin: 0 auto; } .flexB { display: flex; align-items: center; justify-content: space-between; } .flexC { display: flex; align-items: center; justify-content: center; } .clearfix::after { content: ''; display: block; height: 0; line-height: 0; visibility: hidden; clear: both; } .clearfix { *zoom: 1; } .fl { float: left; } .fr { float: right; } .textSpill { overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .textSpill2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } @media (min-width:1366px) { .banxin { width: 1124px; } } @media (min-width:1440px) { .banxin { width: 1185px; } } @media (min-width:1600px) { .banxin { width: 1316px; } } @media (min-width:1680px) { .banxin { width: 1382px; } } @media (min-width:1920px) { .banxin { width: 1580px; } }