@charset "utf-8";
*{font-family:"黑体"!important;}
img { border: 0; vertical-align: top; }
ul, li { list-style: none; }
h4, h5, h6,
h1, h2, h3 {margin-top: 0;font-size:100%;font-weight: normal;}
ul, ol {margin: 0;}
p {margin: 0;}
body{margin:0;background-color:#f4f1f1;}
input{border:none;outline:medium;padding:0;margin:0;}
ul{list-style:none; padding:0;margin:0;}
img{border:0;width:100%;}
a{color:#000;text-decoration: none;}
i{font-style:normal; }
section{display: block;}
tbody, tr{display: table-row-group;vertical-align: middle;border-color: inherit;}
table{display: block;margin:0;padding:0;}
em{font-style: normal;}
.clearfix::before, .clearfix::after{
    content:"";`
    clear:both;
    display: block;
    height:0;
    overflow: hidden;
}
div{display: block;}
body{
    margin:0 auto;
    position: relative;
}

.grocery_menu{width:350px;margin:0 auto;} 
.grocery_menu_li{box-sizing:border-box;float:left;height:100px;width:87.5px;}
.grocery_list{/* width:360px;padding:10px 7.5px;background:#ececec; */}
.grocery_list_li{box-sizing:border-box;width:135px;margin:8px 20px;float:left;border-radius:8px;overflow:hidden;position:relative;background-color:#fff;display:block;}
.grocery_list_img{height:135px;width:100%;overflow:hidden;border-radius:8px;}
.grocery_list_img img{height:100%;width:100%;object-fit:cover;object-position:center;}
.grocery_list_title{box-sizing:border-box;line-height:16px;height:16px;overflow:hidden;color:#333;font-size:13px;margin:5px;text-align:left;white-space:nowrap;text-overflow:ellipsis;/**/height:32px;white-space:normal;position:relative;font-weight:500;}
/*.grocery_list_title::after {
  content: '...';
  position: absolute;
  bottom: 0;
  right: 0;
  padding-left: 40px; 
  background: linear-gradient(to right, transparent, #fff 50%);
}*/
.grocery_list_originprice{text-decoration:line-through;color:#ff8202;font-size:12px;height:25px;line-height:25px;padding:0 10px;display:inline;}
.grocery_list_days{color:#ff8202;font-size:12px;height:25px;line-height:25px;padding:0 10px;position:relative;display:none;}
.grocery_list_price{color:#ff0012;font-size:12px;height:28px;line-height:28px;font-weight:bold;position:relative;/* background-image:-webkit-linear-gradient(bottom,#ff34ab,#ec0072); -webkit-background-clip:text;-webkit-text-fill-color:transparent;*/padding:0 5px;clear:both;}
.grocery_list_price span{font-size:12px;}
.grocery_list_price b{font-size:18px;}
.grocery_list_vip_price{margin:0 5px 5px 5px;background-color: #fef4e8;color: #ff0012;font-size: 18px;height: 26px;line-height: 26px;border-radius:8px;padding-left: 5px;font-weight:bold;}
.grocery_list_vip_price>span{font-size: 13px;color: #814c10;display: inline-block;padding-left: 5px;}

/* .grocery_list_button{height:27px;line-height:27px;font-size:18px;color:#fff591;margin:8px 10px;border-radius:5px;font-weight:bold;background-color:#e41749;display:block;text-align:center;} */
.grocery_list_button{height:16px;line-height:16px;font-size:12px;color:#fff;width:80px;margin:6px auto;border-radius:5px;background-color:#6b5237;display:block;text-align:center;}

.grocery_logo{height:50px;padding:20px;text-align:center;}
.grocery_logo img{height:100%;width:auto;}

.list_views{position:absolute;right:5px;top:0;height:28px;line-height:28px;color:#515567;font-size:13px;line-height:33px;}
.list_views img{height:12px;width:auto;margin-top:8px;margin-right:5px;}


.grocery_slideBox{overflow:hidden;height:200px;}
.grocery_slideBox .grocery_search{position:absolute;top:5px;left:15px;z-index:10;width:345px;}
.grocery_slideBox .search_input{width:100%;}
/*
.grocery_search{height:28px;background:#fff;border-radius:50px;width:345px;margin:30px auto 20px auto;overflow:hidden;position:relative;}
.search_input{border:0;margin:0;padding:0;background:url(../images/search.png) no-repeat 10px center;background-size:18px 18px;color:#929292;height:28px;line-height:28px;vertical-align:top;text-indent:45px;width:100%;font-size:16px;}*/
.grocery_search{position:relative;width:350px;margin:10px auto;height:30px;line-height:3px;}
.grocery_search .search_input{float:none;height:30px;line-height:3px;width: 100%;background-color: #e5e5e5;color:#666;border-radius: 20px;margin-top: 0;box-shadow: 0 0 0 0;}
.grocery_search .search_btn{position:absolute;border-radius: 20px;right: 0;top: 0;height: 30px;}



.greyline{height:10px;width:100%;background:#ececec;clear:both;}
.integral{display:block;height:100px;width:100%;background:url(../images/integral.png) no-repeat center center;}
.grocery_title{width:335px;display:block;margin:15px 0 0px 0;padding:0 20px;font-size:16px;color:#333;height:34px;line-height:34px;text-indent:22px;background:url(../images/index_title.png) no-repeat center center;background-size:100% auto;clear:both;}
.grocery_title span{color:#ff0003;}
.grocery_title_right{float:right;text-indent:0px;}
.footer-p,.footerWord,.footer-p a{background:#ececec;}

.grocerymenu{}
.phonemenu .list01 .text{}

.grocery_list0{clear:both;}
.grocery_list_index{padding:0 20px;background-color:#f4f1f1;}
.grocery_list_index .grocery_list_li{width:160px;margin:8px 0;}
.grocery_list_index .grocery_list_li .grocery_list_img{height:160px;}
.grocery_list_index .grocery_list_li:nth-child(odd){margin-right:14.5px;clear:both;}
.grocery_list1{margin:0 10px;}
.grocery_list1 .grocery_list_li{margin:5px 0;}
.grocery_list1 .grocery_list_li:nth-child(odd){margin-right:10px;}
.grocery_list_menu{width:74.5px;float:left;overflow:scroll;height:100%;}
.grocery_list_menu a{display:block;width:100%;height:67px;padding:10px 0;text-align:center;}
.grocery_list_menu a img{height:38px;width:38px;border:2px solid #fff;border-radius:100px;}
.grocery_list_menu a div{font-size:16px;line-height:22px;height:22px;padding:0 3px;border-radius:3px;display:inline-block;vertical-align:top;margin-top:3px;overflow: hidden;}
.grocery_list_menu a.hover{background-color:#ddd;}
.grocery_list_menu a.hover img{border-color:#6b5237;}
.grocery_list_menu a.hover div{background-color:#6b5237;color:#fff;}
.grocery_list_menu2{width:74.5px;float:left;overflow:scroll;height:100%;}
.grocery_list_menu2 a{display:block;width:100%;height:40px;text-align:center;}
.grocery_list_menu2 a img{display:none;}
.grocery_list_menu2 a div{font-size:17px;line-height:40px;height:40px;vertical-align:top;overflow:hidden;}
.grocery_list_menu2 a.hover{background-color:#ddd;}
.grocery_list_menu2 a.hover img{border-color:#6b5237;}
.grocery_list_menu2 a.hover div{background-color:#6b5237;color:#fff;}
.grocery_list2{width:100%;overflow:hidden;}
.grocery_list2 .grocery_list{width:300px;float:right;overflow:scroll;height:100%;}

.grocery_title2{height:22px;line-height:22px;font-size:14px;padding:10px 0;overflow:hidden;position:relative;}
.grocery_title2 div{vertical-align:top;display:inline-block;overflow:hidden;max-width:270px;max-height:100%;}
.grocery_title_num{color:#ff0012;}
.grocery_title_icon{display:inline-block;width:3px;height:16px;background-color:#ffd200;background-clip:content-box;padding-top:3px;padding-right:3px;}
.grocery_button1{background:url(../images/grocery_button1.png);background-size:100% 100%;width:68px;height:22px;overflow:hidden;color:#fff;line-height:21px;text-indent:10px;font-size:12px;position:absolute;top:10px;right:-3px;}
.grocery_button2{background:url(../images/grocery_button1.png);background-size:100% 100%;width:85px;height:22px;overflow:hidden;color:#fff;line-height:21px;text-indent:10px;font-size:12px;position:absolute;bottom:8px;right:-3px;}
.grocery_title_span1{font-weight:bold;color:#ff0012;}

.two_discount{font-size:14px;height:25px;line-height:25px;color:#f00;padding:0 5px;border:1px solid #f00;margin:5px 5px;display:inline-block;}

/**/
.grocery_ul_1{min-height: 52px;margin: 10px auto;background:url(../images/grocery_ul_bg.png) repeat-x center bottom;}
.grocery_ul_1 a{display: block;width: 93.5px;height: 35px;line-height: 35px;font-size:17px;float:left;text-align:center;border-bottom:2px solid #e5e5e5;}
.grocery_ul_1 a.hover{border-bottom:2px solid #ff5500;}
.grocery_ul_2{margin:0 auto;width:360px;padding-top:5px;}
.grocery_ul_2>a{width:80px;height:75px;float:left;padding:5px 5px;}
.grocery_ul_2>a>img{width:50px;height:50px;display:block;margin-left:15px;}
.grocery_ul_2>a>p{line-height:25px;height:25px;text-align:center;font-size:15px;}