.footer{width: 100%;padding: .5rem 0; background-color: #000000;}
.f-main{width: 17.7rem;margin: 0 auto;}
.f-cont{width: 100%;display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.f-left{display: block;padding: .15rem 0;}
.f-text{line-height: 1.71;color: rgba(255,255,255,.7);}
.f-text *{line-height: inherit;}
.f-middle{display: block;padding: .2rem 0;}
.f-logo{display: inline-block;cursor: pointer;width: 1.8rem;min-width: 120px;}
.f-logo img{width: 100%;}
.f-right{display: block;font-size: 0;}
.f-search{display: inline-block;vertical-align: middle;cursor: pointer;margin: .2rem .1rem; width: 2.86em;height: 2.86em;border-radius: 50%;border: solid 1px rgba(255,255,255,.2); position: relative;}
.f-search>img{position: absolute;top: 0;left: 0;opacity: .5; width: 100%;height: 100%;object-fit: contain;}
.f-search:hover{background-color: #a8d8c8;border: 1px solid #a8d8c8;}
.f-search:hover>img{opacity: 1;}

.f-share{display: inline-block;vertical-align: middle;} 
.f-one{display: inline-block;vertical-align: middle;cursor: pointer;margin: .2rem .1rem; width: 2.86em;height: 2.86em;border-radius: 50%;border: solid 1px rgba(255,255,255,.2); position: relative;}
.f-one:last-child{margin-right: 0;}
.f-one>img{position: absolute;top: 0;left: 0;opacity: .5; width: 100%;height: 100%;object-fit: contain;}
.f-one:hover{background-color: #a8d8c8;border: 1px solid #a8d8c8;}
.f-one:hover>img{opacity: 1;}

@media(max-width:900px){  
    .f-main{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .f-left{width: 100%;text-align: center;}
    .f-middle{width: 100%;text-align: center;}
    .f-right{width: 100%;text-align: center;}
}


.search-a{display: none;position: fixed;top: 0;left: 0;z-index: 388;width: 100%;height: 100%; background-color: rgba(0,0,0,.8);}
.search-a.show{display: block;}
.search-main{white-space: nowrap;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.search-form{font-size: 0;display: inline-block;}
.search-text{border: none;padding: 0 .2rem; display: inline-block;vertical-align: middle; width: 6rem;height: 45px;background-color: #fff;color: #333;}
.search-submit{border: none;display: inline-block;vertical-align: middle;cursor: pointer; width: 45px;height: 45px; background-color: #a8d8c8;background-image: url('../images/fa3.png');background-size: 15px auto;background-position: center center;background-repeat: no-repeat;}

@media(max-width:900px){  
    .search-text{width: 5rem;height: 35px;}
    .search-submit{height: 35px;}
}