.footer{width: 100%;background-color: #1b1f25;}
.f-top{width: 100%;padding: 1rem 0 .3rem;}
.f-cont{width: 15.6rem;margin: 0 auto; display: flex;justify-content: space-between; flex-wrap: wrap;}
.f-left{font-size: 0;}
.f-phone{display: block;cursor: pointer;margin-bottom: .18rem; color: #ffffff;}
.f-tip{width: 100%;margin-bottom: .6rem; color: #ffffff;}
.f-service{display: inline-block;margin-bottom: .35rem; cursor: pointer;padding:.13rem .3rem;color: #ffffff;background-color: #0152d8;}
.f-service img{margin-left: .3rem;width: .28rem;}
.f-tr{font-size: 0;}
.f-td{display: inline-block;vertical-align: middle;cursor: pointer;margin-bottom: .3rem; margin-right: .25rem;width: .5rem;height: .5rem;text-align: center;line-height: .5rem; border-radius: 50%;background-color: rgba(255,255,255,.05);}
.f-td>img{max-width: 50%;max-height: 50%;}
.f-td:hover{background-color: rgba(255,255,255,.1);}

.f-right{width: 11.5rem; display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;}
.f-list{width: 8.65rem; display: flex;flex-wrap: wrap;justify-content: space-between;}
.f-item{display: block;}
.f-one{display: block;color: #ffffff;margin-bottom: .35rem;}
.f-twbox{display: inline-block;}
.f-two{display: block;cursor: pointer;margin-bottom: .1rem;}
.f-two span{display: inline-block;position: relative;padding-right: .2rem; line-height: 1.8;color: rgba(255,255,255,.4);}
.f-two span:after{content: '';position: absolute;top: 0;right: 0;width: .1rem;height: 1.8em;background-image: url('../images/r7.png');background-size: 100% auto; background-position: center center;background-repeat: no-repeat;}
.f-two:hover span{color: #fff;}
.f-two:hover span:after{background-image: url('../images/r7-b.png');}

.f-code{display: block;}
.f-b{color: #ffffff;margin-bottom: .4rem;}
.f-c{display: inline-block;text-align: center;}
.f-img{width: 1.2rem;min-width: 100px;}
.f-img img{width: 100%;}
.f-d{margin-top: .15rem; color: rgba(255,255,255,.4);line-height: 1.7;}

.f-bottom{width: 100%;padding: .2rem 0;  border-top: 1px solid rgba(255,255,255,.1);}
.f-main{width: 15.6rem;margin: 0 auto; display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.f-lt{font-size: 0;}
.f-textbox{display: inline-block;vertical-align: middle;margin-right: .2rem; color: rgba(255,255,255,.4);line-height: 1.7;}
.f-statistics{display: inline-block;vertical-align: middle;margin-right: .2rem;height: 1em;}
.f-statistics img{height: 100%;} 
.f-link{display: inline-block;vertical-align: middle;cursor: pointer; margin-right: .2rem; color: rgba(255,255,255,.4);line-height: 1.7;}
.f-link:hover{color: #fff;}

.f-rt{display: block;}
.f-share{display: inline-block;position: relative;cursor: pointer;}
.f-buttom{display: inline-block;position: relative; min-width: 1.8rem;padding: 0 .4rem  0 .2rem;line-height: .42rem;border-radius: .21rem; color: rgba(255,255,255,.4); border: 1px solid rgba(255,255,255,.1);}
.f-buttom:after{opacity: .4;transition: all ease .5s; content: '';position: absolute;top: 0;right:  .2rem;width: .12rem;height: 100%;background-image: url('../images/r10.png');background-size: 100% auto;background-position: center center;background-repeat: no-repeat;}
.f-sub{display: none; position: absolute;bottom: 100%;left: 0;width: 100%;padding-bottom: .1rem;}
.fs-cont{display: block;width: 100%;padding: .1rem 0; background-color: #fff;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.fs-item{display: block;width: 100%;cursor: pointer; padding: .1rem .2rem; line-height: 1.5;color: #333;}
.fs-item:hover{color: #1a63dc;}
 

@media(min-width: 900px) { 
  .f-share:hover .f-buttom{color: #fff;border: 1px solid #fff;}
  .f-share:hover .f-buttom:after{opacity: 1;transform: rotate(-180deg);}
}

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

  .f-right{width: 100%;}
  .f-lt{width: 100%;text-align: center;}
  .f-textbox{margin-right: 0;padding: 0 .1rem;}
  .f-statistics{margin-right: 0;padding: 0 .1rem;}
  .f-link{margin-right: 0;padding: 0 .1rem;}

  .f-rt{width: 100%;}
  .f-share{display: block;  width: 230px;margin: .3rem  auto 0;}
  .f-buttom{width: 100%; line-height: 30px; border-radius: 15px;}

  .f-share.show .f-buttom{color: #fff;border: 1px solid #fff;}
  .f-share.show .f-buttom:after{opacity: 1;transform: rotate(-180deg);} 
  
  .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%);}
}