.weui-btn_disabled {
            pointer-events: none;
            opacity: 0.5;
        }
        /* 定义新按钮的样式 */
        .fixed-amounts {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            margin: 10px;
        }

        .amount-btn {
            width: calc(33.333% - 4px);
            /* 每行三个按钮，减去边距 */
            margin-bottom: 8px;
            /* 行间距 */
            padding: 10px;
            background-color: #07c160;
            color: white;
            border: none;
            cursor: pointer;
            text-align: center;
            border-radius: 10px;
        }

        .amount-btn:hover {
            background-color: #0bb15f;
        }

        /* 定义选中状态的按钮样式 */
        .amount-btn.selected {
            background-color: #ff9900;
            /* 改变背景颜色为橙色 */
            font-weight: bold;
            /* 加粗字体 */
        }

        /* 默认情况下，所有的SVG图标都是灰度 */
        /* 当图标被选中时，移除灰度效果 */
        .payment-icon.checked {
            filter: none;
        }

        /* 默认情况下，所有的SVG图标都是灰度 */
        .payment-icon {
            filter: grayscale(100%);
            transition: filter 0.3s ease;
        }
        
        
        
        .weui-tab__panel {
            display: none;
        }
        .weui-tab__panel.active {
            display: block;
        }
        /* 设置 TabBar 固定在底部 */
        .weui-tabbar {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            z-index: 1000; /* 确保 TabBar 在其他内容之上 */
        }
        /* 为页面内容增加足够的底部填充，防止被 TabBar 遮挡 */
        #main {
            padding-bottom: 50px; /* 根据 TabBar 实际高度调整 */
        }
        /* 确保页面主体或最外层容器填满整个屏幕的高度 */
        html, body {
            height: 100%;
            margin: 0;
        }
        #actionSheet_wrap {
            min-height: 100%;
            box-sizing: border-box;
        }