@charset "UTF-8";
:root{--color-primary:#ff9900;--color-primary-hover:#e68a00;--color-secondary:#e9280c;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--color-text-primary:#3e3e3e;--color-text-secondary:#818181;--color-text-muted:#999;--color-bg:#fff;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:3px;--radius-md:5px;--radius-lg:8px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px rgba(0,0,0,0.1);--transition-fast:0.15s ease;--transition-normal:0.3s ease;--font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';--font-size-base:14px;--line-height-base:1.6}
a:focus,a:active,a:hover,
button:focus,button:active,
input:focus,input:active,
select:focus,select:active,
.nav-tabs>li>a:focus,.nav-tabs>li>a:active,
.nav-pills>li>a:focus,.nav-pills>li>a:active,
.btn:focus,.btn:active,.btn.active,
.tab-content:focus,.tab-pane:focus,
.slick-arrow:focus,.slick-arrow:active,
.owl-prev:focus,.owl-next:focus,
.carousel-control:focus,.carousel-control:active{outline:none !important;border:none !important;box-shadow:none !important;text-decoration:none !important;}
.met_clear{clear:both;width:100%;height:1px}
.met_none{display:none}
.met_fl{float:left}
.met_fr{float:right}
.met_editor{line-height:2}
.met_editor a{color:#1c57c4}
.met_editor a:hover{text-decoration:underline}
.met_editor img{max-width:100%;border-radius:5px}
.met_editor span a{background:#ff9900;margin-right:5px;border-radius:3px;color:#fff;padding:0 5px}
.met_editor blockquote{padding-top:5px;padding-bottom:5px;padding-left:15px;border-left:4px solid #ddd}
.met_editor hr{display:block;padding:0;border:0;height:0;border-top:1px solid #ddd;margin:20px 0;box-sizing:content-box}
.met_editor .metvideobox{text-align:center;margin:10px auto}
.met_editor .video-js{max-width:100%}
.met_editor table{width:100%!important;margin-bottom:1.6rem;border-spacing:0!important;border-collapse:collapse!important;padding:0!important;border:0}
.met_editor table td{border:1px solid #ddd!important}
.tem_head{min-height:80px}
.tem_head h1 img,.tem_head h2 img{position:relative;font-size:0}
header h1{display:inline-block}
.head-nav{height:42px;line-height:42px;margin-top:5px}
.head-nav ul{margin:0;padding:0;list-style:none}
.head-nav ul li{position:relative;float:left;margin-left:8px}
.head-nav ul li a{display:block;padding:10px 15px;font:1rem/22px "Microsoft YaHei"}
.head-nav ul li a:hover{color:#ff9900}
.head-nav ul li a.navdown{color:#ff9900;font-weight:bold}
.head-nav ul li a.navdown:hover{color:#ff9900}
.head-nav ul li dl{position:absolute;top:42px;left:0;z-index:99;display:none;width:500px;background:#f3f4f5;border-radius:0 0 5px 5px;box-shadow:0 0 6px rgba(0,0,0,.2);float:left;padding-bottom:10px;height:210px;overflow:hidden}
.head-nav ul li dl dd{float:left;padding:5px 0;width:120px}
.head-nav ul li dl dd h3,.head-nav ul li dl dd p{height:25px;overflow:hidden}
.head-nav ul li dl dd a{text-align:left;font-size:14px;padding:0 0 0 10px;height:25px;line-height:25px}
.head-nav ul li dl dt{float:right;overflow:hidden;padding:15px 10px 0 0;width:380px;height:200px;font-size:0}
.head-nav ul li dl dt img{width:370px;height:200px}
.head-nav ul li dl dd i{position:absolute;top:-14px;left:50px;z-index:100;width:100%;color:#f3f4f5;font-size:22px}
.head-nav ul li dl.tem_pronoaw{width:auto}
.head-nav ul li dl.tem_pronoaw dd{width:auto}
.head-nav ul li dl.tem_pronoaw dd div{float:left;padding:0 20px;min-width:100px}
.head-nav ul li dl.tem_pronoaw dd div h3{margin-bottom:5px;border-bottom:1px solid #888;font-weight:normal}
.head-nav ul li dl.tem_pronoaw dd div p a{margin:0}
.fix-header-nav{position:fixed;top:0;width:100%;height:75px;border-bottom:2px solid #ff9900;background:#fff;z-index:999999}
.fix-header-nav .min-logo{float:left;width:185px;height:70px;overflow:hidden}
.fix-header-nav .head-nav{margin:0 auto}
.fix-header-nav .head-nav ul{float:left;margin-top:15px;margin-left:40px}
.fix-header-nav .head-nav ul li{margin-left:0}
.fix-header-nav .head-nav ul li.nav-home{display:none}
.header-nav .min-logo,.header-nav .min-search{display:none}
.tem_banner{position:relative;overflow:hidden;background:#fafafa}
.tem_banner li{list-style:none}
.tem_banner ul li{float:left;background-position:center center;background-repeat:no-repeat}
.tem_banner ul li a{display:block;width:100%;height:100%}
.tem_banner ul li img{height:auto}
.tem_banner .flex-control-nav{position:absolute;right:0;bottom:20px;left:0;text-align:center}
.tem_banner .flex-control-nav li{margin:0}
.tem_banner .flex-control-nav li a{display:inline-block;margin:0 6px;width:10px;height:10px;border:1px solid #fff;border-radius:10px;text-indent:-999em;cursor:pointer;background:none}
.tem_banner .flex-control-nav li a.flex-active{background:#fff}
.tem_banner .flash{z-index:8888}
.tem_banner .flash img{width:100%!important}
.tem_index_title{margin:0 0 20px;border-bottom:1px solid #ccc;text-align:center;font-weight:normal;font-size:22px}
.tem_index_title span{position:relative;top:2px;display:inline-block;padding:10px 15px;border-bottom:4px solid #666}
.tem_index_title p{color:#8c8c8c;font-weight:normal}
.tem_index_more{clear:both;margin:0 auto;padding-top:10px;padding-bottom:20px;width:200px;text-align:center}
.tem_index_more a{display:block;height:40px;background:#e9280c;color:#fff;font-weight:normal;font-size:14px;line-height:40px}
.tem_index_more a:hover{background:#d82208;color:#fff}
.about_pheromones,.index_flm-media{background:url(../about_bg.jpg) no-repeat center 40px}
.about-box-one{min-height:420px}
.flm-about-zc{background:url(../flm-title.jpg) no-repeat top left;width:100%;float:left}
.flm-about-zc .flm-zc{float:left}
.flm-about-zc .flm-zc-l{width:22%;margin-top:130px}
.flm-about-zc .flm-zc-l li{display:block;width:100%;margin-bottom:10px}
.flm-about-zc .flm-zc-l li em{display:inline-block;width:30px;height:30px;background:#ff9900;color:#fff;font-size:18px;text-align:center;line-height:30px;margin-right:5px;border-radius:50%;font-style:normal}
.flm-about-zc .flm-zc-l li span{font-size:18px;font-weight:bold}
.flm-about-zc .flm-zc-l li p{padding-left:2.6em}
.flm-about-zc .flm-zc-l li a{color:#ff9900}
.flm-about-zc .flm-zc-m{width:60%;text-align:center;padding-top:80px; max-height: 651px;}
.flm-about-zc .flm-zc-m img{width:100%}
.flm-about-zc .flm-zc-r{width:17.98%}
.flm-about-zc .flm-zc-r .man{margin-bottom:20px}
.flm-about-zc .flm-zc-r .xxs p{text-align:center;margin:5px 0}
.flm-about-zc .flm-zc-r .xxs p img{padding:1px;border:1px dashed #aaa;border-radius:3px}
.flm-about-zc .flm-zc-r h5{text-align:center;font-size:18px}
.flm-about-zc .flm-zc-r .xxs-info{line-height:25px}
.FlmBox .met_index_title{line-height:25px;padding-bottom:5px;margin-bottom:10px;border-bottom:1px dashed #eee}
.FlmBox .met_index_title em{padding:0 10px 2px;color:#fff;background:#ff9900;border-radius:10px;margin-left:20px;font-style:normal;font-weight:normal}
.FlmBox .sideIcon{display:block;height:24px;width:8px;margin-right:5px}
.FlmBox .item-name{font-size:1rem;font-weight:normal}
.FlmBox .checkMoreArchor{position:absolute;height:13px;width:13px;right:0;top:6px;background:url(../MoreArchor.png) center center no-repeat;background-size:contain}
.col-auto{width:23.99%;float:right;margin-left:1%}
.recNewsTitle{height:30px;line-height:30px;border-bottom:1px dotted #ddd;margin-bottom:4px}

.recNewsTitle .viewNews{font-size:15px}
.changeNews{position:relative}
.tem_index_about_cont{margin-right:25px;padding-bottom:20px}
.tem_index_about_txt{line-height:24px;}
.tem_index_about_txt p{text-indent:2em}
.tem_index_about_img{float:right;overflow:hidden;width:45%;height:227px;font-size:0}
.tem_index_about_video{float:left;overflow:hidden;width:350px;height:200px;margin:0 10px 10px 0;border-radius:5px}
/* 父容器：基于Bootstrap flex布局，占100%宽度 */
.FlmBox .ratio-container {
      display: flex; /* 等价于Bootstrap的d-flex类 */
      width: 100%;   /* 占满父级宽度 */
      gap: 0;        /* 列之间无间距，如需间距可设为0.5rem等 */
      box-sizing: border-box; /* 确保内边距不影响100%宽度 */
    }
    /* 左列：65%宽度 */
.FlmBox .ratio-container .col-65 {
      width: 70%;
      border-radius: 0.5rem;
      margin-right: 2%;
    }
    /* 右列：35%宽度 */
.FlmBox .ratio-container .col-30 {
      width: 28%;
      background-color: #F9F6F0;
      padding: 0.5rem 1.5rem;
      border-radius: 0.5rem;
    }

.flm-r-list ol li img{display:none}
.tem_index_about_img ul{float:left;overflow:hidden;width:70%;height:227px;list-style:none}
.tem_index_about_img .tem_index_about_img_noe{float:none;width:100%}
.tem_index_about_img ul li{padding:4px;border:1px solid #eee}
.tem_index_about_img ul img{width:100%;height:217px}
.tem_index_about_img ol{float:right;overflow:hidden;width:30%;list-style:none}
.tem_index_about_img ol li{position:relative;margin-bottom:8px;margin-left:20px;padding:4px;border:1px solid #eee}
.tem_index_about_img ol img{width:100%;height:60px;cursor:pointer}
.tem_index_about_img ol li.tem_now{background:#eee}
.tem_index_about_img ol li i{position:absolute;top:26px;left:-8px;display:none;color:#eee;font-size:20px}
.tem_index_about_img ol li.tem_now i{display:block}
.tem_index_about_img ol li.tem_hover{background:#eee}
.tem_index_product ul{list-style:none}
.tem_index_product ul li{float:left;overflow:hidden;margin-bottom:30px;text-align:center}
.tem_index_product ul li.col-5-item{ width: 20%; /* 100% / 5 = 20%，精准均分 */
box-sizing: border-box; /* 确保内边距不超出宽度 */}
.tem_index_product ul li a{display:block;padding: 1rem;
      border-radius: 0.5rem;background:#fff;text-align:center;font-size:14px;}
.tem_index_product ul li h2{padding:10px;background:#8c989f;color:#fff;text-align:left;font-weight:normal;font-size:14px}
.tem_index_product a img{transition:all .5s}
.tem_index_product a:hover img{opacity:.5}
.tem_index_news_tab{display:inline-block;margin:0 0 10px;height:37px;border-right:1px solid #8c989f;list-style:none;line-height:37px}
.tem_index_news_tab li{float:left}
.tem_index_news_tab li h3{padding:0 40px;height:35px;border:1px solid #8c989f;border-right:0;font-weight:normal;line-height:35px;cursor:pointer}
.tem_index_news_tab li.flex-active h3{background:#8c989f;color:#fff}
.tem_index_news_tab li:hover h3{background:#8c989f;color:#fff}
.tem_index_news_list{margin:20px 0 0}
.tem_index_news_list li{float:left;overflow:hidden;width:50%;list-style:none;text-align:left}
.tem_index_news_list li a{display:block}
.tem_index_news_list li dl{margin-right:10px;padding-top:21px;height:115px}
.tem_index_news_list li dl.tem_even{margin-right:0;margin-left:10px}
.tem_index_news_list dt{position:relative;float:left;overflow:hidden;width:100px;height:115px;border-bottom:1px solid #e7e8ed;font-size:0}
.tem_index_news_list dt img{margin-left:10px;width:90px;height:90px;border-radius:60px}
.tem_index_news_list dd{float:left;margin-left:-100px;width:100%}
.tem_index_news_list dd a{padding:0 10px}
.tem_index_news_list_txt{margin-left:100px;height:115px;border-bottom:1px solid #e7e8ed}
.tem_index_news_list_txt h3{overflow:hidden;margin-bottom:3px;height:23px;color:#000;font-weight:normal;line-height:23px}
.tem_index_news_list_txt p{overflow:hidden;height:42px;color:#818181}
.tem_index_news_list_txt span.time{display:block;height:25px;color:#818181;line-height:25px}
.tem_index_news_list li dl:hover{background:#f7f8fa}
.tem_index_news_list .tem_index_more{float:none;width:200px;text-align:center}
.flm-ceping{background:url(../bg2.jpg) no-repeat center top}
.flm-ceping .flm-cp-info{font-size:14px;text-indent:2em;color:#999}
.flm-ceping .flm-cp-info a{color:#ff9900}
.flm-cp ul{width:100%}
.flm-cp ul li,.flm-virtue li{width:23.85%;float:left;margin-right:1.5%;position:relative}
.flm-cp ul li h4{position:absolute;top:55px;left:30%;font-weight:normal;font-size:20px}
.flm-cp ul li h4 span{color:#fff;padding:2px 15px}
.flm-cp ul li h4 span.on{background:#3e3e3e;border-radius:15px}
.flm-cp ul li:last-child,.flm-virtue li:last-child{margin-right:0}
.flm-cp ul li img.cp-img{width:100%;border-radius:3px}
.flm-cp .cpr{height:50px;overflow:hidden;margin-top:5px}
.flm-cp .cpr img{border-radius:25px;float:left;margin-right:10px}
.flm-cp .cpr span{display:block;height:25px;line-height:25px}
.flm-cp .cpr span.cp-name{color:#ff9900;float:left}
.flm-cp .cpr span.cp-zan{float:right;color:#aaa}
.flm-cp .cpr span.cp-zan i{display:block;width:16px;height:16px;background:url(../__sprite.png) no-repeat;background-position:0 -34px;float:left;margin-top:2px;margin-right:3px}
.flm-cp .cpr .cp-tags{margin-top:25px}
.flm-cp .cpr .cp-tags em{font-style:normal;margin-right:5px;color:#777}
.flm-virtue li{text-align:center}
.flm-virtue li img{border-radius:50%;box-shadow:3px 3px 5px #ddd}
.use-flm{display:block;width:100%}
.use-flm ul li{width:24.70%;height:auto;text-align:center;display:inline-block;float:left;padding-bottom:10px}
.use-flm ul li img{width:95%;border-radius:3px;box-shadow:3px 3px 5px #f2f2f2}
.use-flm ul li h5{height:25px;line-height:25px;font-weight:normal;color:#999}
.use-flm-cs h3,.flm-virtue h3{height:28px;line-height:28px;text-align:center;margin-bottom:10px}
.use-flm-cs h3 span,.flm-virtue h3 span{color:#ff9900;font-size:1rem;font-weight:bold;border-bottom:2px solid #aaa;padding-bottom:3px}
.case_title_small{ font-size:1rem; font-weight:bold; margin-bottom:10px }
.use-flm-cs li{width:19.99%;height:auto;text-align:center;float:left;padding-bottom:10px}
.use-flm-cs p{text-align:left;padding-left:15px}
.use-flm-cs li img{width:97%}
.flm-media{width:100%}
.flm-media .flm-media-img{width:57%;float:left}
.flm-media .flm-media-img img{width:100%;border-radius:3px;transition:all 0.5s}
.flm-media .flm-media-img a,.flm-media-list a{display:block;width:100%;height:auto;position:relative;overflow:hidden}
.flm-media .flm-media-img .mask,.flm-media-list a .mask{width:100%;height:99%;position:absolute;overflow:hidden;text-align:center;background-color:rgba(0,0,0,0.5);top:-300px;opacity:0;border-radius:3px;transition:all 0.2s ease-out 0.4s}
.flm-media-list a .mask{background-color:rgba(255,255,255,0.5)}
.flm-media .flm-media-img a:hover .mask,.flm-media-list a:hover .mask{opacity:1;top:0;transition-delay:0s;animation:bounceY 0.7s linear}
.flm-media .flm-media-img a:hover img,.flm-media-list a:hover img{transform:scale(1.1)}
.flm-media .flm-media-info{width:41.5%;float:right}
.flm-media .flm-media-info li.li{padding-bottom:25px;text-indent:2em; line-height: 30px;}
.flm-media .flm-media-info li.li p{padding-top:5px;text-align:right;color:#ff9900;font-weight:bold}
.flm-media .flm-media-info li:last-child{padding-bottom:0}
.flm-media .flm-media-info h3{text-align:center;padding-bottom:5px}
.flm-media .flm-media-info h3 span{font-size:20px}
.flm-media .flm-media-info h3 p{font-weight:normal;color:#999}
.flm-media .flm-media-info h4{line-height:30px;font-weight:normal}
.flm-media .total-links{text-align:right;margin-top:10px}
.flm-media .total-links a{color:#ff9900}
.flm-media .flm-media-info .total{width:49.98%; padding-top: 30px;}
.flm-media .flm-media-info .total li{line-height:28px;color:#999}
.flm-media .flm-media-list{width:100%}
.flm-media .flm-media-list li{width:32.63%;margin-right:1%;float:left}
.flm-media .flm-media-list li img{width:100%;border-radius:3px;box-shadow:3px 3px 5px #f2f2f2;transition:all 0.5s}
.flm-media .flm-media-list li:last-child{margin-right:0}
.tem_index_footer{padding:10px 0 10px;background:#f5f5f5;border-top:2px solid #eee;margin-top:20px}
.tem_index_footer dl{float:left}
.index_footer_contact dl.item{width:16%}
.index_footer_contact dl.item-only{width:19.8%}
.index_footer_contact dl.item-only li{text-align:center}
.index_footer_contact dl.item-only .kefu-online a{background:#ff9900;border-radius:3px;color:#fff;padding:3px 10px}
.index_footer_contact dl li{list-style:none}
.index_footer_contact dl dt{height:35px;line-height:35px;border-bottom:1px solid #e6e6e6;margin-right:30px;font-size:16px}
.index_footer_contact dl dd{padding-top:5px}
.index_footer_contact dl li a{font-size:14px;color:#999;line-height:25px}
.index_footer_contact dl li a:hover{color:#3e3e3e}
.server-icon{margin-bottom:20px}
.server-icon li{list-style:none}
.server-icon li.li1{display:inline-block;width:17.49%}
.server-icon li.li2{display:inline-block;width:20%}
.server-icon li.li3{display:inline-block;width:25%}
.tem_index_footer_link dt{font-size:16px}
.tem_index_footer_link dt span{display:inline-block;border-bottom:2px solid #363636}
.tem_index_footer_contact{width:35%}
.tem_index_footer_contact li{position:relative;margin-top:25px;padding-top:5px;padding-left:48px;min-height:35px;color:#949393;list-style:none}
.tem_index_footer_contact li i{position:absolute;top:0;left:0;width:35px;height:35px;border:1px solid #424244;border-radius:5px;color:#7c7c7c;text-align:center;font-size:22px;line-height:35px}
.tem_index_footer_link{width:100%;padding-top:5px;border-top:1px dashed #dedede;margin-top:20px}
.tem_index_footer_link dd{padding:10px 0}
.tem_index_footer_link a{display:inline-block;margin:0 12px 5px 0;color:#999;white-space:nowrap}
.tem_index_footer_link a:hover{color:#ababab}
.tem_index_footer_link a img{height:45px}
.tem_index_footer_attention{width:30%}
.tem_index_footer_attention dd{padding:20px 0;color:#949393}
.tem_index_footer_attention li{display:inline-block;margin:8px;list-style:none}
.tem_index_footer_attention li a{display:block;overflow:hidden;width:44px;height:44px;background:url(../pnt.png) no-repeat left top;color:#949393;font-size:0}
.tem_index_footer_attention li.tenxun a{background-position:-83px top!important}
.tem_index_footer_attention li.weixin a{background-position:-247px top!important}
.tem_index_footer_attention li.qq a{background-position:-165px top!important}
.tem_index_footer_attention li:hover a{background:url(../pnthover.png) no-repeat}
.tem_index_footer_attention img{margin-top:8px;width:100px}
.tem_index_footer_attention p{margin-top:5px}
.tem_footer{padding:15px 0; color: #fff;}
.tem_footer a{color:#fff;font-size:14px}
.tem_footer_nav{height:30px;line-height:30px;text-align:center}
.tem_footer_nav a{margin-left:20px}
.powered_by_metinfo{height:30px;color:#fff;text-align:center;font-size:14px;line-height:30px}
.tem_footer .gov-icons{margin-top:10px}
.tem_footer .gov-icons a{display:inline-block;width:100px;height:40px;border:1px solid #999;border-radius:5px;margin:0 5px;background:url(../ico-safe.png)}
.tem_footer .gov-icons .icp{background-position:0 -80px}
.tem_footer .gov-icons .aw{background-position:0 0}
.tem_footer .gov-icons .gswj{background-position:0 -40px}
.tem_footer .gov-icons .police{background-position:0 -120px}
.met_section{position:relative;margin-bottom:20px}
.met_section aside{position:relative;float:left;width:310px;margin-top:10px}
.met_section article{float:left;margin-left:-310px;width:100%}
.met_section article .met_article{margin-left:330px}
.met_section_asidenone article{float:none;margin-left:0}
.met_section_asidenone article .met_article{margin-left:0}
.met_section aside section{border:1px solid #f0f0f0;border-radius:10px}
.met_section aside section h2{font-size:16px;color:#333;height:44px;line-height:44px;padding:0 14px;border-bottom:1px solid #f5f5f5}
.met_section aside section h3{padding:0 20px;height:60px;border-bottom:1px solid #ddd;font-size:18px;line-height:60px}
.met_section aside section .weixin-code{text-align:center}
.met_section aside .met_aside dl dt{height:35px;line-height:35px;border-bottom:1px dashed #eee}
.met_section aside .met_aside dl:last-child dt{border-bottom:none}
.met_section aside .met_aside dl dt a{display:block;padding:0 20px;color:#333}
.met_section aside .met_aside dl dt a:hover{background:#efefef}
.met_section aside .met_aside dl dt.on{background:#efefef;border-left:4px solid #e9280c}
.met_section aside .met_aside dl dd{padding:6px 0 6px 0}
.met_section aside .met_aside dl dd a{display:block;padding-left:40px;height:35px;color:#333;font-weight:normal;line-height:35px}
.met_section aside .met_aside dl dd .on a,.met_aside dl dd a:hover{background:#efefef}
.met_section aside .met_related{margin-top:20px}
.met_section aside .met_related ul{padding:20px}
.met_section aside .met_related li{margin-bottom:8px;list-style:none}
.met_article_head{position:relative;padding:0 10px;height:40px;border-bottom:1px solid #ddd;line-height:40px;margin-bottom:10px}
.met_article_head .met_position{position:absolute;top:0;right:10px;color:#aaa;font-family:'宋体'}
.met_article_head .met_position a{color:#999;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun'}
.met_article_head h1{color:#555;font-weight:normal;font-size:18px}
.met_section_sehed{padding-top:0}
.met_section_head{height:35px;color:#aaa;font-size:12px;font-family:'宋体';line-height:35px}
.met_section_head a{color:#999;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun'}
.met_section_head a:hover{color:#e9280c}
.met_pager{text-align:center;padding:30px 0 0}
.met_pager a{border:1px solid #e0e0e0;text-align:center;height:28px;line-height:28px;min-width:28px;text-align:center;display:inline-block;color:#aaa;margin-right:5px;border-radius:3px}
.met_pager a:hover{border:1px solid #a0a0a0;color:#aaa}
.met_pager .PreSpan,.met_pager .NextSpan{height:30px;line-height:30px;min-width:60px;text-align:center;background:#f0f0f0;color:#ccc;display:inline-block;border-radius:3px}
.met_pager .PreA,.met_pager .NextA{height:28px;line-height:28px;min-width:58px;color:#aaa}
.met_pager .PreSpan,.met_pager .PreA{margin-right:6px}
.met_pager .NextSpan,.met_pager .NextA{margin-left:6px}
.met_pager .firstPage,.met_pager .lastPage{font-weight:bold;height:28px;line-height:28px;min-width:40px;color:#aaa}
.met_pager .Ahover{font-weight:bold;background:#f0f0f0;color:#aaa}
.met_pager .PageText{margin-left:10px;color:#aaa}
.met_pager #metPageT,.met_pager #metPageB{text-align:center;border:1px solid #e0e0e0;color:#aaa;border-radius:3px}
.met_pager #metPageT{width:20px;padding:6px 5px 5px}
.met_pager #metPageB{min-width:40px;padding:6px 0 5px;cursor:pointer;font-weight:bold}
.met_module1{padding:15px 0}

.met_module2_list li{list-style:none;position:relative}
.met_module2_list h2{font-weight:normal}
.met_module2_list li p{color:#818181}
.met_module2_list li span.time{color:#818181;right:10px;top:15px}
.met_module2_list li h2 i{margin-right:10px;position:relative}
.met_module2_list li.list_2 h2,.met_module2_list li.list_3 h2{margin-bottom:3px;font-weight:bold;font-size:16px}
.met_module2_list li.list_2,.met_module2_list li.list_3{margin-bottom:15px}
.news-list-img{display:block;margin-right:10px;border-radius:3px; max-width: 350px; max-height: 205px;}
.news-list-img img{border-radius: 12px;}
.news-list-info{ line-height:25px; padding-top:5px; }
.news-list-info p{ margin-bottom:0px;  }
.news-list-info .bi-calendar-date{ padding-right:5px; }
.met_module2_list li.list_3 span.time{position:static}
.met_module2 h1.met_title{font-size:28px;font-weight:normal;padding:5px 0}
.met_module2 .met_infos{color:#818181;font-size:12px;margin-bottom:30px;padding-bottom:10px;border-bottom:1px solid #ddd}
.met_module2 .met_time{padding-right:6px}
.met_module2 .met_source{padding-right:6px}
.met_module2 .met_source a{color:#607fa6}
.met_tools{border-top:1px solid #ddd;margin-top:10px;position:relative;padding:10px 0;height:40px}
.met_tools .met_page{clear:both;position:absolute;right:5px;top:0;color:#818181;width:100%}
.met_tools .met_page li{display:inline;list-style:none;width:49.98%;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.met_tools .met_page li span{padding-right:5px}
.met_tools .met_page a{color:#607fa6}
.met_module3_list ul.list_1{list-style:none}
.met_module3_list ul.list_1 li{float:left;text-align:center;margin-top:30px;position:relative;max-width:300px}
.met_module3_list ul.list_1 li .original{margin-right:20px;color:#aaa}
.met_module3_list ul.list_1 li .price{font-size:16px;font-weight:bold;color:#ff9900}
.met_module3_list ul.list_1 li .view{margin-top:10px}
.met_module3_list ul.list_1 li .view span{padding:3px 25px 4px;background:#ff9900;color:#fff;border-radius:20px;display:inline-block}
.met_module3_list ul.list_1 li .view span a{color:#fff}
.met_module3_list ul.list_1 li .shipping{position:absolute;top:-20px;background:#c9302c;color:#fff;padding:0 3px 1px;left:7px}
.met_module3_list ul.list_1 li .category{position:absolute;bottom:9px;right:15px;border:1px solid #ff9900;font-size:12px;padding:0 8px 1px;border-radius:10px;color:#ff9900}
.met_module3_list ul.list_1 li h2{text-align:left;font-size:14px;padding:10px;font-weight:normal;border-top:1px solid #ddd}
.met_module3_list ul a img{transition:all .5s;width:100%;height:auto}
.met_module3_list ul a:hover h2{color:#333}
.met_module3_list ul a:hover img{opacity:.5}
.met_module3_list ul.list_2{list-style:none}
.met_module3_list ul.list_2 li{padding:20px 10px;border-bottom:1px solid #ddd}
.met_module3_list ul.list_2 dt{float:left;position:relative}
.met_module3_list ul.list_2 dd{float:left;width:100%}
.met_module3_list ul.list_2 dd h2{padding:5px 10px;font-size:15px;font-weight:normal}
.met_module3_list ul.list_2 dd p{padding:5px 10px;color:#818181}
.right-sidebar-con{height:100%;width:auto;right:0;position:fixed;bottom:0;z-index:1000002}
.right-sidebar-main{height:100%;width:42px;background:transparent}
.right-sidebar-panel{width:42px;height:100%;position:absolute;background:linear-gradient(180deg,#2c2c2c,#1a1a1a);z-index:2;top:0;left:0;border-radius:8px 0 0 8px;box-shadow:-2px 0 15px rgba(0,0,0,0.2)}
.right-sidebar-panel .quick-links-a{display:block;line-height:200px;width:42px;height:42px;text-decoration:none;color:#d8d8d8;font-size:12px;overflow:hidden;background-color:transparent;position:relative;top:0;left:0;z-index:1;margin:0;padding:0;transition:all 0.3s ease;border-radius:8px 0 0 8px}
.right-sidebar-panel .popup{height:42px;line-height:42px;width:110px;position:absolute;z-index:2;left:-120px;top:0;background:linear-gradient(135deg,#ff860d,#ff6b00);color:#fff;text-align:center;display:block;border-radius:6px 0 0 6px;box-shadow:-2px 2px 10px rgba(255,134,13,0.3);opacity:0;transform:translateX(10px);transition:all 0.3s ease}
.right-sidebar-panel li:hover .popup{opacity:1;transform:translateX(0)}
.right-sidebar-panel i{display:inline-block;background:url(../common-icon.png) no-repeat;cursor:pointer;height:19px;width:18px;vertical-align:top;position:absolute;transition:transform 0.3s ease}
.right-sidebar-panel li:hover i{transform:scale(1.1)}
.quick-links{position:absolute;top:40%;left:0;margin-top:-190px;background:transparent;z-index:2;width:42px}
.quick-links li{position:relative;display:block;left:0;top:0;margin-top:4px}
.quick-links li:hover .quick-links-a,.quick-links li.current .quick-links-a{background:linear-gradient(135deg,#ff860d,#ff6b00);text-decoration:none;color:#fff}
.quick-links a i,.quick-links .cart-list i{width:30px;height:30px;left:6px;top:6px}
.quick-links i.setting{background-position:-321px 0}
.quick-links i.cart{background-position:-321px -30px}
.quick-links i.stores{background-position:-321px -60px}
.quick-links i.collect{background-position:-321px -90px}
.quick-links i.history{background-position:-321px -120px}
.quick-links .popup i.arrow-right{position:absolute;right:-5px;top:16px;width:5px;height:9px;background-position:-294px -95px;overflow:hidden}
.quick-toggle{position:absolute;bottom:0;left:0;width:42px}
.quick-toggle li{position:relative;display:block;left:0;top:0}
.quick-toggle li:hover .quick-links-a,.quick-toggle li.current .quick-links-a{background:linear-gradient(135deg,#ff860d,#ff6b00);text-decoration:none;color:#fff}
.quick-toggle a i{width:30px;height:30px;left:6px;top:6px}
.quick-toggle i.customer-service{background-position:-321px -180px}
.quick-toggle i.qr-code{background-position:-358px -30px}
.quick-toggle li.returnTop{height:42px;display:none}
.quick-toggle li.returnTop a{width:42px;height:42px;line-height:42px}
.quick-toggle li.returnTop a i.top{background:url(../top.png) no-repeat;width:22px;height:22px;left:10px;top:10px}
.quick-toggle .popup i.arrow-right{position:absolute;right:-5px;top:16px;width:5px;height:9px;background-position:-294px -95px;overflow:hidden}
.quick-links .cart-list{line-height:16px;height:140px;background:linear-gradient(135deg,#ff860d,#ff6b00);color:#fff;margin:6px 3px;border-radius:8px 0 0 8px;box-shadow:-2px 2px 10px rgba(255,134,13,0.3)}
.quick-links .cart-list .span{width:20px;display:block;height:48px;margin:35px 0 0 11px;cursor:pointer;font-size:14px}
.quick-links .cart-list .cart_num{width:22px;height:22px;display:block;border-radius:50%;background:#fff;text-align:center;line-height:22px;margin:8px 0 0 10px;cursor:pointer;color:#ff860d;font-weight:bold;font-size:12px}
.sidebar-user,.sidebar-code,.sidebar-service{width:227px;display:none;height:auto;padding:15px 10px;background:#fff;box-shadow:-4px 0 20px rgba(0,0,0,0.15);border-radius:8px 0 0 8px;border:none;z-index:999999;position:absolute;top:0;left:-227px;animation:slideInRight 0.3s ease}
@keyframes slideInRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
.sidebar-user .arrow-right,.sidebar-code .arrow-right,.sidebar-service .arrow-right{position:absolute;right:-5px;top:15px;width:5px;height:9px;background-position:-294px -124px;overflow:hidden}
.sidebar-user .user-pic{width:74px;height:74px;position:relative;margin:0 auto}
.sidebar-user .user-pic img{width:74px;height:74px;border-radius:50%}
.sidebar-user .user-pic-mask{width:74px;height:74px;background:url(../mask1.png) no-repeat center center;position:absolute;left:0;top:0;border-radius:50%}
.sidebar-user p{text-align:center;padding-bottom:10px}
.sidebar-user a{padding:0 5px;margin:0 5px;transition:color 0.3s ease}
.sidebar-user a:hover{color:#ff860d}
.sidebar-user .user-have-login{overflow:hidden}
.sidebar-user .user-have-login .user-pic{float:left}
.sidebar-user .user-have-login .user-info{width:130px;padding-left:20px;float:left;padding-top:15px}
.sidebar-user .user-have-login .user-info p{text-align:left;padding-bottom:5px;white-space:nowrap}
.sidebar-user .btn{display:inline-block;padding:5px 15px;background:linear-gradient(135deg,#ff860d,#ff6b00);border:none;color:#fff;border-radius:15px;transition:transform 0.3s ease}
.sidebar-user .btn:hover{transform:scale(1.05)}
.sidebar-user .mt10{margin-top:10px}
.sidebar-code{padding:15px;width:150px;height:auto;top:auto;bottom:0;left:-150px;text-align:center}
.sidebar-code img{border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}
.sidebar-code .arrow-right{top:auto;bottom:15px}
.sidebar-service{padding:15px;width:160px;height:auto;bottom:0;top:auto;left:-160px}
.sidebar-service .arrow-right{top:auto;bottom:15px}
.sidebar-service .customer-service{overflow:hidden;padding:8px 0;border-bottom:1px dashed #eee}
.sidebar-service .customer-service:last-child{border-bottom:none}
.sidebar-service .customer-service span{display:block;width:27px;height:27px;float:left;background:url(../user-icon.png) no-repeat;margin-right:10px}
.sidebar-service .customer-service .icon-online{background-position:-54px -123px}
.sidebar-service .customer-service .icon-ww{background-position:0 -123px}
.sidebar-service .customer-service .icon-qq{background-position:-27px -123px}
.sidebar-service .customer-service a{float:left;height:27px;line-height:27px;transition:color 0.3s ease}
.sidebar-service .customer-service a:hover{color:#ff860d}
.sidebar-service .customer-service .icon-wechat{background-position:-81px -123px}
.sidebar-service .customer-service .icon-phone{background-position:-108px -123px}
.sidebar-service .customer-service p{clear:both;text-align:center;font-size:12px;color:#666;margin:0;padding:0}
.sidebar-service .wechat-id,.sidebar-service .phone-number{font-size:14px;color:#ff860d;font-weight:bold}
.sidebar-code .code-title,.sidebar-code .code-id{text-align:center;font-size:12px;color:#666;margin:8px 0}
.sidebar-code .code-id{color:#ff860d;font-weight:bold}
.pop-mask{position:fixed;width:100%;height:100%;background:#000;opacity:0.15;left:0;top:0;z-index:999999;display:none}
.pop-main{border:4px solid rgba(0,0,0,.1);border-radius:5px;width:410px;position:fixed;z-index:1000001;display:none;overflow:hidden;left:50%;margin-left:-209px}
.pop-header{position:relative;padding:0 10px;height:36px;line-height:36px;background:#f7f7f7;font-size:14px;color:#666;font-family:"Microsoft YaHei"}
.pop-header .pop-close,.pop-header .tell-me-close{display:block;width:13px;height:13px;background-position:-41px -44px;position:absolute;right:13px;top:13px}
.pop-con{padding:10px 10px 20px;background:#fff;position:relative;min-height:80px;text-align:center}
.pop-con .pop-icon{display:block;width:39px;height:39px;background-position:-118px -43px;position:absolute;left:20px;top:20px}
.pop-con .pop-text{padding:10px 20px 15px 60px;font-size:14px;line-height:1.5em;text-align:left}
img.loaded{animation:fadeIn 0.3s ease}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes bounceY{0%{transform:translateY(-305px)}40%{transform:translateY(-200px)}65%{transform:translateY(-152px)}82%{transform:translateY(-75px)}92%{transform:translateY(-32px)}55%,75%,87%,97%,100%{transform:translateY(0)}}
@media(min-width:992px){.tem_inner,.met_section{padding:0;width:100%}.flm-baike .bk-ad,.min-search{display:none}.flm-baike .bk-list{width:276px}}
@media(min-width:1200px){.tem_inner,.met_section{padding:0;width:1200px}.flm-baike .bk-ad,.min-search{display:block}.flm-baike .bk-list{width:236px}}
@media(min-width:1400px){.tem_inner,.met_section{padding:0;width:1200px}.flm-baike .bk-ad,.min-search{display:block}.flm-baike .bk-list{width:236px}}

/* ========================================
   flm-baike 百科区域美化样式
   ======================================== */
.flm-baike{max-height:430px;width:99.98%;border:none;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,0.08);background:#fff;transition:box-shadow 0.3s ease}
.flm-baike:hover{box-shadow:0 6px 28px rgba(0,0,0,0.12)}
.flm-baike h3{height:45px;border-bottom:none;line-height:45px;background:linear-gradient(to right,#fafafa,#fff);position:relative;padding-left:15px;margin:0}
.flm-baike h3::before{content:'';position:absolute;left:0;top:10px;width:4px;height:24px;background:linear-gradient(180deg,#ff860d,#ff6b00);border-radius:2px}
.flm-baike h3 span{padding:6px 20px;font-size:1rem;font-weight:normal;cursor:pointer;border-radius:20px;margin-right:5px;transition:all 0.3s ease;color:#666}
.flm-baike h3 span:hover{color:#ff860d;background:rgba(255,134,13,0.1)}
.flm-baike h3 span.on{background:linear-gradient(135deg,#ff860d,#ff6b00);color:#fff;box-shadow:0 2px 8px rgba(255,134,13,0.3)}
.flm-baike dd{display:none}
.flm-baike .tab1{display:block}
.flm-baike .bk-ad{width:240px;float:left;overflow:hidden;border-radius:6px; margin-top: 10px;}
.flm-baike .bk-ad a{display:block;border-radius:6px;overflow:hidden}
.flm-baike .bk-ad img{transition:transform 0.4s ease;width:100%;height:auto}
.flm-baike .bk-ad:hover img{transform:scale(1.05)}
.flm-baike .bk-info{width:700px;float:left;margin-left:10px}
.flm-baike .bk-list{width:236px;float:right;margin-left:10px}
.flm-baike .bk-list .changeNews{margin-right:10px;cursor:pointer;transition:color 0.3s ease}
.flm-baike .bk-list .changeNews:hover{color:#ff860d}
.flm-baike .bk-list .changeNews:hover .changeNewAnchor{animation:rotateRefresh 0.5s ease}
@keyframes rotateRefresh{from{transform:rotate(0deg)}to{transform:rotate(180deg)}}
.flm-baike .bk-list ol li img{display:none}
.flm-baike .bk-list ol{counter-reset:list-counter;padding-left:0;margin:0;list-style:none}
.flm-baike .bk-list ol li{height:30px;line-height:30px;border-bottom:1px dashed #eee;padding-left:24px;position:relative;transition:all 0.3s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.flm-baike .bk-list ol li::before{counter-increment:list-counter;content:counter(list-counter);position:absolute;left:0;top:0;width:18px;height:18px;line-height:18px;text-align:center;background:#f0f0f0;color:#999;border-radius:3px;font-size:12px;margin-top:5px;transition:all 0.3s ease}
.flm-baike .bk-list ol li:nth-child(-n+3)::before{background:linear-gradient(135deg,#ff860d,#ff6b00);color:#fff}
.flm-baike .bk-list ol li:hover{padding-left:28px;color:#ff860d}
.flm-baike .bk-list ol li:hover::before{background:linear-gradient(135deg,#ff860d,#ff6b00);color:#fff}
.flm-baike .bk-list ol li:last-child{border-bottom:none}
.flm-baike .zn-newslist .zn-newsimg{width:165px;height:77px;overflow:hidden;border:none;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,0.06)}
.flm-baike .zn-newslist .zn-newsimg img{transition:transform 0.4s ease;width:100%;height:100%;object-fit:cover}
.flm-baike .zn-newslist:hover .zn-newsimg img{transform:scale(1.08)}
.flm-baike .zn-newslist .zn-newsinfo{width:523px;margin-left:10px;height:79px;border-bottom:1px dotted #eee;transition:border-color 0.3s ease}
.flm-baike .zn-newslist:hover .zn-newsinfo{border-bottom-color:#ff860d}
.flm-baike .zn-newslist .zn-newsinfo h4 a{color:#333;transition:color 0.3s ease}
.flm-baike .zn-newslist:hover .zn-newsinfo h4 a{color:#ff860d}
.flm-baike .zn-newslist .zn-newsinfo .zn-newsdes{color:#999;font-size:13px;line-height:1.5}
.flm-baike .zn-newslist{width:100%;height:80px;overflow:hidden;margin-bottom:10px;padding:5px 0;transition:background 0.3s ease;border-radius:4px}
.flm-baike .zn-newslist:hover{background:rgba(255,134,13,0.03)}
.flm-baike .bk-info .last .zn-newsinfo{border-bottom:none}
.flm-baike .bk-info .last{margin-bottom:5px}
.flm-baike .bk-info .first{margin-top:5px}
.recNewsTitle{height:30px;line-height:30px;border-bottom:1px solid #eee;margin-bottom:8px;padding-bottom:5px}
.recNewsTitle .viewNews{font-size:15px;color:#333;font-weight:500}
.changeNews{position:relative;font-size:13px;color:#999}
.changeNewAnchor{display:inline-block;width:14px;height:14px;margin-right:4px;vertical-align:middle;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpath d='M23 4v6h-6M1 20v-6h6'/%3E%3Cpath d='M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform 0.3s ease}

@media(max-width:767px){.btn{padding:12px 20px}.btn-lg{padding:14px 24px}.form-control{height:48px;font-size:16px}.panel-body{padding:16px}.met-pager a,.met-pager span{min-width:36px;height:36px;font-size:13px}}
@media(max-width:575px){.met-pager a,.met-pager span{min-width:36px;height:36px;font-size:13px}}
@media(max-width:991px){.leftsidebar{margin-right:0!important}}
@media(max-width:479px){.met-page-body{padding:0}.met_langlist .btn-lang{padding-left:5px;padding-right:5px}}

/* ========================================
   动画效果（来自pheromone-animations.css）
   ======================================== */
@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeInLeft{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}
@keyframes fadeInRight{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
@keyframes scaleIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}
@keyframes slideInDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes slideInUp{from{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}
@keyframes bounceIn{0%{transform:scale(0.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(0.9)}100%{transform:scale(1);opacity:1}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(232,93,117,0.4)}70%{box-shadow:0 0 0 10px rgba(232,93,117,0)}100%{box-shadow:0 0 0 0 rgba(232,93,117,0)}}
@keyframes loadingDots{0%,80%,100%{transform:scale(0.6);opacity:0.5}40%{transform:scale(1);opacity:1}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}

.animate-fade-in{animation:fadeIn 0.4s ease-out forwards}
.animate-fade-in-up{animation:fadeInUp 0.4s ease-out forwards}
.animate-fade-in-left{animation:fadeInLeft 0.4s ease-out forwards}
.animate-fade-in-right{animation:fadeInRight 0.4s ease-out forwards}
.animate-scale-in{animation:scaleIn 0.3s ease-out forwards}

/* 悬停效果 */
.hover-lift{transition:transform 0.3s ease,box-shadow 0.3s ease}
.hover-lift:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(232,93,117,0.2)}
.hover-scale{transition:transform 0.3s ease}
.hover-scale:hover{transform:scale(1.02)}
.hover-glow{transition:box-shadow 0.3s ease}
.hover-glow:hover{box-shadow:0 0 20px rgba(232,93,117,0.3)}

/* 图片悬停效果 */
.img-hover-zoom{overflow:hidden}
.img-hover-zoom img{transition:transform 0.4s ease}
.img-hover-zoom:hover img{transform:scale(1.08)}

/* 按钮动画 */
.btn-pulse{animation:pulse 2s infinite}
.btn-pulse:hover{animation:none}

/* 加载动画 */
.loading-spinner{width:32px;height:32px;border:3px solid #F5F5F7;border-top-color:#E85D75;border-radius:50%;animation:spin 0.8s linear infinite}
.loading-dots{display:flex;gap:6px}
.loading-dots span{width:8px;height:8px;background:#E85D75;border-radius:50%;animation:loadingDots 1.4s ease-in-out infinite}
.loading-dots span:nth-child(1){animation-delay:0s}
.loading-dots span:nth-child(2){animation-delay:0.2s}
.loading-dots span:nth-child(3){animation-delay:0.4s}

/* 骨架屏 */
.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}

/* 导航动画 */
.nav-link-animate{position:relative}
.nav-link-animate::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:#E85D75;transition:width 0.3s ease,left 0.3s ease}
.nav-link-animate:hover::after{width:100%;left:0}

/* 下拉菜单动画 */
.dropdown-menu-animate{opacity:0;transform:translateY(-10px);transition:opacity 0.3s ease,transform 0.3s ease;pointer-events:none}
.dropdown:hover .dropdown-menu-animate,.dropdown-menu-animate.show{opacity:1;transform:translateY(0);pointer-events:auto}

/* 表单焦点动画 */
@keyframes inputFocus{0%{box-shadow:none}50%{box-shadow:none}100%{box-shadow:none}}
.form-control:focus,input:focus,textarea:focus,select:focus{animation:none}

/* 徽章动画 */
.badge{transition:transform 0.2s ease}
.badge:hover{transform:scale(1.05)}
@keyframes badgePop{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}
.badge-pop{animation:badgePop 0.3s ease}

/* 返回顶部动画 */
.met-scroll-top,.gotop a.back_top{transition:opacity 0.3s ease,transform 0.3s ease,background 0.3s ease}
.met-scroll-top:hover,.gotop a.back_top:hover{transform:translateY(-3px)}
.met-scroll-top.show{animation:fadeInUp 0.3s ease-out}

/* 图片懒加载动画 */
img[data-lazy],img.imgloading{opacity:0;transition:opacity 0.4s ease}
img[data-lazy].loaded,img.imgloading.loaded{opacity:1}

/* 页面过渡动画 */
.page-transition{animation:fadeIn 0.3s ease-out}
.section-transition{animation:fadeInUp 0.4s ease-out}

/* GPU加速优化 */
.will-change-transform{will-change:transform}
.will-change-opacity{will-change:opacity}
.gpu-accelerated{transform:translateZ(0);backface-visibility:hidden}

/* 移动端触摸反馈 */
@media(hover:none) and (pointer:coarse){.btn:active,button:active{transform:scale(0.98);opacity:0.9}.card:active,.panel:active{transform:scale(0.99);opacity:0.95}a:active{opacity:0.8}.tem_index_product ul li:active,.met_module3_list ul.list_1 li:active{transform:scale(0.98)}}

/* ========================================
   固定导航栏增强样式（来自pheromone-beauty.css）
   ======================================== */
.fix-header-nav{position:fixed;top:0;left:0;right:0;width:100%;height:70px;border-bottom:2px solid #E85D75!important;background:rgba(255,255,255,0.98);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 24px rgba(232,93,117,0.12);z-index:999999;transition:all 0.35s cubic-bezier(0.4,0,0.2,1);transform:translateZ(0);will-change:transform,box-shadow}
.fix-header-nav .min-logo{float:left;width:160px;height:60px;overflow:hidden;margin-right:20px;opacity:1;transform:scale(1);transition:all 0.3s ease}
.fix-header-nav .min-logo a{display:flex;align-items:center;height:100%}
.fix-header-nav .min-logo img{max-height:50px;width:auto;transition:transform 0.3s ease}
.fix-header-nav .min-logo:hover img{transform:scale(1.05)}
.fix-header-nav .head-nav{margin:0 auto;height:70px;display:flex;align-items:center}
.fix-header-nav .head-nav ul{float:left;margin-top:0;margin-left:30px;display:flex;align-items:center;height:100%}
.fix-header-nav .head-nav ul li{margin-left:0;position:relative}
.fix-header-nav .head-nav ul li a{display:inline-flex;align-items:center;height:70px;padding:0 18px;font-size:14px;font-weight:500;color:#2D2D2D;transition:all 0.25s ease;position:relative;gap:6px}
.fix-header-nav .head-nav ul li a::after{content:'';position:absolute;bottom:0;left:50%;width:0;height:3px;background:linear-gradient(90deg,#E85D75,#D4AF37);border-radius:3px 3px 0 0;transition:all 0.3s ease;transform:translateX(-50%)}
.fix-header-nav .head-nav ul li a:hover{color:#E85D75;background:linear-gradient(135deg,rgba(232,93,117,0.06) 0%,rgba(249,234,225,0.4) 100%)}
.fix-header-nav .head-nav ul li a:hover::after{width:60%}
.fix-header-nav .head-nav ul li a.navdown{color:#E85D75;font-weight:600}
.fix-header-nav .head-nav ul li a.navdown::after{width:60%}
.fix-header-nav .head-nav ul li:hover>a{background:linear-gradient(135deg,rgba(232,93,117,0.06) 0%,rgba(249,234,225,0.4) 100%)}
.fix-header-nav .head-nav ul li dl{position:absolute;top:70px;left:0;z-index:99;display:none;width:500px;background:#f3f4f5;border-radius:0 0 5px 5px;box-shadow:0 0 6px rgba(0,0,0,.2);float:left;padding-bottom:10px;height:210px;overflow:hidden}
.fix-header-nav .head-nav ul li:hover dl{display:block}
.fix-header-nav .head-nav ul li dl dd{float:left;padding:5px 0;width:120px; line-height: 25px;}
.fix-header-nav .head-nav ul li dl dd h3,.fix-header-nav .head-nav ul li dl dd p{height:25px;overflow:hidden}
.fix-header-nav .head-nav ul li dl dd a{text-align:left;font-size:14px;padding:0 0 0 10px;height:25px;line-height:25px;color:#3e3e3e}
.fix-header-nav .head-nav ul li dl dt{float:right;overflow:hidden;padding:15px 10px 0 0;width:380px;height:200px;font-size:0}
.fix-header-nav .head-nav ul li dl dt img{width:370px;height:200px}
.fix-header-nav .head-nav ul li dl dd i{position:absolute;top:-14px;left:50px;z-index:100;width:100%;color:#f3f4f5;font-size:22px}
.fix-header-nav .head-nav ul li dl.tem_pronoaw{width:auto}
.fix-header-nav .head-nav ul li dl.tem_pronoaw dd{width:auto}
.fix-header-nav .head-nav ul li dl.tem_pronoaw dd div{float:left;padding:0 20px;min-width:100px}
.fix-header-nav .head-nav ul li dl.tem_pronoaw dd div h3{margin-bottom:5px;border-bottom:1px solid #888;font-weight:normal}
.fix-header-nav .head-nav ul li dl.tem_pronoaw dd div p a{margin:0}
.fix-header-nav .head-nav ul li.nav-home{display:none}

/* 固定导航栏搜索框 */
.fix-header-nav .min-search{margin-left:25px;display:flex;align-items:center}
.fix-header-nav .min-search .search{position:relative;display:flex;align-items:center}
.fix-header-nav .min-search .input-text{width:200px;height:40px;padding:0 50px 0 16px;font-size:14px;color:#2D2D2D;background:#F5F5F7;border:2px solid transparent;border-radius:25px;transition:border-color 0.3s ease,background 0.3s ease;outline:none}
.fix-header-nav .min-search .input-text::placeholder{color:#999}
.fix-header-nav .min-search .input-text:focus{background:#fff;border-color:#E85D75}
.fix-header-nav .min-search .searchgo{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:32px;height:32px;background:linear-gradient(135deg,#E85D75 0%,#C84B60 100%);border:none;border-radius:50%;cursor:pointer;transition:all 0.3s ease;display:flex;align-items:center;justify-content:center;overflow:hidden}
.fix-header-nav .min-search .searchgo:hover{background:linear-gradient(135deg,#D4AF37 0%,#B8962E 100%);transform:translateY(-50%) scale(1.1)}

/* 搜索框美化 */
.min-search{position:relative;display:flex;align-items:center}
.min-search .search{position:relative;display:flex;align-items:center}
.min-search .input-text{width:180px;height:40px;padding:0 48px 0 18px;font-size:14px;color:#2D2D2D;background:linear-gradient(135deg,#F5F5F7 0%,rgba(249,234,225,0.3) 100%);border:2px solid transparent;border-radius:25px;transition:border-color 0.35s ease,background 0.35s ease;outline:none;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun'}
.min-search .input-text::placeholder{color:#999;transition:color 0.3s ease}
.min-search .input-text:focus::placeholder{color:#666}
.min-search .input-text:focus{background:#fff;border-color:#E85D75}
.min-search .searchgo{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:32px;height:32px;background:linear-gradient(135deg,#E85D75 0%,#C84B60 100%);border:none;border-radius:50%;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);display:flex;align-items:center;justify-content:center;overflow:hidden}
.min-search .searchgo:hover{background:linear-gradient(135deg,#D4AF37 0%,#B8962E 100%);transform:translateY(-50%) scale(1.1);box-shadow:0 4px 12px rgba(212,175,55,0.3)}

/* ========================================
   卡片和面板增强样式
   ======================================== */
.card,.panel{background:#fff;border:none;border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,0.06);transition:transform 0.3s ease,box-shadow 0.3s ease;overflow:hidden}
.card:hover,.panel:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(232,93,117,0.2)}
.card-header,.panel-heading{padding:18px 22px;border-bottom:1px solid #F5F5F7;background:linear-gradient(135deg,#F9EAE1 0%,#fff 100%)}
.card-body,.panel-body{padding:22px}
.card-footer,.panel-footer{padding:16px 22px;border-top:1px solid #F5F5F7;background:#F5F5F7}

/* 商品卡片悬停效果 */
.tem_index_product ul li{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.06);transition:transform 0.3s ease,box-shadow 0.3s ease}
.tem_index_product ul li:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(232,93,117,0.2)}
.met_module3_list ul.list_1 li{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.06);transition:transform 0.3s ease,box-shadow 0.3s ease;border:none}
.met_module3_list ul.list_1 li:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(232,93,117,0.2)}

/* ========================================
   Banner轮播增强样式
   ======================================== */
.banner-slider{position:relative;overflow:hidden;width:100%;height:400px;margin:0 auto}
.banner-slider.swiper-container{overflow:hidden}
.banner-slider .swiper-wrapper{height:100%;transition-timing-function:ease-out}
.banner-slider .swiper-slide{height:100%;overflow:hidden;flex-shrink:0}
.banner-slide{position:relative;height:100%;width:100%;display:flex;align-items:center;justify-content:center;background-position:center center;background-size:cover;background-repeat:no-repeat}
.banner-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.3) 100%);pointer-events:none}
.banner-content{position:relative;z-index:2;text-align:center;color:#fff;padding:20px;max-width:800px}
.banner-title{font-size:36px;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,0.3);margin-bottom:15px;opacity:0;transform:translateY(30px);transition:all 0.6s ease}
.banner-slide.animated .banner-title{opacity:1;transform:translateY(0)}
.banner-link{position:absolute;top:0;left:0;right:0;bottom:0;z-index:3}

/* Swiper导航按钮 */
.banner-slider .swiper-button-prev,.banner-slider .swiper-button-next{width:50px;height:50px;background:rgba(255,255,255,0.9);border-radius:50%;transition:all 0.3s ease}
.banner-slider .swiper-button-prev::after,.banner-slider .swiper-button-next::after{font-size:20px;color:#E85D75;font-weight:bold}
.banner-slider .swiper-button-prev:hover,.banner-slider .swiper-button-next:hover{background:#E85D75;transform:scale(1.1)}
.banner-slider .swiper-button-prev:hover::after,.banner-slider .swiper-button-next:hover::after{color:#fff}

/* Swiper分页 */
.tem_banner .swiper-pagination{bottom:20px;z-index:10}
.tem_banner .swiper-pagination-bullet{width:12px;height:12px;border:2px solid #fff;background:transparent;opacity:1;transition:all 0.3s ease;box-shadow:0 2px 5px rgba(0,0,0,0.2)}
.tem_banner .swiper-pagination-bullet-active{background:#E85D75;border-color:#E85D75;transform:scale(1.2)}

/* ========================================
   响应式适配增强
   ======================================== */
@media(max-width:1199px){.fix-header-nav .min-search .input-text{width:160px}.fix-header-nav .head-nav ul li a{padding:0 14px;}}
@media(max-width:991px){.fix-header-nav{height:60px}.fix-header-nav .min-logo{width:120px;height:50px}.fix-header-nav .min-logo img{max-height:40px}.fix-header-nav .head-nav{height:60px}.fix-header-nav .head-nav ul{margin-left:15px}.fix-header-nav .head-nav ul li a{height:60px;padding:0 12px;}.fix-header-nav .min-search{margin-left:15px}.fix-header-nav .min-search .input-text{width:140px;height:36px}.fix-header-nav .head-nav ul li dl{top:60px}.banner-slider{height:350px}.banner-title{font-size:28px}.banner-slider .swiper-button-prev,.banner-slider .swiper-button-next{width:40px;height:40px}.banner-slider .swiper-button-prev::after,.banner-slider .swiper-button-next::after{font-size:16px}}
@media(max-width:767px){.fix-header-nav{height:55px}.fix-header-nav .min-logo{width:100px;height:45px}.fix-header-nav .min-logo img{max-height:35px}.fix-header-nav .head-nav{height:55px}.fix-header-nav .head-nav ul{margin-left:10px}.fix-header-nav .head-nav ul li a{height:55px;padding:0 10px;}.fix-header-nav .min-search{display:none}.banner-slider{height:280px}.banner-title{font-size:22px}.banner-slider .swiper-button-prev,.banner-slider .swiper-button-next{width:36px;height:36px}.banner-slider .swiper-button-prev::after,.banner-slider .swiper-button-next::after{font-size:14px}}
@media(max-width:575px){.banner-slider{height:200px}.banner-title{font-size:18px}.banner-content{padding:10px}}

/* ========================================
   主站视觉设计规范修复 - WCAG 2.1 AA合规
   ======================================== */

/* 色彩体系统一 */
:root {
    --brand-primary: #d98200;
    --brand-primary-light: #ff9900;
    --brand-primary-dark: #b36b00;
    --brand-accent: #c41f0a;
    --brand-accent-light: #e9280c;
    --brand-accent-dark: #a01a08;
    --brand-gold: #D4AF37;
    --brand-rose: #E85D75;
    --focus-ring-color: rgba(217, 130, 0, 0.4);
    --focus-ring-width: 3px;
    --font-size-h1: 2rem;
    --font-size-h2: 1.5rem;
    --font-size-h3: 1.25rem;
    --font-size-h4: 1.125rem;
    --font-size-h5: 1rem;
    --font-size-h6: 0.875rem;
    --line-height-base: 1.5;
}

/* 字号层级规范 */
h1, .h1, .page-title { font-size: var(--font-size-h1); font-weight: 600; line-height: 1.3; color: #2D2D2D; margin-bottom: 1rem; }
h2, .h2, .section-title { font-size: var(--font-size-h2); font-weight: 600; line-height: 1.4; color: #2D2D2D; margin-bottom: 0.875rem; }
h3, .h3, .card-title { font-size: var(--font-size-h3); font-weight: 500; line-height: 1.5; color: #2D2D2D; margin-bottom: 0.75rem; }
h4, .h4, .item-title { font-size: var(--font-size-h4); font-weight: 500; line-height: 1.5; color: #2D2D2D; margin-bottom: 0.625rem; }
h5, .h5 { font-size: var(--font-size-h5); font-weight: 500; line-height: var(--line-height-base); }
h6, .h6 { font-size: var(--font-size-h6); font-weight: 500; line-height: var(--line-height-base); }

@media (max-width: 767px) {
    h1, .h1, .page-title { font-size: 1.5rem; }
    h2, .h2, .section-title { font-size: 1.25rem; }
    h3, .h3, .card-title { font-size: 1.125rem; }
    h4, .h4, .item-title { font-size: 1rem; }
}

@media (max-width: 375px) {
    h1, .h1, .page-title { font-size: 1.35rem; }
    h2, .h2, .section-title { font-size: 1.15rem; }
}

/* WCAG AA合规 - 价格对比度修复 */
.met_module3_list ul.list_1 li .price,
.tem_index_product .price,
.price {
    color: var(--brand-accent);
    font-weight: 700;
}

/* 焦点状态可见性 */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus,
.btn:focus {
    outline: none;
    box-shadow: none;
}

/* 按钮样式统一 */
.btn {
    border-radius: 12px;
    font-weight: 500;
    transition: all 0.25s ease;
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 20px;
}
.btn-lg {
    border-radius: 12px;
    min-height: 52px;
    font-size: 16px;
    padding: 14px 28px;
}
.btn-sm {
    border-radius: 8px;
    min-height: 36px;
    font-size: 13px;
    padding: 6px 14px;
}
.btn-primary {
    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-light) 100%);
    border-color: var(--brand-primary);
    color: #fff;
}
.btn-primary:hover {
    background: linear-gradient(135deg, var(--brand-primary-dark) 0%, var(--brand-primary) 100%);
    border-color: var(--brand-primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(217, 130, 0, 0.3);
}
.btn-secondary {
    background: #6c757d;
    border-color: #6c757d;
    color: #fff;
}
.btn-secondary:hover {
    background: #5a6268;
    border-color: #5a6268;
    transform: translateY(-2px);
}
.btn-outline-primary {
    background: transparent;
    border: 2px solid var(--brand-primary);
    color: var(--brand-primary);
}
.btn-outline-primary:hover {
    background: var(--brand-primary);
    color: #fff;
    transform: translateY(-2px);
}

.tem_index_more a {
    background: linear-gradient(135deg, var(--brand-accent) 0%, var(--brand-accent-light) 100%);
    border-radius: 12px;
    transition: all 0.25s ease;
}
.tem_index_more a:hover {
    background: linear-gradient(135deg, var(--brand-accent-dark) 0%, var(--brand-accent) 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(196, 31, 10, 0.3);
}

/* 商品卡片悬停效果增强 */
.tem_index_product ul li {
    border-radius: 16px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.tem_index_product ul li:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(232, 93, 117, 0.2);
}
.tem_index_product ul li h2,
.tem_index_product ul li h3 {
    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-light) 100%);
}

.met_module3_list ul.list_1 li .view span {
    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-light) 100%);
    border-radius: 25px;
    transition: all 0.25s ease;
}
.met_module3_list ul.list_1 li .view span:hover {
    background: linear-gradient(135deg, var(--brand-accent) 0%, var(--brand-accent-light) 100%);
    transform: scale(1.02);
}

/* 分页样式增强 */
.met_pager a:hover,
.met_pager .Ahover {
    background: var(--brand-primary);
    border-color: var(--brand-primary);
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(217, 130, 0, 0.2);
}

/* 卡片和面板样式统一 */
.card, .panel {
    background: #fff;
    border: none;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover, .panel:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(232, 93, 117, 0.15);
}
.card-header, .panel-heading {
    padding: 18px 20px;
    border-bottom: 1px solid #F5F5F7;
    background: linear-gradient(135deg, #F9EAE1 0%, #fff 100%);
}
.card-body, .panel-body {
    padding: 20px;
}
.card-footer, .panel-footer {
    padding: 16px 20px;
    border-top: 1px solid #F5F5F7;
    background: #F5F5F7;
}

/* 列表卡片样式 */
.met_module3_list ul.list_1 li {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: none;
}
.met_module3_list ul.list_1 li:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(232, 93, 117, 0.15);
}

/* 侧边栏样式增强 */
.quick-links li:hover .quick-links-a,
.quick-links li.current .quick-links-a {
    background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-light) 100%);
}

/* 底部样式增强 */
.tem_index_footer {
    background: linear-gradient(180deg, #F9EAE1 0%, #F5F5F7 100%);
    border-top: 2px solid var(--brand-primary);
}

.tem_footer {
    background: linear-gradient(135deg, var(--brand-primary-dark) 0%, #8B3A4A 100%);
}

/* 间距系统规范 */
.section-spacing { padding: 24px 0; }
.section-spacing-lg { padding: 32px 0; }
.card-spacing { margin-bottom: 20px; }
.module-spacing { margin-bottom: 30px; }

@media (min-width: 768px) {
    .section-spacing { padding: 32px 0; }
    .section-spacing-lg { padding: 48px 0; }
    .card-spacing { margin-bottom: 24px; }
    .module-spacing { margin-bottom: 40px; }
}

@media (min-width: 1200px) {
    .section-spacing { padding: 40px 0; }
    .section-spacing-lg { padding: 60px 0; }
    .card-spacing { margin-bottom: 30px; }
    .module-spacing { margin-bottom: 50px; }
}

/* 表单控件高度统一 */
.form-control {
    height: 46px;
    padding: 10px 14px;
    font-size: 14px;
    border-radius: 12px;
    border: 2px solid #F5F5F7;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.form-control:focus {
    border-color: var(--brand-primary);
    box-shadow: none;
}
.form-control-lg {
    height: 52px;
    padding: 12px 18px;
    font-size: 16px;
}
.form-control-sm {
    height: 38px;
    padding: 8px 12px;
    font-size: 13px;
}

@media (max-width: 767px) {
    .form-control {
        height: 48px;
        font-size: 16px;
    }
}

/* 选择框样式 */
select.form-control {
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px;
    padding-right: 36px;
}

/* 减少动画偏好支持 */
@media(prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* 高对比度模式支持 */
@media(prefers-contrast: high) {
    .btn-primary {
        border: 2px solid currentColor;
    }
    .card, .panel {
        border-width: 2px;
    }
}

/* ========================================
   商品卡片增强样式
   ======================================== */
.product-grid {
    list-style: none;
    padding: 0;
    margin: 0 -10px;
}

.product-card {
    padding: 0 10px;
    margin-bottom: 20px;
}

.product-card-inner {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.product-card-inner:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 40px rgba(232, 93, 117, 0.18);
}

.product-image-wrapper {
    position: relative;
    overflow: hidden;
    padding-top: 100%;
    background: linear-gradient(135deg, #f8f8f8 0%, #fff 100%);
}

.product-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.product-card-inner:hover .product-image {
    transform: scale(1.08);
}

.product-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, transparent 60%, rgba(0, 0, 0, 0.1) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.product-card-inner:hover .product-image-overlay {
    opacity: 1;
}

.product-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 20px;
    z-index: 2;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.badge-sale {
    background: linear-gradient(135deg, #e9280c 0%, #ff4d3a 100%);
    color: #fff;
}

.badge-hot {
    background: linear-gradient(135deg, #ff9900 0%, #ffb84d 100%);
    color: #fff;
}

.badge-new {
    background: linear-gradient(135deg, #10b981 0%, #34d399 100%);
    color: #fff;
}

.product-info {
    padding: 16px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.product-title {
    font-size: 14px;
    font-weight: 500;
    color: #333;
    margin: 0 0 12px 0;
    line-height: 1.5;
    height: 42px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product-title a {
    color: inherit;
    text-decoration: none;
    transition: color 0.2s ease;
}

.product-title a:hover {
    color: var(--brand-primary, #d98200);
}

.product-price {
    display: flex;
    align-items: baseline;
    gap: 8px;
    margin-bottom: 6px;
}

.price-current {
    font-size: 20px;
    font-weight: 700;
    color: #e9280c;
}

.price-original {
    font-size: 14px;
    color: #999;
    text-decoration: line-through;
}

.product-save {
    font-size: 12px;
    color: #10b981;
    font-weight: 500;
    margin-bottom: 12px;
}

.product-btn {
    display: inline-block;
    padding: 10px 20px;
    background: linear-gradient(135deg, var(--brand-primary, #d98200) 0%, var(--brand-primary-light, #ff9900) 100%);
    color: #fff;
    text-decoration: none;
    border-radius: 25px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    transition: all 0.25s ease;
    margin-top: auto;
}

.product-btn:hover {
    background: linear-gradient(135deg, var(--brand-accent, #c41f0a) 0%, var(--brand-accent-light, #e9280c) 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(233, 40, 12, 0.3);
    color: #fff;
}

/* 响应式适配 */
@media (max-width: 1199px) {
    .product-card {
        margin-bottom: 16px;
    }
    .price-current {
        font-size: 18px;
    }
}

@media (max-width: 767px) {
    .product-grid {
        margin: 0 -6px;
    }
    .product-card {
        padding: 0 6px;
        margin-bottom: 12px;
    }
    .product-card-inner {
        border-radius: 12px;
    }
    .product-info {
        padding: 12px;
    }
    .product-title {
        font-size: 13px;
        height: 39px;
    }
    .price-current {
        font-size: 16px;
    }
    .price-original {
        font-size: 12px;
    }
    .product-btn {
        padding: 8px 16px;
        font-size: 13px;
    }
    .product-badge {
        top: 8px;
        left: 8px;
        padding: 3px 8px;
        font-size: 11px;
    }
}

@media (max-width: 375px) {
    .product-title {
        font-size: 12px;
        height: 36px;
    }
    .price-current {
        font-size: 15px;
    }
}

/* 商品分类侧边栏简化样式 */
.met_aside.aside_pro {
    padding: 12px 15px;
    background: #f8f8f8;
    border-radius: 8px;
}

.met_aside.aside_pro .procategory_list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.category-link {
    display: inline-block;
    padding: 2px 20px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 20px;
    color: #666;
    font-size: 13px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.product_goods_category{ height:65px;  margin-bottom: 25px;}

.category-link:hover {
    background: #ff9900;
    border-color: #ff9900;
    color: #fff;
}

@media (max-width: 767px) {
    .category-link {
        padding: 5px 10px;
        font-size: 12px;
    }
}