.mobile-nav{background-color:#fff;bottom:0;left:0;padding-bottom:env(safe-area-inset-bottom);position:fixed;width:100%;z-index:100}.mobile-nav ul{display:flex;justify-content:space-around;list-style:none;margin:0;padding:10px 0}.mobile-nav li{text-align:center}.mobile-nav a{align-items:center;display:flex;flex-direction:column;font-size:12px;text-decoration:none}.mobile-nav img{height:22px;margin-bottom:5px;width:22px}.mobile-nav a{color:#333}.mobile-nav .active a,.mobile-nav a:hover{color:#36f}.mobile-content{background-color:#f5f7fa;min-height:100vh;padding:10px}.body{background-color:#fff;max-width:100%;min-width:100%;overflow:auto;width:100%}.main-content{flex:1;overflow-y:auto}