.newsHeader{ } .newsContent .container{ margin: 21px auto 0; } .newsContent .container .tabs{ font-size: 16px; font-weight: bold; color: #303133; margin-bottom: 20px; } .newsContent .container .tabs span{ cursor: pointer; margin-right: 12px; padding: 8px 0; } .newsContent .container .tabs .tabsActive{ color: #006CFF; position: relative; } .newsContent .container .tabs .tabsActive::after{ content: ''; width: 8px; height: 2px; background-color: #006CFF; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); } .newsContent .container .newList .new-item{ display: flex; align-items: center; margin-bottom: 20px; cursor: pointer; } .newsContent .container .newList .new-item .new_img{ width: 180px; height: 135px; border-radius: 15px; margin-right: 24px; position: relative; } .newsContent .container .newList .new-item .new_img img{ width: 180px; height: 135px; } .newsContent .container .newList .new-item .new_img .new_block{ height: 29px; position: absolute; bottom: 10px; right: 10px; background-image: linear-gradient(to left, #006CFF, #FFA3DC); border-radius: 6px; color: #FFFFFF; padding: 7px 12px; } .newsContent .container .newList .new-item .new_img .new_block img{ width: 100%; height: 100%; } .newsContent .container .newList .new-item .new_text .new_tit{ font-size: 20px; color: #303133; font-weight: bold; } .newsContent .container .newList .new-item .new_text .new_info{ display: flex; align-items: center; color: #909399; font-size: 14px; margin: 12px 0; } .newsContent .container .newList .new-item .new_text .new_info img{ width: 20px; height: 20px; border-radius: 50%; margin-right: 6px; } .newsContent .container .newList .new-item .new_text .new_content{ font-size: 16px; color: #606266; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .newsContent .container .pagination{ text-align: center; margin: 30px auto 60px; } .layui-laypage-em{ background-color: #006CFF !important; } .layui-laypage a:hover { color: #006CFF; } .newcon{ background: #fff !important; padding: 0; } .flex{ flex-wrap: wrap; }