<> .headLines {width: 1200px; height: auto; } .headLines .headLines-container {width: 1120px;height: 105px;margin: 0 auto} .headLines .headLines-slide {width: 100%;height: auto} .headLinesItem {display: block;width: 100%;} .headLinesItem .tag-head {margin-right: 20px;position: relative} .headLinesWrap{ height:80px;} .headLinesItem .tag-head span {display: block;position: absolute;width: 50px;min- height: 30px;font-size: 35px;color: #fff;padding: 10px 0;text-align: center;line- height: 30px} .headLinesItem>.headLinesWrap>.title {font-size: 28px;color: #950000;line-height: 40px;font-weight:bold;text-align:center;min-height: 20px;display: -webkit-box;- webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;margin:0 auto;} .headLinesItem>.headLinesWrap>.describle {font-size: 20px;color: #fff;margin-top: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis} .headLines .pagination {position: absolute;z-index: 20;left: 50%;bottom: 20px;margin-left: -30px} .headLines .swiper-pagination-switch {float: left;width: 28px;height: 4px;background: #950000;margin-right: 8px;cursor: pointer} .headLines .swiper-active-switch {background: #f4e1b9} .headLinesItem .tag-head span{max-height:100px;overflow:hidden;} .headLinesItem > .headLinesWrap{width:100%;}