﻿
@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;}
.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:12px;}
.gongg img{vertical-align:middle; margin-top: -4px;}
.gongg a{color:#f40;}

/* top */
.wrap{ max-width: 750px; min-width: 320px; background:#f5f5f5; position: relative; min-height: 100%; margin: 0 auto; overflow:hidden;}

.wrap .search-box{ width: 100%; max-width:750px; position: fixed; top: 0; overflow: hidden; z-index: 999; background: #fff; padding:6px 0; height: 34px;}
.wrap .search-box .h-logo{ width:30%; display: inline; padding:0 0 0 1%;}
.wrap .search-box .h-logo img{ max-height:40px; max-width: 100%;}
.wrap .search-box .h-search{ border-radius:15px; width:56%; background: #f7f7f7;margin-left:1%;}
.wrap .search-box .h-search img{ width: 16px; float: left;position: relative;    top: 8px; left: 7px;}
.wrap .search-box .h-search input{font-size: 12px; text-align: left; float: left; height: 32px; padding-left: 14px; width:86%; background:#f7f7f7;}

.wrap .search-box .h-login{margin-right:6px; line-height:32px;}
.wrap .search-box .h-login a{ }

/*banner*/
.slideBox{width:100%;overflow:hidden; position:relative;margin-top:48px;}
.slideBox a {display:block;width:100%;}
.slideBox a img {width:100%;}
#swiper-pagination {left:0;right:0;}
#slideBox .swiper-pagination-bullet-active {background:#f40;}

/*nav*/
.nav{width:100%; margin-top:4px; overflow:hidden; background:#fff;}
.nav .list{padding:6px 8px 0 8px; overflow:hidden;}
.nav .list .item{ float:left; width:25%; margin-top:8px; text-align:center;}
.nav .list .item img{width:40%;}
.nav .list .item .tit{display: block; height:28px; color: #333; font-size: 14px;}
.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: 16px; 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;}
.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 .r{width:60%;}
.con-tit .r p{font-size:13px; float:right; margin-right:8px; line-height:46px;}
.con-tit .r p i{padding-left:2px;}

.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;}

/*快速找产品*/
.con-title{ background:#fff; width:100%; margin:2px 0 6px 0; }
.con-title .h{width:40%; margin:6px 0; position:relative; }
.con-title .h img{ float:left; width:80%}
.con-title .r{width:60%;}
.con-title .r p{font-size:14px; float:right; margin-right:8px; padding-top:5%;}
.con-title .r p i{padding-left:2px;}

.amy_ad{ padding:2%; background:#fff; overflow:hidden;}
.amy_ad .chanpin{ width:100%; margin-right: 4%;}
.amy_ad .chanpin span{font-size: 14px; text-align: left; line-height: 26px;display: inline-block; width: 46%; margin-right: 3%;}
.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; height:36px; line-height:36px; border-bottom: 1px solid #fe3835;}
.tag_list ul li{width:50%; float:left; text-align:center; height:36px; line-height:36px;}
.tag_list .current{color:#fe3835; background: #ffecec;}
.newinfo{text-align:left; width:100%; margin:0 auto; margin-bottom:6px; background:#fff; padding:8px;}
.newinfo ul li{height:30px; line-height:30px; overflow:hidden;}
.newinfo ul li .zxx {width: 60%; overflow: hidden;  display: inline-block; text-overflow: ellipsis; white-space: nowrap;}
.newinfo ul li .zssj {margin-right: 5%;}
.newinfo .line{overflow:hidden;}
.newinfo .line-list{border-bottom:1px dashed #eee;}
.newinfo h3{font-size: 16px;font-weight: normal;margin-top: 6px;}
.newinfo h3 a{font-size: 16px;font-weight: normal;margin-top: 6px; color:#333;}
.newinfo h3 span{margin:0px 4px;}
.newinfo h3 i{font-size: 12px;color: white;background: orange;width: 14px;height: 14px;display: inline-block;text-align: center;line-height: 14px; margin-left:6px;}
.newinfo .line .line-list{width: 50%;float: left; border-bottom: 1px dashed #ebe6e6;}
.newinfo .line-list a{}
.newinfo p{font-size: 14px;color: #999;margin: 6px 0px;}
.newinfo p a{font-size:14px; color:#999; margin: 6px 0px;}
#newinfo_2,#newinfo1_2{display: none;}

.lmntitle {border-bottom: 1px solid #ebe3e3;border-top: 1px solid #ebe3e3;font-size: 14px;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: 12px; 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: 14px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}

.amy_ad .flrm{float: left; width:24.6%; font-size: 14px; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; padding:7px 0;}

/*最新产品推荐*/
.act-ad4{overflow:hidden; width:100%;}
.act-ad4 ul li{float:left; width:24%; text-align:center; margin-right:1%;}
.act-ad4 .cp-tu{}
.act-ad4 .cp-tu img{width:100%; display:block; height:90px;}
.act-ad4 .cp-tit{line-height: 30px; width: 100%;display: block; overflow: hidden}
.act-ad4 .cp-tit a{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*食品资讯*/
.amy_ad .spzx{text-align:left; line-height:30px; width: 100%;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/*客服中心*/
.amy_ad .kf-ewm{ width:25%; margin-right:2%;}
.amy_ad .kf-ewm img{width:100%;}
.amy_ad .kf-xx{ text-align:left; width:72%;}
.amy_ad .kf-xx .kf-rx{line-height:30px;}
.amy_ad .kf-xx .kf-rx .dh{color: #f40; font-family: Georgia; font-weight: bold; font-size:20px;}
.amy_ad .kf-xx .kf-qq{line-height:30px;}
.amy_ad .kf-xx .kf-qq img{vertical-align: middle; margin-left: 2%;}

/*footer*/
.footer{background:#fff; padding:20px 0; font-size:16px; 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:12px; 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:14px; color:666px;}
.footer .copyright{font-size:12px; text-align:center; line-height:22px; 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: 16px; 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: 16px; 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*/
.search_show{width:96%; margin: 2%;position: relative; overflow: hidden;}
.search_show .h_search3{border-radius:15px; height:32px; line-height:32px; border:1px solid #dcdcdc; width:84%; float:left; background:url(../images/j-maxglass.png) no-repeat 4px 5px;} 
.h_search3 .h_input{ background:none; font-size:12px; text-align:left; float:left; height:33px; padding-left:28px; width:90%; } 
.search_show .ss{background:#fe3835; color:#fff; width: 12%; height: 32px;line-height: 32px; border-radius: 6px;}
.search_select{overflow:hidden; padding: 0% 0 2% 0; position: relative; border-bottom: 1px solid #ededed;}
.search_select .return{position: absolute; top: 10px; left: 12px;}
.search_select .return img{width: 13px; height: 22px;}

.search_select ul{width:90%; float: right; padding-top: 1%;}
.search_select ul li{ height:32px; line-height:32px;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: 16px; font-weight: bold; margin: 5% 2% 3% 2%;}
.search_wrap2 .search_type ul li{float:left; font-size: 14px; text-align: center; border-radius: 8px; height: 30px; line-height: 30px; margin-bottom: 6px; margin: 1%; background: #f7f7f7; padding: 2px 18px;}
.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%;}

