0
<style>
.flex_text {
display: flex;
height: 40px;
align-items: center;
margin: 20px 0;
}
.flex_text div:first-child {
width: 50%;
height: 100%;
text-align: center;
background-color: #ED7D31;
line-height: 40px;
color: white;
font-size: 18px;
font-weight: 600;
}
.flex_text div:last-child {
width: 50%;
height: 100%;
text-align: center;
background-color: #7F7F7F;
line-height: 40px;
color: white;
font-size: 18px;
font-weight: 600;
}
.content_items p {
display: grid;
grid-template-columns: repeat(auto-fill,minmax(200px,1fr));
gap: 10px;
}
.content_items img {
width: 100%;
height: 150px;
object-fit: cover;
}
</style>
<h2>会议概况</h2>
<p>
<b>官网：</b> <a href="http://www.icbibe.org/2020/" target="_blank">http://www.icbibe.org/2020/</a><br />
<b>新闻：</b> BIBE2020第四届大会于2020年7月21-23日于线上成功举行。BIBE2020会议论文集已由美国ACM出版社正式出版，并完成 EI Compendex, Scopus 检索。
</p>
<div>
<div class="flex_text_3 flex_text">
<div>论文集分享</div>
<div>会场交流影像</div>
</div>
<div>
<div class="content_item _p">
<h2>原文下载链接</h2>
<a href="https://dl.acm.org/doi/proceedings/10.1145/3403782 " target="_blank">https://dl.acm.org/doi/proceedings/10.1145/3403782 </a>
<h2>文章列表</h2>
<div id="objData3"></div>
<img src="images/ConferenceImg/BIBE_history/feng2020.png" style="width:300px;" />
</div>
<div class="content_item content_items">
<h2>Speeches</h2>
<p>
<img src="images/ConferenceImg/BIBE_history/BIBE 2020_s1.png" />
<img src="images/ConferenceImg/BIBE_history/BIBE 2020_s2.png" />
</p>
<h2>Posters </h2>
<p>
<img src="images/ConferenceImg/BIBE_history/BIBE 2020_p1.png" />
</p>
</div>
</div>
</div>
<script>
layui.use("addData", function () {
var addData = layui.addData;
var index_obj = 3
addData("BIBE" + index_obj, index_obj)
})
</script>