@charset "utf-8";
/*自由购弹层初始页面*/
.layer-mask-box { width: 270px; height: 386px; background: #fff; margin: auto; position: fixed; z-index: 10000; top: 50%; left: 50%; margin-top: -188px; margin-left: -135px; border-radius: 5px; display: none;}
.layer-mask-title{ position: relative; height: 40px; line-height: 40px; font-size: 16px; color: #666; text-align: center;}
.layer-mask-title:after { height: 1px; content: ''; width: 100%; border-top: 1px solid #ddd; position: absolute; bottom: -1px; right: 0; transform: scaleY(.5); -webkit-transform: scaleY(.5); z-index: 10;}
.layer-mask-box .layer-mask-close { background: url(../images/c_cancel.png) center no-repeat; background-size: 10px 10px; width: 20px; height: 20px; top: 7px; right: 7px; margin: 0; position: absolute; border: 1px solid #B3B3B3; border-radius: 50%;}
.layer-mask-content{ width: 250px; height: 250px; padding: 20px 10px 10px;}
.layer-mask-content img{ max-height: 100%; max-width: 100%;}
.layer-mask-foot{ height: 65px; line-height: 65px; text-align: center; margin: 0 auto;}
.layer-mask-foot .btn{ width: 90px; height: 30px; line-height: 30px; display: inline-block; padding: 5px 10px; margin: 0px 5px; border-radius: 3px; position: relative; cursor: pointer;}
.layer-mask-foot .btn.cancel{ background: #fff; color: #666;}
.layer-mask-foot .btn.cancel:before{ text-align: center; border: 1px solid #9c9c9c; border-radius: 8px; content: ""; position: absolute; left: 0px; top: 0px; width: 200%; height: 200%; transform-origin: 0 0; transform: scale(.5,.5); box-sizing: border-box; -webkit-transform-origin: 0 0; -webkit-transform: scale(.5,.5); -webkit-box-sizing: border-box;}
.layer-mask-foot .btn.confirm{ background: #f23030; color: #fff;}
.layer-mask-foot .btn.confirm:before{ text-align: center; border: 1px solid #f23030; border-radius: 8px; content: ""; position: absolute; left: 0px; top: 0px; width: 200%; height: 200%; transform-origin: 0 0; transform: scale(.5,.5); box-sizing: border-box; -webkit-transform-origin: 0 0; -webkit-transform: scale(.5,.5); -webkit-box-sizing: border-box;}
.layer-mask-foot .btn.confirm.disabled:before, .layer-mask-foot .btn.confirm.disable:before{ border: 1px #e5e5e5 solid;}

.layer-mask { position: absolute; left: 0px; top: 0px; opacity: 0.15; z-index: 9998; width: 100%; height: 100%; background-color: rgb(0, 0, 0); filter: alpha(opacity=60) !important; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important; -webkit-opacity: 0.6 !important; -khtml-opacity: 0.6 !important; -moz-opacity: 0.6 !important; -ms-opacity: 0.6 !important; -o-opacity: 0.6 !important; opacity: 0.6 !important; display: none;}

/*店铺选择*/
.shop-street-top .shop-street-header { position: relative; width: 100%; height: 50px; background: #fafafa; border-bottom: 1px solid #eee; zoom: 1; z-index: 110;}
.shop-street-top .shop-street-header .shop-street-left{ width: 13%; height: 50px; float: left;}
.shop-street-top .shop-street-header .shop-street-left a{ display: block; width: 30px; height: 50px; background:url(../images/top.png) no-repeat; background-size: auto 230px; background-position:5px 14px; }
.shop-street-top .shop-street-header .shop-street-right{ width:17%; height:50px; float:left; text-align:center;}
.shop-street-top .shop-street-header .shop-street-right a{ font-size:14px; line-height:50px; color:#666}
.shop-street-top .shop-street-header .header-middle { width:70%; float:left;}

.search-main{ padding: 10px; position: relative;}
.search-main:after { height: 1px; content: ''; width: 100%; border-top: 1px solid #ddd; position: absolute; bottom: -1px; right: 0; transform: scaleY(.5); -webkit-transform: scaleY(.5); z-index: 10;}
.search-main .search-box{ width: 100%; margin:auto; height:35px; background: #F6F6F9; border-radius:3px; position:relative}
.search-main .search-box .text{ display:block; width:100%;-webkit-appearance: none; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; border-radius: 0; -webkit-rtl-ordering: logical; -webkit-user-select: text; height:35px; background:none; border:0; font-size:16px; line-height:35px; color:#666; text-indent:10px;}
.search-main .search-box .submit{ display:block; width:35px; height:35px; position:absolute; right:0px; top:0; background:url(../images/search.png) no-repeat center center;background-size: auto 30px; border:0}

.shops-box .shops-list{ width: 100%; position: relative;}
.shops-box .shops-list .shops-info{ min-height: 45px; background: #fff; position: relative; padding: 10px; position: relative;}
.shops-box .shops-list .shops-info:after { height: 1px; content: ''; width: 100%; border-top: 1px solid #ddd; position: absolute; bottom: -1px; right: 0; transform: scaleY(.5); -webkit-transform: scaleY(.5); z-index: 10;}
.shops-box .shops-list .shops-info .shop-content{ display: block; position: relative;}
.shops-box .shops-list .shops-info .shop-content dt{ height: 23px; line-height: 23px; font-size: 16px; color: #353535; zoom: 1; margin-bottom:4px;}
.shops-box .shops-list .shops-info .shop-content .shop-name{ float: left; max-width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #353535; font-size: 16px; font-weight: bold;}
.shops-box .shops-list .shops-info .shop-content dd{ margin-bottom: 5px; height: 16px; line-height: 16px; position: relative;}
.shops-box .shops-list .shops-info .shop-content .shop-address{ display: inline-block; line-height: 16px; color: #353535; vertical-align: top; font-size: 0.55rem;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%;}
.shops-box .shops-list .shops-info .shop-distance{ position: absolute; right: 10px; top: 13px; padding: 0 3px; height: 18px; line-height: 18px; color: #666; font-size: 0.55rem; cursor: pointer; z-index: 2;}
.shops-box .shops-list .shops-info .shop-distance i{font-size: 0.5rem; color: #666; display: inline-block; vertical-align: top;}

/*切换店铺弹框*/
.layer-mask-box-shop{ height: 225px; margin-top: -114px; text-align: center;}
.layer-mask-box-shop .layer-mask-content{ height: 120px;}
.layer-mask-box-shop .layer-mask-content p{ height: 40px; line-height: 40px; color: #353535;}
.layer-mask-box-shop .layer-mask-content p.shop-name{ height: auto; line-height: 20px; padding: 5px 0px; font-size: 16px; color: #f23030;}
.layer-mask-box-shop .layer-mask-foot{ height: 65px; line-height: 65px;}

.shop-top-box{ position: relative; width: 100%; overflow: hidden;}

/*.content-box{ text-align: center;}
.content-box .scan-box{ width: 250px; height: 150px; margin: 30px auto; text-align: center; position: relative;}
.content-box .scan-box img{ max-width: 100%; max-height: 100%;}
.content-box .scan-box .scan{ background: #f23030; color: #fff; width: 100px; height: 30px; line-height: 30px; padding: 5px 10px; margin: 0px 5px; border-radius: 3px; position: relative; top: -20px; cursor: pointer; text-align: center; display: inline-block;}
.content-box .scan:before{ text-align: center; border: 1px solid #f23030; border-radius: 8px; content: ""; position: absolute; left: 0px; top: 0px; width: 200%; height: 200%; transform-origin: 0 0; transform: scale(.5,.5); box-sizing: border-box; -webkit-transform-origin: 0 0; -webkit-transform: scale(.5,.5); -webkit-box-sizing: border-box;}
.content-box .cart-box{ width: 100%; height: auto;}
.content-box .cart-box a{ width: 130px; height: 130px; display: inline-block;}
.content-box .cart-box a img{ max-width: 100%; max-height: 100%;}*/

.content-box{ text-align: center; background-color: #fafafa;}
.content-box .free-guide{ width: 100%; height: auto; padding: 50px 0px 10px; text-align: center; background-color: #fff;}
.content-box .free-guide img{ max-width: 250px; max-height: auto;}
.content-box .scan-box{ width: 100%; position: relative;}
.content-box .scan-box img{ max-width: 100%; max-height: 100%;}
.content-box .scan-box .scan{ width: 130px; height: 130px; margin-top: -30px; margin-bottom: 20px; display: inline-block; }
.content-box .scan-box .scan img{ max-width: 100%; max-height: 100%;}
.content-box .scan-box .shop-name{ height: 30px; line-height: 30px;}
.content-box .scan-box .shop-name a{ position: relative; color: #f23030;}
.content-box .scan-box .shop-name a:after {content: '';position: absolute; width: 7px; height: 7px; border-top: 1px solid #f23030; border-right: 1px solid #f23030; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: -15px;margin-top: -4px}

.content-box .cart-box{ width: 50px; height: 50px; position: fixed; right: 5px; bottom: 60px;}
.content-box .cart-box .cart-btn{ display: inline-block; background: url(../images/goods/btn_cart_dark.png) no-repeat center center; background-size: 22px; width: 40px; height: 50px; margin-right: 5px; position: relative;}
.content-box .cart-box .cart-btn em{ position: absolute; left: 24px; top: 11px; color: #fff; text-align: center; font-weight: normal; font-size: 10px;  font-family: 宋体; width: 12px; height: 12px; line-height: 12px; background-color: #f23030; border-radius: 100%;}


/*购物车、订单*/
.go-reachbuy-order{ width: 100%; height: 40px; line-height: 40px; background-color: #f23030; display: inline-block;}
.go-reachbuy-order span{ color: #fff; height: 40px; line-height: 40px; display: inline-block; padding: 0px 20px}
.go-reachbuy-order span.title{float: left;}
.go-reachbuy-order span.go{ float: right;}


/*购物车列表*/
.flow-bottom.reachbuy-flow-bottom{ bottom: 0;}
.flow-bottom .total .free-cart-code{ width: 80px; height: 80px; display: inline-block; position: absolute; left: 5px; bottom: 0px;}
.flow-bottom .total .free-cart-code img{ max-width: 80px; max-height: 80px;}