蔺志庆 / 8.25-linzhiqing · 提交

转到一个项目

作者 蔺志庆
提交 b0a4009e1e7b9d41f844778ba85f23eb54b39306 1 个父辈 d8a73968

第三次提交

内嵌 并排对比
正在显示 3 个修改的文件 包含 172 行增加 和 4 行删除
... ... @@ -91,7 +91,7 @@ a{
/* 大图 */
.swper img{
width: 100%;
height: 28.125rem;
height: 31.25rem;
}
.login{
width: 16.25rem;
... ... @@ -101,7 +101,7 @@ a{
background-color: #ffffff;
position: absolute;
top: 9.375rem;
left: 60rem;
left: 70%;
/* display: flex;
flex-direction: column; */
}
... ... @@ -139,4 +139,108 @@ h3{
.btn:hover {
background: #0069b7;
}
\ No newline at end of file
}
.login form a{
color: #000;
font-size: .8125rem;
margin-left: 12.5rem;
position: absolute;
top: 14.375rem;
}
form{
position: relative;
}
.login form a:hover{
color: #884dd1;
}
/* footer */
.footer {
margin-top: .8333rem;
height: 16.6667rem;
padding: 0 8.3333rem;
}
.footer .main {
height: 100%;
}
.footer .main .row {
height: 9.35rem;
width: 100%;
display: flex;
}
.footer .main .row .col {
flex: 1;
}
.footer .main .row .col h4::after {
content: '';
display: block;
margin: .4167rem 0;
width: 1.6667rem;
height: .1667rem;
background-color: #000;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.footer .main .row .col span,
.footer .main .row .col p {
color: #8e8e8e;
font-size: 0.35rem;
font-weight: 400;
font-family: "Source Sans Pro";
text-align: left;
}
.footer .main .row .col span a {
text-decoration: underline;
color: #8e8e8e;
}
.footer .main .row .col img {
width: 9rem;
height: 9rem;
}
.zyzx {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
}
.zyzx .row {
flex: 1;
}
.zyzx .row .col {
color: #666666;
font-size: 0.35rem;
font-weight: 400;
font-family: "Source Sans Pro";
text-align: center;
}
.zyzx .row .col div {
width: auto;
margin-right: .8333rem;
height: auto;
border-radius: 0.05rem;
opacity: 1;
background: #f7f7f7;
}
.footer2 {
text-align: center;
height: 4.1667rem;
opacity: 1;
background: #252525;
color: #ffffff;
font-size: 0.35rem;
font-weight: 400;
font-family: "Source Sans Pro";
line-height: 4.1667rem;
}
\ No newline at end of file
... ...
... ... @@ -52,9 +52,73 @@
<label for="remember">记住密码</label>
</div>
<button class="btn">登录</button>
<a href="#" style="color: #000; font-size: .9375rem; margin-left: 12.5rem;">忘记密码</a>
<a href="#" >忘记密码</a>
</form>
</div>
<!-- footer -->
<div class="footer">
<div class="main">
<div class="row">
<div class="col">
<h4>关于我们</h4>
<span>2005年，未来移动通信论坛（简称FuTURE论坛）是在国家发改委、科技部、工信部、国家自然科学基金委的共同支持下，由国内外知名移动通信运营企业、设备制造企业、科研机构、高等院校等单位共同发起成立的非营利性的国际社团组织。
【<a href="#">了解更多</a>】 </span>
</div>
<div class="col">
<h4>主要资讯</h4>
<div class="zyzx">
<div class="row">
<div class="col">
<div>未来移动通信论坛</div>
</div>
<div class="col">
<div>未来移动通信论坛</div>
</div>
</div>
<div class="row">
<div class="col">
<div>未来移动通信论坛</div>
</div>
<div class="col">
<div>未来移动通信论坛</div>
</div>
</div>
<div class="row">
<div class="col">
<div>未来移动通信论坛</div>
</div>
<div class="col">
<div>未来移动通信论坛</div>
</div>
</div>
<div class="row">
<div class="col">
<div>未来移动</div>
</div>
<div class="col">
<div>未来移动通信论坛</div>
</div>
</div>
</div>
</div>
<div class="col">
<h4>联系我们</h4>
<p>地址：中国.北京市海淀区中关村大街11号e世界财富中心A座937</p>
<p>电话：+86 10 82800433\34\35</p>
<p>传真：+86 10 82800449</p>
<p>邮箱：future@future-forum.org</p>
<p>网址：www.future-forum.org</p>
</div>
<div class="col">
<h4>微信公众号</h4>
<img src="./img/ewm.png" alt="">
</div>
</div>
</div>
</div>
<div class="footer2">
Copyright ©北京未来移动通信论坛管理有限责任公司 京ICP备19009295号-4 京公网安备11010802013735号
</div>
</div>
</body>
</html>
\ No newline at end of file
... ...