body { background: #fff; }
/*选择门店*/
header .store-header { width: 100% !important; display:flex;justify-content: space-between; padding: .5rem; height: auto; align-items: center; box-sizing: border-box;}
header .store-header .city-address { margin-right: 1.5rem; }
header .store-header .city-address a { display: flex; align-items: center; color: #333; font-size: .65rem;}
header .store-header .city-address a .iconfont { font-size: .8rem; margin-right: .2rem; }
header .store-header .city-address a p { max-width: 6rem; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
header .store-header .search-btn { margin: 0; border-radius: 25px; flex: 1;}
.store-logo { position: relative; width: 100%; padding: 1rem 0; background: #fff; text-align: center; }
.store-logo img { width: 5rem; }
.store-tab-box { margin: .5rem .8rem; color: #333; line-height: 1.8rem; font-size: .6rem; }
.store-tab-box .tab-top { position: relative; }
.store-tab-box .tab-top ul { display: flex; justify-content: space-around; }
.store-tab-box .tab-top ul li { position: relative; padding: 0 .5rem; line-height: 2.3rem; font-size: .65rem; font-weight: bold; }
.store-tab-box .tab-top ul li.on:after { content: ''; width: 80%; border-top: .1rem solid; position: absolute; bottom: 1px; right: 0; left: 0; z-index: 10;margin: auto; }
.search-btn {padding: 0 .5rem; line-height: 1.5rem; background: #f7f7f7; border-radius: 20px;display: flex; align-items: center; margin: 0 .5rem; }
.search-btn i { font-size: .8rem; color: #999; margin-right: .3rem; }
.store-tab-box .store-list-tab li { position: relative;line-height: normal; padding: .7rem 0; }
.store-tab-box .store-list-tab li:before { height: 1px; content: ''; width: 100%; border-top: 1px solid #e3e5e9; position: absolute; bottom: -1px; right: 0; transform: scaleY(.5); -webkit-transform: scaleY(.5); z-index: 10; }
.store-tab-box .store-list-tab li.delivery-address { padding: .7rem 0 .5rem; }
.store-tab-box .store-list-tab li.delivery-address a p { color: #666; }
.store-tab-box .store-list-tab li.store-banner { padding: 0;border-radius: .2rem; overflow: hidden; }
.store-tab-box .store-list-tab li.store-banner img { width: 100%; }
.store-tab-box .store-list-tab li a { color: #333; }
.store-tab-box .store-list-tab li a .store-left {display: flex;align-items: center; width: 2rem; height: 2rem; border-radius: 50%; overflow: hidden; float: left; border: 1px solid #eee; }
.store-tab-box .store-list-tab li a .store-left img { width: 100%; }
.store-tab-box .store-list-tab li a .store-middle { float: left; width: 60%; margin: 0 2%; }
.store-tab-box .store-list-tab li a .store-middle p { color: #666; font-size: .55rem; }
.store-tab-box .store-list-tab li a .store-middle .store-name p { padding-bottom: .3rem; color: #333; font-size: .65rem; font-weight: bold; }

.store-tab-box .store-list-tab li a .store-middle p.order-enable-box{ display: inline-block; border: 1px #666460 solid; height: 18px; line-height: 18px; margin-top: 2px;}
.order-enable-box .order-enable-left{ background-color: #666460; display: inline-block; padding: 0 10px; color: #fff;}
.order-enable-box .order-enable-right{ display: inline-block; padding: 0 10px;}


.store-tab-box .store-list-tab li a .store-right { float: none; display: flex;flex-direction: column; text-align: right; max-width: 40%; min-width: 20%;}
.store-tab-box .store-list-tab li a .store-right .iconfont { line-height: 1rem; }
.store-tab-box .store-list-tab li a .store-right .distance { padding-bottom: .5rem; }
.store-tab-box .store-list-tab li a p {display: flex;-webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden;}
.store-tab-box .store-list-tab li.city-address a {display: flex; justify-content: space-between; align-items: center;}
.store-tab-box .store-list-tab li.delivery-address .iconfont { font-size: .9rem; line-height: normal; color: #333;}
.store-tab-box .store-list-tab li .store-top {display: flex; justify-content: space-between;align-items: center;}
.store-tab-box .store-list-tab li .store-top .store-name { display: flex; }
.store-tab-box .store-list-tab li .store-top .store-name .iconfont { font-size: .8rem; }
.store-tab-box .store-list-tab li .store-top .store-name p { font-weight: bold; margin-left: .3rem; }
.store-tab-box .store-list-tab li .store-down { display: flex; justify-content: space-between;align-items: center;padding-top: .3rem;}
.store-tab-box .store-list-tab li .store-down p { color: #666; font-size: .55rem; }
.none-more { color: #333; text-align: center; margin-top: 2rem; }
.nearby-store li a { display: flex; align-items: center; }
.store-item-tab.nearby-store li a p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;width: calc(100vw * .91); display: block; }

/*选择城市弹层*/
.cl-container { background: #fff; ms-flex-direction: column; -webkit-box-orient: vertical; box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; width: 100%; height: 100%; line-height: 1.4rem; position: fixed; top: 0; right: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); -webkit-transition: all .3s linear; transition: all .3s linear; z-index: 10003;}
.cl-container.show {overflow-y: scroll; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: all .3s linear; transition: all .3s linear; }
.cl-container .cl-c-l-h { padding: 0 20px; background: #f2f2f2; }
.active-city { position: relative; }
.active-city .cl-c-l-ul:first-child li { display: flex; justify-content: space-between; align-items: center; line-height: 2rem; }
.active-city .cl-c-l-ul:first-child li .close-btn { width: 2rem; text-align: right; }
.active-city .cl-c-l-ul:first-child li i { font-size: .6rem; color: #666; }
.cl-c-l-ul { padding: 0 20px; }
.cl-c-l-ul li { line-height: 1.8rem; }
.cl-c-l-li a { position: relative; display: inline-block !important; color: #353535; }
.cl-c-l-li.active a.city:after { height: 1px;content: ''; width: 100%; border-top: .1rem solid ; position: absolute; bottom: 0;right: 0; z-index: 10;  }

/*选择配送地址弹层*/
.address-popup { background: #fff; ms-flex-direction: column;-webkit-box-orient: vertical; box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; width: 100%; height: 100%; position: fixed; top: 0;right: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); -webkit-transition: all .3s linear; transition: all .3s linear; z-index: 1000; }
.address-popup.show { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: all .3s linear; transition: all .3s linear; }
.store-popup-box .search-header { display:flex; align-items: center; border-bottom: none; height: 44px; }
.search-header:after { height: 1px; content: ''; width: 100%; border-top: 1px solid #e3e5e9; position: absolute; bottom: -1px; right: 0; transform: scaleY(0.5); -webkit-transform: scaleY(0.5); z-index: 10; }
.search-left a i { color: #666; }
.width-mid {width: 78%; height: 2.05rem; padding: 0; }
.search-info .search-box { position: relative; display: flex; align-items: center; width: 100%; background: #f1f1f1; border-radius: 25px;}
.search-info .search-box .search-text { width: 100%; }
.search-info .search-box input { display: block; width: 100%; height: 30px; font-size: 13px; font-family: PingFang-SC-Regular; line-height: normal; background: #f1f1f1; border-radius: 0 25px 25px 0;}
.search-info .search-box i { font-size: .7rem; text-align: center; color: #666; display: block; width: 30px; }
.search-left { position: relative; width: 10%; }
.search-middle { margin: 0; width: 78%; }
.search-right { width: 13%; font-size: .65rem; display: flex; align-items: center; justify-content: center;}
.search-right a { display: block; }

.address-popup-container { width: 100%; height: 100%; position: fixed; top: 0; right: 0; z-index: 10002;}
.position-content { padding: 0 .5rem; height: 92%; overflow: hidden; overflow-y: scroll; }
.position-content .position-list { overflow-y: scroll; }
.position-content>p { color: #353535; font-size: .5rem; margin-top: .2rem; }
.position-content .position-info { display: flex; justify-content: space-between; font-size: .5rem;}
.position-content .position-info .location { display: flex; align-items: center; color: #fc690e; padding-top: 0;color: #fc690e; flex-direction: row; }
.position-content .position-info .location .iconfont { font-size: .7rem; margin-right: .1rem; }
.address-popup-more { background: #fff; ms-flex-direction: column;-webkit-box-orient: vertical; box-orient: vertical; -webkit-flex-direction: column; flex-direction: column; width: 100%; height: 100%; position: fixed; top: 0;right: 0; z-index: 10002;  }
.address-popup-more.show { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); -webkit-transition: all .3s linear; transition: all .3s linear; }
.address-popup-more .search-header{ display: flex; align-items: center; border-bottom: 0px;}
.search-header .city { height: 2.05rem; line-height: 2.05rem; padding-left: 3%; font-size: .6rem; width: 22%; }
.search-header .city a { display: flex; color: #353535; }
.search-header .city a i { margin-left: .2rem; }
.address-popup-more .search-middle { width: 62%; }
.position-content .position-list .position-item { position: relative; padding: .4rem 0; color: #353535;cursor: pointer;}
.position-content .position-list .position-item:after { height: 1px;content: ''; width: 100%; border-top: 1px solid #e3e5e9; position: absolute; bottom: -1px;right: 0; transform: scaleY(.5); -webkit-transform: scaleY(.5); z-index: 10;  }
.position-list .position-item .position-name {font-size: .6rem; font-weight: bold;}
.position-list .position-item .position-name i { color: #666; font-weight: normal; margin-right: .1rem;}
.clear-box {margin: 1.5rem;text-align: center;}
.clear-box a.clear-btn {padding: .3rem .5rem;font-size: .6rem; border: 1px solid #ccc;border-radius: 3px; color: #353535;}
.address-popup-two .position-content { padding: 0 .5rem; }

/*筛选配送至/门店*/
.store-popup-box { display: none; width: 100%; height: 100%; position: fixed; top: 0; background: #fff; right: 0; z-index: 10001; }
.store-popup-box .search-header { display:flex; align-items: center; border-bottom: none; height: 44px; }
.store-popup-box .search-middle { margin-left: 4%; width: 83%; height: 28px; padding-right: 0;}
.store-popup-box .search-box i { position: absolute; right: 0; }
.store-popup-box .search-box .input-tab { position: relative; width: 66px; padding-left: .2rem; color: #353535; display: flex; align-items: baseline; justify-content: center; font-size: 13px; line-height: 1; text-align: center;}
.store-popup-box .search-box .input-tab i { position: relative; font-size: .7rem; width: auto;}
.store-popup-box .search-box .input-tab-drop ul { background: rgba(0,0,0,.76); color: #fff; border-radius: 5px; }
.store-popup-box .search-box .input-tab-drop { position: absolute; display: none; z-index: 200; top: 40px;}
.store-popup-box .search-box .input-tab-drop:before { content: ""; display: block; position: absolute; width: 0; height: 0; border-color: transparent; border-width: 8px; border-style: solid; bottom: 100%; right: .8rem; border-bottom-color: rgba(0,0,0,.76); }
.store-popup-box .search-box .input-tab-drop ul li { text-align: center; border-bottom: 1px solid #767676; padding: .2rem .5rem;}
.store-popup-box .search-box .input-tab-drop ul li:last-child { border: 0; }
.store-popup-box .store-tips { font-size: .6rem; color: #666; text-align: center; margin: 2rem 1rem 0;}
.store-tab-container{ overflow-y: scroll; max-height: calc(100vh - 44px);}
.store-tab-container .store-tab-box { display: none; }

/*选择提货点*/
.search-address-header .search-middle { width: 62%; }
.address-tab-box ul { padding: .5rem; }
.address-tab-box ul li { display: flex; justify-content: space-between; padding: .3rem 0; border-bottom: 1px solid #eee; }
.address-tab-box ul li:last-child { border-bottom: none; }
.address-tab-box ul li .list-left { display: flex; align-items: center; }
.address-tab-box ul li input { margin-right: 8px; position: relative; vertical-align: middle; display: block; width: 20px; height: 20px; background: url(../images/flow/cart_icon_con.png) no-repeat 0px 0px; background-size: 50px auto; border: none; border-radius: 50%; }
.address-tab-box ul li input:checked { background-position: -25px 0px; }
.address-tab-box ul li .list-text-info { display: flex; }
.address-tab-box ul li .address-name { font-weight: bold; }
.address-tab-box ul li .address-text { color: #666; }

/*我的收货地址*/
.position-address-list { padding: .5rem 0; }
.position-address-list li { display: flex; justify-content: space-between; padding: .3rem 0; border-bottom: 1px solid #eee; }
.position-address-list li:last-child { border-bottom: none; }
.position-address-list li .user-text { color: #353535; }
.position-address-list li .address-text { color: #666; }
.position-address-list li .position-text { line-height: 1rem; }
.position-address-list li .edit-btn { padding: .3rem; }
.position-address-list li .edit-btn i { font-size: .7rem; }
.address-foot { width: 100%; height: 2.05rem; max-width: 640px; position: fixed; color: #fff; text-align: center; font-size: .75rem; line-height: 2.05rem; bottom: 0;}

/*搜索附近门店*/
.location {display: flex; flex-direction: column; align-items: center; padding-top: 35%;}
.location .pic { position: relative; width: 8rem; margin-bottom: .5rem;}
.location .pic img { width: 100%; }
.location .pic .iconfont { position: absolute; top: 3.5rem; font-size: 3rem; color: #f74c51; left: 2.5rem;transition: all .2s; animation: two-up-down .5s ease infinite 80ms alternate; }
.location p { color: #353535; font-size: 15px; }
@keyframes two-up-down{from{-webkit-transform:translate(0,5px);transform:translate(0,5px)}to{-webkit-transform:translate(0,-5px);transform:translate(0,-5px)}}
/*门店选择*/
.store-select-con{ position: relative; min-height: calc(100vh); background-color: #f8f8f8; padding-bottom: 20px; box-sizing: border-box;}
.store-select-header{ position: relative;height:200px;padding-bottom: 15px;}
.store-select-header .shop-heade-icon{ position: relative;  width:60px; height:60px; margin: 0 auto; padding:30px 0 10px;}
.store-select-header .shop-heade-icon img{ display: block; width:56px; height:56px; border-radius: 100%;border:4px solid rgba(255,255,255,.3);}
.store-select-header .store-search{ display:flex; align-items: center; margin:20px 40px 0; height: 34px; border-radius: 34px; padding: 0 .5rem; background: rgba(255,255,255,.3)}
.store-select-header .store-search i{ display: block; font-size: 16px; color: #fff;margin-right: 5px;}
.store-select-header .store-search span{ display: block; flex: 1; color: #fff; }

.location-con{padding-top:18%;}
.location-con .store-loading{ min-height:80px; }
.location-con p{ font-size: 14px; }

/*切换社区团*/
.comstore-top-container { padding: .5rem 0; height: 5.5rem; background-image: url(../images/community/member-bg.png); background-repeat: no-repeat !important; background-position:top center !important; background-size: cover !important; }
.comstore-top-container .comstore-header { background: #fff; margin: 0 1rem; padding: .1rem .5rem; border-radius: 25px; display: flex; align-items: center; font-family: PingFang-SC-Regular;}
.comstore-top-container .comstore-header .search-info { background: #fff; margin-left: .3rem; }
.comstore-top-container .comstore-header .search-info .search-box { background: #fff; }
.comstore-top-container .comstore-header .search-info .search-box .iconfont { font-size: .6rem; }
.comstore-top-container .comstore-header .search-info .search-box input { background: #fff; }
.comstore-top-container .comstore-header .search-right a { font-size: .6rem; }
.comstore-top-container .comstore-header .city-address a { display: flex; align-items: center; font-weight: bold; font-size: .6rem; color: #333;}
.comstore-top-container .comstore-header .city-address a .iconfont { font-size: .5rem; margin-left: .1rem; vertical-align: baseline;}
.comstore-desc { background: #fff; border-radius: .5rem; width: 90%; margin: -2rem auto 0; position: relative; box-shadow: 0 8px 10px #f0eeee; display: flex; flex-direction: column; align-items: center; padding: .5rem; box-sizing: border-box; }
.comstore-desc:after { content: ''; position: absolute; left: .3rem; right: .3rem; top: .3rem; bottom: .3rem; border-radius: .5rem; border: 1px dashed #eee; }
.comstore-desc .pic { display: flex; align-items: center; text-align: center; vertical-align: middle;border-radius: 50%; overflow: hidden; background: #fff; margin-top: -2rem; width: 2.5rem; height: 2.5rem; z-index: 100; border: 1px solid #eee; }
.comstore-desc .pic img { max-width: 100%; max-height: 100%; align-items: center}
.comstore-desc .commander-name { font-size: .55rem; margin: .5rem 0 .3rem; }
.comstore-desc .community-name { font-size: .9rem; color: #222; font-weight: bold; }
.comstore-desc .community-address { margin: .3rem 0 1rem; font-size: .55rem; color: #333; text-align: center; }
.comstore-box { margin: 1.2rem .8rem 0; }
.comstore-box .near-store { color: #222; line-height: .7rem; font-weight: bold; font-size: .7rem; padding-left: .5rem; margin: 0 0 .2rem -.5rem; border-left-width: .15rem; border-left-style: solid; }
.comstore-box .store-list-tab li a { display: flex; }
.comstore-box .store-list-tab li a .comstore-pic {border: 1px solid #eee; width: 2rem;height: 2rem;border-radius: 50%;overflow: hidden;display: flex; align-items: center; text-align: center; vertical-align: middle; float: left;margin-right: .4rem; }
.comstore-box .store-list-tab li a .comstore-pic img {  max-width: 100%; max-height: 100%; align-items: center;}
.comstore-box .store-list-tab li a .comstore-other { flex: 1; float: left; max-width: 84%; }
.comstore-box .store-list-tab li a .comstore-other .store-name p { margin-left: 0; }
.comstore-box .store-list-tab li .store-down { padding-top: .1rem; }
.comstore-box .store-list-tab li .commander { font-size: .6rem;padding-top: .1rem;color: #999; }