.bottom-navigation-box{position:fixed;left:0;right:0;bottom:0;z-index:10;transform:translateY(calc(100% + 10px));transition:all .3s linear;display:none}
.bottom-navigation-box.scrolled{transform:translateY(0)}
.bottom-navigation-box .bottom-navigation-inner{padding:10px 28px;box-shadow:0 -4px 7px 0 #00000026;background-color:#aa1b17;border-radius:5px 5px 0 0}
.bottom-navigation-box .navigation-list-wrap{display:flex;margin:0 -10px}
.bottom-navigation-box .navigation-list-wrap li{width:25%;padding:0 10px}
.bottom-navigation-box .navigation-content{text-align:center;display:block}
.bottom-navigation-box .navigation-content [class^="icon-"],.bottom-navigation-box .navigation-content [class*=" icon-"]{font-size:21px;line-height:21px}
.bottom-navigation-box .navigation-content [class^="icon-"],.bottom-navigation-box .navigation-content [class*=" icon-"],.bottom-navigation-box .navigation-content p{color:#fff}
.bottom-navigation-box .navigation-content p{font-size:12px;line-height:16px;margin-top:6px}
.navigation-content img{padding-left:32%;width:50px;height:24px}
@media(max-width :767px){.bottom-navigation-box{display:block}
}