.f-a{width: 100%;padding-top: .9rem;padding-bottom: .65rem; background-color: #262d35;}
.f-b{width: 15.4rem;margin:  0 auto;}
.f-cont{width: 100%;padding-bottom: .77rem;}
.f-cont:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.f-left{float: left;font-size: 0;}
.f-item{display: inline-block;vertical-align: top;margin-right: 1.2rem;}
.f-item:last-child{margin-right: 0;}
.f-c{display: block;  color: #ffffff;margin-bottom: .25rem;}
.f-links{display: inline-block;}
.f-link{display: block;cursor: pointer;line-height: 2.5;color: rgba(255,255,255,.5);}
.f-link:hover{color: #fff;}
.f-right{float: right;text-align: right;}
.f-tip{color: rgba(255,255,255,.5);margin-bottom: .25rem;}
.f-phone{color: #ffffff;margin-bottom: .24rem;}
.f-share{width: 100%;}
.f-one{display: inline-block;vertical-align: middle;position: relative;margin-right: .2rem;margin-bottom: .2rem;}
.f-one:last-child{margin-right: 0;}
.f-img{display: block;cursor: pointer;width: 41px;height: 41px;text-align: center;line-height: 41px; border-radius: 50%;background-color: #3e4752;}
.f-img>img{max-width: 42%;max-height: 42%;}
.f-one:hover .f-img{background-color: #0f69ce;}
.f-code{display: none; position: absolute;top: 41px;left: 50%;z-index: 88; transform: translate(-50%,0); min-width: 103px;padding-top: .22rem;}
.f-d{width: 100%;background-color: #fff;padding: .13rem .1rem;text-align: center;position: relative;}
.f-d:after{content: '';position: absolute;top: -.065rem;left: 0;width: 100%;height: .07rem;background-image: url('../images/e14.png');background-size: auto .07rem;background-position: center center;background-repeat: no-repeat;}
.f-e{width: 100%;margin-bottom: .05rem;}
.f-e img{width: 100%;}
.f-f{color: #666666;line-height: 1.3;}
.f-g{width: 100%;}
.f-g:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.f-h{float: left;font-size: 0;}
.f-i{line-height: 1.7;color: rgba(255,255,255,.5);}
.f-j{float: right;font-size: 0;}
.f-k{display: inline-block;vertical-align: middle;cursor: pointer;position: relative; margin-right: .36rem; line-height: 1.7;color: rgba(255,255,255,.5);}
.f-k:after{content: ''; position: absolute;top: 50%;right: -.18rem;margin-top: -.5em; width: 1px;height: 1em; background-color:  rgba(255,255,255,.5);}
.f-k:last-child {margin-right: 0;}
.f-k:last-child:after{display: none;}
.f-k:hover{color: #fff;}

@media(max-width: 1400px){
    .f-item{margin-right: .8rem;}
}
@media(max-width: 750px){
    .f-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .f-left{width: 100%;}
    .f-item{margin-right: 0;width: 100%;margin-bottom: .3rem;}
    .f-links{width: 100%;}
    .f-link{display: inline-block;vertical-align: middle;margin-right: .25rem;}
    .f-right{width: 100%;text-align: left;text-align: center;}
    .f-g{width: 100%;text-align: center;}
    .f-h{width: 100%;}
    .f-j{width: 100%;text-align: center;margin-top: .3rem;}
}