/* 
 zm-巴速狗-手机端选择支付方式
 2017-04-28
*/
*{ margin:0; padding:0;}
* {-webkit-tap-highlight-color: transparent;outline: 0;}
html { height: 100%; width: 100%; font-family: 'Heiti SC', 'Microsoft YaHei'; font-size: 100px; outline: 0; -webkit-text-size-adjust:none;}
body {margin: 0 auto;min-width: 320px;max-width: 640px;background: #fff;font-size:14px;font-family: -apple-system,Helvetica,sans-serif;line-height: 1.5;color: #666;
-webkit-text-size-adjust: 100% !important;}
em, i {font-style: normal;}
body {background: #f2f2f2;}
img {border: 0 none;vertical-align: top;}
img {display: block;width: 100%;}
ol,ul {list-style: none;}
a img {border:0}
ul, ol, li {list-style-type:none;vertical-align:0}
a {outline-style:none;color:#535353;text-decoration:none}
a:hover {text-decoration: none}
.wrapBox h4{ font-weight:400;}
/*设置HTML5元素为块 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}



.wrap{ background:#0C9;}

/*顶部搜索*/
.headerSection{position: absolute;width: 100%;max-width: 640px;top: 0;height: 45px;background: #fff;
line-height: 44px;border-bottom: 1px solid #dcdcdc;font-size: 17px;z-index: 10;}

.headerContent{background-color: #fff;padding: .28rem .4rem;position: relative;height: 1.76rem;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;}

/*--返回上一级*/
.headerBack{margin: 0 10px; position: absolute;width: 19%;top: 0;}
.headerBack{ position: absolute;left: 5px;top: 15px;border: 2px solid #686b72;border-width: 2px 0 0 2px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);width: 12px;
height: 12px;}

/*搜索框*/
.headerSeach{ position: relative;margin: 5px 0 0 45px;background: #f5f5f5;width: 15rem;height: 35px;border-radius: 5px;}
.headerSeach{ width:4.6rem;}

.headerSeach form { height: inherit;}

/*搜索图标*/
.headerSeach i{ display: inline-block;width: 25px;height: 25px;background:url(image/index-icons.png) no-repeat right 0rem;no-repeat right 0rem;vertical-align: top;background-size: 104px 24px;margin: 5px 0 0 5px;}

/*搜索文本框*/
.seachInput{vertical-align: top;height: 35px;line-height: 35px;width:80%;border: 0;background: #f5f5f5;}


/*搜索按钮*/
.searchBtn{ }


/*分类按钮*/
.headerMenu{width:.5rem;}

.headerMenu i{display: inline-block;width:.8rem;height: 45px;background:url(image/fenleiIcon.png) no-repeat center center; background-size:.4rem;}

.hide{display: none!important;}


.headerMenu{position: absolute;width:.8rem;height: 45px;right:0;top: 0;}



/*主要内容*/
.mainWrap{ position: relative;width: 100%;max-width: 640px;min-width: 320px;margin: 0 auto;font-size: 14px;overflow: hidden;margin-top: 45px;}

.bannerSection{position: relative; width:100%;overflow: hidden;height:2rem; background:#999;}
.ui-flex{ display: -webkit-box!important; display: -webkit-flex!important;display: -ms-flexbox!important;
display: flex!important;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}


/*店铺招牌*/
.bannerContent { display: inline-block; width:100%; height:100%; position:relative;background:url(image/st1.jpg) no-repeat center center;}


/*店铺logo,名称*/
.cell{position: relative;display: -webkit-box!important; display: -webkit-flex!important;display: -ms-flexbox!important;display: flex!important; -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.bannerContent .bannerShop{position: absolute;left: 10px;bottom: 10px;}
.bannerShop .shopLogo{display: block;width:88px;height:31px;background: #fff;border: 1px solid #bfbfbf;text-align: center;overflow: hidden; padding:.05rem;}

/*shopInf*/
.bannerShop .shopInf{display: block;position: relative;margin-left: .1rem;font-size: 0;line-height: 1; /*width:3.2rem;*/}
.bannerShop .shopName{font-size: 18px;line-height:18px;color: #fff;position: relative;}
.bannerShop .shopOther{ line-height:18px;}

.shopIcon{ width:1rem;height:24px;background:#ff4400; color:#fff;}

.followNum {display: block;font-size:.14rem;margin-left: .14rem; margin-top:.05rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #dfdfdf;}
 
 
/*关注店铺*/
.bannerContent .bannerAction{ position:absolute; right:10px; bottom:10px;display: block;width: 60px;height: 35px;line-height: 35px;color: #fff;cursor: pointer;text-align: center;border: 1px solid transparent; border-radius:3px;padding: 0 3px; font-size:14px; background:#ff4400; vertical-align:middle;}
.bannerAction .likeIcon{ background:url(image/like.png) no-repeat; background-size:15px 12px;}
.bannerAction .likedIcon{ background:url(image/liked.png) no-repeat; background-size:15px 12px;}
.bannerAction .likeIcon,.bannerAction .likedIcon{width: 15px;height:12px;display: inline-block;*display: inline;*zoom: 1; vertical-align:middle; }

.likeTxt{ font-size:12px;}



/*店铺导航菜单*/
.borderGrids{margin-bottom: .15rem;}
.totalSection{position: relative;background-color: #fff;padding: .2rem 0 .1rem; border-bottom:1px #ccc solid; border-top:1px #ddd solid;}

.totalContent{position: relative;height:.5rem;}
.cl{ -webkit-box-flex: 1;-webkit-flex: 1; -ms-flex: 1;flex: 1;width: 0;
-webkit-flex-basis: 0;-ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%;display: block;padding: 0!important;position: relative;}
.totalContent a{ position: relative;color: #838689;text-align: center;height: 0.58rem;
line-height: 0.58rem;}
.totalContent a::after {content: " ";border-left: 1px solid #dfdfdf;height: .3rem;
width: 0;font-size: 0; position: absolute; right: 0;top: 50%;margin-top: -.16rem;}
.totalContent a:last-child::after{ border-left:0; }
.totalContent a span{ display: block;line-height: .25rem;}

/*店铺首页图标*/
.shopIndexIcon{ }
.totalContent .cur{ color:#ff4400;border-bottom: 2px solid #ff4400;}
.totalContent .cur .shopIndexIcon{display: block;width: .25rem;height: .25rem;background:url(image/spriteShop.png) no-repeat; background-position: -.25rem 0;background-size: 2.5rem;
margin-left: 42%;}


/*店铺导航上面的数量*/
.totalContent a .totalNum{color: #232325;font-size: .16rem;}
.totalContent a .totalText{font-size: .14rem;/*margin-top: .05rem;*/ }


/*焦点图*/
.imgFloor{position: relative;background-color: #fff;overflow: hidden;}
.imgSlider{/*height: 2.76rem;*/ position: relative;overflow: hidden;z-index: 1;}
.mod_slider .slider img {width: 100%;}
.mod_slider .slider{width:100%;}
.mod_slider{ overflow:hidden; z-index:2;background-color: #f7f6f5;}
.mod_slider{ position:relative;}
.mall_header .mod_slider{ position:relative;/* height:2.76rem;*/z-index:2;}
.mod_slider .mod_slider_hold{position:relative;}
.mod_slider .mod_slider_list{ position: relative;-webkit-transform: translateZ(0);z-index: 2;}
.mall_header .mod_slider .mod_slider_list{ will-change: transform;}
.mod_slider .slider{text-align: center;overflow: hidden;position: relative;width: 100%;}
.slider{display:none}/*用于获取更加体验*/
.focus span{width:8px;height:8px;margin-right:8px;border-radius:50%;background:#666;font-size:0}
.focus span.current{background:#fff} 


/*店铺分类*/
.Floor{ position:relative;}
.Floor .vipTitle{text-align: center;line-height: .5rem; font-size:.28rem; position:relative; }

.Floor .vipTitle .line {float: left;display: inline-block; height: 1px;width: 29.9032%;background: #ccc; margin:.25rem 0;}
.Floor .vipTitle .lineGoodsName{ vertical-align: middle;}
.Floor .vipTitle .lineRight{ float:right;}

.Floor .proContent ul {width: 100%;overflow: hidden;}
.Floor .proContent .loading {}


.Floor .proContent .item {float: left;margin-bottom: 1%;width: 49.5%;}
.Floor .proContent .item:nth-child(2n-1){margin-right: 1%;}

.Floor .proContent .item .imgBar{padding: .1rem;background: #fff;}
.Floor .proContent .item .prodInfo{padding: .1rem 0; background: #fff;}

.proContent .title{ display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
overflow: hidden;}
.proContent .title{height: 34px;margin-top: 5px;font-size: 12px;color: #333;}


.flexbox {display: -webkit-box;display: box;display: -webkit-flex;display: -ms-flexbox;
display: flex;}
.flexbox.v_center:not(.vertical) {display: -webkit-box;display: box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-moz-box-align: center;box-align: center;align-items: center; -webkit-align-items: center;}

.Floor .proContent .item .prodInfo .price{padding: .1rem 0 .1rem .1rem;
color: #ff5c5c;font-family: arial;font-size: .24rem;line-height: 1;}

.Floor .proContent .item .prodInfo .priceTxt{vertical-align: middle;}