.footer{width: 100%;}
.f-a{width: 100%;background-color: #292929;font-size: 0;}
.f-b{width: 17.7rem;margin: 0 auto;}
.f-cont{width: 100%;font-size: 0;border-bottom: 1px solid rgba(0,0,0,.4);}
.f-left{display: inline-block;vertical-align: middle;width: 79%; padding-top: .35rem;padding-bottom: .6rem; border-right: 1px solid rgba(0,0,0,.4);}
.f-top{width: 100%;padding: .3rem .8rem .3rem 0;margin-bottom: .35rem; border-bottom: 1px solid rgba(0,0,0,.4);position: relative;}
.f-logo{display: block;cursor: pointer;width: 50px;}
.f-logo img{width: 100%;}
.f-share{position: absolute;top: 50%;right: .8rem;transform: translate(0,-50%);}
.f-one{display: inline-block;vertical-align: middle;opacity: .3;cursor: pointer; margin-left: .23rem;border-radius: 50%; width: 3.2em;height: 3.2em;text-align: center;line-height: calc(3.2em - 2px); border: solid 1px #ffffff;}
.f-one img{max-width: 45%;max-height: 45%;}
.f-one:hover{opacity: 1;line-height: calc(3.2em - 4px); background-color: #cd010d;border: solid 2px #fe0311;}
.f-list{width: 100%;padding-right: .8rem;display: flex;justify-content: space-between;flex-wrap: wrap;}
.f-item{display: inline-block;vertical-align: top;}
.f-c{display: block;position: relative;	color: #e1e3e2;padding-bottom: .2rem;margin-bottom: .23rem;}
.f-c:before{content: '';position: absolute;bottom: 0;left: 0;	width: .1rem;height: 1px;background-color: #fff;}
.f-links{display: inline-block;}
.f-link{display: block;cursor: pointer;line-height: 2.21; color: rgba(255,255,255,.3);}
.f-link:hover{color: #fff;}

.f-right{display: inline-block;vertical-align: middle;text-align: right;width: 21%;padding: .3rem 0;}
.f-d{display: inline-block;text-align: left;max-width: 95%;}
.f-textbox{line-height: 2.21; color: rgba(255,255,255,.3);}
.f-textbox *{line-height: inherit;}
.f-textbox P{padding: .1rem 0;}
.f-codebox{width: 100%;}
.f-code{display: inline-block;vertical-align: top;margin-top: .2rem;width: 1rem;min-width: 60px; margin-right: .4rem;}
.f-code:last-child{margin-right: 0;}
.f-code img{width: 100%;}

.f-bottom{width: 100%;padding: .12rem 0;}
.f-bottom:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0;}
.f-e{float: left;}
.f-f{display: inline-block;vertical-align: middle;line-height: 1.7;padding: .1rem 0; color: rgba(255,255,255,.2);margin-right: .42rem;}
.f-g{float: right;display: block; line-height: 1.7;padding: .1rem 0; color: rgba(255,255,255,.2);margin-right: .42rem;}


@media(max-width:900px) {
    .f-b{width: 100%;max-width: 500px;padding-left: 10px;padding-right: 10px;}
    .f-left{width: 100%;border-right: none;padding-bottom: .3rem; border-bottom: 1px solid rgba(0,0,0,.4);}
    .f-one{width: 30px;height: 30px;line-height: 28px;}
    .f-one:hover{line-height: 26px;}
    .f-item{width: 100%;margin-bottom: .25rem;}
    .f-links{width: 100%;}
    .f-link{display: inline-block;vertical-align: middle;margin-right: .25rem;}
    .f-right{width: 100%;text-align: left;}
    .f-code{width: 80px;}
}