.footer{background-color: #272727;}
.f-main{width: 16rem;margin: 0 auto;}
.f-top{width: 100%;padding: .35rem 0; border-bottom: 1px solid rgba(255,255,255,.1); display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.f-logo{display: block;height: .55rem;}
.f-logo img{height: 100%;}
.f-share{font-size: 0;}
.f-icon{display: inline-block;vertical-align: middle;position: relative; cursor: pointer; margin-left: .15rem;width: .5rem;height: .5rem;border-radius: 50%; text-align: center;line-height: .5rem; background-color: rgba(255,255,255,.05);}
.f-icon>img{max-width: 50%;max-height: 50%;}
.f-icon:hover{background-color: #009feb;}

.f-middle{width: 100%;padding-top: .55rem;padding-bottom: .45rem;border-bottom: 1px solid rgba(255,255,255,.1);}
.f-middle: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: .35rem;}
.f-phone{display: inline-block;cursor: pointer;color: #ffffff;font-weight: bold;margin-bottom: .2rem;}
.f-textbox{color: #acaeb1;line-height: 1.77;}
.f-textbox *{line-height: inherit;}
.f-right{float: right;}
.f-item{display: inline-block;vertical-align: top; margin-right: .5rem;}
.f-item:last-child{margin-right: 0;}
.f-one{display: block; color: #ffffff;margin-bottom: .35rem;}
.f-twobox{display: inline-block;}
.f-two{display: block;cursor: pointer;color: #acaeb1;line-height: 1.85;margin-bottom: .1rem;}
.f-two:hover{color: #009feb;}

.f-bottom{width: 100%;padding: .25rem 0; display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.f-lt{font-size: 0;}
.f-intro{color: rgba(255,255,255,.3);line-height: 1.71;}
.f-intro *{line-height: inherit;}
.f-rt{font-size: 0;}
.f-link{display: inline-block;vertical-align: middle;cursor: pointer; margin-right: .2rem; color: rgba(255,255,255,.3);line-height: 1.71;}
.f-link:last-child{margin-right: 0;}
.f-link:hover{color: #009feb;}

.f-code{display: none; position: absolute;bottom:  100%;left: 50%;transform: translate(-50%,0);padding-bottom: .1rem;}
.fd-img{width: 120px;background-color: #fff;padding: 10px;}
.fd-img img{width: 100%;}

@media(max-width: 1100px){ 
    .f-item{margin-right: .25rem;}
}

@media(max-width: 900px){ 
    .f-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .f-left{width: 100%;margin-bottom: .3rem;}
    .f-right{width: 100%;}
    .f-item{width: 100%;margin-right: 0;margin-bottom: .2rem;}
    .f-twobox{width: 100%;}
    .f-one{margin-bottom: .15rem;}
    .f-two{display: inline-block;vertical-align: middle;margin-right: .25rem;margin-bottom: .2rem;}

    .f-share{padding-right: 15px;}
}