/* 公共样式 */
:root {
    /* 主体的背景颜色 */
    --background-body: #fff;
    /* 文字颜色 */
    --color-text: #333;
    /* tab栏 文字激活的颜色 */
    --color-text-active: #4ed462;
    /* tab 激活的颜色 */
    --background-tab:#4ed462;
    /* 小图标被激活的颜色 */
    --color-svg-active:#4ed462;
    /* 保存至桌面的文字颜色 */
    --color-save-desktop:#4ed462;
    /* 保存至桌面的背景颜色 */
    --background-save-desktop: #edf8ee;
    /* 首页中card的背景颜色 */
    --background-card:#fff;
    /* 首页中item的背景颜色 */
    --background-item: #fff;
    /* 首页中卡片item被hover的文字颜色 */
    --color-item-hover: #fff;
    /* 首页中卡片item的背景混合颜色1 */
    --background-item-mix-hover1: #ffffff;
    /* 首页中卡片item的背景混合颜色2 */
    --background-item-mix-hover2: #4ed462;
    /* 首页中卡片item的阴影颜色 */
    --background-item-shadow: rgba(0, 0, 0, 0.1);
    /* 按钮的背景颜色 */ 
    --background-button: #4ed462;
    /* 按钮的文字颜色 */
    --color-button:#fff;
    /* 下划线的背景颜色 */
    --background-divider:#eee;
    /* 小图标的颜色 */
    --svg-color:#4ed462;
    /* label 的背景颜色 */
    --background-label:#4ed462;
    /* 我的订单中title的背景颜色 */
    --background-myorder-title:#eee;
    /* 边框底部的背景颜色 */
    --background-border-bottom:#ccc;
    /* USD的颜色 */
    --color-USD:#4ed462;
    /* 订单详情的标题颜色 */
    --color-orderDetails-title:#4ed462;
    /* 充值card被选中的混合颜色1 */
    --background1-recharge-card-selected:#ffffff;
    /* 充值card被选中的混合颜色2 */
    --background2-recharge-card-selected:#e6fffa;
    /* 充值card被选中的边框颜色 */
    --background-border-card-selected:#4ed462;
    /* 付款金额的颜色 */
    --color-pay-money:#4ed462;
    /* 输入框和选择框的背景颜色 */
    --background-input-select:#eee;
    /* mask弹框的背景颜色 */
    --background-mask:#000000;
    /* 弹框的背景颜色 */
    --background-popup:#fff;
}