body{ background:#f8f8f8; width:100%; overflow-x:hidden}
/* 页面头部  */
.header{ position: absolute; width:100%; height:44px;background: transparent;top:0; z-index:9; border:0;}
.header.header1{ height:44px; position:fixed; z-index:115; background: rgba(255,255,255,0.1); max-width: 640px;}
.header.header1:after{ border: none;}
.shop-top-bg+.header:after{ content: none; }
.header-bcak-bar{ position: absolute; width: 35px; height: 44px;}
.header-bcak-bar a{ font-size: 1rem; color: #fff;margin-left: 9px;line-height: 44px;}
.header-right-bar{ position:absolute;width:40px; height: 44px; top: 0; right:5px; }
.top_bar{ margin:auto; display:block; width:30px; height:50px; float:none;}
.header-right-bar .top_bar{ margin:auto; display:block; width:30px; height:30px; float:none;}
.header-right-bar #show_more{ height: 44px; width: 30px; font-size: 1.1rem; color: #fff; background: none; line-height: 44px;}
.header-middle-box { margin: 0 50px 0 40px; height: 44px; font-size: 16px; text-align: center; color: #353535; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.header-middle-box .header-middle-con{ position: relative; height: 44px; display: -webkit-box; display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center; }
.header-middle-box .header-middle-con form{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;-moz-box-flex: 1;flex: 1;width: 0;-webkit-flex-basis: 0;-ms-flex-preferred-size: 0;flex-basis: 0;max-width: 100%;display: block;position: relative;line-height: 1;font-size: 0;background: #f0f2f5;height: 30px;border-radius: 30px;padding: 0 26px;background-color: rgba(255,255,255,.2);box-sizing: border-box;}
.header-middle-box .header-middle-con .header-search .search-icon {position: absolute;top: 0;bottom: 0;left: 10px;width: 15px}
.header-middle-box .header-middle-con .header-search .search-icon:before{ content: ''; display: block; width: 15px; height: 100%; background:url(../images/search-icon.png) center center; background-repeat: no-repeat; background-size:contain;}
.header-middle-box .header-middle-con .header-search .search-input{ width: 100%; height:30px; padding:5px;font-size: 14px; border:0px;background-color: transparent; color: #fff; box-sizing: border-box; line-height: 20px;}
.header-middle-box .header-middle-con .header-search input::-webkit-input-placeholder {color:#fff;}
.header-middle-box .header-middle-con .header-search input:-moz-placeholder {color:#fff;}
.header-middle-box .header-middle-con .header-search input::-moz-placeholder {color:#fff;}
.header-middle-box .header-middle-con .header-search input:-ms-input-placeholder {color:#fff;}
#dropzone{ margin-top:0px !important;}

.shop-top-con2 .header { height: 44px; position: absolute !important; background: rgba(255,255,255,0.1);}
/*自由购头部*/
.header-middle-box .header-middle-con .freebuy-scan{ width:30px; height:30px;display:block; position: relative; background:url(../images/btn_scan_white.png) no-repeat center center; background-size:25px; padding-top: 20px; margin:-2px 0 -2px 7px; line-height: 14px; font-size: 10px; color: #fff; box-sizing: border-box;}
.header-middle-box .header-middle-con .freebuy-scan.hide{ display:none; }
.header-middle-box .header-middle-con .freebuy-scan img{ max-width: 30px; max-height: 100%;}

/*多门店头部*/
.header-fixed{ position: fixed; height: 44px; z-index: 200; left: 0;right:0;max-width: 640px; margin:0 auto;}
.header-fixed:after{ content: none; }
.header-content{position: relative; width: 100%; height:44px;height: 100%; line-height:44px;display: flex;align-items: center;}
a.city {display: flex;align-items: center;height:30px; position: relative;margin-left:.5rem;background-color: hsla(0,0%,100%,.2);padding:0 10px;border-radius: 15px; color: #fff; margin-right: .5rem;}
a.city:before{content:'\e686';font-family: "iconfont" !important; font-size: .65rem;color: #fff; display: inline-block;vertical-align:middle;margin-right:2px; }
a.city span{max-width: 5rem;line-height:30px;color: #fff;font-size: 0.6rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
a.city:after{content:'';width: 0;height: 0;border-style: solid;margin-left: 3px;border-width: 4px 3px 0;border-color: rgba(94,99,109,.5) transparent transparent;border-color: #fff transparent transparent !important;}
.header-content form{flex:1}
.box-search{flex:1;background-color: hsla(0,0%,100%,.2);height:30px; line-height: 30px; -webkit-box-sizing: border-box; position: relative; border-radius:20px; color:#fff; font-size:0.6rem; margin:0 .5rem;font-family: PingFang-SC-Regular;}
/*.header-content form .box-search{background: rgba(255,255,255,.2);}*/
.header-content form .box-search .header-search{ display: flex; }
.header-content form .box-search .header-search .search-input{ width:100%;display:block;overflow: hidden;color: #fff;position:relative; margin-left: .2rem; font-size:0.6rem; flex: 1;background: transparent;line-height: 30px;font-family: PingFang-SC-Regular;}
.header-content form .box-search .header-search input::-webkit-input-placeholder {color:#fff;}
.header-content form .box-search .header-search input:-moz-placeholder,.header-content form .box-search .header-search input::-moz-placeholder {color:#fff;}
.header-content form .box-search .header-search .search-icon{margin-left: 12px;color: #fff;font-size: 0.75rem;position: relative;bottom: -1px;font-weight: 600;}
.header-left-back .iconfont{ line-height:44px;margin-right:.5rem;color:#fff;font-size:.9rem; display: block;}

/*商超百货头部*/
.shop-supermarket-header{ position:relative; width:100%; height: 2rem;}
.shop-supermarket-header .header{ height: 2rem;}
.shop-supermarket-header .header:after{ content:none;}
.shop-supermarket-header .header-bcak-bar{ height: 2rem;}
.shop-supermarket-header .header-bcak-bar a{ font-size: .65rem; color: #fff;margin-left: 0; line-height: 1rem; background-color: hsla(0,0%,100%,.3); border-radius: 0 .45rem .45rem 0; padding-left: 6px; margin-top: .45rem; height: 1rem; font-weight: bold; display: block;}
.shop-supermarket-header .header-shop-name{ position: absolute; width: 90px; height: 2rem; line-height: 2rem; left: 40px;font-size: .8rem; font-weight: bold; color: #fff; overflow: hidden; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.shop-supermarket-header .header-right-bar{ height: 2rem; right: 0;}
.shop-supermarket-header.header-con0{ display:none;}
.shop-supermarket-header .header-middle-box{ height: 2rem; margin: 0 105px 0 135px; }
.shop-supermarket-header .header-middle-box .header-middle-con{ height: 2rem;}
.shop-supermarket-header.header-con1 .header-middle-box .header-middle-con form{background: rgba(255,255,255,.3);}
.shop-supermarket-header.header-con1 .header-middle-box .header-middle-con .header-search .search-icon{color:#fff; font-size:0.6rem; font-weight:600;line-height: 30px;}
.shop-supermarket-header.header-con1 .header-middle-box .header-middle-con .header-search .search-icon::before{ content: none;}
.shop-supermarket-header.header-con1 .header-middle-box .header-middle-con .header-search .search-input{ color:#fff;}
.shop-supermarket-header.header-con1 .header-middle-box .header-middle-con .header-search input::-webkit-input-placeholder {color:#fff;}
.shop-supermarket-header.header-con1 .header-middle-box .header-middle-con .header-search input:-moz-placeholder {color:#fff;}
.shop-supermarket-header.header-con1 .header-middle-box .header-middle-con .header-search input::-moz-placeholder {color:#fff;}
.shop-supermarket-header.header-con1 .header-middle-box .header-middle-con .header-search input:-ms-input-placeholder {color:#fff;}
.shop-supermarket-header.header-con1 .header-bcak-bar a,.shop-supermarket-header.header-con1 .header-right-bar #show_more{ color:#fff;}
.shop-supermarket-header.header-con2{position: fixed; top: 0; min-width: 320px; max-width: 640px; z-index: 209;}
.mobile_design_center .mobile_list .special-item .shop-supermarket-header{position: relative;}
.shop-supermarket-header.header-con2 .header{background: transparent !important;height:2rem;  border-bottom:none;}
.mobile_design_center .mobile_list .special-item .shop-supermarket-header .header{height:2rem;  border-bottom:none;}
.shop-supermarket-header.header-con2 .header:after{ content: none;}
.shop-supermarket-header.header-con2 .header-middle-box .header-middle-con form{background-color:rgba(250,250,255,.3);}
.shop-supermarket-header.header-con2 .header-bcak-bar a,.shop-supermarket-header.header-con2 .header-right-bar #show_more{ color:#fff;}
.freebuy-scan-btn{ width:30px; height:30px;display:block; position: relative;line-height: 30px; text-align: center;margin-left:10px;}
.freebuy-scan-btn i{font-size: .9rem;line-height: 30px;display: block;font-weight: 500;}
.shop-supermarket-header.header-con2 .freebuy-scan-btn i{ color:#fff;}
.shop-supermarket-header.header-con2 .header-middle-box .header-middle-con .header-search .search-icon{color:#fff; font-size:0.6rem; font-weight:600;line-height: 30px;}
.mobile_design_center .mobile_list .special-item .shop-supermarket-header.header-con1 .header,.shop-supermarket-header.header-con2.fixed .header{opacity: 1 !important;}
.shop-supermarket-header.header-con1 .header-middle-box .header-middle-con form,.shop-supermarket-header.header-con2.fixed .header-middle-box .header-middle-con form{ background: rgba(255,255,255,.3);}
.shop-supermarket-header.header-con1 .header-middle-box .header-middle-con .header-search .search-icon,.shop-supermarket-header.header-con2.fixed .header-middle-box .header-middle-con .header-search .search-icon{color:#fff; font-size:0.6rem; font-weight:600;line-height: 30px;}
.shop-supermarket-header .header-middle-box .header-middle-con .header-search .search-icon::before{ content: none;}
.shop-supermarket-header.header-con1 .header-middle-box .header-middle-con .header-search .search-input,.shop-supermarket-header..header-con2.fixed .header-middle-box .header-middle-con .header-search .search-input{ color:#fff;}
.shop-supermarket-header.header-con1 .header-middle-box .header-middle-con .header-search input::-webkit-input-placeholder,.shop-supermarket-header.header-con2.fixed .header-middle-box .header-middle-con .header-search input::-webkit-input-placeholder{color:#fff;}
.shop-supermarket-header.header-con1 .header-middle-box .header-middle-con .header-search input:-moz-placeholder,.shop-supermarket-header.header-con2.fixed .header-middle-box .header-middle-con .header-search input:-moz-placeholder {color:#fff;}
.shop-supermarket-header.header-con1 .header-middle-box .header-middle-con .header-search input::-moz-placeholder,.shop-supermarket-header.header-con2.fixed .header-middle-box .header-middle-con .header-search input::-moz-placeholder {color:#fff;}
.shop-supermarket-header.header-con1 .header-middle-box .header-middle-con .header-search input:-ms-input-placeholder,.shop-supermarket-header.header-con2.fixed .header-middle-box .header-middle-con .header-search input:-ms-input-placeholder{color:#fff;}
.shop-supermarket-header.header-con1 .header-bcak-bar a,.shop-supermarket-header.header-con1 .header-right-bar #show_more,.shop-supermarket-header.header-con2.fixed .header-bcak-bar a,.shop-supermarket-header.header-con2.fixed .header-right-bar #show_more,.shop-supermarket-header.header-con1 .freebuy-scan-btn i,.shop-supermarket-header.header-con2.fixed .freebuy-scan-btn i{ color:#fff;}

.shop-supermarket-header .shop-collect-btn{ position: absolute; top: 0; right: 40px; font-size: .5rem; color: #fff; line-height: .9rem; background-color: hsla(0,0%,100%,.3); border-radius: .45rem; padding: 0 .4rem; margin-top: .55rem; display: block;}
.shop-supermarket-header .shop-collect-btn .iconfont{ font-size: .45rem;}
.shop-supermarket-header .shop-collect-btn i.show{ display: inline-block;}
.shop-supermarket-header .shop-collect-btn span{ font-family: PingFang-SC-Regular;}

/*多业态头部修改-2021-09-13*/
.shop-supermarket-header .header-shop-name{ width: auto; max-width: calc(100% - 195px);}
.shop-supermarket-header .header-btns{ position: absolute; width: 110px; display: flex; align-items: center; justify-content: center; height: 2rem; top: 0; right: 40px;}
.shop-supermarket-header .header-btns .header-btn{ width: 30px; height: 2rem; line-height: 2rem; text-align: center; display: block; float: left;}
.shop-supermarket-header .header-btns .header-btn i{ font-size: 22px; color: #fff;}
.shop-supermarket-header .header-btns .header-btn i.collected{ color: #f23030;}
.shop-supermarket-header .header-btns .header-btn.collect-btn{ color: #fff; background-color: rgba(255, 255, 255, 0.3); border-radius: 25px; font-size: 12px; line-height: 12px; padding: 4px 5px; min-width: 60px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; margin-right: 5px; height: auto; width: auto;} 
.shop-supermarket-header .header-btns .header-btn.collect-btn i{ margin-top: 2px; margin-right: 5px; font-size: 14px;}
.search-type-btn{ width: 34px;height: 34px;line-height: 34px;text-indent: 10px;color: #333;font-size: 14px;}
.shop-text-box .search-input{ width: 100%; height: 34px; line-height: 34px; font-size: 14px; color: #666; -webkit-appearance: none; -webkit-rtl-ordering: logical; -webkit-user-select: text; background: none;}

/*门店头部*/
.store-header{ position:relative; width:100%; height: 44px;}
.store-header.header-con0{ display:none;}
.store-header.header-con2{ position: fixed; min-width: 320px; max-width: 640px; -webkit-transition: all .3s linear;transition: all .3s linear; z-index: 209;}
.store-header.header-con2 .header{ background: transparent !important; height: 44px; border-bottom:none;}
.store-header.header-con2 .header:after{ content: none;}
.store-header.header-con2.fixed .header{ opacity: 1 !important;}

.store-header.header-con2 .header .box-search{ background-color: hsla(0,0%,100%,.2);}
.store-header.header-con2 form .box-search .header-search .search-icon,.store-header.header-con2 form .box-search .header-search .search-input{ color: #fff;}
.store-header.header-con2 form .box-search .header-search .search-input::-webkit-input-placeholder{ color: #fff;}

/*轮播广告位图*/
.index_img{ width:100%; margin:auto; overflow:hidden;}
.index_img img{ display:block; width:100%; height:auto;}
.index_banner{ position:relative; overflow:hidden; margin:0px auto; background:#fff;}
.index_banner .one-ad-pagination .swiper-pagination-bullet{width:5px;height:5px;display: inline-block;border-radius: 100%; border:1px solid #eee;background: #fff;opacity:1;}

.goods-floor-layout.page-cross-slip ul .goods-item{ width: 33.33%;}
.goods-floor-layout.cross-slip ul .goods-item{ max-width: 28.6%;}

.tishi{ width:100%; text-align:center; height:50px; padding-top:30px; padding-bottom:30px; font-size:16px; line-height:50px; color:#666}

/*店铺全部商品*/
.goods-list-box{ margin-top:100px; background:#f8f8f8; width:100%; overflow:hidden;}
.goods-list-box .goods-list{width: 50%;overflow: hidden;float: left;padding: 0px;margin: 0;position: relative;}
.goods-list-box li .item-tag-box{ width:40px; height:40px; position:absolute; top:0; left:0px; z-index:9}
.goods-list-box li .item-tag-box span{ display:block; width:32px; height:38px;text-indent:-9999px; z-index:1;}
.goods-list-box li .item-tag-box span.icon-best{ background:url(../images/best.png) no-repeat; background-size:contain;}
.goods-list-box li .item-tag-box span.icon-hot{ background:url(../images/hot.png) no-repeat; background-size:contain;}
.goods-list-box li .item-tag-box span.icon-new{  background:url(../images/new.png) no-repeat; background-size:contain;}
.goods-list-box .goods-list .item {display: block;width: 98%;overflow: hidden;margin: auto;background: #fff;position: relative; margin-bottom:2%;}
.goods-list-box .goods-list .item .item-pic {display: block;width: 100%;overflow: hidden; position:relative;}
.sell-out{position: absolute;width:90px;height:90px;top:50%;left: 50%; margin-top:-45px;margin-left: -45px;background: url(../images/shouqing.png) no-repeat; background-size:90px; z-index:2;}
.goods-list-box .goods-list .item .item-pic a{ display:block; position:relative; width:100%; height:100%; padding-top:100%;}
.goods-list-box .goods-list .item .item-pic  img{display:block; width:100%; height:auto; position:absolute; left:0;top:0;}
.goods-list-box .goods-list .item  dl {width: 96%;margin: auto;margin-top: 8px;overflow: hidden;padding-left: 2%;padding-right: 2%;}
.goods-list-box .goods-list .item dl dt {font-size: 14px;width: 100%;height: 40px; line-height:20px;overflow: hidden;}
.goods-list-box .goods-list .item dl dt.has-fullcut,.goods-list-box .goods-list .item dl.beans-show dt { height: 20px; margin-bottom: 4px;}
.goods-list-box .goods-list .item dl dt a {font-size: 14px;line-height: 20px;color: #353535;}
.goods-list-box .goods-list .item dl dt a em{top:-3px;}
.goods-list-box .goods-list .item dl dd {width: 100%;margin: auto;overflow: hidden;font-size: 16px;line-height: 30px;font-weight: bold; }
.goods-list-box .goods-list .item dl dd.price-color{height: 30px;}
.goods-list-box .goods-list .item dl dd del{ font-weight:normal; color: #999; font-size: 0.55rem; }
.goods-list-box .goods-list .item .item-con-info {width: 98%; height:30px;margin: auto;overflow: hidden;background: #fff;padding-bottom: 10px;position: relative;left: 0px;}
.goods-list-box .goods-list .item .item-con-info .goods-sales {display: block;position: absolute; top:4px;left: 7px;z-index: 2;font-size: 14px;color:#999;}
.goods-list-box .goods-list .item .item-con-info .cart-box {height: 30px;display: block;width:90px;float: right;position: relative;}
.goods-list-box .goods-list .item .item-con-info .cart-box .increase {width: 30px;height: 30px;position: absolute;right: 5px;top: 0px;z-index: 2;cursor: pointer; font-size:28px;}
.goods-list-box .goods-list .item .item-con-info .cart-box .num {display: inline-block;border: 0;width: 25px;height: 30px;float: right;text-align: center;font-size: 16px;line-height: 30px;color: #999;text-align: center;position: absolute;right: 35px;top: 0px;}
.goods-list-box .goods-list .item .item-con-info .cart-box .num.hide{ display:none;}
.goods-list-box .goods-list .item .item-con-info .cart-box .decrease {width: 30px;height: 30px;position: absolute;right: 0px;top: 0px;z-index: 1;cursor: pointer; font-size: 28px;}
.goods-list-box .goods-list .item .item-con-info .cart-box .sell-out-btn{ background: none !important; color: #e5e5e5 !important;}
/*视频模板*/
.video-box{ width:100%; position:relative;}
.video-box .video{ width:100% !important;}
.video-box .video-default{ width:100%; height: 150px; line-height: 150px; text-align: center; font-size: 14px;}
.video .video-introduce{ background-color: #fff; padding: 10px;}
.video .video-list{ width:100%; height: auto; display: inline-block; border-left: 1px #fff solid;box-sizing: border-box;}
.video-list .video-info{ height: auto; display: inline-flex; border-width: 1px 1px 1px 0px; border-style: solid; border-color: #fff; box-sizing: border-box;}
.video-list.video-one .video-info{ width: 100%;}
.video-list.video-two .video-info{ width: 50%; float: left;}
.video-list.video-three .video-info{ width: 33.3%; float: left;}

/*店铺关闭弹出层*/
.shops-close-layer{position: fixed;top: 0;left: 0;right: 0;bottom: 0;color: #fff;background: rgba(0,0,0,.85);font-size: 20px;
z-index: 1303;}
.shop-close-con{position: absolute;width:13rem;text-align: center;top:0;left: 50%;-webkit-transform: translate(-50%,0%);
transform: translate(-50%,0%);}
.shop-close-con .shop-close-top{ width:13rem; height:19rem; background:url(../images/shop-close-bg.png) no-repeat; background-size:contain;}
.shop-close-con .shop-close-top .shop-close-tip{padding-top:5.5rem;}
.shop-close-con .shop-close-top .shop-close-tip h3{ color:#fff; font-size:1.75rem; line-height:2.2rem; font-weight:600;}
.shop-close-con .shop-close-top .shop-close-tip span{color: #fff;font-size:1.1rem;display: inline-block;width: 90%;margin:5px auto 0; line-height:1.6rem;}
.shops-close-layer .shop-close-btn {background: url(../images/message_close.png) no-repeat center center;width: 30px;height: 30px;display: inline-block;cursor: pointer;border-radius: 100%;background-size: 30px;margin-top:50px; cursor:pointer;}

/*社区团代客下单*/
.replace-bottom .check-btn { width: auto; }
.fixed-bottom .cartnum { float: left; display: inline-block; padding-left: .5rem; height: 2.2rem;}

/*社区团首页*/
.comstore-other-info { margin: 0 .5rem; display: flex; justify-content: space-between; position: relative; }
.comstore-other-info .map-btn { max-width: 78%; flex: 1; font-size: .5rem; display: flex; line-height: .7rem; color: #fff; }
.comstore-other-info .map-btn .iconfont { font-size: .5rem; color: #fff; margin-right: .1rem;}
.comstore-other-info .commander-info { position: absolute; top: -1.7rem; right: -.2rem; overflow: hidden; width: 20%; text-align: center; }
.comstore-other-info .commander-info .pic { width: 1.5rem; height: 1.5rem; display: flex; align-items: center; justify-content: center; border-radius: 50%; overflow: hidden; background: #fff; margin: auto;}
.comstore-other-info .commander-info .pic img { width: 100%; }
.comstore-other-info .commander-info .name { margin-top: .2rem; font-size: .5rem; color: #fff; line-height: .7rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none;}

/*多业态底部首页修改*/
.footer-nav ul li a.multiple-formats-nav { width: 35px; line-height: 35px; margin-top: 6px;}
.footer-nav ul li a.multiple-formats-nav i{ display: none;}
.footer-nav ul li a.multiple-formats-nav span{ width: 35px; line-height: 35px; border-radius: 100%; height: 34px; font-size: 0.5rem; color: #fff;}

/*翼客服*/
.yikf-form{ bottom: 180px !important;}
/*iphoneX、iphoneXs*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
	.yikf-form{ bottom: 200px !important;}
}
/*iphone Xs Max*/
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:3) {
	.yikf-form{ bottom: 200px !important;}
}
/*iphone XR*/
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio:2) {
	.yikf-form{ bottom: 200px !important;}
}

/*店铺打烊自定义*/
.shop-close-custom{ width: 13rem; text-align: center; position:fixed;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.shop-close-custom .shop-close-img{ max-width: 13rem; max-height: 19rem; margin: 0 auto;}
.shop-close-custom .shop-close-img img{ width: auto; height: auto; max-width: 13rem; max-height: 19rem;}