.footer{width: 100%;background-color: #242933;}
.f-cont{width: 15.6rem;margin: 0 auto;}
.f-top{width: 100%;padding: .8rem 0 1.53rem;border-bottom: 1px solid rgba(255,255,255,.1); font-size: 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.f-left{display: block;}
.f-logo{display: block;width: 2.2rem;min-width: 160px;margin-bottom: .55rem;}
.f-logo img{width: 100%;}
.f-tip{display: block;font-weight: bold;color: rgba(255,255,255,.8);line-height: 1.33;margin-bottom: .16rem;}
.f-share{font-size: 0;}
.f-icon{display: inline-block;vertical-align: middle;cursor: pointer; margin-right: .1rem;}
.f-icon1{display: block;width: 41px;height: 34px;text-align: center;line-height: 34px; background-color: #bdbfc2;border-radius: 17px;}
.f-icon1 img{max-width: 100%;max-height: 100%;}
.f-icon2{display: none;width: 41px;height: 34px;text-align: center;line-height: 34px; background-color: #17a5d7;border-radius: 17px;}
.f-icon2 img{max-width: 100%;max-height: 100%;}
.f-icon:hover .f-icon1{display: none;}
.f-icon:hover .f-icon2{display: block;}

.f-middle{display: block; font-size: 0;}
.f-item{display: inline-block;vertical-align: top;margin-right: 1rem;}
.f-item:last-child{margin-right: 0;}
.f-one{display: block;cursor: pointer;color: #ffffff;font-weight: bold;margin-bottom:  .3rem;}
.f-list{display: inline-block;}
.f-two{display: block;cursor: pointer; line-height: 2.42;color: rgba(255,255,255,.5);}
.f-two:hover{color: #fff;}

.f-right{font-size: 0;}
.f-contact{display: block;cursor: pointer;color: #ffffff;font-weight: bold;margin-bottom:  .35rem}
.f-a{display: block;cursor: pointer;color: rgba(255,255,255,.5);line-height: 1.71;}
.f-phone{display: block;cursor: pointer;color: #17a5d7;line-height: 1.25;margin-bottom: .2rem;}
.f-mail{color: rgba(255,255,255,.5);line-height: 1.45;margin-bottom: .15rem;}
.f-address{color: rgba(255,255,255,.5);line-height: 1.71;}

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

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

@media(max-width:750px) {  
    .f-cont{width: 100%;max-width: 500px;padding-top: .8rem;padding-bottom: .8rem; padding-left: 10px;padding-right: 10px;}
    .f-left{width: 100%;margin-bottom: .5rem;}
    .f-middle{width: 100%;}
    .f-item{width: 100%;margin-right: 0;margin-bottom: .3rem;}
    .f-list{width: 100%;}
    .f-two{display: inline-block;vertical-align: middle;margin-right: .25rem;margin-bottom: .15rem;}
    .f-lt{width: 100%;text-align: center;}
    .f-b{width: auto;margin: 0 0;padding: 0 .1rem;}
    .f-rt{width: 100%;text-align: center;}
    .f-link{width: auto;margin: 0 0;padding: 0 .1rem;}

    .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%);}
  }
/*µ¯³ö²ãÏà¹Ø*/
.c-btn{display: inline-block;vertical-align: top;font-size: 14px;color: #fff;line-height: 1.43;text-align: center;cursor: pointer;user-select: none;border: 1px solid transparent;border-radius: 4px;padding: 6px 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.c-btn:hover{color: #fff;}
.c-blue{background-color: #0d6efd;border: 1px solid #0d6efd;}
.c-blue:hover{background-color: #0b5ed7;border-color: #0b5ed7;}
.c-white{background-color: #fff;border: 1px solid #dee2e6;color: #666;transition: all .3s;}
.c-white:hover,
.c-white:focus,
.c-white:active{color: #333;background-color:#e6e6e6;border-color:#adadad;}
.hn-tip{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;}
.hn-mask{width: 100%;height: 100%;position: fixed;left: 0;top: 0;visibility: hidden;opacity: 0;z-index: 987654321;background-color: rgba(0,0,0,0.1);transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-tip .hn-mask{background-color: transparent;}
.hn-msg{position: fixed;left: 50%;top: 50%;z-index: 987654321;max-width: 500px;transform: translate(-50%,-50%) scale(0.5);opacity: 0;visibility: hidden;font-size: 14px;color: #fff;background-color: rgba(0,0,0,0.6);border-radius: 2px;padding: 12px 25px;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-tip.show .hn-mask{visibility: visible;opacity: 1;}
.hn-tip.show .hn-msg{transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
.hn-load{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;}
.hn-load-cont{position: fixed;left: 50%;top: 50%;z-index: 987654321;max-width: 500px;transform: translate(-50%,-50%) scale(0.5);opacity: 0;visibility: hidden;transition: all .3s cubic-bezier(.25,.1,.25,1);}
.hn-load-icon{width: 32px;height: 32px;margin: 0 auto;background-image: url(../images/load.gif);background-repeat: no-repeat;background-position: 100% 100%;}
.hn-load-title{font-size: 14px;color: #333;text-align: center;margin-top: 10px;}
.hn-load.show .hn-mask{visibility: visible;opacity: 1;}
.hn-load.show .hn-load-cont{transform: translate(-50%,-50%) scale(1);opacity: 1;visibility: visible;}
.hn-confirm{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;border-radius: 2px 2px 0 0;}
.hn-confirm-dialog{width: auto;min-width: 300px;position: fixed;left: 0;top: 0;z-index: 987654321;transform: scale(0.5);opacity: 0;visibility: hidden;background-color: #fff;transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);}
.hn-confirm-title{padding: 0 80px 0 20px;height: 46px;line-height: 46px;border-bottom: 1px solid #f0f0f0;font-size: 14px;color: #333;overflow: hidden;cursor: move;user-select: none;}
.hn-confirm-cont{width: 100%;position: relative;padding: 20px;line-height: 24px;word-break: break-all;overflow: hidden;font-size: 14px;}
.hn-confirm-btns{text-align: right;padding: 0 15px 12px;user-select: none;font-size: 0;}
.hn-confirm-close{font-size: 16px;color: #666;position: absolute;right: 0;top: 0;line-height: 46px;width: 46px;text-align: center;cursor: pointer;font-weight: bold;transition: all .3s;user-select: none;}
.hn-confirm-close:hover{opacity: 0.7;}
.hn-confirm-btns .c-btn{margin-left: 10px;}
.hn-confirm-btns .c-btn:first-child{margin-left: 0;}
.hn-confirm.show .hn-mask{visibility: visible;opacity: 1;}
.hn-confirm.show .hn-confirm-dialog{transform: scale(1);opacity: 1;visibility: visible;}
.hn-html{width: 100%;position: fixed;left: 0;top: 0;z-index: 987654321;border-radius: 2px 2px 0 0;}
.hn-html-dialog{width: auto;min-width: 300px;position: fixed;left: 0;top: 0;z-index: 987654321;transform: scale(0.5);opacity: 0;visibility: hidden;background-color: #fff;transition: transform .3s cubic-bezier(.25,.1,.25,1),opacity .3s cubic-bezier(.25,.1,.25,1);}
.hn-html-title{padding: 0 80px 0 10px;height: 46px;line-height: 46px;border-bottom: 1px solid #f0f0f0;font-size: 14px;color: #333;overflow: hidden;cursor: move;user-select: none;}
.hn-html-cont{width: 100%;position: relative;padding: 10px;line-height: 24px;word-break: break-all;overflow: auto;font-size: 14px;}
.hn-html-close{font-size: 16px;color: #666;position: absolute;right: 0;top: 0;line-height: 46px;width: 46px;text-align: center;cursor: pointer;font-weight: bold;transition: all .3s;user-select: none;}
.hn-html-close:hover{opacity: 0.7;}
.hn-html.show .hn-mask{visibility: visible;opacity: 1;}
.hn-html.show .hn-html-dialog{transform: scale(1);opacity: 1;visibility: visible;}