/* CSS Reset */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; box-sizing: border-box; /* Ensure padding and borders are included in element sizes */ } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } div .uni-tabbar { display: -webkit-box; display: -webkit-flex; display: flex; z-index: 998; box-sizing: border-box; } div.uni-tabbar-bottom, uni-tabbar.uni-tabbar-bottom .uni-tabbar, uni-tabbar.uni-tabbar-top, uni-tabbar.uni-tabbar-top .uni-tabbar { position: fixed; left: 0; right: 0; bottom: -51px; } uni-tabbar .uni-tabbar-border { position: absolute; left: 0; top: 0; width: 100%; height: 1px; -webkit-transform: scaleY(.5); transform: scaleY(.5); } div.uni-tabbar-bottom .uni-tabbar { bottom: 0; padding-bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } div .uni-tabbar__item { -webkit-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; font-size: 0; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } div .uni-tabbar__bd, uni-tabbar .uni-tabbar__item { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; } div .uni-tabbar__bd { position: relative; -webkit-flex-direction: column; flex-direction: column; cursor: pointer; } div .uni-tabbar__icon { position: relative; display: inline-block; margin-top: 5px; } div .uni-tabbar__label { position: relative; text-align: center; font-size: 10px; } .g-head{ display: flex; font-size: 1rem; color: rgb(99, 99, 100); font-weight: bold; margin: 1rem auto; width: 96%; }