@charset "utf-8";
/* CSS Document */



*{ box-sizing:border-box;}
body {
    background-color: #f5f5f5;
    color: #616161;
    font-size: 0.6rem;
    font-family:   DroidSans, DroidSansFallback, Arial, "Microsoft YaHei";
    width: 100%;
    margin: 0 auto;
    display: inline-block;
    padding-bottom: 3.15rem;
}

h1,h2,h3,h4,h5,h6,p,input,ul,li{ padding:0; margin:0;}
em,i{ font-style:normal;}
ul,li{ list-style:none;}
a{ text-decoration:none; color:#616161;}



/*公共样式*/

.bgfff{ background:#fff;}
.colorjh{ color:#ff5252;}
.fonts07{ font-size:0.7rem;}
.o-hidden{ overflow:hidden;}
.fleft{ float:left;}
.fright{ float:right;}
.pb50{ padding-bottom:50px;}
.plr11{ padding-left:11px; padding-right:11px;}
.ptb13{ padding-top:13px; padding-bottom:13px;}
.mb12{ margin-bottom:12px;}
.widtht{ max-width:750px; margin:0 auto;  background:#f5f5f5; overflow:hidden; position: relative;}
.widtht li img{  height:auto;width: 100%;}
.mtop-n{max-width:750px; height:36px; background:#2c2c2c; padding:9px 8px; border-bottom:1px solid #afafaf; color:#fff; margin:0 auto;}
.mtop-n a{color:#fff;}
.mtop-n em{ background:url(../images/main/backicon.png) no-repeat left center; background-size:11px 18px; width:13.4%; height:18px; padding-left:15px; }
.mtop-n i{ background:url(../images/main/more.png) no-repeat left center;background-size:21px 18px; width:6.6%; height:18px;}
.mtop-n span{ width:80%; text-align:center;}
.mtop-n em,.mtop-n span,.mtop-n i{ display:inline-block; float: left;}

.ptbt13{ padding-top: 13px;}

/*多门店首頁*/
.mbanner{
	width: 100%;
	/* [disabled]overflow:hidden; */
}
.msearch{ overflow:hidden;  }
.msearch .StoreName{ background: url(../images/main/ic-locate.png) no-repeat left center; background-size:14px 14px; padding-left:20px; width:90%; float:left; color:#424242;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all;}
.msearch .mbutton{ background:url(../images/main/ic-search.png) no-repeat left center; background-size:100% 100%; float:right; width: 14px;height: 14px; border:none; display: inline-block;}	
.msearch .mbutton a{ display:block;}
.members_nav1,.members_nav2{ overflow:hidden; background:#fff;}
.members_nav1 li{width: 25%; float:left; padding:0px 13px; text-align:center; margin-top:3px; margin-bottom:3px;}
.members_nav1 li span,.members_nav2 li span{ margin-bottom:7px; display:block;}
.members_nav1 li a{text-overflow : ellipsis; white-space : nowrap; display:block; width:100%;overflow : hidden; }
.members_nav1 ul,.members_nav2 ul{ overflow:hidden;}
.mzbtjh{ overflow:hidden;padding-top: 15px;padding-bottom: 10px;}
fieldset{ width:66.9%;  margin:0 auto; border:none; border-top:1px solid #212121;  text-align:center;}
fieldset legend{ padding:2px; max-width:90%;  }
fieldset em{ border:1px solid #212121; padding:2px 5px; border-radius:50px; font-size:0.6rem; color:#212121; display:inline-block; margin:0 5px; background: #fff;}
.mzbtj{ background:#fff; overflow:hidden;}
.mzbtj .plr11{ padding:0px}
.mzbtjc{ overflow:hidden;}
.mzbtjc>ul{ border-bottom:1px solid #e0e0e0; overflow:hidden; padding-bottom:12px;}
.mzbtjc>ul>li{ width:31.5%; float:left; text-align:left; margin-right:2.6%; padding-bottom: 9px;}
.mzbtjc>ul>li:nth-child(3n){ margin-right:0px;}
.mzbtjc>ul>li strong{ color:#ff5252; font-size:16px;}
.mzbtjc>ul>li .name{ white-space:nowrap; word-break:break-all; overflow: hidden; text-overflow:ellipsis; margin-bottom:5px; margin-top:4px;}
.mzbtjc>ul>li strong em{ font-size:12px; display: inline-block; float:left; line-height:22px;}
.mzbtjc>ul>li div{ position: relative;}
.mzbtjc>ul>li i{display:inline-block; position: absolute;top:-10px;right: 0px; background:url(../images/ic_cart.png) no-repeat center right;background-size:14px 14px;width: 44px;height: 40px;}
i.btnAddToCart {display:inline-block; float:right; background:url(/Admin/shop/PublicMob/images/icon_addcart.png) no-repeat center right;background-size:20px 15px;width: 24px;height: 20px;}
.p-img {display: block; overflow: hidden;  text-align: center; position: relative; }
.p-img img { max-width: 100%; max-height:100%;   background: none;  }
.mzbtjc ul li i.btnAddToCart1,.diangqwz em.btnAddToCart1{ background: url(../images/icon/jiazai.gif) no-repeat left center ;background-size:14px 14px;}
.mzbtjc .intro,.mutisearchD .intro{ margin-top:12px;line-height:20px; overflow:hidden;}

.xinxi h3 .fleft,.locat .fleft,.xinxi ul,.youhui .fleft,.mutisearchD .intro .left{ width:70%;  float: left; overflow:hidden; }
.xinxi .locat .fleft em{ float: left;white-space: nowrap;text-overflow: ellipsis; max-width: 65%;overflow: hidden;}
.mutisearchD .intro .left{ width:62%;}
.mutisearchD .intro{ margin-top:0px; border-bottom:1px solid #e0e0e0; overflow:hidden; padding-bottom:13px;}
.xinxi h3 .fleft{font-size: 0.75rem;}
.xinxi h3 .fright{font-size: 0.6rem;}
.xinxi .locat{ background:url(../images/main/ic_site.png) no-repeat 2px 6px; background-size:12px 12px;padding-top: 3px;  overflow:hidden; clear:both;}
.xinxi .locat .fleft{padding-left: 20px;}
.xinxi .locat .youhui .fleft{padding: 0;}
.xinxi ul,.xinxi h3{ overflow:hidden; clear:both;}
.xinxi li{ float:left; background: url(../images/main/ic-right.png) no-repeat 2px center; background-size:12px 12px; padding-left:20px; margin-right:15px; }
/*.jian{ background:url(../images/main/jian.png) no-repeat left 3px; background-size:12px 12px; padding-left:15px;}
.mian{ background:url(../images/main/mian.png) no-repeat left 3px; background-size:12px 12px; padding-left:15px;}
.zeng{ background:url(../images/main/song.png) no-repeat left 3px; background-size:12px 12px; padding-left:15px;}*/

.jian,.mian,.song{ padding-left:0.9rem; position:relative;}
.jian .tag,.mian .tag,.song .tag{-webkit-transform:scale(0.8);transform:scale(0.8);}



.mzbtjc .intro .right,.mutisearchD .intro .right{ width:28.8%; float: right; text-align:right;  }
.mutisearchD .intro .right{ width:38%;}
.xinxi h3 .fleft,.xinxi .fright em,.hdselect{ color:#000;}

.xinxi .fright i{ color:#ff5252;}
.hdselect{ background: url(../images/main/more2.png) no-repeat right center; background-size:7px 4px; padding-right:15px;  position:relative; display:block; position:absolute; right:0; top:0; cursor:pointer; }

.msearch .sbutton{ background:url(../images/main/sbutton.png) no-repeat right center; background-size:14px 14px; float:right; border:none;}	



/*门店首頁*/
.storeH .msearch .StoreName{ width:70%;background: url(../images/main/ic-locate.png) no-repeat left center; background-size:14px 14px; padding-left:20px;  float:left; color:#424242; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}
.storeH .msearch span{ width:23%; display:inline-block; float:right; text-align:right; padding-right:20px;}
.memberss input { width: 100%;  height: 32px; line-height: normal; border: 0;padding-left:40px; padding-right: 5%; background: 0 0; font-size: 0.7rem;}
.memberss button {   width: 18px;  height: 18px; background: url(../images/main/ic-search2.png) no-repeat;  background-size: 100% 100%;
 border: 0; position:absolute; left:15px; top:50%; margin-top:-9px;}
.memberss {  width: 100%; height: 32px;  border-radius:4px; margin: 10px auto; overflow: hidden; background: #eeeeee; position:relative;}
.members_nav2 li{ width:18.4%; float:left; margin-right:2%; text-align:center;}
.members_nav2 li:last-child{margin-right:0;}
.storediv,.storediv .mh2 p{ background:#fff;}
.storeH .mzbtjc>ul{ border-bottom:none;}

.dingwei{ position:relative; overflow: hidden; }
.filter-bg{ position:absolute; top:0; left:0; width:100%; height:100%;background-color:#333;  }
.beijing{position: absolute; top:0; left:0; width:100%;  height:100%; background-size:cover;  -webkit-filter:blur(85px);  filter:blur(85px);  }
#stores{  width:100%; overflow:hidden;position:relative;  }
#stores .pic,#stores .intro{ float:left;}
#stores .pic{ width:21.3%; margin-right:3%;}
#stores .pic img{max-width: 100%;}
#stores .pic img{ border-radius:10px;}
#stores .intro{ width:75.7%; color:#fff; font-size:0.5rem; }
#stores .info div{ margin-top:2px;}
#stores .intro h3{ font-size:16px;}
#stores .info div#huod-b{ position:absolute; top:0px; right:0px;   border:1px solid #222224; border-radius:10px; padding-left:5px; padding-right:17px; line-height:18px; }
#stores .info div#huod-b a{ color:#fff; }
#stores .info div#huod-b i{ background:url(../images/main/more4.png) no-repeat left center; width:7px; height:4px;background-size:7px 4px; position:absolute; right:5px; top:50%; margin-top:-2px;}





.storeH .memberss{ margin-top:0px;}

 
.youhui{ overflow:hidden; position:relative; clear:both;}
.youhui .left{ width:72%; line-height:20px;}
#noTip{ position:fixed; left:0; top:0; width:100%; height:100%; z-index:103; display:none;}
#noTip .black{ width:100%; height:100%; background:rgba(0,0,0,0.2); padding-top:220px;}
#noTip .content{ width:165px; background:#212121; padding:15px; color:#fff; margin:0 auto; border-radius:4px; font-size:0.60rem;}
.sad img{}

#divProducts>h3{width: 100%; position:relative; background:#fff;
    height: 1.91rem;
    line-height: 1.91rem;
    font-size: 0.65rem;
    padding-left: 0.5rem; }


/*多门店搜索頁*/
.mutisearchD .list,.storeSC .list{ overflow:hidden;}
.mutisearchD .list li,.storeSC .list li{ border-bottom:1px solid #e0e0e0; overflow:hidden; }
.mutisearchD .list .pic{ width:16%; float:left; margin-right:3%; border:1px solid #e0e0e0}
.mutisearchD .list .info{ width:81%; float:right;}
.mutisearchD .list .info strong{ color:#ff5252; font-size:16px; font-size:0.75rem;}
.mutisearchD .list .info em{ font-size:0.5rem;}
.mutisearchD .intro h3{ background:url(../images/main/store-i.png) no-repeat left 1px; background-size:16px 16px;  padding-left:20px; margin-bottom: 5px;}
.sshousuo i{ color:#2196f3;}

/*定位*/
.nostore,.noposi{ text-align:center; padding-top:75px;}
.nostore .icon,.noposi .icon{   margin:0 auto; display:block;}
.nostore .Prompt em{ color:#ff5722;} 
.nostore .Prompt{ margin-top:30px; line-height:30px; font-size:0.7rem;}
.noposi .Prompt{ width:61.3%; margin:0 auto; margin-top:30px; text-align:left; line-height:20px;font-size:0.7rem;}
.noposi .btn,.nostore .btn{ color:#fff; background:#000; padding:8px 16px; line-height: 20px; border-radius:20px; display:inline-block;margin:0 auto; margin-top:25px; font-size:0.8rem;}
.noposi .btn{}
.noposi .icon img{width:50%;}
.chooseCity {width: 100%; clear: both; position: relative;}
.dleft {  width: 24%;position: fixed; left: 0;  top: 0;  height: 100%; font-size:0.7rem; background:#f5f5f5;}
.dlefts {width: 100%; padding-bottom: 2.4rem; height: 100vh; overflow-x: hidden; overflow-y: auto;}
.dleft li {border-bottom: 1px solid #eaeaea;}
.dleft li a {display: block;  position: relative; line-height:20px;border-left: 2px solid #f5f5f5; padding:11px 10px;color: #424242;border-right: 1px solid #eaeaea;}
.dright { width: 76%; margin-left: 24%; position: relative;  z-index: 1; overflow: hidden; background: #fff;height:100vh;font-size:0.65rem;}
.dright .city li { margin-top: 16px;  overflow: hidden; float: left; margin-left:4%;}
.dright .city li a{ display:block; background:#eee; padding:6px 9px; line-height:20px;border-radius:20px;color: #757575;}
.dleft li a.selected { background: #fff;  border-left: 2px solid #ff5722; border-right: 1px solid #fff;
}
.dright li a.select{ background:#ff5722; color:#fff;}
.changePo .search{ height:42px;}
.changePo .search span{ display:inline-block; width:20.5%; float:left; margin-top:5px; height:32px; line-height:32px;background:url(../images/main/more6.png) no-repeat right center; background-size:7px 4px; padding-right:5px; margin-right:2.7%; font-size:0.7rem; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; }
.changePo .search .memberss{display:inline-block; width:76.8%; float:right; margin:5px auto;}
.changePo h2{ line-height:38px; background:#f5f5f5; font-size:0.7rem; color:#757575;}
.shouhdz ul li,.fujdz ul li{ border-bottom:1px solid #e0e0e0; overflow:hidden; }
.changePo h3,.diangqwz{ color:#424242;}
.changePo p{ color:#9e9e9e;}
.changePo h3{ margin-top:13px; font-size: 0.7rem;}
.shouhdz ul li p,.fujdz ul li p{ margin-bottom:13px;}
#shousuo,.sshousuo{ background:url(../images/main/more2.png) no-repeat right center; background-size:7px 4px;padding-right:10px; width:36%; margin:0 auto; color:#000; }
.sshousuo{ width:36%; cursor:pointer;}
#locates{ overflow:hidden;}
.diangqwz span{ width:68%; display:inline-block; float:left;}
.diangqwz em{ width:27%; display:inline-block; float:right; background:url(../images/main/posi-icon1.png) no-repeat left center;background-size:14px 14px; padding-left:20px; color:#2196f3;}
.storeSC{ overflow:hidden ; margin-bottom:0.75rem;}
.Invalidpro,.noStock{ background:#eeeeee; margin-bottom:0.75rem;}
#divMore{ margin-top:5px;}
#guanzhuYL{ position:fixed; right:0; top:40%; background:url(../images/main/Gattention.png) no-repeat left top; background-size:100% 100%; width:2.16rem; height:4rem; z-index:15;}

.guanzhuct{ display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:200;}
.toumingdi{ background:rgba(0,0,0,.5); position: absolute; width:100%; height:100%; z-index:20;}
.gerweimabg{ position:absolute;  width:80%; height:91%; right:50%; top:15%; margin-right:-40%; z-index:21; background:url(../images/main/Gattention2.png) no-repeat center top; background-size:100% 100%; padding:20% 10%; }
.gerweima{ position:absolute;  width:46%; height:90%; right:50%; top:34.5%; margin-right:-23%;z-index:22; }
.gerweima img{ width:100%; height:auto;}

.appcouponinfo {
    z-index: 9999;
    width: 100%;
    background: rgba(51,51,51,0.8);
    padding:0 15px; padding-left: 28px;
    position: fixed;
    height: 50px;
    line-height: 50px;   
    color: #fff;
    top:0px;
    left:0px;
    box-sizing:border-box;
    font-size:0.65rem;
}

    .appcouponinfo span {
        color: #ff9800;
    }
.appcouponinfo em{ background: url(../images/icon/btn_close.png)no-repeat; width:16px; height: 16px; display: block; position: absolute;left: 5px;top: 17px; background-size:16px; ;}
    .appcouponinfo input {
        float: right;
        margin-top: 10px;
        border:0;
        background:#ff5722;
        color:#fff;
        font-size:14px;
        padding:5px 10px;
        border-radius:4px;
    }
.nottheTime{ background:#ccc}
.xinxi .locat ul{width:100%;padding-top: 3px;}
.mb15{ margin-bottom: 15px;}
.iconzhuan{width: 16px;animation: myfirst 1s infinite;
-moz-animation: myfirst 1s infinite;	 
-webkit-animation: myfirst 1s infinite;	 
-o-animation: myfirst 1s infinite;}
@keyframes myfirst
{
from {transform: rotate(0deg);
-webkit-transform: rotate(0deg);	 
-moz-transform: rotate(0deg);}
to {transform: rotate(360deg);
-webkit-transform: rotate(360deg); 
-moz-transform: rotate(360deg);}
}

@-moz-keyframes myfirst  
{
from {transform: rotate(0deg);
-webkit-transform: rotate(0deg);	 
-moz-transform: rotate(0deg);}
to {transform: rotate(360deg);
-webkit-transform: rotate(360deg); 
-moz-transform: rotate(360deg);}
}


@-webkit-keyframes myfirst 
{
from {transform: rotate(0deg);
-webkit-transform: rotate(0deg);	 
-moz-transform: rotate(0deg);}
to {transform: rotate(360deg);
-webkit-transform: rotate(360deg); 
-moz-transform: rotate(360deg);}
}


@-o-keyframes myfirst  
{
from {transform: rotate(0deg);
-webkit-transform: rotate(0deg);	 
-moz-transform: rotate(0deg);}
to {transform: rotate(360deg);
-webkit-transform: rotate(360deg); 
-moz-transform: rotate(360deg);}
}

.articlelist ul li{width:96%; height:116px; overflow:hidden; padding:10px 0px;margin:0px 2%; border-bottom:1px solid #ccc;}
.articlelist ul li div.pic{width:122px; height:96px; margin-right:10px; float:left;}
.articlelist ul li div.pic img{width:100%;height:100%; text-align:center;}
.articlelist ul li div.info{width:auto;height:96px; line-height:25px; position:relative;}
    .articlelist ul li div.info a {
        height: 75px;
        line-height: 25px;
        display: block;
        margin:0px; padding:0px;
    }
    .articlelist ul li div.info em {
       position:absolute; left:132px; bottom:0px;
    }
    .articlelist ul li div.info i{background:url(../images/view.png) left center no-repeat; text-align:left;padding-left:22px;  position:absolute; right:10px; bottom:0px;width:auto; display:block;}