.sw-fnav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:420px;display:flex;background-color:#fff;border-top:1px solid #ebedf0;padding:5px 0;z-index:1000;box-shadow:0 -2px 10px rgba(0,0,0,.05)}
.sw-fnav-item{flex:1;min-height:50px;border:0;background:transparent;color:#646566;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px 0;cursor:pointer;transition:all .3s ease}
.sw-fnav-icon{width:24px;height:24px;margin-bottom:2px;display:inline-flex;align-items:center;justify-content:center}
.sw-fnav-icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sw-fnav-item .sw-fnav-text{font-size:12px;line-height:1.2;font-weight:500}
.sw-fnav-item-active{color:#1296db}
.sw-fnav-item-active .sw-fnav-icon svg{stroke:#1296db}
.sw-fnav-item-active#sw1-nav-pick .sw-fnav-icon svg,
.sw-fnav-item-active#sw2-nav-cate .sw-fnav-icon svg,
.sw-fnav-item-active#sw3-nav-cate .sw-fnav-icon svg,
.sw-fnav-item-active#sw4-nav-home .sw-fnav-icon svg,
.sw-fnav-item-active#sw5-nav-pick .sw-fnav-icon svg{fill:rgba(18,150,219,.12)}