2017-07-13 16:39:14 +08:00
|
|
|
@import '../../styles/common.scss';
|
2017-07-26 22:09:13 +08:00
|
|
|
@import '../../styles/mixin.scss';
|
2017-07-13 16:39:14 +08:00
|
|
|
|
2017-07-28 17:21:16 +08:00
|
|
|
.footer-wrapper{
|
2017-08-21 18:10:42 +08:00
|
|
|
border-top: 1px solid #ddd;
|
2017-08-22 16:03:39 +08:00
|
|
|
height: 2.4rem;
|
2017-08-21 18:10:42 +08:00
|
|
|
width: 100%;
|
2017-07-28 17:21:16 +08:00
|
|
|
}
|
2017-08-21 15:13:52 +08:00
|
|
|
|
2017-08-21 18:10:42 +08:00
|
|
|
.footer-container{
|
|
|
|
|
@include row-width-limit;
|
2017-08-22 12:20:33 +08:00
|
|
|
margin: 0 auto !important;
|
2017-08-21 18:10:42 +08:00
|
|
|
padding-top: .48rem;
|
2017-08-22 16:03:39 +08:00
|
|
|
padding-bottom: .48rem;
|
2017-08-21 18:10:42 +08:00
|
|
|
.icon {
|
|
|
|
|
font-size: .16rem;
|
|
|
|
|
margin-right: .08rem;
|
|
|
|
|
}
|
|
|
|
|
.title {
|
|
|
|
|
color: #8898aa;
|
|
|
|
|
font-size: .14rem;
|
|
|
|
|
margin-bottom: .08rem;
|
|
|
|
|
}
|
|
|
|
|
.link {
|
|
|
|
|
font-size: .15rem;
|
|
|
|
|
font-weight: 200;
|
|
|
|
|
color: #8898aa;
|
|
|
|
|
line-height: .3rem;
|
|
|
|
|
transition: color .2s;
|
|
|
|
|
&:hover {
|
|
|
|
|
color: #2e2e5a;
|
|
|
|
|
}
|
|
|
|
|
}
|
2017-07-13 16:39:14 +08:00
|
|
|
}
|
|
|
|
|
.footItem{
|
2017-08-21 18:10:42 +08:00
|
|
|
padding: 24px 2%;
|
|
|
|
|
width: 25%;
|
|
|
|
|
float: left;
|
|
|
|
|
div{
|
|
|
|
|
margin: 6px 0;
|
|
|
|
|
}
|
|
|
|
|
a{
|
|
|
|
|
font-weight: 200;
|
|
|
|
|
color: #b3bdc1;
|
|
|
|
|
&:hover{
|
|
|
|
|
color: white;
|
2017-07-24 18:17:30 +08:00
|
|
|
}
|
2017-08-21 18:10:42 +08:00
|
|
|
}
|
2017-07-13 16:39:14 +08:00
|
|
|
}
|
|
|
|
|
.copyRight{
|
|
|
|
|
padding: 24px 2%;
|
|
|
|
|
width: 25%;
|
|
|
|
|
float: left;
|
|
|
|
|
font-size: 12px;
|
|
|
|
|
text-indent: 1em;
|
|
|
|
|
h4{
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
margin: 0 auto 12px;
|
|
|
|
|
font-weight: 500;
|
|
|
|
|
position: relative;
|
2017-07-28 17:21:16 +08:00
|
|
|
text-indent: 0;
|
2017-07-13 16:39:14 +08:00
|
|
|
}
|
2017-07-26 22:09:13 +08:00
|
|
|
}
|
