<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>开班信息</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
.yi{
width: 310px;
height: 479px;
margin: 100px auto;
border: 1px solid black;
}
.er{
width: 300px;
height: 471px;
margin: 2px auto;
}
.san{
width: 300px;
height: 2px;
background: #019e8b;
}
.si{
width: 300px;
height: 36px;
background: #f5f5f5;
}
.wu{
width: 298px;
height: 431px;
border: 1px solid #deddd9;
}
.liu{
width: 65px;
height: 15px;
font-size: 16px;
margin-top: 11px;
margin-left: 16px;
float: left;
line-height: 1;
color: black;
}
.qi{
width: 99px;
height: 12px;
color: #ff0000;
margin-top: 12px;
line-height: 1.2;
float: right;
font-size: 12px;
margin-right: 22px;
border-bottom: 1px solid #ff0000;
}
.ba{
width: 160px;
height: 12px;
margin-top: 16px;
margin-left: 20px;
font-size: 11px;
line-height: 1;
color: black;
font-weight: bold;
}
.jiu{
float: left;
font-size: 11px;
line-height: 1;
color: black;
}
.shi{
color: #ff0000;
float: left;
font-weight: bold;
font-size: 11px;
line-height: 1.2;
}
.shiyi{
color: #ff0000;
float: right;
font-weight: bold;
font-size: 12px;
line-height: 1;
font-weight: bold;
}
.shier{
width: 250px;
height: 12px;
margin: 14px 28px 0 20px;
}
.shisan{
float: left;
font-size: 11px;
line-height: 1;
color: black;
}
.shisi{
color: black;
float: left;
font-size: 11px;
line-height: 1.2;
}
.shiwu{
color: black;
float: right;
font-size: 12px;
line-height: 1;
}
.shiliu{
width: 250px;
height: 1px;
margin: 16px 28px 0 20px;
border-bottom: 1px dashed #deddd9;
}
</style>
</head>
<body>
<div class="yi">
<div class="er">
<div class="san">
</div>
<div class="si">
<div class="liu">
近期开班
</div>
<div class="qi">
18年面授开班计划
</div>
</div>
<div class="wu">
<div class="ba">
人工智能+Python-高薪就业班
</div>
<div class="shier">
<div class="jiu">
开班时间：
</div>
<div class="shi">
2018-04-26
</div>
<div class="shiyi">
预约报名
</div>
</div>
<div class="shier">
<div class="jiu">
开班时间：
</div>
<div class="shi">
2018-03-23
</div>
<div class="shiyi">
无座，名额爆满
</div>
</div>
<div class="shier">
<div class="shisan">
开班时间：
</div>
<div class="shisi">
2018-01-23
</div>
<div class="shiwu">
开班盛况
</div>
</div>
<div class="shier">
<div class="shisan">
开班时间：
</div>
<div class="shisi">
2017-12-20
</div>
<div class="shiwu">
开班盛况
</div>
</div>
<div class="shier">
<div class="shisan">
开班时间：
</div>
<div class="shisi">
2017-11-18
</div>
<div class="shiwu">
开班盛况
</div>
</div>
<div class="shiliu">
</div>
<div class="ba">
android开发+测试-高薪就业班
</div>
<div class="shier">
<div class="jiu">
开班时间：
</div>
<div class="shi">
2018-04-26
</div>
<div class="shiyi">
预约报名
</div>
</div>
<div class="shier">
<div class="jiu">
开班时间：
</div>
<div class="shisi">
2018-03-23
</div>
<div class="shiwu">
开班盛况
</div>
</div>
<div class="shier">
<div class="shisan">
开班时间：
</div>
<div class="shisi">
2018-01-23
</div>
<div class="shiwu">
开班盛况
</div>
</div>
<div class="shier">
<div class="shisan">
开班时间：
</div>
<div class="shisi">
2017-12-20
</div>
<div class="shiwu">
开班盛况
</div>
</div>
<div class="shiliu">
</div>
<div class="ba">
大数据软件开发-青芒工作室
</div>
<div class="shier">
<div class="jiu">
开班时间：
</div>
<div class="shi">
2018-04-26
</div>
<div class="shiyi">
预约报名
</div>
</div>
<div class="shier">
<div class="jiu">
开班时间：
</div>
<div class="shisi">
2018-01-23
</div>
<div class="shiwu">
开班盛况
</div>
</div>
</div>
</div>
</div>
</body>
</html>
