/* (c) https://miao.store/
 * setTime: 2026-08-01
 * version: 2.0.0
 * miao.store */
/* 重置浏览器样式 */
*{margin:0;padding:0;box-sizing: border-box;}
/* html{overflow-x:hidden;} 隐藏浏览器水平拉条 */
body,button,input,select,textarea{font: 12px/1.5 "Microsoft YaHei", Segoe UI, sans-serif;*line-height:1.5;}
html,
body { height: 100%; margin: 0;}
body {min-height: 100vh;display: flex;flex-direction: column;}
body{-webkit-text-size-adjust:none; background: #fff;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,em,var{font-style:normal;}
code,pre{font-family:courier new,courier,monospace;}
img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}
small{font-size:12px;}
ul,ol,li{list-style:none;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
fieldset{border:0;}
button,input,select,textarea {font-size:100%; vertical-align: baseline; *vertical-align: middle;}
table{border-collapse:collapse;border-spacing:0;}
td {vertical-align:top;}
hr{display:block; clear:both; *margin-top:-7px !important; *margin-bottom:-7px !important;}
/*html5*/
header,footer,article,aside,section,nav,menu,hgroup,details,dialog,figure,figcaption{display:block;}
audio,canvas,video {display:inline-block;*display:inline;*zoom:1; }
.dsno,audio:not([controls]) {display:none; }
[hidden] {display:none;}




/* 清除浮动 */
.cl{clear:both;}
.cl:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

/* 定位 相对/绝对 */
.porel{position:relative;}
.poabs{position:absolute;}

/* 文字/文本 控制 */
.fb{font-weight:700;}.fn{font-weight:300;}.fs9{ font-size: 9px;}
.tl{text-align:left;}.tr{text-align:right;}.tc{text-align:center;}
.mt10{margin-top:10px;}
.mr10{margin-right:10px;}
.mb10,.moBox-1{margin-bottom:10px;}.mb20{margin-bottom:20px;}
.ml10{margin-left:10px;}
.pl20{ padding-left:20px;}
.pr20{ padding-right:20px;}
.dgfff{background: #eee;}

/* 溢出隐藏 */
.ovhi{overflow:hidden;}



/* 对齐方式 */
.l{float:left;}
.r{float:right;}
.cen,.wrapMiao{margin:0 auto;}


/* 基础模块240x240 */
.ad-banner{margin:0 auto 10px auto; height:90px; overflow:hidden;  color: #999;}
.ad-banner .ad{ height:90px;}
.ccli{margin:0 auto 10px auto; padding: 30px; overflow:hidden;  color: #999;}
.wrapper{width:100%;min-width:100%;position:relative}
.wrapper,.page,.article,.category,.search,.co{background: #f6f8f9;}
.footer{padding: 20px 0; color: #666;margin:0 auto; overflow:hidden;min-height:100px;}
.index .co{ background: #fff;}

/* 统一10px间距工具类 */
.gap10 {
  gap: 10px;
}
/* 橙色块 740*490 比例锁定 */
.box740490 {
  width: 740px;
  height: 490px;
  aspect-ratio: 740 / 490;overflow: hidden; position: relative;
}
.box240 img,.main-m3 img,.box740490 img{ width: 100%}

/* 490*240 比例锁定 */
.box490240 {
  width: 490px;height: 240px;
  aspect-ratio: 490 / 240;
  display: flex;
  padding: 20px 25px;
  box-sizing: border-box;
  gap: 0; background: #f6f7f8; overflow: hidden;
}

/* 总容器 纵向排列 */
.miaowrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: fit-content; margin: 0 auto; position:relative;
}
/* 顶部橙色+蓝色横向行 */
.main-m1 {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
/* 蓝色竖排容器 */
.m1-240x2 {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
/* 紫色整行容器：横向摆放3块紫色 */
.main-m2 {
  display: flex;
  align-items: flex-start;
  flex-miaowrap: miaowrap;
  gap: 10px;
}
/* 绿色网格 4列布局 */
.main-m3 {
  display: grid;
  grid-template-columns: repeat(4, 240px);
  gap: 10px;
}

img,.box240,.box-top,.box-left,.box-right,.sideMenu,.box740490,.box490240,.container,.content,.float-btn,.product-item,.sidebox{border-radius:6px;}

.box240{width: 240px;height: 240px;aspect-ratio: 1 / 1; overflow: hidden; position:relative;}
.box240in{width:100%;aspect-ratio:1 / 1;display:flex;flex-direction:column;gap:10px;}
/* 顶部240×155 */
.box-top{flex:155 1 0;background:#f3f3f3;display:flex;justify-content:center;align-items:center;text-align:center;}
.box-top>img{ height: 100%}
/* 下方整体 */
.box-bottom{flex:75 1 0;display:flex;gap:10px;}
/* 左侧75×75 */
.box-left{flex:75 1 0;background:#f3f3f3;display:flex;justify-content:center;align-items:center;text-align:center;}
/* 右侧155×75 */
.box-right{flex:155 1 0;background:#f3f3f3;display:flex;justify-content:center;align-items:center;text-align:center;}


.carbox{display: flex; /* 开启弹性布局 */
  justify-content: space-between; /* 左右两端对齐，左右分开 */
  align-items: center; /* 垂直居中 */
  gap: 10px; /* 两个div之间间距 */  font-size: 12px; padding:20px 0; color: #444;} 
.carbox .icon-wuliu{ font-size: 12px; margin-right: 4px;}
.carboxl {
  /* 左边内容长，自动收缩，空间不够自动换行 */
  flex: 1;
}
.carboxr {
  white-space: nowrap; /* 右边文字不换行，保持一行 */
}
.carboxl,.carboxl,.carboxr { height: 16px; line-height: 16px;}
.carboxl .fa {
  margin-right: 4px;
  vertical-align: middle;
  font-size:12px;
}
.carboxl .green{color: #00A67C; margin-right: 8px;}
/* 二维码触发器：必须relative，给子元素absolute做参照 */
.qrcode-wrap{
  position: relative;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap:4px;
}
/* 向下箭头微调 */
.qrcode-wrap .fa-caret-down{
  font-size:12px;
}
.qrcode-wrap .iconfont{ font-size: 13px;}
.carboxr .yjdf{ font-weight: 600;}
/* 默认隐藏二维码盒子，定位在元素下方 */
.carboxr .qyvx{
  position:absolute;
  left:0;
  top:100%;
  transform:translateX(-50%);
  margin-top:8px;
  z-index:999;
  background:#fff;
  padding:10px;
  border:1px solid #eee;
  border-radius:4px;
  box-shadow:0 2px 12px rgba(0,0,0,0.12);
  opacity:0;
  visibility:hidden;
  transition: all 0.2s;width: 150px; height: 150px;
}
.carboxr.qyvx img{
  display:block;
}
/* 鼠标悬浮显示二维码 */
.qrcode-wrap:hover .qyvx{
  opacity:1;
  visibility:visible;
}
.qrcode-wrap a:hover{text-decoration: none;color: #00A67C; }
@media screen and (max-width:1089px) {.carbox{ margin: 0 20px;}}


/*  商品分类手风琴 */
.sideMenu {width: 100%;margin: 0;border: 1px solid #e5e5e5;background: #fff;box-sizing: border-box; overflow: hidden;}
/* 一级分类 */
.sideMenu h3 {position: relative;width: 100%;height: 42px;line-height: 42px;margin: 0;padding: 0 42px 0 15px;border-top: 1px solid #e5e5e5;background: #f5f5f5;box-sizing: border-box;font-size: 15px;font-weight: normal;font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;color: #333;cursor: pointer;}
/* 第一个一级分类 */
.sideMenu h3:first-child {border-top: 0;}
/* 右侧 + / - */
.sideMenu h3 em {position: absolute;right: 0;top: 0;display: block;width: 42px;height: 42px;line-height: 40px;text-align: center;font-size: 20px;font-family: Arial, sans-serif;font-style: normal;font-weight: normal;color: #999;cursor: pointer;}
/* 默认显示 + */
.sideMenu h3 em:before {content: "+";}
/* 展开以后显示 - */
.sideMenu h3.on em:before {content: "−";}
/* 没有子分类 */
.sideMenu h3.noSub {padding-right: 15px;}
/* 二级分类 */
.sideMenu ul {display: none;margin: 0;padding: 8px 15px;background: #fff;box-sizing: border-box;}
/* 二级分类 */
.sideMenu ul li {width: 100%;height: 34px;line-height: 34px;margin: 0;padding: 0;list-style: none;border-bottom: 1px dotted #e5e5e5;}
/* 最后一个不要虚线 */
.sideMenu ul li:last-child {border-bottom: 0;}
/* 二级分类链接 */
.sideMenu ul li a {display: block;width: 100%;height: 34px;line-height: 34px;color: #666;text-decoration: none;box-sizing: border-box;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/* 鼠标经过 */
.sideMenu ul li a:hover {color: #111;}
/* 当前二级分类 */
.sideMenu ul li.active a {color: #111;font-weight: bold;}
/* 当前一级分类 */
.sideMenu h3.on {background: #eeeeee;}
.sideMenu h3.on a {color: #111;}


/* =========================================
   商品轮播 - 独立命名
========================================= */
.miao-product-gallery {
    position: relative;
    width: 100%;
    overflow: hidden; float: left;
}

.miao-product-gallery .swiper-slide {
    width: 100%;
}

.miao-product-gallery img {
    display: block;
    width: 100%;
    height: auto;
}

.miao-gallery-count {
    position: absolute;
    right: 15px;
    bottom: 15px;
    z-index: 10;

    min-width: 44px;
    height: 28px;
    line-height: 28px;

    padding: 0 10px;

    border-radius: 15px;

    background: rgba(0,0,0,.55);

    color: #fff;
    font-size: 13px;
    text-align: center;
}


/* 手机端 */
@media screen and (max-width:1089px) {

    .miao-product-gallery {
        width: 100%;
        aspect-ratio: 1 / 1;
        background: #f5f5f5;
    }

    .miao-product-gallery .swiper-wrapper,
    .miao-product-gallery .swiper-slide {
        height: 100%;
    }

    .miao-product-gallery img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

}


/* PC端 */
@media screen and (min-width:1090px) {

    .miao-product-gallery {
    }

    .miao-product-gallery img {
        width: 100%;
        height: auto;
    }

}
.miao-gallery-prev,
.miao-gallery-next {
    position: absolute;
    top: 50%;
    z-index: 20;

    width: 42px;
    height: 42px;

    margin-top: -21px;

    border-radius: 50%;


    cursor: pointer;
}

.miao-gallery-prev {
    left: 15px;
}

.miao-gallery-next {
    right: 15px;
}

.miao-gallery-prev:after,
.miao-gallery-next:after {
    content: '';
    position: absolute;
    top: 50%;

    width: 10px;
    height: 10px;

    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

.miao-gallery-prev:after {
    left: 18px;
    transform: translateY(-50%) rotate(-135deg);
}

.miao-gallery-next:after {
    right: 18px;
    transform: translateY(-50%) rotate(45deg);
}


/* 手机端隐藏左右箭头 */
@media screen and (max-width:768px) {

    .miao-gallery-prev,
    .miao-gallery-next {
        display: none !important;
    }

}



/* 红色商城购买 */
.miao-store-buy{width:70%;height:65px;border:0;background:#ef3434;color:#fff;display:flex;align-items:center;padding:0 20px;cursor:pointer;box-sizing:border-box;position: relative;}
.miao-store-buy::after{
content: "\e601";
    font-family: "iconfont";/*替换成你的字体图标名称*/
    position: absolute;
    right: 20%;
    top: 10%;
    transform: translateY(-50%) rotate(30deg);opacity: 0.15; font-size: 60px;
}

/* 新增：价格组容器，垂直上下排列 */
.miao-store-buy .price-wrap{
    display:flex;
    flex-direction:column;
    line-height:1.2;
    margin-right:8px; text-align: left;
}
/* 价格 */
.miao-store-buy .price{font-size:18px;position: relative; margin-bottom: 3px;}
/* 原价 */
.miao-store-buy del{font-size:11px;color:#ffd6d6;}
/* 按钮文字 */
.miao-store-buy .text{font-size:18px;white-space:nowrap;margin-left:auto;}

/* 淘宝购买 */
.taobao-buy{width:30%;height:65px;background:#ff5000;color:#fff;display:flex;justify-content:center;align-items:center;text-decoration:none;font-size:16px;box-sizing:border-box;}
.taobao-buy:hover{text-decoration: none; color: #fff;}



        /* 外层包裹容器，限制整体宽度 */
        .container {
            /* 窗口>1490 默认宽度1490px，水平居中 */
             padding: 30px;
            margin: 0 auto;
            display: flex; background-color: #fff;
        }

        /* 左侧区域：固定200px，禁止压缩 */
        .left-black {
            flex: 0 0 240px;
            color: #666; overflow: hidden;
        }
        /* 右侧区域：自适应剩余宽度 */
        .right-red,.content{
            flex: 1;
            background-color: #fff;color: #666; padding:0; overflow: hidden;
        }
        /* 产品货架网格容器：一行4列，间距20px */
        .product-grid {
            display: grid;
            /* 均分4份，自动适配父容器宽度 */
            grid-template-columns: repeat(4,1fr);
            gap: 10px; /* 货架横向、纵向间隔统一10px */
        }
  /* 链接重置，去掉下划线 */
        .product-link {
            text-decoration: none;
            display: flex;
        }

.sidebox{margin-bottom:20px;padding:20px 0;word-break:break-all;background:#fff;}.sidebox dt{margin-bottom:10px;padding:0 0 10px;font-size:15px; color: #333; border-bottom:1px solid #e4e8eb; font-weight: 700;}.sidebox dd{line-height:30px}.sidebox dd ul{overflow:hidden;zoom:1}.sidebox dd ul::after{content:"";display:block;clear:both}.sidebox dd li{border-bottom:1px dotted #e4e8eb}.sidebox dd a{font-size:12px;color:#333}.sidebox dd a:hover{color:#0188fb}


/* 鼠标悬浮也不出现下划线 */
.product-link:hover {text-decoration: none;}
/* 单个货架容器：弹性垂直布局，图片在上标题在下 */
.product-item {background: #fff;overflow: hidden;min-height: 260px;display: flex;flex-direction: column;width: 100%;cursor: pointer;transition: all 0.2s ease;padding: 0;}
.product-item .istop::before{content:"\e63e";font-size:19px;color:#fd5320;font-family:iconfont;font-weight:normal;vertical-align:0;margin-right: 3px;}
.product-item .shops::before{content:"\e664";font-size:15px;color:#fd5320;font-family:iconfont;font-weight:normal;vertical-align:0;margin-right: 5px;}
/* 悬浮轻微放大，增强点击感知 */
.product-item img:hover {transform: scale(1.02);box-shadow: 0 4px 12px rgba(0,0,0,0);}
/* 货架图片自适应核心样式 */
.product-img-box img {width: 100%;height: 100%;object-fit: cover;display: block;border: 1px solid #f6f7f8;}
/* 底部标题样式 */
.product-title {padding:12px 0 0 0;text-align:left;font-size: 14px;color: #333;background: #fff;line-height: 18px;}
/*购买按钮样式，可自行改颜色大小*/
.buy-btn{display:inline-block;padding:10px 24px;background:#e53935;color:#fff;border-radius:6px;cursor:pointer;margin:0 0 20px 0;border:none;font-size:16px;}
/*遮罩层*/
.mask-popup{position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.65);z-index:9999;display:none;align-items:center;justify-content:center;}
/*弹窗盒子*/
.pop-box{background:#fff;padding:24px;border-radius:10px;text-align:center;max-width:320px;width:100%;}
.pop-box img{width:240px;height:auto;margin:12px 0;}
.pop-close{margin-top:10px;padding:6px 18px;background:#666;color:#fff;border-radius:4px;border:none;cursor:pointer;}
.tagi span{margin-right: 5px;    margin-bottom: 5px;
    display: block;
    float: left;
    min-width: 20px;
    line-height: 12px;    border-radius: 3px;
    box-shadow: 0 1px 1px 0 #f5f5f5;
    border: 1px solid #999;
    padding: 1px 3px;}
.tagi span:hover{background: #fae6c3}
.tagi span a:hover{text-decoration: none; color: #111;}


.product-title a{ text-decoration: none; font-weight: 700;}
.tags-list-product{ margin-top: 5px;}
.tags-list-product span{ margin-right: 3px;font-size:10px;line-height:12px; display:inline-block;}
.tags-list-product span a{padding:0 2px; display: block;width: 100%;height: 100%;color:#666; border: 1px solid #888; overflow: hidden;}
.tags-list-product span a:hover{text-decoration: none; color: #fd5320;border: 1px solid #fd5320;}
.schwords{color: #fd5320;}

.w740,.bn{width:740px;}
.w490{width:490px;}
.w240{width:240px;}
.h490{height:490px;}
.h240{height:240px;overflow: hidden;}
.h115{height:115px;}

	/* 240x240 轮播*/
	.ad-240-240 { position: relative; width:240px; height:240px; overflow: hidden; }
	.ad-240-240 .pic img { width:100%; height:100%; display: block; }
	.ad-240-240 .hd { overflow:hidden; zoom:1; position:absolute; bottom:10px; right:15px; z-index:3}
	.ad-240-240 .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:10px; height:10px;cursor:pointer; overflow:hidden; background:#333; margin-left:4px; filter:alpha(opacity=100); opacity:1; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }
	.ad-240-240 .hd .on{ background:#fff; filter:alpha(opacity=100);opacity:1; }

	.ad-240-240 .prev,
	.ad-240-240 .next { width:14px; height:27px; position:absolute; top:91px; z-index:3; filter:alpha(opacity=1); -moz-opacity:1; opacity:1; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
	.ad-240-240 .prev { background-image:url(../img/ico.png); background-position:0 0; left:10px }
	.ad-240-240 .next { background-image:url(../img/ico.png); background-position:-15px 0; right:10px }
	.ad-240-240 .prev:hover,
	.ad-240-240 .next:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1 }
	
	/* 740x490 轮播*/
	.ad-740-490 { position: relative; width:740px; height:490px; overflow: hidden; }
	.ad-740-490 .pic img { width:740px; height:490px; display: block; }
	.ad-740-490 .hd { overflow:hidden; zoom:1; position:absolute; top:20px; right:25px; z-index:3}
	.ad-740-490 .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:13px; height:13px; border-radius:30%;cursor:pointer; overflow:hidden; background:#fff;margin-left:4px; filter:alpha(opacity=100);/* 删掉这行 opacity:1; */-webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;opacity: 0.4; }
	.ad-740-490 .hd .on{ background:#333; filter:alpha(opacity=100);opacity:1;   }

	.ad-740-490 .prev,
	.ad-740-490 .next { width:28px; height:56px; position:absolute; top:210px; z-index:3; filter:alpha(opacity=1); -moz-opacity:1; opacity:1; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
	.ad-740-490 .prev { background-image:url(../img/ico.png); background-position:-31px 0; left:10px }
	.ad-740-490 .next { background-image:url(../img/ico.png); background-position:-59px 0; right:10px }
	.ad-740-490 .prev:hover,
	.ad-740-490 .next:hover { filter:alpha(opacity=100); -moz-opacity:1; opacity:1 }
    
    .moBox-4look,.moBox-4time,.moBox-4category{width: auto; right: 10px; overflow: hidden; color: #333; z-index:5; font-size: 0.65rem;opacity: 0.4; /* 半透明 */text-align: right;}
    .moBox-4look{  top: 10px;}
    .moBox-4time{ top: 25px; }
    .moBox-4category{ bottom: 10px;   }

        .box4 {
            display: grid;
            /* 两个115px格子，中间间距10px 115+10+115=240 */
            grid-template-columns: 115px 115px;
            grid-template-rows: 115px 115px;
            gap: 10px;
        }
        .box4-1 {
            width: 115px;
            height: 115px;
            background-color: #eee;
        }

.co {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto 0 0;
    padding: 10px 20px;
    color: #888;
    width: 100%; 
}
.co a{color: #888; margin-right:3px;}
.co > div {
  flex: 1; font-size: 10px; overflow: hidden;
}
.co span{ font-size:6px; color: #999;}

.wrap480left {
    flex: 0 0 60%;  /* 基准60%，不放大不缩小 */
	box-sizing: border-box; padding-right: 20px;
}
.wrap480right {
    flex: 0 0 40%;  /* 基准40%，不放大不缩小 */
    padding-left: 15px;
    border-left: 1px solid #eee;
    box-sizing: border-box; /* 关键！padding、border算进40%宽度内 */
}

.wrap480left h3,.wrap480right h3{ font-size: 16px; margin-bottom: 6px;font-family: "Noto Serif SC", Georgia, serif;font-weight: 700;}
.wrap480left ul li{ line-height: 23px;display: list-item;list-style-position: outside;list-style-type: disc; margin-left: 15px;}
.wrap480left ul li a{ color:#333; font-size: 12px;}
.miaowrap{ margin-top: 10px;}
/* banner Swiper容器核心样式 */
        .miaowrap .swiper {
            /* PC固定尺寸 740*490 */
            width: 740px;
            height: 490px;
            overflow: hidden;
        }
        .swiper-slide {
            width: 100%;
            height: 100%;
        }
        .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover; /* 图片等比铺满，不变形 */
        }

        /* 轮播箭头美化 */
        .swiper-button-next,.swiper-button-prev {width: 40px; height: 40px;color: #fff;opacity: 0.4;}
        .swiper-button-next::after,.swiper-button-prev::after {font-size: 16px;color: #fff;}
/* 鼠标悬浮效果（可选） */
.swiper-button-next:hover,
.swiper-button-prev:hover {
    opacity: 1;
}
        /* 分页圆点 */
        .swiper-pagination-bullet {
			width: 11px;    /* 圆点宽度 */
            height: 11px;   /* 圆点高度 */
            border-radius: 50%; /* 圆形 */
            background: #fff;
            opacity: 0.6;
			margin: 0 3px !important; /* 圆点之间左右间距 */
        }
       /* 当前激活的圆点 */
        .swiper-pagination-bullet-active {
            opacity: 1;
            background: #333;opacity: 0.6;
        }
       /* 圆点距离轮播容器底部，数值越大越靠上 */
       .swiper-pagination {bottom: 16px !important;}


/* PC端右侧悬浮容器 */
  .float-sidebar {
      position: fixed;
      right: 10px;
      bottom: 0;
      transform: translateY(-50%);
      z-index: 9999;
      display: flex;
      flex-direction: column;
      gap: 3px;
    }

    .float-item {
      width: 45px;
      height: 45px;
      position: relative; 
    }
    .float-item a:hover { text-decoration: none;}
    .float-btn{
    width: 100%;
    height: 100%;
    color: #444;
    display: grid;
    align-items: start;
    justify-content: center;
    cursor: pointer;
    transition: opacity 0.2s;
    opacity: 0.8;
    align-content: center;
    justify-items: center;
    }
    .float-btn:hover{
      opacity:1;
    }
    .float-item .icon-gouwudai,.float-item .icon-weixin,.float-item .icon-a-44tubiao-167{font-size:18px; text-align: center;}
    .float-item .fs9{font-size: 9px;}
    .float-item i{height: 14px; line-height:16px;}


    .float-btn.service   { background: #eee; }
    .float-btn.wechat    { background: #eee; }

    .qrcode-box {
      position: absolute;
      right: 55px;
      top: 50%;
      transform: translateY(-50%);
      width: 120px;
      height: 120px;
      background: #fff;
      border: 1px solid #eee;
      border-radius: 8px;
      display: none;
      align-items: center;
      justify-content: center;
      box-shadow: 0 2px 14px rgba(0,0,0,0.18);
    }
    /* PC端hover生效 */
    @media (min-width:1089px) {
      .float-item:hover .qrcode-box {
        display: flex;
      }
    }
    /* js控制显示类 */
    .qrcode-box.show{
      display:flex;
    }

    .qrcode-box img {
      width: 100px;
      height: 100px;
      object-fit: cover;
    }

    /* ========== 移动端适配 768px以下 ========== */
    @media (max-width:1089px){
      .float-sidebar{
        top: auto;
        right: 0;
        bottom:0;
        transform:none;
        flex-direction: row;
        gap:5px;
        width:100%;
        justify-content: flex-end;
        padding:5px 12px; background: #fff; border-top: 1px solid #eee;
      }
      .qrcode-box{
        right:50%;
        top:auto;
        bottom:55px;
        transform: translateX(50%);
      }
	.float-item {
      width: 35px;
      height: 35px;
    }
    }



.grid-box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0; background: #f9f9f9; font-size: 11px;    margin-top: 20px;
   padding: 20px 8px; color: #aaa; line-height: 18px;
}
.merge-row {
  grid-column: 1 / -1;
  border-right: none !important; /* 清除右侧边框，解决双线 */
  border-bottom: none;
}
.grid-box > div {
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 2px 10px;
}
.grid-box span{ color: #333;}
/* 4列：清除每行最后一列右边框 */
.grid-box > div:nth-child(4n) {
  border-right: none;
}
/* 清除第12个之后元素的下边框（最后一行） */
.grid-box > div:nth-child(n+13) {
  border-bottom: none;
}

/* >=1590px 大屏4列 */
@media screen and (min-width: 1590px) {
  .grid-box {
    grid-template-columns: repeat(4, 1fr);
  }
}
/* 1090 ~ 1589px 中屏4列 */
@media screen and (min-width: 1090px) and (max-width: 1589px) {
  .grid-box {
    grid-template-columns: repeat(4, 1fr);
  }
}
/* ≤1089px 小屏2列 */
@media screen and (max-width: 1089px) {
  .grid-box {
    grid-template-columns: repeat(2, 1fr);
  }
  /* 2列时偶数项清除右边框 */
  .grid-box > div {
    border-right: 1px solid #eee;
  }
  .grid-box > div:nth-child(2n) {
    border-right: none;
  }
  .merge-row {
    grid-column: 1 / -1;
    border-right: none !important;
  }
}





.buybox-r h1{font-size: 20px;color: #222; margin-bottom: 10px; font-weight: 600;}
.buybox-r .info{font-size: 10px; margin-bottom: 10px;}
.buybox-r .info{margin-bottom:6px;font-size:14px;zoom:1; clear: both;}.buybox-r .info::after{content:"";display:block;clear:both}.buybox-r .user,.buybox-r .date,.buybox-r .cate,.buybox-r .view,.buybox-r .cmt,.buybox-r .edit,.buybox-r .del{margin-right:6px;color:#888; font-size: 10px;}.buybox-r .user::before,.buybox-r .date::before,.buybox-r .cate::before,.buybox-r .view::before,.buybox-r .cmt::before,.buybox-r .edit::before,.buybox-r .del::before{margin-right:2px;font-size:12px;font-family:iconfont;}.buybox-r .user a,.buybox-r .date a,.buybox-r .cate a,.buybox-r .view a,.buybox-r .cmt a,.buybox-r .edit a,.buybox-r .del a{color:#888}.buybox-r .user a:hover,.buybox-r .date a:hover,.buybox-r .cate a:hover,.buybox-r .view a:hover,.buybox-r .cmt a:hover,.buybox-r .edit a:hover,.buybox-r .del a:hover{color:#333}.buybox-r .user:before{content:"\e6a9"}.buybox-r .date:before{content:"\ed06"}.buybox-r .cate:before{content:"\10237"}.buybox-r .view:before{content:"\ec76"}.buybox-r .cmt:before{content:"\e6a8"}.buybox-r .edit:before{content:"\e606"}.buybox-r .del:before{content:"\e60b"}

@media screen and (min-width:1590px) {.header,.container,.ccli,.wrapMiao,.wrap,.footer{ width:1490px;}/* 正方形容器 240*240 */
.box240-1,.box240-2,.box240-3,.box240-4,.box240-5,.box240-6,.box240-7,.box240-8,.box240-9,.box240-10{width: 240px;height: 240px;aspect-ratio: 1 / 1; overflow: hidden; position: absolute;}.box240-1{ left:-250px; top:250px;}.box240-2{ left:-250px; top:0;}.box240-3{ left:-250px; top:500px;}.box240-4{ right:-250px; top:0;}.box240-5{ right:-250px; top:250px;}.box240-6{ right:-250px; top:500px;}.box240-7,.box240-8{ display:none;}.right-red .swiper,.wide .swiper{ width: 350px; height: 350px;}.right-red .swiper img{border-radius:0;}.buybox{height: auto; width: 100%;display: flex;flex-direction: row;gap:30px;}.buybox-l {width: 350px;flex-shrink: 0;overflow: hidden;}.buybox-r {flex: 1;}.miaobuy-box{width:100%;height:65px;display:flex;box-sizing:border-box;}.dsno1{display: none;}}
@media screen and (min-width:1090px) and (max-width: 1589px) {.header,.container,.ad-banner,.ccli,.wrapMiao,.wrap,.footer{ width:990px;}.ad-banner .ad{ width:1490px; left:-250px;}.product-grid {display: grid;/* 均分3份，自动适配父容器宽度 */grid-template-columns: repeat(3,1fr)!important;gap: 10px; /* 货架横向、纵向间隔统一10px */ }.box240,.box240-1,.box240-2,.box240-3,.box240-4,.box240-5,.box240-6,.box240-7,.box240-8,.box240-9,.box240-10{width: 240px;height: 240px;aspect-ratio: 1 / 1; overflow: hidden;}.miaowrap.swiper { width:100%;}.miao-store-buy{width: 70%;}.right-red .swiper{width: 100%;height: 480px} .right-red .swiper img,.content{border-radius:0;}.buybox{height: auto; width: 100%;display: flex;flex-direction: column;}.buybox-l,.buybox-r {width: 100%;}.miaobuy-box{width:100%;height:65px;display:flex;box-sizing:border-box;}.buybox-r h1{padding: 20px 0 0 0;}.dsno2{display: none;}}
@media screen and (max-width: 1089px) {.header,.container,.ad-banner,.ccli,.wrapMiao,.wrap,.footer{ width:100%;}.ad-banner .ad{ width:1490px; left:-250px;}img,.box240,.box-top,.box-left,.box-right,.sideMenu,.box740490,.box490240,.container,.float-btn,.product-item,.sidebox{border-radius:6px;}.right-red .swiper img,.content{border-radius:0;} .sitemap,.left-black {display: none !important;}.logo{margin: 0 auto 0 20px!important;} .product-grid {display: grid;/* 均分2份，自动适配父容器宽度 */grid-template-columns: repeat(2,1fr)!important;gap: 10px; /* 货架横向、纵向间隔统一10px */ } .container {padding:0!important;}.miaowrap {width: 100%;margin-top:10px;}/* 商品红色商城购买按钮 */.miaobuy-box{width:100%;height:65px;display:flex;box-sizing:border-box;}.miao-store-buy{flex:1;width:auto;padding:0 20px;}.miao-store-buy .price{font-size:15px;}.miao-store-buy .text{font-size:18px;}.taobao-buy{width:75px;flex-shrink:0;font-size:12px;} 
.main-m1 {flex-direction: column;}.m1-240x2 {flex-direction: row;width: 100%;}.main-m2 {flex-direction: column;width: 100%;}.box740490,.box240 {width: 100%;height: auto;flex: 1;}
.box490240 {width: 100%;height: auto;}.main-m3 {grid-template-columns: repeat(2, 1fr);}.box240,.box240-1,.box240-2,.box240-3,.box240-4,.box240-5,.box240-6,.box240-7,.box240-8,.box240-9,.box240-10{width: 100%;height: auto; flex: 1;} .miaowrap .swiper {width: 100%;/* 按 740:490 比例计算高度：height = width * (490/740) */height: calc(100vw * 490 / 740);}.wrap480left {
flex:1;padding-right: 0;}.wrap480right,.swiper-button-next,.swiper-button-prev {display: none;}.swiper-pagination-bullet{height: 8px; width: 8px;margin: 0 2px !important;}.footer{padding:20px!important;}.co {padding: 10px 0;}.co > div{padding:0 20px;}.buybox{height:auto; width: 100%;display: flex;flex-direction: column;}.buybox-l,.buybox-r {width: 100%;}.buybox-r h1{font-size: 18px; line-height: 24px; color: #222; margin-bottom:0;padding:15px 20px 0 20px;}.buybox-r .info{padding:5px 20px 0 20px;}.grid-box{ margin:0;}.dsno2{display: none;}}