.footer{width: 100%;padding-top: .85rem;padding-bottom: .2rem; background-color: #303030;}
.f-cont{width: 14rem;margin: 0 auto;}
.f-top{width: 100%;font-size: 0; margin-bottom: .65rem;}
.f-top:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.f-lt{float: left; width: 9.1rem;display: flex;justify-content: space-between;flex-wrap: wrap;}
.f-item{display: inline-block;vertical-align: top;}
.f-tip{display: block; color: rgba(255,255,255,.8);margin-bottom: .3rem;}
.f-list{display: inline-block;}
.f-link{display: block;cursor: pointer;color: rgba(255,255,255,.5);line-height: 2.57;}
.f-link:hover{color: #fff;}

.f-rt{float: right;font-size: 0;}
.f-a{ display: inline-block;vertical-align: top;min-width: 3rem;padding-right: .2rem;}
.f-phone{display: block;color: #ffffff;margin-bottom: .3rem;}
.f-share{display: block;font-size: 0;}
.f-one{display: inline-block;vertical-align: middle;width: 1.11em;margin-right: .2rem;margin-bottom: .3rem; cursor: pointer;}
.f-one:last-child{margin-right: 0;}
.f-one img{width: 100%;} 
.f-code{display: inline-block;vertical-align: top;width: 1rem;}
.f-code img{width: 100%;}

.f-bottom{width: 100%;text-align: center;}
.f-text{color: rgba(255,255,255,.5);line-height: 2.57;} 
.f-text a{cursor: pointer; color: rgba(255,255,255,.5);}
.f-text a:hover{color: #fff;}

@media(max-width: 750px) {  
    .f-cont{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .f-lt{width: 100%; }
    .f-item{width: 100%;padding-bottom: .15rem;}
    .f-tip{margin-bottom: .2rem;}
    .f-list{width: 100%;font-size: 0;}
    .f-link{display: inline-block;vertical-align: middle;margin-right: .25rem;margin-bottom: .25rem;}
    .f-rt{width: 100%;}
 
    .f-a{width: 100%;text-align: center;padding-right: 0;}
    .f-one{width: 2em;}
    .f-code{width: 100%;text-align: center;}
    .f-code img{  width: 120px;}
}