@media screen and (min-width:10px) and (max-width:800px){body .tab-bar p{display:none}}.tab-bar{width:100%;position:relative;bottom:0;left:0;height:60px;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;color:#fff;z-index:10;padding:10px 0}.tab-bar div{flex:1;cursor:pointer;text-align:center;font-weight:700}.tab-bar .item-active{color:var(--theme)}.tab-bar .icon-active{stroke:var(--theme)}.tab-bar p{font-size:12px}.circle{border-radius:50%;height:30px;width:30px;border:3px solid #fff;margin:0 auto;display:flex;justify-content:center;align-items:center}.nav-icon{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;cursor:pointer;transition:stroke .2s}.main{display:flex;flex-direction:row;width:100%;height:100vh;overflow:hidden}.main h3{color:#fff}.page{position:relative;display:flex;flex-direction:column;width:100%;height:100vh;justify-content:space-between}