/* app.wxss 1:1 + H5适配 - v3 字体优化 */
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{font-family:"Microsoft YaHei",-apple-system,"PingFang SC",sans-serif;font-size:15px;color:#1a1a1a;height:100%;width:100%}
body{background:#f8f8f8;-webkit-overflow-scrolling:touch}
@media(min-width:481px){body{background:#efefef}}
img{display:block}
button{background:unset;line-height:unset;margin:0;padding:0;border:none}
button::after{border:none}

/* flex 工具类 */
.flex-1{flex:1}
.u-flex,.u-flex-row,.u-flex-x{display:flex;flex-direction:row}
.u-flex-column,.u-flex-y{display:flex;flex-direction:column}
.u-flex-x-center,.u-flex-xy-center{display:flex;flex-direction:row;justify-content:center}
.u-flex-xy-center{align-items:center}
.u-flex-y-center{display:flex;align-items:center;flex-direction:row}
.u-flex-between{display:flex;justify-content:space-between;flex-direction:row}
.u-flex-around{display:flex;justify-content:space-around;flex-direction:row}
.u-flex-wrap{flex-wrap:wrap}
.u-flex-items-center{align-items:center}
.u-flex-items-start{align-items:flex-start}
.u-flex-items-end{align-items:flex-end}
.relative{position:relative;z-index:2}
.absolute{position:absolute}
.fixed{position:fixed;z-index:9}

/* 文本截断 */
.u-line-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-all}
.u-line-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-break:break-all}

::-webkit-scrollbar{-webkit-appearance:none;background:transparent;display:none;height:0;width:0}

/* H5 手机版约束 480px 居中 */

.page{display:none;min-height:100%}
.page.active{display:block}

/* 导航栏 */



/* tabBar */


.tabbar-item.active{color:#5C5BEA}


/* 返回按钮 */
.navbar-back{position:absolute;left:14px;font-size:28px;color:#000;cursor:pointer;font-weight:300;line-height:1}


/* 美化版补充 - v4 */
#app{min-height:100vh;position:relative;padding-bottom:56px;max-width:480px;margin:0 auto;background:#f4f4f8;box-shadow:0 0 40px rgba(0,0,0,.12)}
.navbar{height:50px;display:flex;align-items:center;justify-content:center;position:relative;z-index:10;max-width:480px;background:transparent}
.navbar-title{color:#000;font-size:18px;font-weight:700;letter-spacing:.5px}
.tabbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;height:56px;background:#fff;border-top:none;display:flex;z-index:9999;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -2px 20px rgba(0,0,0,.06)}
.tabbar-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ccc;font-size:11px;transition:color .2s}
.tabbar-item.active{color:#5C5BEA}
.tabbar-icon{height:22px;width:22px;margin-bottom:3px;transition:transform .2s}
.tabbar-item.active .tabbar-icon{transform:scale(1.1)}