/* (c) https://miao.store/
 * setTime: 2014-08-28
 * version: 1.0.0
 * author: TOM·G <miaostore@foxmail.com>

 * 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", sans-serif;*line-height:1.5;}
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,img{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; }
audio:not([controls]) {display:none; }
[hidden] {display:none;}




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

/* 定位 相对/绝对 */
.porel,.ad-banner{position:relative;}
.poabs,.ad-banner .ad,.mainBox .moBox-3,.mainBox .moBox-4,.mainBox .moBox-5,.mainBox .moBox-6,.mainBox .moBox-7,.mainBox .moBox-8,.mainBox .moBox-9,.mainBox .moBox-10{position:absolute;}

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

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

@font-face {
  font-family: 'iconfont';  /* Project id 5220196 */
  src: url('//at.alicdn.com/t/c/font_5220196_10wm52axjnj9.woff2?t=1786024363606') format('woff2'),
       url('//at.alicdn.com/t/c/font_5220196_10wm52axjnj9.woff?t=1786024363606') format('woff'),
       url('//at.alicdn.com/t/c/font_5220196_10wm52axjnj9.ttf?t=1786024363606') format('truetype');
}
/* 对齐方式 */
.l,.mainBox .moBox-1 .bn,.mainBox .moBox-1 .bnR,.mainBox .moBox-2 .bd,.mainBox .moBox-2 .bd2{float:left;}
.r{float:right;}
.cen,.mainBox{margin:0 auto;}

.logo{ height:70px;  margin:0 auto;}
.logo-img {
    width: 100px;
    height: 51px;
}
.nav{}
.nav ul{padding-top: 20px;}
.nav ul li{ float: left; margin-left: 25px;}
.nav a{ color: #333;}

/* 基础模块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;}
.footer{padding-top: 20px; color: #666;margin:0 auto; overflow:hidden;  color: #999;}
.mainBox{ width:990px; position:relative;}
@media screen and (min-width:1590px) {.header,.container,.ad-banner,.ccli,.wrapMiao,.wrap,.footer{ width:1490px;}.ad-banner .ad{ width:1490px; left:0;}.mainBox{height:750px;}.mainBox .moBox-3{ left:-250px; top:250px;}.mainBox .moBox-4{ left:-250px; top:0;}.mainBox .moBox-5{ left:-250px; top:500px;}.mainBox .moBox-6{ right:-250px; top:0;}.mainBox .moBox-7{ right:-250px; top:250px;}.mainBox .moBox-8{ right:-250px; top:500px;}.mainBox .moBox-9,.mainBox .moBox-10{ display:none;}}
@media screen and (min-width:1px) and (max-width: 1589px) {.header,.container,.ad-banner,.ccli,.wrapMiao,.wrap,.footer{ width:990px;}.ad-banner .ad{ width:1490px; left:-250px;}.mainBox{height:1250px;}.mainBox .moBox-3{ left:0; top:750px;left:250px; top:750px;}.mainBox .moBox-4{ left:0; top:750px; }.mainBox .moBox-5{ left:500px; top:750px;}.mainBox .moBox-6{left:750px; top:750px;}.mainBox .moBox-7{ left:0; top:1000px;}.mainBox .moBox-8{ left:250px; top:1000px;}.mainBox .moBox-9{ display: block; left:500px; top:1000px;}.mainBox .moBox-10{ display: block; left:750px; top:1000px;}}

.mainBox .moBox-1,.mainBox .moBox-2{width:100%; overflow:hidden;} .wrapMiao{ margin: 0 auto; }


        /* 外层包裹容器，限制整体宽度 */
        .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;
        }
        /* 产品货架网格容器：一行4列，间距20px */
        .product-grid {
            display: grid;
            /* 均分4份，自动适配父容器宽度 */
            grid-template-columns: repeat(4,1fr);
            gap: 10px; /* 货架横向、纵向间隔统一20px */
        }
  /* 链接重置，去掉下划线 */
        .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;
			margin-bottom: 20px;
        }
.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:16px;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;
}


.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,.mainBox .moBox-2 .bd2{width:490px;}
.w240,.bnR,.mainBox .moBox-1 .bn .bnR .bd,.mainBox .moBox-2 .bd,.mainBox .moBox-3,.mainBox .moBox-4,.mainBox .moBox-5,.mainBox .moBox-6,.mainBox .moBox-7,.mainBox .moBox-8,.mainBox .moBox-9,.mainBox .moBox-10,.mainBox .moBox-2 .bd .sbd{width:240px;}
.h490,.mainBox .moBox-1,.mainBox .moBox-1 .bn,.mainBox .moBox-1 .bnR{height:490px;}
.h240,.mainBox .moBox-2,.mainBox .moBox-1 .bn .bnR .bd,.mainBox .moBox-2 .bd,.mainBox .moBox-3,.mainBox .moBox-4,.mainBox .moBox-5,.mainBox .moBox-6,.mainBox .moBox-7,.mainBox .moBox-8,.mainBox .moBox-9,.mainBox .moBox-10{height:240px;overflow: hidden;}
.mainBox .moBox-2 .h240 img,.mainBox .moBox-4 img,.mainBox .moBox-5 img,.mainBox .moBox-6 img,.mainBox .moBox-7 img,.mainBox .moBox-8 img,.mainBox .moBox-9 img,.mainBox .moBox-10 img{ transition: transform 0.3s ease;transform-origin: center center; /*从中心放大*/}
.mainBox .moBox-2 .h240:hover img,.mainBox .moBox-4:hover img,.mainBox .moBox-5:hover img,.mainBox .moBox-6:hover img,.mainBox .moBox-7:hover img,.mainBox .moBox-8:hover img,.mainBox .moBox-9:hover img,.mainBox .moBox-10:hover img{ transform: scale(1.08);}
.mainBox .moBox-4 a,.mainBox .moBox-5 a,.mainBox .moBox-6 a,.mainBox .moBox-7 a,.mainBox .moBox-8 a,.mainBox .moBox-9 a,.mainBox .moBox-10 a{ color: #777;}

.h115,.mainBox .moBox-2 .bd .sbd{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; height: 16px; right: 10px; overflow: hidden; color: #333; z-index:5; font-size: 10px;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: #eeeeee;
        }

        .wrap480 {
            width: 490px;
            height: 300px;
            padding: 20px 25px;
            box-sizing: border-box;
            display: flex;
            gap: 0;
        }
        .wrap480left {
            width: 280px;
            flex-shrink: 0; margin-right: 20px;
        }
        .wrap480right {
            flex: 1;
            margin-left: auto;
        }
.wrap480left h3,.wrap480right h3{ font-size: 16px; margin-bottom: 6px;font-family: "Noto Sans SC", sans-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;}