.footer
{
     padding: 2rem;
     display: block;
     background: #333333;
}

.footer .logo{
     width: 15rem;
     height: 15rem;
     margin: 1rem;
}

.footer-nav
{
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     padding-left: 0;
     margin-bottom: 0;
     list-style: none;
}

@media (min-width: 48em)
.footer-nav {
     float: right;
}

.footer-nav .link {
     padding: 0.8rem 0;
     border-bottom: 0.25rem solid transparent;
     font-size: 20px;
     font-weight: 400;
     color: #ffffff;
     line-height: 23px;
     -webkit-background-clip: text;
}
.footer-nav .link + .link {
     margin-left: 3rem;
}

ul.housing-list{
     text-align: left;
     color: #fff;
     list-style: none;
     width: 100%;
     padding: 0.1rem;
}
ul.housing-list li{
     display: inline-block;
     margin-bottom: 1rem;
     margin-right: 1rem;
}

ul.housing-list li a{
     color: #ffffff;
}

ul.housing-list > li + li {
     margin-right: 1rem;
}

.footer .content
{
   color: #fff;
}
.footer .beian
{
    width: 100%;
     font-size: 13px;
     color: #7b8390;
     line-height: 46px;
}

.footer .beian a
{
     margin:0 1rem;
     font-size: 13px;
     color: #7b8390;
     line-height: 46px;
}