﻿
@charset "utf-8";
/* 全局 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p,header,footer,html{margin:0;padding:0;font-weight:normal;}
input,button,select,textarea{outline:none; vertical-align:middle;}
div{ display:block;}
li{list-style:none}
em,i{font-style:normal;}
img{border:none}
a{text-decoration:none; -webkit-tap-highlight-color: transparent; -webkit-appearance: none; appearance: none; outline:none; border:none; color:#333;}
header,nav,section,article,footer,figure,figcaption{display:block;}
input{ -ms-appearance: none; -o-appearance: none; -moz-appearance: none; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; appearance: none; outline:none; border:none;}
body{color:#333; background:#fff; text-align:center ;font-family:"microsoft yahei",Verdana; min-width:320px; width:100%; -webkit-tap-highlight-color:rgba(0,0,0,0); font-size:14px;}
html {height: 100%; margin: 0 auto;font-size:50px;}
.clear{clear:both; height:0px; font-size:0px; line-height:0; overflow:hidden;}
.fl{float:left;}
.fr{float:right;}

/*公告 */
.gongg{background:#fff; height:42px; line-height:42px; margin-top:8px; text-align:left;padding-left:5px; font-weight:bold; font-size:0.24rem;}
.gongg img{vertical-align:middle; margin-top: -4px;}
.gongg a{color:#f40;}

/* top */
.wrap{ min-width: 320px; background:#f5f5f5; position: relative; min-height: 100%; margin: 0 auto;width:100%;}

.wrap .search-box{ min-width:320px;width: 100%; position: sticky;position:-webkit-sticky; top: 0; overflow: hidden; z-index: 999; background: #ff552e;display:flex;align-items:center;justify-content:space-between;height:0.92rem;}
.wrap .search-box .h-logo{padding-left:2%;}
.wrap .search-box .h-logo img{ max-height:0.48rem; max-width: 100%;float:left;}
.wrap .search-box .h-search{ border-radius:0.6rem; background: #fff;flex:1;margin:0 3%;display:flex;align-items:center;padding:0.1rem 0;overflow:hidden;}
.wrap .search-box .h-search img{ width: 0.34rem; float: left;position: relative;  left: 0.2rem;}
.wrap .search-box .h-search input{font-size: 0.24rem; text-align: left; float: left;padding-left: 0.34rem;background:#fff;flex:1;}
#logout img{ width: 1.3rem; height: 1.3rem; margin: 0.4rem 0.1rem 0 0;}
#logout{color:#fff; font-size: 0.28rem;}
.wrap .search-box .h-login {
    margin-right: 2%;
}
.wrap .search-box .h-login a img{width:0.42rem;display:block;}

/*banner*/
.slideBox{width:100%;overflow:hidden; position:relative;padding-bottom:0.1rem;}
.slideBox a {display:block;width:100%; }
.slideBox a img {width:100%;display:block;}
#swiper-pagination {left:0;right:0;}
#slideBox .swiper-pagination-bullet-active {background:#f40;}

/*nav*/
.nav{width:100%;overflow:hidden; background:#fff;}
.nav .list{padding:10px 0 0 0; overflow:hidden;}
.nav .list .item{ float:left; width:20%; text-align:center;padding-bottom:0.1rem;}
.nav .list .item img{width:54%;}
.nav .list .item .tit{display: block;color: #333; font-size: 0.28rem;}
.nav .list .hot{position:relative;}
.nav .list .hot .i-hot{position:absolute; background:url(../images/i-hot.gif) no-repeat; display: block; width: 24px; height: 0.32rem; top: -6px; right:5px; background-size: 80%;}
/*增加分频道*/
.jlfpd{width:21%; float:right; padding-right:2%;}
.jlfpd ul li {
        margin-top:5.5%;
        float: left;
        height: 22px;
        line-height: 22px;
        width: 100%;
        text-align: center;
        border-radius:15px;
        background: -webkit-linear-gradient(left,#f96126, #ffa903); /* Safari 5.1 - 6.0 */
        background: -o-linear-gradient(right,#f96126, #ffa903); /* Opera 11.1 - 12.0 */
        background: -moz-linear-gradient(right,#f96126, #ffa903); /* Firefox 3.6 - 15 */
        background: linear-gradient(to right,#f96126, #ffa903); /* 标准的语法（必须放在最后） */
    }
 .jlfpd ul li a{color:#fff;}
/*特色招商专区*/
.con-tit{border-top:1px solid #ff2d55; position:relative; width:100%; text-align:left; margin-top:10px; background:#fff;display:flex;align-items:center;justify-content:space-between;}
/*.con-tit .h{width:100%; position: absolute; top: -8px; }
.con-tit .h img{position:absolute; top:3px; left:4px; background:0; width: 40%;}*/
.con-tit .h{margin: 2%;}
.con-tit .span1,.con-tit .span2{ font-weight:bold; font-size:0.36rem!important;}
.con-tit .span1 { background: #ff4467; color: #fff; border-radius: 50%; padding: 2px 4px; display: inline-block; margin-right: 5px; border-top-left-radius: 0; }
.con-tit .span2{color:#ff4467;}
.con-tit .r{flex:1;}
.con-tit .r p{font-size:0.26rem; float:right; margin-right:0.2rem;}
.con-tit .r p i{padding-left:2px;}
.con-tit .tit-block{display: inline-block;}


.act-ad{ overflow:hidden; background:#f7f7f7; margin-bottom:1%;}
.act-ad .act-ad12{width:49.5%; margin-right:0.5%; float:left;}
.act-ad img{width:100%; display:block; box-shadow: 1px 3px 5px #dfdfdf; border:0;}
.act-ad #act-ad1{margin-right:0; float:right;}

.act-ad2{ overflow:hidden; background:#f7f7f7;}
.act-ad2 li{float:left; width:32.5%; margin:0 1% 1% 0;}
.act-ad2 .last{float:right; margin-right:0;}
.act-ad2 li img{width:100%; display:block; box-shadow: 1px 3px 5px #dfdfdf; border:0;}
.act-ad3{ overflow:hidden; margin-top:1%;}
.act-ad3 img{width:100%; display:block;}
.act-ad5 li{width:49.5%;}
.act-ad5 li img{width:100%; display:block;}
.act-ad6{ overflow:hidden; margin-bottom:1%;}
.act-ad6 img{width:100%; display:block;}

/*快速找产品*/
.con-title{ background:#fff; width:100%; margin:2px 0 6px 0;display:flex;align-items:center;justify-content:space-between;}
.con-title .h{width:40%; margin:6px 0; position:relative; }
.con-title .h img{ float:left; width:80%}
.con-title .r{flex:1;padding-right:2%}
.con-title .r p{font-size:0.28rem;text-align:right}
.con-title .r p i{padding-left:2px;}
.con-tit2{padding:8px 0;margin-top:10px;}
.con-tit2 h3{/*background:linear-gradient(90deg, #FDC902, #FF9702);*/color:#fff;border-radius:0 20px 20px 0;padding:3px 6px;font-size:0.32rem;}
.con-tit2 .top-gd{padding-right:5px;}
.amy_ad{ padding:2%; background:#fff; overflow:hidden;display:flex;align-items:center;flex-wrap:wrap;}
.amy_ad .chanpin{ width:100%;}
.amy_ad .chanpin span{font-size: 0.28rem; text-align: left; display: inline-block; width: 46%; margin-right: 3%;}
.amy_ad .chanpin span:nth-child(2n){margin-right:0;}
.amy_ad .chanpin span i{background:url(../images/eye.gif) center left no-repeat; padding-left: 12%; color: #999;}
.amy_ad .chanpin .cpbt{ width: 58%; display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

/*金牌招商专区*/
.act-ad .act-adr{ float: right; width:49.5%; display: inline;}
.act-ad .act-adr li{height:49%; margin-bottom:3%;}
.act-ad .act-adr .last{margin-bottom:0;}

.tag_list{background:#fff; margin:8px 0 0 0; border-bottom: 1px solid #fe3835;}
.tag_list ul{overflow:hidden;}
.tag_list ul li{width:50%; float:left; text-align:center; height:0.72rem; line-height:0.72rem;font-size:0.28rem;}
.tag_list .current{color:#fe3835; background: #ffecec;}
.newinfo{text-align:left; width:100%; margin:0 auto; margin-bottom:6px; background:#fff; padding:8px;box-sizing:border-box;}
.newinfo ul li{overflow:hidden;padding-bottom:0.1rem;font-size:0.28rem;display:flex}
.newinfo ul li:last-child{padding-bottom:0;}
.newinfo ul li .zxx {width: 60%;font-size:0.28rem; overflow: hidden;  display: inline-block; text-overflow: ellipsis; white-space: nowrap;}
.newinfo ul li .zssj {color:#999;}
.newinfo ul li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;flex:1;padding-right:10px;}
.newinfo .line{overflow:hidden;}
.newinfo .line-list{border-bottom:1px dashed #eee;}
.newinfo h3{font-size: 0.32rem;font-weight: normal;margin-top: 6px;}
.newinfo h3 a{font-size: 0.32rem;font-weight: normal;margin-top: 6px; color:#333;}
.newinfo h3 span{margin:0px 4px;}
.newinfo h3 i{font-size: 0.24rem;color: white;background: orange;width: 0.28rem;height: 0.28rem;display: inline-block;text-align: center;line-height: 0.28rem; margin-left:6px;}
.newinfo .line .line-list{width: 50%;float: left; border-bottom: 1px dashed #ebe6e6;}
.newinfo .line-list a{}
.newinfo p{font-size: 0.28rem;color: #999;margin: 6px 0px;}
.newinfo p a{font-size:0.28rem; color:#999; margin: 6px 0px;}
#newinfo_2,#newinfo1_2{display: none;}

.lmntitle {border-bottom: 1px solid #ebe3e3;border-top: 1px solid #ebe3e3;font-size: 0.28rem;height:50px;line-height:50px;background: #f1f1f1; text-align:left; margin-bottom:10px;}
.lmntitle img{margin: 0 10px 0 10px;position:relative;top:2px;}
.about-recommend a{color: #999;font-size: 13px;display: inline-block;border: 1px solid #ececec;border-radius: 0.24rem; padding:4px 10px; margin-bottom:10px;}
.about-recommend .con_main{text-align: center;margin:10px 0px; }

.tag_list1{background:#f6f6f6; border-top:1px solid #f2f2f2; margin:6px 0px; height:36px; line-height:36px;}
.tag_list1 ul li{width:50%; float:left; text-align:center; height:36px; line-height:36px;}
.tag_list1 .current{color:#fe3835; border-bottom:2px solid #fe3835;}

/*名优品牌*/
.amy_ad .pinpai{ width: 30.5%; display: block; float: left; border: 1px solid #dfdfdf; background: #f7f7f7; padding: 1% 0; margin: 1%; font-size: 0.28rem; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.amy_ad .flrm{float: left; width:25%; font-size: 0.28rem; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; padding:0.14rem 0;box-sizing:border-box;}
.amy_ad .flrm:nth-child(4n){border-right:none;}
.amy_ad .flrm a{height:0.8rem;line-height:0.4rem;overflow:hidden;display:flex;justify-content:center;}
/*最新产品推荐*/
.act-ad4 ul{overflow:hidden; width:100%;}
.act-ad4 ul li{float:left; width:24%; text-align:center; margin-right:1%;}
.act-ad4 ul li:nth-child(4n-3){margin-left:0.5%;}
.act-ad4 ul li:nth-child(4n){margin-right:0.5%;}
.act-ad4 .cp-tu img {max-width: 100%; height: auto; max-height: 100%; margin: auto; position: absolute; top: 0;left: 0; bottom: 0; right: 0;}
.act-ad4 .cp-tu a { width: 100%; padding-bottom: 100%; height: 0; display: block;position: relative;}
.act-ad4 .cp-tit{line-height: 0.6rem; width: 100%;display: block; overflow: hidden}
.act-ad4 .cp-tit a{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display:inline-block;width:100%;font-size:0.24rem;}
/*食品资讯*/
.amy_ad .spzx{text-align:left;width: 100%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;padding-bottom:0.1rem;font-size:0.24rem;}
.amy_ad .spzx:last-child{padding-bottom:0;}

/*客服中心*/
.amy_ad .kf-ewm{ width:25%; margin-right:4%;font-size:0.24rem;}
.amy_ad .kf-ewm img{width:100%;display:block;border:1px solid #efefef;}
.amy_ad .kf-xx{ text-align:left; width:70%;font-size:0.28rem;}
.amy_ad .kf-xx .kf-px{background: #f40;display: block; color: #fff; padding: 4px;margin-bottom:4px; border-radius: 4px; width: 60%;text-align: center;}
.amy_ad .kf-xx .span1,.amy_ad .kf-xx .span2{display:block;}
.amy_ad .kf-xx .span1:before{content:'√';color:#f40;margin-right:2%;}
.amy_ad .kf-xx .span2{color:#888;padding:4px 0;}
.amy_ad .kf-xx p{ }
.amy_ad .kf-xx p:last-child{padding-bottom:0;}
.amy_ad.kfzx{display:flex;align-items:center;}
.amy_ad .kf-xx .kf-rx{line-height: 0.6rem;}
.kf-px { }
.amy_ad .kf-xx .kf-rx .dh{color: #f40; font-family: Georgia; font-weight: bold; font-size:0.4rem;}
.amy_ad .kf-xx .kf-qq{line-height:0.6rem;}
.amy_ad .kf-xx .kf-qq img{vertical-align: middle; margin-left: 2%;}

/*footer*/
.footer{background:#fff; padding:20px 0; font-size:0.32rem; text-align:center; margin-top:6px;}
.footer .func{width:100%; margin:0 auto; margin:5% 0 3% 0;}
.footer .func .platforms{ margin:0 auto; display:table; width:70%;}
.footer .func .platforms li{float:left; width:27%; margin:0 3%;}
.footer .func .platforms li a{display:block; font-size:0.24rem; position:relative;}
.footer .func .platforms li img{width:40px; height:40px;}
.footer .func .icon_apps{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.footer .func .icon_pc{filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.footer .des{text-align:center; font-size:0.28rem; color:666px;}
.footer .copyright{font-size:0.24rem; text-align:center; line-height:0.44rem; margin:1% 0;}

/*悬浮导航*/
.cpfl{width: 80px;position: fixed;right: 0;bottom:30%;}
.cpfl .xuanfu{position: relative;}
.cpfl .xuanfu .wz{background: #fe3835; color: #FFF; width: 40px; height: 40px; padding: 6px; border-radius: 80px; position: absolute; top: 5px; left: 5px;}
.cpfl .xuanfu .wz a{color: #fff; font-size: 0.32rem; line-height: 20px;}
.cpfl .xuanfu .wk{border-radius: 80px; filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; width: 50px; height: 50px; padding: 6px; background: #000; z-index: -9999; position: absolute; top: 0; left: 0;}



.cpfl .xflinks{background:#dfdfdf; width:100%; position:relative; right: 10px; margin-bottom:10px; display:none;}
.cpfl .xflinks ul li{border-bottom: 1px solid #fff;
    padding: 10px 0;}
.cpfl .xflinks ul li a{color:#333;}
.cpfl .xflinks .sanjiao{ display: inline-block; width: 0; height: 0; overflow: hidden;  line-height: 0; font-size: 0;  vertical-align: middle;  border-top: 7px solid #dfdfdf; border-bottom: 0 none; border-left: 7px solid transparent;  border-right: 7px solid transparent; _color: #333;  _filter: chroma(color=#333);position: absolute;left: 34px;}
.cpfl .xuanfu{position: relative;}
.cpfl .xuanfu .wz{background: #fe3835; color: #FFF; width: 40px; height: 40px; padding: 6px; border-radius: 80px; position: absolute; top: 5px; left: 5px;}
.cpfl .xuanfu .wz a{color: #fff; font-size: 0.32rem; line-height: 20px;}
.cpfl .xuanfu .wk{border-radius: 80px; filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; width: 50px; height: 50px; padding: 6px; background: #000; z-index: -9999; position: absolute; top: 0; left: 0;}

/*搜索search*/
.alertMessageBg{position:fixed;background:#fff!important;z-index:999;height:100%!important;overflow-y:scroll;}
.search_show{width:96%; margin: 2%;display:flex;align-items:center;justify-content:space-between;}
.search_show .h_search3{padding:0 2%;border-radius:0.6rem;border:1px solid #dcdcdc; width:84%;display:flex; /*float:left; background:url(../images/j-maxglass.png) no-repeat 0.18rem;*/margin-right:2%;align-items:center} 
.search_show .h_search3 img{display:block;width:0.34rem;}
.h_search3 .h_input{ background:none; font-size:0.24rem; text-align:left; float:left;flex:1; padding:0.15rem 0 0.15rem 0.15rem;} 
.search_show .ss{background:#fe3835; color:#fff; width: 12%;border-radius: 6px;padding:0.1rem 0}
.search_select{overflow:hidden; padding: 1% 2% 2% 2%; position: relative; border-bottom: 1px solid #ededed;display:flex;align-items:center;}
.search_select .return{padding-top: 2%;}
.search_select .return img{width: 0.2rem;display:block;}

.search_select ul{flex:1;}
.search_select ul li{ height:0.64rem; line-height:0.64rem;float:left; width: 20%;}
.search_select ul li .on{display:inline-block; border-bottom:2px solid #fe3835; color:#fe3835; }

.search_wrap2{text-align: left; margin: 2%;}
.search_wrap2 .bt{font-size: 0.32rem; font-weight: bold; margin: 5% 2% 3% 2%;display:flex;align-items:center;justify-content:space-between;}
.search_wrap2 .bt img{width:0.3rem;}
.search_wrap2 .search_type ul li{float:left; font-size: 0.28rem; text-align: center; border-radius: 5px;margin-bottom: 6px; margin: 1%; background: #f7f7f7; padding: 0.1rem;height:20px;line-height:20px;}
.search_wrap2 .search_type ul li a{color:#333;}
.search_wrap2 .search_type .current{background:#e9e9e9;}

#zjtk {width: 100%;height: 100%;position: fixed;z-index: 9999;top: 0;left: 0;background: rgba(0,0,0,0.5);}
#zjtk .zj-vote{position: relative; width:320px; top:20%; margin: 0 auto;}
#zjtk .zj-vote img{width: 100%;}
#zjtk #zj-close{position:absolute; width:20px; height:20px; font-size:15px; color:#fff; border:1px solid #fff; right:48%; bottom: -20px; border-radius:50% 50%;}
#zjtk2{width:100%; height:100%; position:fixed; z-index:9999; top:0; left:0; background:rgba(0,0,0,0.5);}
#zjtk2 .wz{background:#fff; position: relative; width:220px; top:20%; margin: 0 auto; border-radius:20px;}
#zjtk2 .wz .zj-vote2{padding:20px;}
#zjtk2 .wz .zj-vote2 img{width:100%;}
#zjtk2 .wz .zj-z{padding:0 40px 20px 40px;}
#zjtk2 #zj-close2{position:absolute; width:20px; height:20px; font-size:15px; color:#fff; border:1px solid #fff; bottom: -40px;left: 44%; border-radius:50% 50%;}

/*2023.8.18 休闲新增产品样式*/
.zs_div {
    background: #fff;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .zs_div .cp_bt {
        background-image: linear-gradient(#ffe1d7, #fff);
        width: 100%;
        padding: 2%;
    }

        .zs_div .cp_bt img {
            float: left;
            width: 30%;
            padding: 1% 1% 0;
        }

    .zs_div .cp_pl {
        padding: 2%;
        overflow: hidden;
    }

        .zs_div .cp_pl .cp_ming {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            font-size: 0.28rem;
            width: 23%;
            background: #f6f6f6;
            display: block;
            text-align: center;
            float: left;
            padding: 1% 0;
            margin: 1%;
        }

/*热门招商产品*/
.rmzspro{ width:870px; overflow:hidden;}
.sppp { width:1200px!important;}
.rmzsprozt{overflow:hidden;}
.rmzsprozt ul{ padding:10px 0px 0px 16px;}
.rmzsprozt ul li{ background:url(/images/doticon.jpg) no-repeat left 10px; width:152px; float:left; height:44px; padding-bottom:6px; margin-right:18px;}
.rmzsprozt ul li p{ height:24px; line-height:24px; padding-left:10px; width:152px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;text-align:left;}
.rmzsprozt ul li b{ color:#ff4400; padding-left:10px; float:left;font-size:12px;}
.rmzsprozt ul li span { float:right; }
.rmzsprozt ul li span a{font-size:12px; color:#f40; display:block;}
