.footer{width: 100%;background-color: #022a6c;}
.f-main{width: 16rem;margin: 0 auto;}

.f-top{width: 100%;padding-top: .8rem;padding-bottom: .85rem;}
.f-top:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;} 
.f-left{float: left;}
.f-tip{color: #ffffff;margin-bottom: .3rem;}
.f-phone{display: block;cursor: pointer;color: #ffffff;font-weight: bold;margin-bottom: .47rem;}
.f-share{display: block;font-size: 0;}
.f-icon{display: inline-block;vertical-align: middle;cursor: pointer;margin-right: .2rem;margin-bottom: .3rem; width: .5rem;height: .5rem;text-align: center;line-height: .5rem;border-radius: 50%; border: 1px solid rgba(255,255,255,.3);}
.f-icon>img{max-width: 50%;max-height: 50%;opacity: .3;}
.f-icon:hover{border: 1px solid #022a6c;background-color: #022a6c;}
.f-icon:hover>img{ opacity: 1;} 
.f-right{float: right;font-size: 0;display: flex;flex-wrap: wrap;}
.f-list{display: flex;justify-content: space-between;flex-wrap: wrap; width: 8.2rem;}
.f-item{display: block;padding-right: .1rem;}
.f-one{display: block;color: #ffffff;margin-bottom: .25rem;}
.f-twobox{display: inline-block;}
.f-two{display: block;cursor: pointer;color: rgba(255,255,255,.5);line-height: 1.8; margin-bottom: .1rem;}
.f-two:hover{color: #fff;} 
.f-code{display: block;margin-left: 1.6rem; }
.f-img{width: 1.5rem;}
.f-img img{width: 100%;}


.f-bottom{width: 100%;padding: .3rem 0; border-top: 1px solid rgba(255,255,255,.1);}
.f-bottom:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.f-lt{float: left;line-height: 1.8;color: rgba(255,255,255,.5);}
.f-rt{float: right;}
.f-link{display: inline-block;vertical-align: middle;cursor: pointer; line-height: 1.8;color: rgba(255,255,255,.5);}
.f-link:after{content: '/';margin: 0 .15rem;color: rgba(255,255,255,.5);}
.f-link:last-child:after{display: none;}
.f-link:hover{color: #fff;}

@media(max-width: 1200px) {
    .f-list{width: 10rem;}
    .f-code{margin-left: .8rem;}
}

@media (max-width: 900px) {
    .f-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .f-left{width: 100%;margin-bottom: .5rem;}
    .f-icon{width: 30px;line-height: 30px;height: 30px;}
    .f-right{width: 100%;}
    .f-item{width: 100%;padding-right: 0;margin-bottom: .2rem;}
    .f-twobox{width: 100%;}
    .f-two{display: inline-block;vertical-align: middle;margin-right: .25rem;margin-bottom: .2rem;}
    .f-code{width: 100%;margin-left: 0;}
    .f-img{width: 90px;}
    .f-lt{width: 100%;text-align: center;}
    .f-rt{width: 100%;text-align: center;}
    
    .social-share .icon-wechat .wechat-qrcode:after{display: none;}
    .social-share .icon-wechat .wechat-qrcode{position: fixed !important;top: 50% !important;left: 50% !important;transform: translate(-50%,-50%);}
}