/**
---------------------------------------弹窗加载动画自定义样式:Start-----------------------------------------------
 * 整体说明：保留加载动画，替换为自定义样式，优化视觉体验，解决粉色竖线问题
 */

/* 保留加载动画容器，重置基础样式 */
.layui-layer-loading {
    display: block !important; /* 强制显示加载动画 */
    width: 40px !important;    /* 加载动画容器宽度 */
    height: 40px !important;   /* 加载动画容器高度 */
    border: none !important;   /* 清除边框 */
    background: transparent !important; /* 透明背景 */
    box-shadow: none !important; /* 清除阴影 */
    padding: 0 !important;     /* 清除内边距 */
    margin: 0 auto !important; /* 居中显示 */
}

/* 加载动画内容区域样式重置与自定义 */
.layui-layer-loading .layui-layer-content {
    display: block !important;  /* 强制显示 */
    width: 24px !important;     /* 加载动画尺寸 */
    height: 24px !important;    /* 加载动画尺寸 */
    border: none !important;    /* 清除原有边框 */
    background: transparent !important; /* 透明背景 */
    box-shadow: none !important; /* 清除阴影 */
    /* 自定义加载动画 - 圆形旋转加载 */
    border: 2px solid rgba(110, 166, 255, 0.2) !important; /* 浅色边框 */
    border-top: 2px solid #6ea6ff !important; /* 主色边框 */
    border-radius: 50% !important; /* 圆形 */
    animation: layui-loading-spin 1s linear infinite !important; /* 旋转动画 */
    position: relative !important;
    top: 8px !important;
    left: 8px !important;
}

/* 定义旋转动画 */
@keyframes layui-loading-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* 加固遮罩层样式，确保层级和覆盖范围 */
.layui-layer-shade {
    background: rgba(0, 0, 0, 0.3) !important;
    width: 100vw !important;
    height: 100vh !important;
    position: fixed !important;
    left: 0 !important;
    top: 0 !important;
    border: none !important;
    z-index: 999 !important;
}


/**
---------------------------------------弹窗加载动画自定义样式:End-----------------------------------------------
 * 整体说明：保留加载动画，替换为自定义样式，优化视觉体验，解决粉色竖线问题
 */











































/**
---------------------------------------打开弹窗购买部分:Start-----------------------------------------------
 * 整体说明：该部分CSS主要用于商城/商品购买弹窗的样式美化
 * 涉及模块：弹窗容器、商品信息展示、表单输入框、支付按钮、滚动条、响应式适配等
 */

/* 弹窗主体容器 - 商品购买/查询弹窗通用内边距 */
.open-commodity, .open-query {
    padding: 50px;
}

/* 商品信息展示区 - 通用文本/草稿状态文本样式 */
.commodity-di .general, .draft_status {
    font-size: 13px;          /* 字体大小 */
    color: #7c7674;           /* 文本颜色：浅棕色 */
}

/* 商品名称样式 */
.commodity_name {
    text-align: center;
    font-weight: bold;
    font-size: 1.4rem;
    padding-bottom: 20px;
    border-bottom: 2px solid #FF1493;
    margin-bottom: 20px;
    color: #7a7878;
}

