.mob-toolbar { position: fixed; bottom: 0; left: 0; width: 100%; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 300; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.mob-toolbar .item { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; }
.mob-toolbar .item i { font-size: 26px; }
.mob-toolbar .item p { font-size: 14px; }
.mob-toolbar .item img { width: 30px; }
.mob-toolbar .item + .item::before { content: ""; display: block; height: 30px; border-left: 1px solid rgba(255, 255, 255, 0.15); position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }