.footer{width: 100%;background-color: #121212;}
.f-cont{width: 100%;font-size: 0;display: flex;flex-wrap: wrap; }
.f-left{display: block;width: 61.72%;padding: .75rem .6rem .25rem 2.6rem;} 
.f-right{display: block;width: 38.28%;background-color: #222222;padding: .75rem 2.6rem .25rem  .75rem;}
.f-main{width: 100%;margin: 0 auto;}
.f-top{width: 100%;margin-bottom: 1.25rem;}
.f-top:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.f-lt{float: left;max-width: 3.5rem;}
.f-phone{display: inline-block;cursor: pointer;color: #ffffff;font-weight: bold;margin-bottom: .32rem;}
.f-textbox{color: rgba(255,255,255,.5);line-height: 2.1;margin-bottom: .3rem;}
.f-textbox *{line-height: inherit;}
.f-sharebox{width: 100%;}
.f-img{width: 1.5rem;margin-bottom: .2rem;}
.f-img img{width: 100%;}
.f-share{display: inline-block;vertical-align: middle;cursor: pointer;position: relative; margin-right: .24rem;}
.f-icon{display: block; width: 1em;opacity: .3;}
.f-icon img{width: 100%;}
.f-sub{display: none; position: absolute;top: 100%;left: 50%;transform: translate(-50%,0);padding-top: 15px;}
.f-code{width: 1.05rem;min-width: 80px;position: relative;}
.f-code:before{content: '';position: absolute;top: -6px;left: 50%;margin-left: -5px; border-bottom: 6px solid #fff;border-left: 5px solid transparent;border-right: 5px solid transparent;}
.f-code img{width: 100%;}
 
.f-share:hover .f-icon{opacity: 1;}

.f-rt{float: right; width: 4.65rem;font-size: 0;display: flex;justify-content: space-between;flex-wrap: wrap;}
.f-item{display: block;padding-right: .15rem;}
.f-one{display: block; color: #ffffff;margin-bottom: .32rem;}
.f-twobox{display: inline-block;vertical-align: top;}
.f-two{display: block;cursor: pointer;color: rgba(255,255,255,.5);line-height: 2.1;}
.f-two:hover{color: #fff;}
.f-linkbox{display: block;width: 100%;font-size: 0;}
.f-link{display: inline-block;vertical-align: middle;cursor: pointer;padding-right: .12rem; color: rgba(255,255,255,.5);line-height: 1.71;}
.f-link:hover{color: #fff;}


.f-form{width: 100%;}
.f-form input::-webkit-input-placeholder,
.f-form textarea::-webkit-input-placeholder{color: rgba(255,255,255,.3);}
.f-form input:-moz-placeholder,
.f-form textarea:-moz-placeholder{color: rgba(255,255,255,.3);}
.f-form input::-moz-placeholder,
.f-form textarea::-moz-placeholder{color: rgba(255,255,255,.3);}
.f-form input:-ms-input-placeholder,
.f-form textarea:-ms-input-placeholder{color: rgba(255,255,255,.3);}
.f-row{width: 100%;margin-bottom: .2rem;}
.f-input{display: block;border: none; width: 100%;height: .42rem;padding: 0 .2rem; background-color: rgba(255,255,255,.1);color: #fff;}
.f-textarea{display: block;border: none; width: 100%;height: .9rem;line-height: .24rem; padding: .1rem .2rem; background-color: rgba(255,255,255,.1);color: #fff;}
.f-buttom{width: 100%;}
.f-submit{display: block;width: 100%; cursor: pointer;border: none;color: #ffffff;height: .42rem;line-height: .42rem;text-align: center; background-color: #1f64e1;}

@media(max-width:1150px) {  
    .f-input{height: 32px;}
    .f-textarea{height: 60px;padding: .1rem .2rem;line-height: 20px;}
    .f-submit{height: 32px;line-height: 32px;}
}
@media(max-width:900px) {  
    .f-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .f-left{width: 100%;padding: .8rem 0;}
    .f-lt{width: 100%;margin-bottom: .5rem;text-align: center;max-width: 100%;}
    .f-item{padding: 0 .1rem;}
    .f-rt{width: 100%;}
    .f-linkbox{width: 100%;text-align: center;}
    .f-link{padding: 0 .15rem;}
    .f-right{width: 100%;padding: .8rem 0;}

    .f-img{width: 100%;text-align: center;}
    .f-img img{width: 100%;max-width: 130px;}
}