/* 分页类型弹窗背景样式 - 渐变背景+圆角 */
.layui-layer[type=page] {
    background: linear-gradient(#ffffffed, #ffe7f4) !important; /* 白色到浅粉色渐变 */
    border-radius: 20px !important; /* 圆角半径（强制覆盖原有样式） */
}

/* 所有layui弹窗通用样式 - 阴影+多浏览器兼容渐变背景 */
.layui-layer {
    box-shadow: rgb(253 173 204 / 35%) 0px 7px 29px 0px !important; /* 粉色系阴影（35%透明度） */
    /* 多浏览器兼容的渐变背景：浅红色到白色 */
    background: -moz-linear-gradient(top, #ffdede 0%, #ffffff 100%) !important;    /* Firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffdede), color-stop(100%, #ffffff)) !important; /* Safari/Chrome 旧版 */
    background: -webkit-linear-gradient(top, #ffdede 0%, #ffffff 100%) !important; /* Safari/Chrome 新版 */
    background: -o-linear-gradient(top, #ffdede 0%, #ffffff 100%) !important;      /* Opera */
    background: -ms-linear-gradient(top, #ffdede 0%, #ffffff 100%) !important;     /* IE */
    background: linear-gradient(to bottom, #ffdede 0%, #ffffff 100%) !important;   /* 标准写法 */
}

/* layui弹窗标题样式 */
.layui-layer-hui {
    font-weight: bold !important;    /* 加粗 */
    color: #6793e8 !important;       /* 文本颜色：浅蓝色 */
    border-radius: 20px !important;  /* 圆角 */
}

/* 弹窗内容区样式 */
.layui-layer-content {
    border-radius: 20px !important;  /* 圆角 */
}

/* 分享链接文本样式 */
.share_url {
    color: #8e8eefbd;    /* 文本颜色：浅紫色半透明 */
    cursor: pointer;     /* 鼠标悬浮显示手型 */
    font-size: 14px;     /* 字体大小 */
}

/* 商品描述文本样式 */
.description {
    font-size: 14px;     /* 字体大小 */
    color: grey;         /* 文本颜色：灰色 */
}
/* 商品描述内p标签样式重置 */
.description p {
    font-size: 14px !important;  /* 强制设置字体大小 */
    margin-bottom: 0 !important; /* 清除底部外边距 */
}


.description {
    padding-bottom: 15px;
    border-bottom: 2px solid #1E90FF; /*新加蓝色线条 */
    margin-bottom: 20px;
}


/* 秒杀结束时间文本颜色 */
.seckill_end_time {
    color: #4caf50 !important; /* 绿色（强制覆盖） */
}

/* 秒杀开始时间文本颜色 */
.seckill_start_time {
    color: orangered !important; /* 橙红色（强制覆盖） */
}

/* 商品价格文本样式 */
.commodity-di .price {
    color: green;            /* 绿色 */
    font-weight: bold;       /* 加粗 */
    font-size: 14px !important; /* 强制设置字体大小 */
}

/* 价格提示文本颜色 */
.commodity-di .price_tips {
    color: #6772e5; /* 蓝紫色 */
}

/* 手动发货标签样式 */
.delivery_way_hand {
    color: white;                /* 文字白色 */
    background: #ff000066;       /* 红色半透明背景 */
    padding: 2px 4px;            /* 内边距 */
    border-radius: 5px;          /* 圆角 */
    font-size: 12px;             /* 字体大小 */
}

/* 自动发货标签样式 */
.delivery_way_auto {
    color: white;                /* 文字白色 */
    background: #00800078;       /* 绿色半透明背景 */
    padding: 2px 4px;            /* 内边距 */
    border-radius: 5px;          /* 圆角 */
    font-size: 12px;             /* 字体大小 */
}

/* 弹窗内表单输入框通用样式 */
.layui-layer-page input[type=text], 
.commodity-di input[type=number], 
.commodity-di input[type=password], 
.commodity-di input[type=email] {
    display: inline-block !important; /* 行内块显示（强制） */
    width: 240px;                    /* 宽度 */
    height: 28px;                    /* 高度 */
    background: rgba(255, 255, 255) !important; /* 白色背景（强制） */
    border-radius: 5px !important;   /* 圆角（强制） */
    padding-left: 6px !important;    /* 左侧内边距（强制） */
    border: none;                    /* 清除边框 */
}

/* 弹窗内文本域样式 */
.layui-layer-page textarea {
    background: rgba(255, 255, 255, .5); /* 白色半透明背景 */
    border-radius: 10px;                 /* 圆角 */
}
/* 文本域获取焦点时清除外轮廓 */
.layui-layer-page textarea:focus {
    outline: none;
}

/* 弹窗内输入框占位符文本颜色 */
.layui-layer-page input::placeholder {
    color: #6c6a6a !important; /* 深灰色（强制） */
}
/* 输入框获取焦点时清除外轮廓 */
.layui-layer-page input:focus {
    outline: none;
}

/* 购买数量输入框宽度 */
.purchase_num {
    width: 80px !important; /* 强制设置宽度 */
}

/* 卡密数量文本颜色 - 常规状态 */
.card_count {
    color: #0fb183; /* 青绿色 */
}
/* 卡密数量文本颜色 - 普通状态 */
.card_count_general {
    color: #a5620f !important; /* 棕黄色（强制） */
}
/* 卡密数量文本颜色 - 立即状态 */
.card_count_immediately {
    color: #f16868 !important; /* 浅红色（强制） */
}
/* 卡密数量文本颜色 - 未知状态 */
.card_count_unknown {
    color: #35b98e !important; /* 翠绿色（强制） */
}
/* 卡密数量文本颜色 - 空状态 */
.card_count_empty {
    color: #d1d2d6 !important; /* 浅灰色（强制） */
}

/* 购买计数容器 - 默认隐藏 */
.purchase_count {
    display: none;          /* 隐藏元素 */
    color: #26fbdd;         /* 青蓝色 */
}

/* 验证码输入框宽度 */
.captcha-input {
    width: 120px !important; /* 强制设置宽度 */
}

/* 验证码图片样式 */
.commodity-di .captcha {
    position: relative;     /* 相对定位 */
    top: -2px;              /* 向上偏移2px */
    cursor: pointer;        /* 鼠标悬浮显示手型 */
}

/* 交易金额文本样式 */
.trade_amount {
    font-weight: bold;      /* 加粗 */
    color: #e72451;         /* 玫红色 */
}

/* QQ客服文本样式 */
.qq-service {
    color: #2aa2e3;         /* 天蓝色 */
    padding: 0 4px 0 0;     /* 右侧内边距4px */
    font-size: 12px;        /* 字体大小 */
    margin: 0 4px 0 0;      /* 右侧外边距4px */
    border-radius: 5px;     /* 圆角 */
}

/* 网页客服文本样式 */
.web-service {
    color: #ff8484;         /* 浅红色 */
    padding: 0 4px 0 4px;   /* 左右内边距4px */
    margin: 0;              /* 清除外边距 */
    font-size: 12px;        /* 字体大小 */
    border-radius: 5px;     /* 圆角 */
}

/* 支付内容区域样式 */
.pay-content {
    border-top: 2px solid #FFD700; /* 顶部金色虚线边框 */
    margin-top: 20px;                 /* 顶部外边距 */
    padding-top: 10px;                /* 顶部内边距 */
}
/* 支付区域标签样式 */
.pay-content label {
    font-size: 16px;        /* 字体大小 */
    color: #bba0a3;         /* 浅棕色 */
}

/* 支付按钮样式 */
.pay-button {
    position: relative;     /* 相对定位 */
    margin: 0 4px 8px 0;    /* 右侧/底部外边距 */
    background-color: rgba(70, 166, 255, 0.42); /* 浅蓝色半透明背景 */
    font-size: 14px;        /* 字体大小 */
    border-radius: 10px;    /* 圆角 */
    border: 1px solid transparent; /* 透明边框 */
    display: inline-block;  /* 行内块显示 */
    -webkit-user-select: none; /* 禁止webkit内核浏览器文本选中 */
    -moz-user-select: none;    /* 禁止Firefox文本选中 */
    -ms-user-select: none;     /* 禁止IE文本选中 */
    user-select: none;         /* 禁止文本选中 */
    cursor: pointer;          /* 鼠标悬浮显示手型 */
    padding: 2px 5px;         /* 内边距 */
    -webkit-transition: all .3s ease; /* webkit内核过渡动画 */
    transition: all .3s ease;        /* 标准过渡动画：所有属性0.3秒缓动 */
    -webkit-box-shadow: 0 1px 4px 0 #ff99e899; /* webkit内核阴影 */
    box-shadow: 0 1px 4px 0 #ff99e899;        /* 粉色系阴影 */
    color: grey;               /* 文字灰色 */
}
/* 支付按钮悬浮样式 */
.pay-button:hover {
    color: white;                         /* 文字白色 */
    background-color: rgba(227, 165, 165, 0.53); /* 浅红色半透明背景 */
}
/* 支付按钮内图片样式 */
.pay-button img {
    height: 22px;           /* 图片高度 */
    border-radius: 6px;     /* 图片圆角 */
}

/* 支付方式列表容器 */
.pay_list {
    padding-top: 10px;      /* 顶部内边距 */
}

/* 草稿状态容器 - 默认隐藏 */
.draft_status {
    display: none;          /* 隐藏元素 */
}
/* 草稿状态内按钮样式 */
.draft_status button[type=button] {
    border-radius: 5px;             /* 圆角 */
    background-color: #f3b0b09e;    /* 浅红色半透明背景 */
    color: white;                   /* 文字白色 */
    cursor: pointer;                /* 鼠标悬浮显示手型 */
    padding: 1px 5px 1px 5px;       /* 内边距 */
    border: none;                   /* 清除边框 */
}
/* 草稿状态按钮获取焦点时清除外轮廓 */
.draft_status button[type=button]:focus {
    outline: none;
}
/* 草稿状态按钮禁用样式 */
.draft_status button[type=button]:disabled {
    background-color: rgba(239, 239, 239, 0.3); /* 浅灰色半透明背景 */
    color: grey;                                  /* 文字灰色 */
}

/* 草稿溢价文本颜色 */
.draft_premium {
    color: red; /* 红色 */
}

/* 草稿状态内表格间距 */
.draft_status table {
    margin: 10px 0 5px 0; /* 上下外边距 */
}
/* 草稿卡密内标签样式 */
.draft_status .draftCard label {
    font-size: 14px;    /* 字体大小 */
    color: grey;        /* 文字灰色 */
}

/* 需要登录提示文本样式 */
.need-login {
    margin-top: 10px;   /* 顶部外边距 */
    font-size: 14px;    /* 字体大小 */
    color: #ed8181;     /* 浅红色 */
    font-weight: bold;  /* 加粗 */
}
/* 需要登录提示内链接样式 */
.need-login a {
    color: #526ccb; /* 蓝紫色 */
}

/* 自定义滚动条样式 - 整体宽度 */
::-webkit-scrollbar {
    width: 5px; /* 滚动条宽度 */
}
/* 自定义滚动条 - 轨道样式 */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(246, 193, 193, 0.3); /* 轨道内阴影 */
    border-radius: 10px;                                        /* 轨道圆角 */
}
/* 自定义滚动条 - 滑块样式 */
::-webkit-scrollbar-thumb {
    border-radius: 10px;                                      /* 滑块圆角 */
    background: rgba(245, 196, 196, 0.1);                    /* 滑块背景：浅红色半透明 */
    -webkit-box-shadow: inset 0 0 6px rgba(236, 186, 186, 0.5); /* 滑块内阴影 */
}
/* 自定义滚动条 - 非激活状态下滑块样式 */
::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(255, 0, 0, 0.2); /* 红色半透明 */
}

/* 批次/抽奖列表样式 */
.lot {
    font-size: 12px;        /* 字体大小 */
    list-style-type: none;  /* 清除列表默认样式 */
    padding: 0;             /* 清除内边距 */
    color: #0fb183;         /* 青绿色 */
}

/* 查询弹窗 - 搜索按钮样式 */
.open-query .search-query {
    border: none;           /* 清除边框 */
    font-size: 14px;        /* 字体大小 */
    color: white;           /* 文字白色 */
    background: #e9b4ed;    /* 浅紫色背景 */
    padding: 2px 10px;      /* 内边距 */
    border-radius: 5px;     /* 圆角 */
}
/* 查询弹窗 - 搜索输入框宽度 */
.open-query .search-value {
    width: 280px;
}
/* 查询弹窗 - 搜索按钮获取焦点清除外轮廓 */
.open-query .search-query:focus {
    outline: none;
}
/* 查询弹窗 - 搜索区域样式 */
.open-query .search-page {
    border-bottom: 1px dashed #ff7c7c3b; /* 底部粉色虚线边框 */
    padding-bottom: 20px;                /* 底部内边距 */
    margin-bottom: 20px;                 /* 底部外边距 */
}
/* 查询弹窗 - 顶部分隔线样式 */
.open-query .hr-top {
    border-bottom: 1px dashed #ff7c7c3b; /* 底部粉色虚线边框 */
    padding-bottom: 10px;                /* 底部内边距 */
    margin-bottom: 10px;                 /* 底部外边距 */
}
/* 查询弹窗 - 获取卡密按钮样式 */
.open-query .getCard {
    cursor: pointer;        /* 鼠标悬浮显示手型 */
    color: white;           /* 文字白色 */
    background: #f1b4ca;    /* 浅粉色背景 */
    padding: 1px 5px;       /* 内边距 */
    font-size: 14px;        /* 字体大小 */
    border-radius: 5px;     /* 圆角 */
}
/* 查询弹窗 - 卡密文本域样式 */
.open-query .card-textarea {
    border: 1px solid #f3c0c066; /* 浅红色半透明边框 */
    width: 100%;                 /* 宽度100% */
    padding: 10px;               /* 内边距 */
    font-size: 14px;             /* 字体大小 */
}

/* 响应式适配 - 屏幕宽度≤768px（移动端） */
@media screen and (max-width: 768px) {
    /* 弹窗容器内边距调整 */
    .open-commodity, .open-query {
        padding: 20px;
    }
    /* 分页弹窗圆角清除 */
    .layui-layer[type=page] {
        border-radius: 0 !important;
    }
}

/**
---------------------------------------打开弹窗购买部分:End-----------------------------------------------
 * 整体说明：该部分CSS主要用于商城/商品购买弹窗的样式美化
 * 涉及模块：弹窗容器、商品信息展示、表单输入框、支付按钮、滚动条、响应式适配等
 */
















/**
---------------------------------------关闭弹窗购买部分:Start-----------------------------------------------
 */

/* 赛事点击项样式 */
.race-click {
    margin-right: 8px;              /* 右侧外边距 */
    padding: 1px 8px;               /* 内边距 */
    text-align: center;             /* 文字居中 */
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 20%); /* 黑色半透明阴影 */
    border-radius: 10px;            /* 圆角 */
    cursor: pointer;                /* 鼠标悬浮显示手型 */
    display: inline-block;          /* 行内块显示 */
    user-select: none;              /* 禁止文本选中 */
    transition: all .3s ease;       /* 过渡动画：所有属性0.3秒缓动 */
}
/* 赛事点击项 - 选中状态 */
.race-click.checked {
    border: 1px solid #03a9f4; /* 浅蓝色边框 */
}

/* 分类列表/商品内容表格 - 第4列样式 */
.category-list table tr th:nth-child(4), 
.category-list table tr td:nth-child(4), 
.shop-content table tr th:nth-child(4), 
.shop-content table tr td:nth-child(4) {
    position: relative;    /* 相对定位 */
    right: 0;              /* 右侧偏移0 */
    width: 60px;           /* 宽度60px */
    text-align: center;    /* 文字居中 */
}

/* 分类列表/商品内容表格 - 第3列样式 */
.category-list table tr th:nth-child(3), 
.category-list table tr td:nth-child(3), 
.shop-content table tr th:nth-child(3), 
.shop-content table tr td:nth-child(3) {
    position: relative;    /* 相对定位 */
    right: 50px;           /* 右侧偏移50px */
    width: 80px;           /* 宽度80px */
    text-align: center;    /* 文字居中 */
}

/* 分类列表/商品内容表格 - 第2列样式 */
.category-list table tr th:nth-child(2), 
.category-list table tr td:nth-child(2), 
.shop-content table tr th:nth-child(2), 
.shop-content table tr td:nth-child(2) {
    position: relative;    /* 相对定位 */
    right: 80px;           /* 右侧偏移80px */
    width: 80px;           /* 宽度80px */
    text-align: center;    /* 文字居中 */
    margin: 0 20px;        /* 左右外边距20px */
}

/* 分类列表容器样式 */
.category-list {
    overflow-y: scroll;    /* 垂直方向滚动 */
    padding: 0 1rem 0 1rem !important; /* 左右内边距1rem（强制） */
    user-select: none;     /* 禁止文本选中 */
}
/* 分类列表项容器样式 */
.category-list .category-items {
    height: 768px;         /* 固定高度 */
    display: block;        /* 块级显示 */
}

/* 商品图标样式 */
.commodity-icon {
    width: 21px;           /* 宽度21px */
}

/* 商品内容容器样式 */
.shop-content {
    height: 768px;         /* 固定高度 */
    display: block;        /* 块级显示 */
    overflow-y: scroll;    /* 垂直方向滚动 */
}

/* 分类列表项 - 悬浮样式 */
.category-list .category-items .item:hover {
    color: #e7a7ed; /* 浅紫色 */
}

/* 商品内容表格 - 第一列样式 */
.shop-content table .item td:nth-child(1) {
    font-weight: bolder;   /* 加粗（更粗） */
    padding-right: 64px;   /* 右侧内边距64px */
}

/* 响应式适配 - 屏幕宽度≤768px（移动端） */
@media screen and (max-width: 768px) {
    /* 表格第2列偏移重置 */
    .category-list table tr th:nth-child(2), 
    .category-list table tr td:nth-child(2), 
    .shop-content table tr th:nth-child(2), 
    .shop-content table tr td:nth-child(2) {
        right: 0;
    }
    /* 表格第3列偏移重置 */
    .category-list table tr th:nth-child(3), 
    .category-list table tr td:nth-child(3), 
    .shop-content table tr th:nth-child(3), 
    .shop-content table tr td:nth-child(3) {
        right: 0;
    }
    /* 移动端列宽度强制100% */
    .col-xs-12 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
    /* 商品表格第一列右侧内边距重置 */
    .shop-content table .item td:nth-child(1) {
        font-weight: bolder;
        padding-right: 0;
    }
    /* 分类列表项容器高度调整 */
    .category-list .category-items {
        height: 320px;
    }
}

/* 分类列表/商品内容表格 - 行样式 */
.category-list table .item, 
.shop-content table .item {
    border-bottom: 1px solid #efefef; /* 底部浅灰色边框 */
}
/* 分类列表/商品内容表格 - 最后一行清除底部边框 */
.category-list table .item:nth-last-child(1), 
.shop-content table .item:nth-last-child(1) {
    border-bottom: none;
}

/* 分类列表/商品内容表格 - 表头单元格样式 */
.category-list table .head th, 
.shop-content table .head th {
    padding: 5px 0;       /* 上下内边距 */
    font-weight: bold !important; /* 强制加粗 */
    font-size: 14px;       /* 字体大小 */
}

/* 分类列表/商品内容表格 - 内容单元格样式 */
.category-list table .item td, 
.shop-content table .item td {
    padding: 10px 0;       /* 上下内边距 */
    font-size: 14px;       /* 字体大小 */
    font-weight: bolder;   /* 加粗（更粗） */
}

/* 分类列表/商品内容表格 - 表头第一列圆角 */
.category-list table .head th:nth-child(1), 
.shop-content table .head th:nth-child(1) {
    border-bottom-left-radius: 10px;  /* 左下圆角 */
    border-top-left-radius: 10px;     /* 左上圆角 */
}

/* 分类列表/商品内容表格 - 表头第四列圆角 */
.category-list table .head th:nth-child(4), 
.shop-content table .head th:nth-child(4) {
    border-bottom-right-radius: 10px; /* 右下圆角 */
    border-top-right-radius: 10px;    /* 右上圆角 */
}

/* 分类列表/商品内容表格 - 内容第一列加粗 */
.category-list table .item td:nth-child(1), 
.shop-content table .item td:nth-child(1) {
    font-weight: bolder;
}

/* 分类列表/商品内容表格 - 内容第二列样式 */
.category-list table .item td:nth-child(2), 
.shop-content table .item td:nth-child(2) {
    color: #fe00dc;        /* 玫红色 */
    padding-right: 2px;    /* 右侧内边距 */
}

/* 分类列表/商品内容表格 - 内容第三列样式 */
.category-list table .item td:nth-child(3), 
.shop-content table .item td:nth-child(3) {
    color: #2ec25d;        /* 翠绿色 */
    padding-right: 5px;    /* 右侧内边距 */
}

/* 商品内容表格 - 第四列链接样式 */
.shop-content table .item td:nth-child(4) a {
    border-radius: 10px;                /* 圆角 */
    border: 1px solid transparent;      /* 透明边框 */
    display: inline-block;              /* 行内块显示 */
    -webkit-user-select: none;          /* 禁止webkit内核文本选中 */
    -moz-user-select: none;             /* 禁止Firefox文本选中 */
    -ms-user-select: none;              /* 禁止IE文本选中 */
    user-select: none;                  /* 禁止文本选中 */
    cursor: pointer;                    /* 鼠标悬浮显示手型 */
    padding: 2px 5px;                   /* 内边距 */
    -webkit-transition: all .3s ease;   /* webkit内核过渡动画 */
    transition: all .3s ease;           /* 标准过渡动画 */
    -webkit-box-shadow: 0 1px 4px 0 #ff99e899; /* webkit内核阴影 */
    box-shadow: 0 1px 4px 0 #ff99e899;        /* 粉色系阴影 */
    color: grey;                        /* 文字灰色 */
}

/* 全局p标签字体大小 */
p {
    font-size: 14px;
}

/* 分类项鼠标样式 */
.category-list .category {
    cursor: pointer; /* 鼠标悬浮显示手型 */
}

/* 选中状态通用样式 */
.checked {
    border: none !important;    /* 强制清除边框 */
    color: #f588ce !important;  /* 强制设置粉色文字 */
    font-weight: bold !important; /* 强制加粗 */
}

/* 商品搜索输入框样式 */
.commodity-search {
    border: 1px solid rgba(128, 128, 128, 0.11); /* 灰色半透明边框 */
    border-radius: 4px;                           /* 圆角 */
    padding: 2px;                                 /* 内边距 */
    padding-left: 10px;                           /* 左侧内边距 */
    font-size: 14px;                              /* 字体大小 */
    display: inline-block;                        /* 行内块显示 */
    width: 60%;                                   /* 宽度60% */
    height: 30px;                                 /* 高度30px */
    text-align: center;                           /* 文字居中 */
}

/* 搜索按钮样式 */
.search-btn {
    height: 30px;       /* 高度30px */
    line-height: 15px;  /* 行高15px */
    font-size: 14px;    /* 字体大小 */
}

/* 搜索span标签间距 */
.span-search {
    margin-left: 6px;   /* 左侧外边距6px */
}

/**
---------------------------------------关闭弹窗购买部分:End-----------------------------------------------
 */













/**
---------------------------------------弹窗关闭按钮样式修改:Start-----------------------------------------------
 * 功能：替换弹窗关闭按钮图标为fa fa-close，设置为蓝色，保持位置不变
 */
/* 隐藏原有的关闭按钮文字/图标 */
.layui-layer-close {
    font-family: "FontAwesome" !important; /* 使用FontAwesome字体 */
    font-size: 25px !important;            /* 图标大小 */
    color: #1677ff !important;             /* 蓝色（可根据需要调整） */
    text-align: center !important;
    line-height: 30px !important;          /* 垂直居中 */
    background: transparent !important;    /* 透明背景 */
    border: none !important;               /* 清除边框 */
}

/* 替换关闭按钮内容为fa-close图标 */
.layui-layer-close::before {
    content: "\f00d" !important; /* fa-close图标的Unicode编码 */
}

/* 移除原有的关闭按钮样式（防止冲突） */
.layui-layer-close1 {
    background: none !important;
}

/* 鼠标悬浮效果（可选） */
.layui-layer-close:hover {
    color: #FF0000 !important; /* 悬浮时深蓝色 */
    opacity: 0.8 !important;
}

/**
---------------------------------------弹窗关闭按钮样式修改:End-----------------------------------------------
 */