body { background-color: #f7f7f7;}
body {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
}
.dwo-mt10 { margin-top: 10px;}
.dowebok { padding: 8px;}
.grids { border-radius: 10px; background-color: #fff; overflow: hidden;}
.has-more { border-bottom-left-radius: 0; border-bottom-right-radius: 0;}
.has-more.show-more .weui-grid-more { display: block;}

.weui-grids { margin-bottom: -1px;}
.weui-grids:before { border-top: 0;}
.weui-grids:after { border-left: 0;}
.weui-grid:nth-child(3n):before { border-right: 0;}
/* 提高优先级，确保隐藏样式生效 */
.weui-grid.weui-grid-more { display: none;}
.grids-more { position: relative; height: 50px; line-height: 50px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; text-align: center; font-size: 14px; color: #5b6a91; background-color: #fff;}
.grids-more:before { content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 1px; border-top: 1px solid #d9d9d9; transform: scaleY(.5); transform-origin: 0 100%;}
.grids-more span { display: inline-block; vertical-align: middle;}
.grids-more span:after { content: ""; display: inline-block; width: 16px; height: 16px; margin-left: 5px; background: url(images/arrow.png) no-repeat 0 / 16px 16px; vertical-align: text-top;}
.grids-more .show:after { transform: rotate(180deg);}

.grids-title { box-sizing: border-box; position: relative; height: 50px; padding: 0 15px; line-height: 50px;}
.grids-title:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; border-top: 1px solid #d9d9d9; transform: scaleY(.5); transform-origin: 0 100%;}
.grids-title h2 { font-size: 16px; font-weight: 400; color: #706f75;}

.pay { display: flex; justify-content: space-between; height: 150px; border-radius: 10px; background-color: #0063A7; overflow: hidden;}
.pay-qrcode, .pay-wallet { flex: 1; padding-top: 30px; text-align: center; color: #fefefe;}
.pay-qrcode p, .pay-wallet p { height: 40px; margin-top: 5px;}
.pay-qrcode i { display: inline-block; width: 56px; height: 56px; background: url(images/qrcode.png) 50%  no-repeat; background-size: contain;}
.pay-wallet i { display: inline-block; width: 32px; height: 32px; background: url(images/wallet.png) 50% no-repeat; background-size: contain;}
.pay-wallet span { display: block; opacity: .5;}

/* 固定服务模块图片尺寸并修复布局 */
.weui-grid {
    display: flex;
    flex-direction: column; /* 垂直排列子元素 */
    align-items: center;    /* 水平居中对齐 */
    text-align: center;     /* 文字居中 */
    padding: 10px 0;        /* 增加内边距避免拥挤 */
}

.weui-grid__icon {
    margin-bottom: 0px;     /* 图片与文字之间的间距 */
    width: 120px;           /* 图片容器宽度 */
    height: 40px;           /* 图片容器高度 */
    display: flex;
    align-items: center;
    justify-content: center;
}

.weui-grid__icon img {
    width: 80%;            /* 图片充满容器 */
    height: 80%;
    object-fit: contain;    /* 保持图片比例 */
}

.weui-grid__label {
    font-size: 14px;        /* 文字大小 */
    line-height: 1.0;       /* 文字行高 */
    width: 100%;            /* 文字容器宽度 */
    word-break: keep-all;   /* 避免文字换行 */
    white-space: nowrap;    /* 不换行 */
    overflow: hidden;       /* 超出隐藏 */
    text-overflow: ellipsis;/* 超出显示省略号 */
}