241 lines
5.5 KiB
HTML
241 lines
5.5 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<title></title>
|
|||
|
|
<style>
|
|||
|
|
*{
|
|||
|
|
margin: 0;
|
|||
|
|
padding: 0;
|
|||
|
|
}
|
|||
|
|
a {
|
|||
|
|
background-color: transparent;
|
|||
|
|
text-decoration: none;
|
|||
|
|
color: #333333;
|
|||
|
|
}
|
|||
|
|
.wrap{
|
|||
|
|
width: 7.5rem;
|
|||
|
|
height: auto;
|
|||
|
|
}
|
|||
|
|
.logo_top{
|
|||
|
|
width: 1.64rem;
|
|||
|
|
height: 0.65rem;
|
|||
|
|
margin-left: 0.3rem;
|
|||
|
|
}
|
|||
|
|
.top{
|
|||
|
|
width: 7.5rem;
|
|||
|
|
height: 0.82rem;
|
|||
|
|
background-color: #F6F6F6;
|
|||
|
|
display: flex;
|
|||
|
|
align-items: center;
|
|||
|
|
word-break:keep-all;
|
|||
|
|
overflow: auto;
|
|||
|
|
}
|
|||
|
|
.top::-webkit-scrollbar{
|
|||
|
|
display:none
|
|||
|
|
}
|
|||
|
|
.top>div{
|
|||
|
|
width: 1.29rem;
|
|||
|
|
height: 0.31rem;
|
|||
|
|
font-size: 0.32rem;
|
|||
|
|
font-family: PingFang SC;
|
|||
|
|
font-weight: 500;
|
|||
|
|
color: #333333;
|
|||
|
|
line-height: 0.38rem;
|
|||
|
|
margin-left: 0.4rem;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.zu_us{
|
|||
|
|
width: 6.84rem;
|
|||
|
|
height: 1.40rem;
|
|||
|
|
margin-left: 1.2rem;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.zu_us>img{
|
|||
|
|
width: 6.84rem;
|
|||
|
|
height: 1.40rem;
|
|||
|
|
margin-top:0.3rem;
|
|||
|
|
margin-left:-0.5rem ;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.zu_us>p{
|
|||
|
|
font-size: 0.34rem;
|
|||
|
|
font-family: PingFang;
|
|||
|
|
font-weight: bold;
|
|||
|
|
color: #FFFFFF;
|
|||
|
|
text-shadow: 0px 0px 13px rgba(0,0,0,0.5000);
|
|||
|
|
margin-top: -1.2rem;
|
|||
|
|
margin-left: 1.85rem;
|
|||
|
|
}
|
|||
|
|
.didong_new{
|
|||
|
|
width:3.84rem ;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
justify-content: center;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.xuanchuan_new{
|
|||
|
|
font-size: 0.28rem;
|
|||
|
|
font-family: PingFang SC;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #333333;
|
|||
|
|
line-height: 0.36rem;
|
|||
|
|
padding-top: 1.2rem;
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.renshu_new{
|
|||
|
|
font-size: 0.20rem;
|
|||
|
|
font-family: Arial;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #999999;
|
|||
|
|
line-height: 0.70rem;
|
|||
|
|
padding-top: 0.56rem;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.tuceng_new{
|
|||
|
|
width: 2.8rem;
|
|||
|
|
height: 1.68rem;
|
|||
|
|
margin-left: 4rem;
|
|||
|
|
margin-left: 5.4rem;
|
|||
|
|
margin-top: 1.1rem;
|
|||
|
|
}
|
|||
|
|
.didong2_new{
|
|||
|
|
width:5.35rem ;
|
|||
|
|
display: flex;
|
|||
|
|
flex-direction: column;
|
|||
|
|
justify-content: center;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.fabu_new{
|
|||
|
|
font-size: 0.28rem;
|
|||
|
|
font-family: PingFang SC;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #333333;
|
|||
|
|
line-height: 0.36rem;
|
|||
|
|
padding-top: 0.6rem;
|
|||
|
|
margin-left: 1.2rem;
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.renshu2_new{
|
|||
|
|
font-size: 0.20rem;
|
|||
|
|
font-family: Arial;
|
|||
|
|
font-weight: 400;
|
|||
|
|
color: #999999;
|
|||
|
|
line-height: 0.70rem;
|
|||
|
|
padding-top: 0.56rem;
|
|||
|
|
margin-left: 1.3rem;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.renshu2_new>span{
|
|||
|
|
margin-right: 0.3rem;
|
|||
|
|
}
|
|||
|
|
.tuceng2_new{
|
|||
|
|
width: 2.8rem;
|
|||
|
|
height: 1.68rem;
|
|||
|
|
margin-left: 4rem;
|
|||
|
|
margin-left: 5.4rem;
|
|||
|
|
margin-top: -1.9rem;
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div class="wrap">
|
|||
|
|
<a href="../index.html"><img class="logo_top" src="./images/logo1@2x.png" alt=""></a>
|
|||
|
|
<div class="top">
|
|||
|
|
<div><a href="../java.html">课程体系</a> </div>
|
|||
|
|
<div><a href="../Aboutuse.html">关于我们</a></div>
|
|||
|
|
<div><a href="../NewsInformation.html">新闻动态</a></div>
|
|||
|
|
<div><a href="../GraduateStyle.html">毕业生风采</a></div>
|
|||
|
|
<div style="margin-left:0.7rem; margin-right:0.3rem"><a href="../ContacUs.html">联系我们</a></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="zu_us">
|
|||
|
|
<img src="./images/蒙版.png" >
|
|||
|
|
<p>新闻动态</p>
|
|||
|
|
<div class="didong_new">
|
|||
|
|
<div class="xuanchuan_new">
|
|||
|
|
<p>2020年国家网络安全宣传周山东校园日暨活动周启动仪式</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="renshu_new">
|
|||
|
|
<span>123人已阅</span>
|
|||
|
|
<span>2020-08-26</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tuceng_new">
|
|||
|
|
<img src="./images/图层1.png" ></div>
|
|||
|
|
<div class="didong2_new">
|
|||
|
|
<div class="fabu_new">
|
|||
|
|
<p>实至名归！最新报告发布，青岛全国第七！</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="renshu2_new">
|
|||
|
|
<span>123人已阅</span>
|
|||
|
|
<span>2020-08-26</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tuceng2_new">
|
|||
|
|
<img src="./images/图层2.png" ></div>
|
|||
|
|
<div class="didong2_new">
|
|||
|
|
<div class="fabu_new">
|
|||
|
|
<p>国庆出行注意！出青高峰从9月30日开始将一直持续到…</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="renshu2_new">
|
|||
|
|
<span>123人已阅</span>
|
|||
|
|
<span>2020-08-26</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tuceng2_new">
|
|||
|
|
<img src="./images/图层3.png" ></div>
|
|||
|
|
<div class="didong2_new">
|
|||
|
|
<div class="fabu_new">
|
|||
|
|
<p>重要通知！事关国庆节、中秋节出游！</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="renshu2_new">
|
|||
|
|
<span>123人已阅</span>
|
|||
|
|
<span>2020-08-26</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tuceng2_new">
|
|||
|
|
<img src="./images/图层4.png" ></div>
|
|||
|
|
<div class="didong2_new">
|
|||
|
|
<div class="fabu_new">
|
|||
|
|
<p>音乐课变小型演唱会，带着嗓子就能上！想上课全靠抢。</p>
|
|||
|
|
</div>
|
|||
|
|
<div class="renshu2_new">
|
|||
|
|
<span>123人已阅</span>
|
|||
|
|
<span>2020-08-26</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="tuceng2_new">
|
|||
|
|
<img src="./images/图层3.png" ></div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
window.onload = function () {
|
|||
|
|
getRem(750, 100)
|
|||
|
|
};
|
|||
|
|
window.onresize = function () {
|
|||
|
|
getRem(750, 100)
|
|||
|
|
};
|
|||
|
|
function getRem(pwidth, prem) {
|
|||
|
|
var html = document.getElementsByTagName("html")[0];
|
|||
|
|
var oWidth = document.body.clientWidth || document.documentElement.clientWidth;
|
|||
|
|
html.style.fontSize = oWidth / pwidth * prem + "px";
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|