@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: #f7f7f7; 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; }

/* top */
.wrap { width: 100%; min-width: 320px; }
.wrap .search-box { 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; background: #fff; flex: 1; padding-left: 0.34rem; height: 0.3rem; }
#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 { color: #fff; font-size: 0.28rem; }
.wrap .search-box .h-login a img { width: 0.42rem; display: block; }

/*banner*/
.slideBox { width: 100%; overflow: hidden; position: relative; }
.slideBox .hd { height: 15px; overflow: hidden; position: absolute; right: 45%; bottom: 5px; z-index: 1; }
.slideBox .hd ul { overflow: hidden; zoom: 1; float: left; }
.slideBox .hd ul li { float: left; margin-right: 5px; width: 10px; height: 10px; line-height: 0.28rem; text-align: center; background: #fff; cursor: pointer; border-radius: 10px; }
.slideBox .hd ul li.on { background: #f00; color: #fff; }
.slideBox .bd { position: relative; height: 100%; z-index: 0; }
.slideBox .bd li { zoom: 1; vertical-align: middle; width: auto; }
.slideBox .bd li img { display: block; width: 100%; }

/*nav*/
.nav { width: 100%; margin-top: 10px; overflow: hidden; background: #fff; }
.nav .list { padding: 0.3rem 8px 5px 8px; overflow: hidden; }
.nav .list .item { float: left; width: 20%; text-align: center; padding-bottom: 0.3rem; }
.nav .list .item img { width: 50%; }
.nav .list .item .tit { display: block; color: #333; font-size: 0.28rem; }
/*tit*/
.con-tit2 { margin-top: 10px; background: #fff; display: flex; justify-content: space-between; align-items: center; padding: 6px 6px 6px 0; }
.con-tit2 .top-tit { border-bottom-right-radius: 0.6rem; border-top-right-radius: 0.6rem; padding: 0 6%; font-size: 0.32rem; color: #fff; height: 0.6rem; line-height: 0.6rem; }
.tj1 { background: #ff7c23; }
.tj2 { background: #ffa32d; }
.tj3 { background: #e2071b; }
.tj4 { background: #f85454; }
.tj5 { background: #fecf30; }
.con-tit2 .top-gd { font-size: 0.28rem; }

/*精品推荐*/
.good { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
.good .good-li { background: #fff; width: 46%; margin: 2% 2% 0 0; padding: 1.5%; }
.good .good-li:nth-child(2n) { margin-right: 0; }
.good .good-li .li-img { overflow: hidden; margin-bottom: 3%; }
.good .good-li .li-img .img-a { width: 98%; background: #fff; padding-bottom: 98%; height: 0; display: block; border: 1px solid #efefef; position: relative; }
.good .good-li .li-img .img-a img { max-width: 100%; height: auto; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.good .li-mc { display: flex; justify-content: space-between; align-items: center; margin: 1% 0 3%; }
.good .li-mc .gs { display: inline-block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 0.24rem; color: #999; text-align: left; }
.good .li-p .hy { width: 40%; }
.good .li-p .hy img { width: 100%; vertical-align: middle; }
.good .li-p { font-size: 0.28rem; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; min-height: 0.72rem; text-align: left; }
.good .li-p a img { width: 34%; position: relative; top: 3px; left: 2px; }
.good .li-data { display: flex; justify-content: space-between; align-items: center; font-size: 13px; margin: 1% 0 4% 0; }
.good .li-data img { width: 40%; }
.good .li-data span i { color: #333; }
.good .li-data a { background: linear-gradient(to right,#e3081c,#fe884a); box-shadow: 0 3px 8px #ffe1da; width: 35%; color: #fff; padding: 2% 4%; border-radius: 5px; font-size: 0.28rem; }

/*食品资讯*/
.spnews { background: #fff; padding: 2%; margin-top: 2%; }
.spnews .spnews-li { display: flex; justify-content: space-between; border-bottom: 1px solid #efefef; padding: 4% 0; }
.spnews .spnews-li:last-child { border: 0; }
.spnews .spnews-li .li-img { overflow: hidden; width: 25%; }
.spnews .spnews-li .li-img .img-a { width: 98%; background: #fff; padding-bottom: 98%; height: 0; display: block; border: 1px solid #efefef; position: relative; }
.spnews .spnews-li .li-img .img-a img { max-width: 100%; height: auto; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.spnews .spnews-li .li-right { width: 72%; text-align: left; }
.spnews .spnews-li .li-right .li-nr-bt { font-size: 0.28rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.spnews .spnews-li .li-right .li-nr { margin: 2% 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 0.28rem; }
.spnews .spnews-li .li-right .li-nr a { color: #777; }
.spnews .spnews-li .li-right .li-number { display: flex; justify-content: space-between; font-size: 0.28rem; }
.spnews .spnews-li .li-right .li-number span { color: #999; }
.spnews .spnews-li .li-right .li-number span i { color: #333; }

/*特色招商专区*/
.con-tit { width: 100%; text-align: left; margin-top: 10px; background: #fff; }
.con-tit .zs_title { text-align: left; font-size: 0.36rem; font-weight: bold; color: #333; padding: 10px; }
.con-tit .zs_title a { font-size: 0.28rem; color: #fff; }
.con-tit .zs_title .span1 { color: #fff; border-radius: 50%; background: #f0804e; display: inline-block; width: 0.6rem; height: 0.6rem; line-height: 0.6rem; text-align: center; margin-right: 4px; }
.con-tit .zs_title .span2 { color: #f0804e; }
.con-tit .zs_title i { color: #f0804e; font-size: 0.32rem; vertical-align: bottom; font-weight: normal; line-height: 28px; font-style: italic; }
.con-tit .r { }
.con-tit .r p { font-size: 13px; margin-right: 8px; }
.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; boeder: 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-ad6{  overflow: hidden; background: #f7f7f7; }
.act-ad6 img { width: 100%; display: block; }

/*快速找产品*/
.con-title { background: #fff; width: 100%; margin: 6px 0; }
.con-title .h { width: 32%; margin: 6px 0; position: relative; }
.con-title .h img { float: left; width: 80% }
.con-title .r { width: 60%; }
.con-title .r p { font-size: 0.28rem; float: right; margin-right: 8px; padding-top: 5%; }
.con-title .r p i { padding-left: 2px; }
/*品牌*/
.amy_ad { padding: 2%; background: #fff; overflow: hidden; margin-top: 2%; }
.amy_ad .chanpin { width: 100%; margin-right: 4%; }
.amy_ad .chanpin span { font-size: 0.28rem; 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; }
/*百科*/
.amy_ad .baike { width: 100%; }
.amy_ad .baike ul li { display: flex; justify-content: space-between; padding-bottom }
.amy_ad .baike ul li a { width: 76%; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 0.28rem; }
.amy_ad .baike ul li span { color: #999; width: 24%; text-align: right; font-size: 0.28rem; }

/*金牌招商专区*/
.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: 0.72rem; line-height: 0.72rem; border-bottom: 1px solid #fe3835; }
.tag_list ul li { width: 33%; 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; background: #fff; padding: 8px; box-sizing: border-box; }
.newinfo ul li { height: 0.6rem; line-height: 0.6rem; overflow: hidden; }
.newinfo ul li .zxx { width: 60%; overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; font-size: 0.28rem; }
.newinfo ul li .zssj { margin-right: 5%; font-size: 0.28rem; }
.newinfo .line { overflow: hidden; }
.newinfo .ckgd { background: #f7f7f7; width: 98%; display: inline-block; margin: 2% 0; padding: 10px 0; text-align: center; font-size: 0.28rem; }
.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: 12px; 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: 1rem; line-height: 1rem; 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: 0.72rem; line-height: 0.72rem; }
.tag_list1 ul li { width: 50%; float: left; text-align: center; height: 0.72rem; line-height: 0.72rem; }
.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: 24.6%; font-size: 0.28rem; border-bottom: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; padding: 7px 0; }

/*最新产品推荐*/
.act-ad4 { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
.act-ad4 .li { background: #fff; width: 46%; margin: 2% 2% 0 0; padding: 1.5% 1.5% 2%; }
.act-ad4 .li:nth-child(2n) { margin-right: 0; }
.act-ad4 .cp-tu { overflow: hidden; margin-bottom: 4%; }
.act-ad4 .cp-tu .cp-tu-a { width: 99%; background: #fff; padding-bottom: 99%; height: 0; display: block; border: 1px solid #efefef; position: relative; }
.act-ad4 .cp-tu .cp-tu-a img { max-width: 100%; height: auto; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.act-ad4 .cp-tit { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-align: left; font-size: 0.28rem; }

/*食品资讯*/
.amy_ad .spzx { text-align: left; line-height: 0.6rem; 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 p { font-size: 0.28rem; }
.amy_ad .kf-xx .kf-rx { line-height: 0.6rem; }
.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 p { font-size: 0.28rem; }
.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: 0.8rem; height: 0.8rem; }
.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: 1.6rem; position: fixed; right: 0; bottom: 30%; z-index: 99; }
.cpfl .xuanfu { position: relative; right: -0.2rem; }
.cpfl .xuanfu .wz { background: #fe3835; color: #FFF; width: 0.6rem; height: 0.6rem; padding: 0.12rem; border-radius: 80px; position: absolute; top: 0.08rem; left: 0.08rem; }
.cpfl .xuanfu .wz a { color: #fff; font-size: 0.26rem; line-height: 0.3rem; display: inline-block; }
.cpfl .xuanfu .wk { border-radius: 80px; filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; width: 0.76rem; height: 0.76rem; padding: 0.12rem; background: #000; z-index: -9999; position: absolute; top: 0; left: 0; }

.cpfl .xflinks { background: #dfdfdf; width: 100%; position: relative; right: 5px; margin-bottom: 10px; display: none; }
.cpfl .xflinks ul li { border-bottom: 1px solid #fff; padding: 10px 0; }
.cpfl .xflinks ul li a { color: #333; font-size: 0.28rem; }
.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: 0; right: 0; margin: auto; }
.xuanfu { position: fixed !important; width: 1rem; height: 1rem; right: 20px !important; z-index: 99; }

/*调味名优品牌*/
.twp-tit { background: #fe3835; height: 0.72rem; line-height: 0.72rem; text-align: center; font-size: 0.36rem; color: #fff; position: relative; }
.twp-tit .r-icon { width: 0.26rem; height: 0.44rem; position: absolute; top: 0.14rem; left: 0.2rem; }
.twp-tit .type-icon { position: absolute; top: 5px; right: 6px; width: 28px; }

.twp-sort { width: 100%; background: #fff; margin: 4px; overflow: hidden; }
.twp-sort .menu-type { width: 25%; }
.twp-sort .menu-type ul li { width: 100%; background: #f7f7f7; border-bottom: 1px solid #efefef; padding: 8px 0; }
.twp-sort .menu-type ul li a { }
.twp-sort .menu-type ul li:hover { background: #fff; }
.twp-sort .menu-type ul li:active { background: #fff; }
.twp-sort .menu-list { width: 75%; }
.twp-sort .menu-list ul li { border-bottom: 1px solid #efefef; padding: 10px 0; margin: 0 0 0 2%; overflow: hidden; }
.twp-sort .menu-list .list-img { border: 1px solid #efefef; vertical-align: middle; text-align: center; width: 80px; height: 80px; padding: 1px; margin-right: 2%; overflow: hidden; }
.twp-sort .menu-list .list-img img { width: 80px; height: 80px; }
.twp-sort .menu-list .list-nr { width: 57% }
.twp-sort .menu-list .list-nr a { display: block; text-align: left; }
.twp-sort .menu-list .list-nr .cp-bt { font-size: 0.32rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.twp-sort .menu-list .list-nr .cp-nr { font-size: 0.28rem; color: #666; }
.twp-sort .menu-list .list-nr .gengduo { font-size: 0.28rem; color: #fe3835 }
.twp-sort .menu-list .ckgd { background: #f7f7f7; width: 100%; display: inline-block; margin: 2% 0; padding: 10px 0; }

.twp-fy { }
.twp-fy .fy-tit { background: #f7f7f7; font-size: 0.36rem; text-align: left; padding: 8px 0 10px 10px; }
.twp-fy .fy-cp { background: #fff; width: 100%; padding: 1%; overflow: hidden; }
.twp-fy .fy-cp ul li { float: left; width: 32%; text-align: center; margin-right: 1%; }
.twp-fy .fy-cp .cp-tu { border: 1px solid #efefef; display: inline-block; }
.twp-fy .fy-cp .cp-tu img { width: 100%; display: block; }
.twp-fy .fy-cp .cp-tit { line-height: 0.6rem; width: 100%; display: block; overflow: hidden }
.twp-fy .fy-cp .cp-tit a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.twp-fy .fy-rm { padding: 2% 0; width: 100%; background: #fff; }
.twp-fy .fy-rm .rmzt { width: 23%; border: 1px solid #efefef; padding: 2% 0; display: inline-block; margin-bottom: 1%; }

.daohang_tit { background: #f7f7f7; height: 0.72rem; line-height: 0.72rem; text-align: left; padding-left: 8px; overflow: hidden; }
.daohang img { position: relative; top: 5px; margin-right: 5px; }
.kong { background: #fff; height: 10px; width: 100%; }


/*地区、类型、代理检索样式*/
.public-type { width: 100%; overflow: hidden; margin: 0 auto; background: #fff; border: 1px solid #dfdfdf; border-left: none; border-right: none; }
.public-type #nav { display: block; width: 100%; border-top: #f2f2f2; height: 38px; }
.public-type #nav li { float: left; width: 49%; position: relative; border-right: 1px solid #dfdfdf; margin: 4px 0 3px 0; }
.public-type #nav li a { display: block; line-height: 0.6rem; text-align: center; color: #333; }
.public-type #nav li img { width: 8%; padding-left: 4px; }
.public-type #nav .char_corr { width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #666; font-size: 0px; line-height: 0px; margin-left: 6px; position: absolute; top: 45%; }
.public-type #nav .char_corr1 { width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fe3835; font-size: 0px; line-height: 0px; margin-left: 6px; position: absolute; top: 45%; }
.public-type #nav2 li { float: left; width: 33%; position: relative; border-right: 1px solid #dfdfdf; margin: 4px 0 3px 0; }
.public-type #nav2 li a { display: block; line-height: 0.6rem; text-align: center; color: #333; }
.public-type #nav2 li img { width: 10%; padding-left: 4px; }

.public-type .type-all { width: 33%; float: left; }
.public-type .type-all ul li { width: 100%; border: 1px solid #f1f1f1; background: #f6f6f6; border-top: none; padding: 8px 0; }
.public-type .type-all .on { width: 100%; border: 1px solid #f1f1f1; border-top: none; padding: 8px 0; background: #fff; color: #fe3835; position: relative; }
.public-type .type-part { float: right; width: 67%; }
.public-type .type-part .type-one ul li { width: 100%; border-bottom: 1px solid #f1f1f1; background: #fff; padding: 8px 0; }
.public-type .type-part .type-one ul li:hover { background: #e9e9e9; }
.public-type .type-part .type-one ul li a { color: #333; display: inline-block; }
.public-type .type-part .type-one h1 { background: #f9f9f9; font-size: 0.32rem; padding: 8px 0; border-bottom: 1px solid #f1f1f1; border-top: none; position: relative; }
.public-type .type-part .type-one h1 a { color: #333; }
.public-type .type-part .type-two { font-size: 0.32rem; text-align: center; padding: 8px 0; border-bottom: 1px solid #f1f1f1; }
.public-type .type-part .type-two a { color: #fe3835; }
.public-type .type-part .type-three { font-size: 0.32rem; text-align: center; padding: 8px 0; border-bottom: 1px solid #f1f1f1; background: #f9f9f9; }
.public-type .type-part .type-three a { color: #fe3835; }
.public-type .type-part .type-one .char_corr { width: 0px; height: 0px; border-left: 5px solid #fe3835; border-right: 5px solid transparent; border-top: 5px solid transparent; border-bottom: 5px solid transparent; font-size: 0px; line-height: 0px; margin-left: 6px; position: absolute; top: 40%; }

/*select_record*/
.select_start_date { /*width: 100%;*/ height: 38px; font-size: 0.28rem; color: #666666; overflow: hidden; line-height: 0.6rem; border-bottom: 1px solid #dfdfdf; margin-right: 6px; }
.start_date_left { width: 30%; padding-left: 3%; float: left; }
.start_date_right { width: 60%; padding-right: 3%; text-align: right; float: left; }
.start_date_right input { background: transparent; border: none; font-size: 0.28rem; color: #666666; text-align: center; }
.select_records { width: 100%; margin-top: 6vw; }
/*时间效果*/
.gearDate { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 10px; background-color: rgba(0, 0, 0, 0.2); display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9900; overflow: hidden; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.date_ctrl { vertical-align: middle; background-color: #d5d8df; color: #000; margin: 0; height: auto; width: 100%; position: absolute; left: 0; bottom: 0; z-index: 9901; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.slideInUp { -webkit-animation: slideInUp .3s; animation: slideInUp .3s; }

@-webkit-keyframes slideInUp {
    from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}

@keyframes slideInUp {
    from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0) }
    to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
}

.ym_roll,
.date_roll,
.datetime_roll,
.time_roll { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: auto; overflow: hidden; background-color: transparent; -webkit-mask: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#debb47), to(rgba(36, 142, 36, 0))); -webkit-mask: -webkit-linear-gradient(top, #debb47 50%, rgba(36, 142, 36, 0)) }
.ym_roll > div,
.date_roll > div,
.datetime_roll > div,
.time_roll > div { font-size: 2.3em; height: 10em; float: left; background-color: transparent; position: relative; overflow: hidden; -webkit-box-flex: 4; -webkit-flex: 4; -ms-flex: 4; flex: 4 }
.ym_roll > div .gear,
.date_roll > div .gear,
.datetime_roll > div .gear,
.time_roll > div .gear { width: 100%; float: left; position: absolute; z-index: 9902; margin-top: -4em }
.date_roll_mask { -webkit-mask: -webkit-gradient(linear, 0% 40%, 0% 0%, from(#debb47), to(rgba(36, 142, 36, 0))); -webkit-mask: -webkit-linear-gradient(bottom, #debb47 50%, rgba(36, 142, 36, 0)); padding: 0 }
.date_roll > div:nth-child(2) { -webkit-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2 }
.date_roll > div:nth-child(1),
.datetime_roll > div:nth-child(1) { -webkit-box-flex: 4; -webkit-flex: 4; -ms-flex: 4; flex: 4 }
.datetime_roll > div:first-child { -webkit-box-flex: 6; -webkit-flex: 6; -ms-flex: 6; flex: 6 }
.datetime_roll > div:last-child { -webkit-box-flex: 6; -webkit-flex: 6; -ms-flex: 6; flex: 6 }
.date_grid { position: relative; top: 4em; width: 100%; height: 2em; margin: 0; box-sizing: border-box; z-index: 0; border-top: 1px solid #abaeb5; border-bottom: 1px solid #abaeb5 }
.date_grid > div { color: #000; position: absolute; right: 0; top: 0; font-size: .8em; line-height: 2.5em }
.date_roll > div:nth-child(3) .date_grid > div { left: 42% }
.datetime_roll > div .date_grid > div { right: 0 }
.datetime_roll > div:first-child .date_grid > div { left: auto; right: 0% }
.datetime_roll > div:last-child .date_grid > div { left: 50% }
.time_roll > div:nth-child(1) .date_grid > div { right: 1em }
.ym_roll > div:nth-child(1) .date_grid > div { right: .1em }
.ym_roll > div .date_grid > div,
.time_roll > div .date_grid > div { right: 5em }
.date_btn { color: #0575f2; font-size: 1.6em; line-height: 1em; text-align: center; padding: .8em 1em }
.date_btn_box:before,
.date_btn_box:after { content: ''; position: absolute; height: 1px; width: 100%; display: block; background-color: #96979b; z-index: 15; -webkit-transform: scaleY(0.33); transform: scaleY(0.33) }
.date_btn_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; background-color: #f1f2f4; position: relative }
.date_btn_box:before { left: 0; top: 0; -webkit-transform-origin: 50% 20%; transform-origin: 50% 20% }
.date_btn_box:after { left: 0; bottom: 0; -webkit-transform-origin: 50% 70%; transform-origin: 50% 70% }
.date_roll > div:nth-child(1) .gear { text-indent: 20% }
.date_roll > div:nth-child(2) .gear { text-indent: -20% }
.date_roll > div:nth-child(3) .gear { text-indent: -55% }
.datetime_roll > div .gear { width: 100%; text-indent: -25% }
.datetime_roll > div:first-child .gear { text-indent: -10% }
.datetime_roll > div:last-child .gear { text-indent: -50% }
.ym_roll > div .gear,
.time_roll > div .gear { width: 100%; text-indent: -70% }
.ym_roll > div:nth-child(1) .gear,
.time_roll > div:nth-child(1) .gear { width: 100%; text-indent: 10% }
.tooth { height: 2em; line-height: 2em; text-align: center }
/*列表*/
.zslist { width: 100%; overflow: hidden; background: #fff; }
.zslist .zslist_n { padding: 0 6px; }
.zslist .firstlist { border-bottom: 1px solid #f2f2f2; padding: 15px 0; }
.zslist .firstlist .photo { position: relative; vertical-align: middle; text-align: center; width: 110px; height: 110px; border: 1px solid #e9e9e9; padding: 1px; overflow: hidden; margin-right: 15px; }
.zslist .firstlist .listright { text-align: left; }
.zslist .firstlist .listright ul li { margin: 0 0 2px 0; }
.zslist .firstlist .listright .pro_tit { font-size: 0.32rem; color: #333; line-height: 22px; position: relative; height: 22px; overflow: hidden; }
.zslist .firstlist .listright #por_fjj { padding-left: 0px; }
.zslist .firstlist .listright .pro_tit a { color: #333; }
.zslist .firstlist .listright .com_tit { font-size: 0.28rem; line-height: 20px; height: 20px; overflow: hidden; }
.zslist .firstlist .listright .com_tit a { color: #333; }
.zslist .firstlist .listright .com_tit span { margin-left: 6px; }
.zslist .firstlist .listright .explain { font-size: 12px; color: #666; height: 0.32rem; line-height: 0.32rem; overflow: hidden; }
.zslist .firstlist .listright .price { font-size: 12px; line-height: 22px; color: #999; }
.zslist .firstlist .listright .price i { color: #fe3835; }
.zslist .zslist_n .more { width: 100%; margin: 0.28rem 0 0.28rem 0; height: 0.72rem; }
.zslist .zslist_n .more a { display: inline-block; padding: 1% 1.5%; margin: 0 2%; }

/*搜索search*/
.search_show { background: #fff; width: 100%; margin: 0 auto; }
.search_wrap { height: 0.72rem; padding: 7px 6px; position: relative; border-bottom: 1px solid #f2f2f2; }
.search_wrap .search_box { height: 0.72rem; float: right; width: 96%; }
.search_wrap .search_box .search_txt { height: 0.72rem; line-height: 0.72rem; padding: 2px 2px 2px 10px; font-size: 0.28rem; width: 90%; border: 1px solid #cdcdcd; color: #333; border-radius: 15px; width: 92%; float: right; }
.search_wrap .search_box .icon-search { position: absolute; top: 8px; right: 10px; }

.search_wrap2 { padding: 0.14rem 0.12rem; position: relative; border-bottom: 1px solid #f2f2f2; text-align: left; display: flex; }

.search_wrap2 .search_type ul li { float: left; background: #fff; border: 1px solid #e9e9e9; font-size: 0.28rem; text-align: center; border-radius: 15px; margin-right: 1%; width: 25%; height: 0.6rem; line-height: 0.6rem; margin-bottom: 6px; }
.search_wrap2 .search_type ul li a { color: #333; }
.search_wrap2 .search_type .current { background: #e9e9e9; }
.search_wrap2 .search_type { flex: 1; }
.search_close { display: block; width: 60%; margin: 15px auto; background: #f9b001; color: #fff; text-align: center; font-size: 0.32rem; padding: 8px 0; border-radius: 6px; }
.search_select { }
.search_select select { border: none; position: absolute; left: 13%; top: 11px; }
/*地区、类型、代理检索样式*/
.public-type { width: 100%; overflow: hidden; margin: 0 auto; background: #fff; border: 1px solid #dfdfdf; border-left: none; border-right: none; }
.public-type #nav { display: block; width: 100%; border-top: #f2f2f2; height: 38px; }
.public-type #nav li { float: left; width: 49%; position: relative; border-right: 1px solid #dfdfdf; margin: 4px 0 3px 0; }
.public-type #nav li a { display: block; line-height: 0.6rem; text-align: center; color: #333; }
.public-type #nav li img { width: 8%; padding-left: 4px; }
.public-type #nav .char_corr { width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #666; font-size: 0px; line-height: 0px; margin-left: 6px; position: absolute; top: 45%; }
.public-type #nav .char_corr1 { width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fe3835; font-size: 0px; line-height: 0px; margin-left: 6px; position: absolute; top: 45%; }
.public-type #nav2 li { float: left; width: 33%; position: relative; border-right: 1px solid #dfdfdf; margin: 4px 0 3px 0; }
.public-type #nav2 li a { display: block; line-height: 0.6rem; text-align: center; color: #333; }
.public-type #nav2 li img { width: 10%; padding-left: 4px; }

.public-type .type-all { width: 33%; float: left; }
.public-type .type-all ul li { width: 100%; border: 1px solid #f1f1f1; background: #f6f6f6; border-top: none; padding: 8px 0; }
.public-type .type-all .on { width: 100%; border: 1px solid #f1f1f1; border-top: none; padding: 8px 0; background: #fff; color: #fe3835; position: relative; }
.public-type .type-part { float: right; width: 67%; }
.public-type .type-part ul li { width: 100%; border-bottom: 1px solid #f1f1f1; background: #fff; padding: 8px 0; }
.public-type .type-part ul li:hover { background: #e9e9e9; }
.public-type .type-part ul li a { color: #333; display: inline-block; }
.public-type .type-part h1 { background: #f9f9f9; font-size: 0.32rem; padding: 8px 0; border-bottom: 1px solid #f1f1f1; border-top: none; position: relative; }
.public-type .type-part h1 a { color: #333; }


/*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%; }
.fiveitem { overflow: hidden; background: #fff; margin-top: 4px; text-align: left; padding: 8px 2.5%; }
.fiveitem a { width: 18.4%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.28rem; background: #f6f6f6; display: inline-block; padding: 0.12rem 0; text-align: center; float: left; margin: 0 2% 0.1rem 0; }
.fiveitem a:nth-child(5n) { margin-right: 0; }
.grey_box { height: 10px; background: #f7f7f7; }