.header{background-color: transparent !important}
.search-btn{background: rgba(0,0,0,0.20) !important;}

.top-fixed .top-signed a{margin:0;font-size:20px;top:10px;left:10px;display:block;width:30px;height:30px;border-radius:50%;background: rgba(0,0,0,.20);color:#fff;text-align:center;}
.top-fixed .top-local i.iconfont{font-size:16px}
.top-fixed .top-local a.top-addr{background: rgba(0,0,0,0.20);border-radius:0.5rem;height:2.8rem;padding:3px 10px;}
.top-fixed .top-search{margin: 0 0 0 27%;}
.top-fixed .top-search {width:48%}
.top-fixed .top-search input {border-radius:20px;}

.index-tuan .container1 .des h5 span{float:right;margin-left:5px;width:20px;height:20px;text-align:center;line-height:20px;color:#fff;font-size:12px!important;cursor:pointer}
.index-tuan .container1 .des h5 span.fu{background:#eb6100}
.index-tuan .container1 .des h5 span.pei{background:#55830A}
.index-tuan .container1 .des h5 span.fan{background:#ff2121}
.index-tuan .container1 .des h5 span.jian{background:#00a0e9}
.index-tuan .container1 .des p.des-addr{margin: 0;color: #999;font-size: 12px;line-height: inherit;}
.man_money{padding:1px 5px;height:20px;text-align:center;line-height:20px;color:#fff;font-size:12px !important;cursor:pointer;}
.full_money{background:#00a0e9;}
.logistics_full{background:#eb6100}
.order_price_full{background: #ff2121;};

/*首页广告*/
.cl:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}
.vertical-align-middle{vertical-align:middle}
.jin-home-gz2{overflow:hidden}
.jin-home-gz2 a{float:left;width:33.33%;line-height:20px;padding:10px 12px;font-size:13px;text-align:center;box-sizing:border-box;overflow:hidden}
.jin-home-gz2 a h2{height:24px;line-height:24px;font-size:18px;font-weight:400;margin-top:2px;overflow:hidden}
.jin-home-kx{padding:10px 12px;overflow:hidden}
.jin-home-kx span.k-new{float:left;height:18px;line-height:18px;padding:0 3px;margin-top:2px;margin-right:8px;overflow:hidden;border-radius:1.5px;font-size:12px}
.jin-home-kx li,.jin-home-kx li a{display:block;font-size:14px;height:22px;line-height:22px;overflow:hidden;color:#333}
.jin-home-gz3{overflow:hidden}
.jin-home-gz3 a{float:left;width:50%;height:76px;line-height:16px;padding:12px;box-sizing:border-box;overflow:hidden}
.jin-home-gz3 a img{float:right;width:52px;height:52px;border-radius:50%}
.jin-home-gz3 a h2{height:24px;line-height:24px;font-size:20px;font-weight:400;margin-top:2px;margin-bottom:6px;overflow:hidden}
.jin-home-gz3 span{font-size:12px}
.jin-home-hot{width:100%;padding:5px 6px;border-collapse:inherit;box-sizing:border-box;overflow:hidden}
.jin-home-hot li{float:left;text-align:center;width:20%;box-sizing:border-box}
.jin-home-hot li a{display:block;padding:10px}
.jin-home-hot li img{width:46px;height:46px;padding-bottom:8px;border-radius:3px;margin:0 auto}
.jin-home-hot li p{height:14px;line-height:14px;font-size:12px;}

.banner_navigation{width: 100%;overflow: hidden; text-align: center; max-height:185px;position: relative;}
.navigation_index_cate {height: auto;overflow: hidden; position: relative; width:100%; text-align:center;}
.navigation_index_cate .slides {position: relative; z-index: 1; width:100%; height:auto;}
.navigation_index_cate .slides .list{display: block; width:100%; float: left; margin-right: -100%; position: relative; z-index: 1; height:auto; overflow:hidden; text-align:center;}
.navigation_index_cate .flex-control-nav {bottom: 0.5rem; position: absolute; text-align: center; width: 100%; z-index: 2;}
.navigation_index_cate .flex-control-nav li {display: inline; height: 1.2rem; margin: 0 0.5rem; width:1.2rem;}
.navigation_index_cate .flex-control-nav a {background-color: #ccc; cursor: pointer; display:inline-block; width:0.6rem; height:0.6rem; line-height:0.6rem; overflow: hidden; border-radius:100%; text-indent:9999px;}
.navigation_index_cate .flex-control-nav .flex-active {background-color: #1dc091;}

.top-fixed2{position: relative;margin: 0;background: #fff;-webkit-transition: .3s;transition: .3s;}
.top-fixed2 .top-search {position:relative;width:90%;margin:0px auto;padding:0;}
.top-fixed2 .top-search input{width:100%;border:none;height:30px;line-height:35px;padding:0 10px;font-size:13px;color:#999!important;overflow:hidden;}
.top-fixed2 .top-search button{margin-right:10px;position:absolute;top:0;right:0;color:#999;display:block;width:40px;height:30px;border-radius:20px;text-align:center;font-size:16px;background:none;border:none;padding:0;margin:0;}
.top-fixed2 .top-search input::-webkit-input-placeholder {-webkit-transition: color.5s;}
.top-fixed2 .top-search input:focus::-webkit-input-placeholder, .top-fixed2 .top-search input:hover::-webkit-input-placeholder {-webkit-transition: color.5s;} 

/*幻灯图片*/
.focus{ width:100%;margin:0 auto; position:relative; overflow:hidden; margin-top:-50px;}
.focus .hd{ width:100%; height:11px; position:absolute; z-index:1; bottom:5px; text-align:center; }
.focus .hd ul{ display:inline-block; height:10px; padding:3px 5px; background-color: transparent;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;}
.focus .hd ul li{display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:transparent; margin:0 5px; vertical-align:top; overflow:hidden; }
.focus .hd ul .on{ background: transparent; }
.focus .bd{position:relative; z-index:0; }
.focus .bd li img{width:100%;max-height:220px;background:url(../js/skin/default/loading-0.gif) center center no-repeat; }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
/*引导图标*/
.index-guide{border-bottom:thin solid #dedede;}
.index-guide span{width:20%;display:block;float:left;}
.index-guide .col{width:100%;padding:5% 15%;display:block;color:#999;text-align:center;}
.index-guide .col img{width:80%;}
.index-guide .col p{margin:0;height:30px;line-height:30px;text-align:center;width:100%;overflow:hidden;font-size:12px;}

#index .cate{width:100%; display:block; padding:0.8rem 0.01rem; background:#FFF;overflow:hidden;padding-bottom: 0.5rem;}
#index .cate li{float:left; padding-bottom:0.1rem;text-align: center;}
#index .cate .iconfont{display:block;margin:auto;margin-bottom:.38rem;font-family:cate_icon;width:2.6rem;height:2.6rem;text-align:center;line-height:2.7rem;font-size:1.4rem;color:#fff; border-radius: 100%;}
#index .cate li{float: left; width: 20%; padding-bottom:0.1rem; text-align: center;}
#index .cate img{width:2.4rem; height:2.4rem; border-radius:100%;}
#index .cate p{font-size:14px; line-height:1.6rem; color:#333;margin-bottom:0px;}

/*贴吧调用*/
.index-tieba {height:40px;padding:0 10px 10px 10px;}
.index-tieba a{display:block;width:100%;height:20px;}

/*附近切换*/
.index-tab .tab-body p {margin-bottom:5px;line-height:inherit;}
.index-tab .tab-nav {padding:0;text-align:center;}
.index-tab .tab-nav a{border:none!important;padding:10px 10px!important;}
.index-tab .tab-nav .active a{border-bottom:1px solid #F60!important;}
.index-tab .tab-body{border-top:1px solid #dedede;margin-top:-1px;padding-top:0px;}
.index-tab .tab-body .more a{ display: block;text-align: center;padding: 10px 0px 0px 5px;background-color: #fff;}
.index-tab .tab-body ul{padding:5px;list-style:none;overflow:hidden;}
.index-tab .tab-body li{padding:5px;}
.index-tab .tab-body li img{width:100%;border-radius:3px;}

.panel-list ul{padding:0;list-style:none;}
.panel-list li{overflow:hidden;border-bottom:thin solid #dedede;}
.panel-list li i{float:right;color:#999;}
.panel-list li span{float:left;width:30px;text-align:center;color:#999;font-size:16px;}
.panel-list li a{display:block;padding:0 10px;height:50px;line-height:50px;width:100%;}
.panel-list li em{float:right}

.panel-sub ul{padding:0;list-style:none;}
.panel-sub li{overflow:hidden;border-bottom:thin solid #dedede;}
.panel-sub li i{float:right;color:#999;}
.panel-sub li span{float:left;width:30px;text-align:center;color:#999;font-size:16px;}
.panel-sub li div{display:block;padding:0 10px;height:50px;line-height:50px;width:100%;}
.panel-sub li em{float:right}
/*主页优惠*/
.index-coupon ul{list-style:none;padding:0;}
.index-coupon li{padding:10px 0;border-bottom:thin solid #dedede;}
.index-coupon li:last-child{border:none;}
.index-coupon li img{float:left;border-radius:3px;overflow:hidden;}
.index-coupon li .des {padding-left:5px;}
.index-coupon li .des h5{height:20px;line-height:20px;overflow:hidden;}
.index-coupon li .des .intro{height:40px;line-height:20px;color:#999;overflow:hidden;margin:0;font-size:12px;}
.index-coupon li .des .info {color:#F60;font-size:11px;margin:0;overflow:hidden;}
.index-coupon li .des .info em{float:right;}

/*主页团购*/
.index-tuan ul{list-style:none;padding:0;}
.index-tuan li{padding:10px 0;border-bottom:thin solid #dedede;}
.index-tuan li:last-child{border:none;}
.index-tuan li img{float:left;border-radius:3px;overflow:hidden;}
.index-tuan li .des {padding-left:10px;}
.index-tuan li .des h5{height:20px;line-height:20px;overflow:hidden;}
.index-tuan li .des .intro{height:20px;line-height:20px;color:#999;overflow:hidden;margin:0;}
.index-tuan li .des .info {color:#F60;margin:0;overflow:hidden;}
.index-tuan li .des .info del{color:#999;margin-left:20px;}
.index-tuan li .des .info em{font-size:14px;}

/*主页团购2*/
.index-tuan ul{list-style:none;padding:0;}
.index-tuan .container1{padding:10px 0;border-bottom:thin solid #dedede; overflow: hidden;}
.index-tuan .container1:last-child{border:none;}
.index-tuan .container1 img{float:left;overflow:hidden; width:46px; height:46px;}
.index-tuan .container1 .des {padding-left:10px;}
.index-tuan .container1 img.life-img{width:200px; height:150px;}
.index-tuan .container1 img.life-img-sm{width:100px; height:80px;}
.index-tuan .container1 .life-des{overflow:hidden; padding-left:10px;}
.index-tuan .container1 .des h5{height:20px;line-height:20px;overflow:hidden;}
.index-tuan .container1 .des .intro{color:#999;overflow:hidden;margin:0;}
.index-tuan .container1 .des .info {margin:0;overflow:hidden;}
.index-tuan .container1 .des .info del{color:#999;margin-left:20px;}
.index-tuan .container1 .des .info em{font-size:14px;}

.index-tuan .container1 .des .intro2{background: #ff9933;position: absolute;top: 10px;right: 10px;color: #ffffff;text-align: center;font-size: 13px;border-radius: 5px;height: 30px;line-height: 30px;width: 30px;}
.index-tuan .container1 .des .intro2:before{content: '';position: absolute;left: 0;bottom: -4px;width: 0px;height: 0px;border: 6px solid transparent;border-left-color: #ff9933;}

/*通用标题*/
.index-title{height:40px;line-height:40px;border-bottom:1px solid #f60;margin-bottom:5px;}
.index-title em{ float:right;padding: 0 10px;}
.index-title em a{ margin-right:0.5rem;}
.index-title h4{float:left;padding:0 10px;color:##06c1ae;}
.index-title i{ float:right; font-size:16px; line-height:40px;}
.index-coupon, .index-tuan, .index-shop{border-bottom: solid 1px #eee;}

/*更多应用*/
.more-service .more-title{height:40px;line-height:40px;border-bottom:thin solid #dedede;padding:0 10px;margin:0;background:#FAFAFA;}
.more-service .more-title em{display:block;float:left;background:#B28500;width:3px;height:12px;margin:15px 10px 0 0;}
.more-service .more-list{border-bottom:thin solid #dedede;overflow:hidden;padding:5px 0;}
.more-service .more-list a{display:block;float:left;width:25%;text-align:center;padding:10px 0;}
.more-service .more-list p{margin:0;height:20px;line-height:20px;font-size:12px;}
.more-service .more-list img{width:40%;}
/*首页新版*/
.panel-list1 ul{padding:0;list-style:none;}
.panel-list1 li{overflow:hidden;border-bottom:thin solid #dedede;background-color: #fafafa;}
.panel-list1 li i{float:right;color:#999;}
.panel-list1 li span{float:left;width:30px;text-align:center;color:#999;font-size:16px;}
.panel-list1 li a{display:block;padding:0 10px;height:50px;line-height:50px;width:100%;text-align: center;}
.panel-list1 li em{float:right}

.badge1{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:3rem}
.gotop{width:50px;height:39px;position:fixed;display:none;right:12px;bottom:120px;z-index:50;}

.index-ads img{width:100%}
.index-ad-ad-2{float:left;position:relative;padding:0 2px 0 2px;display:inline-block;height:70px;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}
.index-ad-hld-3{height:124px}
.index-ad-poto{width:100%;height:100%;padding:15px 0 0;background-position:right center;background-repeat:no-repeat;background-size:auto 100%;-webkit-box-sizing:border-box;box-sizing:border-box}
.index-ad-smallpoto{width:100%;height:100%;padding: 2px 0 2px 0;background-repeat:no-repeat;box-sizing:border-box}
h5.index-ad-title{font-size:12px;line-height:20px;color:#333;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.index-ad-subtitle{display:block;margin-top:0;width:100%;color:#999;font-size:10px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.www-hatudou-com-goods-box{ background: #F2F2F2;}
.www-hatudou-com-goods { width:98%; margin:auto; overflow:hidden; }
.www-hatudou-com-goods h2 {height:50px; line-height:50px;font-size: 16px;font-weight: normal;color:#999; text-align:center; }
.www-hatudou-com-goods ul { width:50%; float: left; text-align: center; overflow:hidden;}
.www-hatudou-com-goods ul li { width:98%; margin:auto;margin-bottom:5px; background:#FFF; overflow:hidden;padding-bottom:2%; }
.www-hatudou-com-goods ul li .index_pro{ width:100%; overflow:hidden; margin:auto;}
.www-hatudou-com-goods ul li .products_kuang { width:100%; margin:auto;overflow: hidden; position:relative;}
.www-hatudou-com-goods ul li .products_kuang img{ display:block;width:100%; margin:auto;}
.www-hatudou-com-goods ul li .goods_name { width:93%; margin:auto;text-align:left;height: 33px; overflow: hidden; color:#666; font-size:14px;line-height: 18px; -webkit-line-clamp: 2; -webkit-box-orient: vertical;display: -webkit-box; margin-top:8px; margin-bottom:8px;}
.www-hatudou-com-goods ul li .price {width:100%; margin:auto; position:relative; border-top:1px solid #eeeeee }
.www-hatudou-com-goods ul li .price .price_pro{ width:93%; margin:auto; display: block;font-size:16px; color: #F23015; height:40px; line-height:40px;text-align:left;}
.www-hatudou-com-goods ul li .btns{ position:absolute; display:block;right:5px;height:25px;width:25px;background: #f23; border-radius:50%; bottom:8px;}
.www-hatudou-com-goods ul li .btns img{ display:block; width:25px;height:25px; }



.index-tuan .container1 .life-price{margin:2px 0 0;padding:0;line-height:1.4;overflow:hidden;white-space:normal;word-break:break-all;}
.index-tuan .container1 .life-price .life-orig{margin:0;padding:0;color:#999;font-size:11px;}
.index-tuan .container1 .life-price .life-orig del{color:#bbb;}
.index-tuan .container1 .life-price .life-cur{margin:0;padding:0;color:#FF6600;font-weight:bold;font-size:14px;}
@media screen and (max-width: 320px) {
    .nav_item {width: 25%;}
    .nav_item .nav_icon {width: 40px; height: 40px; line-height: 40px; font-size: 20px;}
}

/* 单排导航样式 - 所有一行，左右滑动 */
.navigation_single {width: 100%; background: #fff; overflow: hidden; position: relative; padding: 15px 0;}
.nav_scroll_container {display: flex; flex-wrap: nowrap; overflow-x: auto; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; padding: 0 15px; white-space: nowrap;}
.nav_scroll_container::-webkit-scrollbar {display: none;}
.nav_item {flex-shrink: 0; width: 80px; padding: 8px 5px; text-align: center; display: inline-block;}
.nav_item a {display: block; text-decoration: none; color: #333;}
.nav_item .nav_icon, .nav_item .iconfont {width: 50px; height: 50px; line-height: 50px; border-radius: 50%; margin: 0 auto 6px; font-size: 24px; color: #fff; display: flex; align-items: center; justify-content: center;}
.nav_item p, .nav_item .nav_name {font-size: 12px; color: #333; margin: 0; line-height: 1.4; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* 图标背景渐变色 */
.c-blue {background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);}
.c-red {background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);}
.c-green {background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);}
.c-yellow {background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);}
.c-orange {background: linear-gradient(135deg, #f6d365 0%, #fda085 100%);}
.c-purple {background: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);}


/* ========================================
   导航图标颜色库 - 24种渐变色
   后台使用方式：在导航的colour字段填写对应的类名
   ======================================== */

/* 1-6: 基础色系 */
.c-red {background: linear-gradient(135deg, #FF6B6B 0%, #FF8E8E 100%);}          /* 红色 - 活力红 */
.c-pink {background: linear-gradient(135deg, #FF85A2 0%, #FFB6C1 100%);}         /* 粉色 - 粉嫩红 */
.c-orange {background: linear-gradient(135deg, #FFA726 0%, #FFB74D 100%);}       /* 橙色 - 阳光橙 */
.c-yellow {background: linear-gradient(135deg, #FFB300 0%, #FFC107 100%);}       /* 黄色 - 金灿黄 */
.c-green {background: linear-gradient(135deg, #66BB6A 0%, #81C784 100%);}        /* 绿色 - 清新绿 */
.c-cyan {background: linear-gradient(135deg, #26C6DA 0%, #4DD0E1 100%);}         /* 青色 - 青春青 */

/* 7-12: 冷暖色系 */
.c-blue {background: linear-gradient(135deg, #42A5F5 0%, #64B5F6 100%);}         /* 蓝色 - 天空蓝 */
.c-purple {background: linear-gradient(135deg, #AB47BC 0%, #BA68C8 100%);}       /* 紫色 - 梦幻紫 */
.c-indigo {background: linear-gradient(135deg, #5C6BC0 0%, #7986CB 100%);}       /* 靛青 - 靛蓝青 */
.c-teal {background: linear-gradient(135deg, #00897B 0%, #26A69A 100%);}         /* 蓝绿 - 湖水蓝 */
.c-lime {background: linear-gradient(135deg, #9CCC65 0%, #AED581 100%);}         /* 青柠 - 柠檬青 */
.c-amber {background: linear-gradient(135deg, #FFA000 0%, #FFB300 100%);}        /* 琥珀 - 琥珀橙 */

/* 13-18: 柔和色系 */
.c-lightred {background: linear-gradient(135deg, #EF9A9A 0%, #FFCDD2 100%);}     /* 浅红 - 淡雅红 */
.c-lightpink {background: linear-gradient(135deg, #F48FB1 0%, #F8BBD0 100%);}    /* 浅粉 - 浪漫粉 */
.c-lightblue {background: linear-gradient(135deg, #90CAF9 0%, #BBDEFB 100%);}    /* 浅蓝 - 晴空蓝 */
.c-lightgreen {background: linear-gradient(135deg, #A5D6A7 0%, #C8E6C9 100%);}   /* 浅绿 - 薄荷绿 */
.c-lightpurple {background: linear-gradient(135deg, #CE93D8 0%, #E1BEE7 100%);}  /* 浅紫 - 薰衣草 */
.c-lightorange {background: linear-gradient(135deg, #FFCC80 0%, #FFE0B2 100%);}  /* 浅橙 - 蜜桃橙 */

/* 19-24: 深邃色系 */
.c-darkred {background: linear-gradient(135deg, #D32F2F 0%, #EF5350 100%);}      /* 深红 - 中国红 */
.c-darkblue {background: linear-gradient(135deg, #1976D2 0%, #2196F3 100%);}     /* 深蓝 - 海洋蓝 */
.c-darkgreen {background: linear-gradient(135deg, #388E3C 0%, #4CAF50 100%);}    /* 深绿 - 森林绿 */
.c-darkpurple {background: linear-gradient(135deg, #7B1FA2 0%, #9C27B0 100%);}   /* 深紫 - 葡萄紫 */
.c-darkorange {background: linear-gradient(135deg, #E64A19 0%, #FF5722 100%);}   /* 深橙 - 枫叶橙 */
.c-darkcyan {background: linear-gradient(135deg, #00838F 0%, #00BCD4 100%);}     /* 深青 - 翡翠青 */

/* 兼容旧版颜色类名 */
.bg-main {background: linear-gradient(135deg, #FF6B6B 0%, #FF8E8E 100%);}
.bg-green {background: linear-gradient(135deg, #66BB6A 0%, #81C784 100%);}
.bg-blue {background: linear-gradient(135deg, #42A5F5 0%, #64B5F6 100%);}
.bg-orange {background: linear-gradient(135deg, #FFA726 0%, #FFB74D 100%);}
.bg-purple {background: linear-gradient(135deg, #AB47BC 0%, #BA68C8 100%);}
.bg-red {background: linear-gradient(135deg, #D32F2F 0%, #EF5350 100%);}
.bg-yellow {background: linear-gradient(135deg, #FFB300 0%, #FFC107 100%);}
.bg-cyan {background: linear-gradient(135deg, #26C6DA 0%, #4DD0E1 100%);}
.bg-pink {background: linear-gradient(135deg, #FF85A2 0%, #FFB6C1 100%);}
.bg-teal {background: linear-gradient(135deg, #00897B 0%, #26A69A 100%);}
.bg-lime {background: linear-gradient(135deg, #9CCC65 0%, #AED581 100%);}
.bg-amber {background: linear-gradient(135deg, #FFA000 0%, #FFB300 100%);}