body{ background-color:#fff;}

.shtpbacks{ width:32px; height:32px;box-sizing:border-box; border-radius:32px; background-color:rgba(0,0,0,0.8); position:absolute; left:10px; top:10px; z-index:3;}
.shtpbacks a{ display:block; padding:8px;}
.shtpbacks a img{display:block; width:16px; height:16px;}
.shtpmoremuen{width:32px; height:32px; box-sizing:border-box; border-radius:24px; background-color:rgba(0,0,0,0.8);position:absolute; right:10px; top:10px;z-index:3;}
.shtpmoremuen a{ display:block; padding:8px;}
.shtpmoremuen img{display:block;width:16px; height:16px;}


.shpmuenwrap{ height:54px;}
.shpmuenwrap .muen{ width:100%; height:54px; background-color:#1370ef; box-shadow:0 5px 8px rgba(0,0,0,0.7); position:fixed; bottom:0; left:0; z-index:1;}
.shpmuenwrap .muen .muenbox{ display:flex;}
.shpmuenwrap .muen .muenbox .muenitem{flex:1;}
.shpmuenwrap .muen .muenbox .muenitem a{ display:block; height:54px; box-sizing:border-box; padding-top:8px; color:#fff;}
.shpmuenwrap .muen .muenbox .muenitem a .muenicon{ display:block; text-align:center;}
.shpmuenwrap .muen .muenbox .muenitem a .muenicon img{ width:24px; height:24px;}
.shpmuenwrap .muen .muenbox .muenitem a .muentxt{ font-size:12px; text-align:center;}
.shpmuenwrap .muen .muenbox .muenitem.active a .mueniconh{ display:block; text-align:center;}
.shpmuenwrap .muen .muenbox .muenitem.active a .mueniconh img{width:24px; height:24px;}
.shpmuenwrap .muen .muenbox .muenitem.active a .muentxt{ color:#fff;}


/*商铺主页导航条*/

.shpmuenbar{ height:54px;}
.muenbarlist{ width:100%; height:54px; background-color:#fff; border-top:1px solid #eee; position:fixed;  bottom:0; left:0;}
.muenbarlt{ display:flex; width:100%;height:54px; box-sizing:border-box; padding-right:180px;}
.muenbaritem{ flex:1; text-align:center;s}
.muenbaritem a{ display:block; height:54px;}
.muenbaritem a .muenbaricon{ padding-top:6px;}
.muenbaritem a .muenbaricon img{ width:24px; height:24px;}	
.muenbaritem a .muenbartxt{ line-height:20px; font-size:12px;}
.muenbartel{ width:160px; height:54px; line-height:54px; background-color:#14a83e; position:absolute; top:0; right:0;}
.muenbartel a{ display:block; height:54px; text-align:center;}
.muenbartel a .muenbartelicon{ display:inline; vertical-align:middle;}
.muenbartel a .muenbartelicon img{ width:16px; height:16px; margin-top:-1px;}
.muenbartel a .muenteltxt{display:inline;vertical-align:middle;font-size:16px; color:#fff;}



/*商铺主页导航条end*/

.shopindbanners{}
.shopindbanners img{}
.shopinfomain{ padding:6px 12px 10px; border-bottom:8px solid #eee; position:relative;}
.shopinfomain .shopinfolt{ padding-right:64px;}
.shopinfomain .shopinfolt .shopname{ padding:6px 0 4px; line-height:20px; font-size:16px; font-weight:bold; color:#000;}
.shopinfomain .shopinfolt .shopyytime{padding:0px 0 6px;  line-height:20px; font-size:14px; color:#333333;}

.shopinfomain .shopinfolt .shopyouhuis{display:flex;flex-direction: row;flex-wrap: wrap;justify-content:left;}
.shopinfomain .shopinfolt .shopyouhuis .shopyhitem{ padding-right:12px;}
.shopinfomain .shopinfolt .shopyouhuis .shopyhitem a{ display:block; width:70px; height:22px; line-height:22px; text-align:center; font-size:12px; color:#f04335; border-radius:4px; border:1px solid #f04335;}
.shopinfomain .shopinforts{ text-align:center; position:absolute; top:18px; right:12px;}
.shopinfomain .shopinforts .shopiflogo{ margin:0 auto; width:36px; height:36px; border-radius:4px; overflow:hidden;}
.shopinfomain .shopinforts .shopiflogo img{ width:36px; height:36px;}
.shopinfomain .shopinforts .shopinfovips{}
.shopinfomain .shopinforts .shopinfovips img{ width:12px; height:12px; margin-right:4px;}
.shopinfomain .shopinforts .shopinfovips span{ font-size:10px;}

.shoplxtstxtbox{ border-bottom:8px solid #eee;}
.shoplxtstxtbox .shoplxtsitem{ min-height:44px; border-bottom:1px solid #eee; position:relative;}
.shoplxtstxtbox .shoplxtsitem .shoplxtsicon{ position:absolute; top:17px; left:12px;}
.shoplxtstxtbox .shoplxtsitem:first-child .shoplxtsicon{ top:22px;}
.shoplxtstxtbox .shoplxtsitem .shoplxtsicon img{ display:block;}
.shoplxtstxtbox .shoplxtsitem .shoplxtstext{ padding:12px; padding-left:30px; padding-right:72px;min-height:20px; line-height:20px; font-size:14px;}

.shopphotolist{ display:flex; padding:6px; padding-left:30px; padding-right:72px;min-height:20px; line-height:20px; font-size:14px;}
.shopphotolist .shopphotoitem{ padding-right:6px;}
.shopphotolist .shopphotoitem a{ display:block;}
.shopphotolist .shopphotoitem a img{ display:block; width:44px; height:44px;}
@media screen and (max-width: 320px) {
.shopphotolist .shopphotoitem:last-child{ display:none;}
 } 


.shoplxtstxtbox .shoplxtsitem .shoplxtsbtns{ position:absolute; top:10px; right:12px;}
.shoplxtstxtbox .shoplxtsitem:first-child .shoplxtsbtns{top:16px;}
.shoplxtstxtbox .shoplxtsitem .shoplxtsbtns a{ display:block; width:50px; height:20px; line-height:20px; text-align:center; border-radius:4px; font-size:10px; color:#f04335; border:1px solid #f04335;}
.shoplxtstxtbox .shoplxtsitem .shoplxtstext .shphbbtn{ color:#f34145; text-decoration:underline;}
.shoplxtstxtbox .shoplxtsitem .shoplxtsbtns .shopreadbumber{ font-size:14px; line-height:24px; color:#aaaaaa;}
.shoplxtstxtbox .shoplxtsitem .shoplxtsbtns .shopreadbumber span{ font-weight:bold; margin:0 3px; color:#f34145; }

.shptotallmod{ padding:10px 12px; min-height:40px; display: flex;justify-content: left;align-items: center;overflow:hidden; border-bottom:8px solid #eee; position:relative;}
.shptotallmod .shopttlt{ font-size:14px;color:#000; padding-right:120px;}
.shptotallmod .shopttlt span{ margin:0 3px; color:#e22a29; font-size:16px; font-weight:bold;}
.shptotallmod .shopbtnrt{ position:absolute; top:10px; right:12px;}
.shptotallmod .shopbtnrt .shopttblinks{ display:block; width:108px; height:40px; line-height:40px; text-align:center; border-radius:4px; font-size:14px; font-weight:bold; color:#fff; background:url(../images/shopbtnsbg.png) no-repeat center center; background-size:cover;}

.shptxtpicmod{border-bottom:8px solid #eee;}
.shptxtpicbodernull{border-bottom:none;}
.shptxtpicmod .shpthtit{ height:44px; position:relative;}
.shptxtpicmod .shpthtit .shpthname{ padding-left:12px; font-size:16px; color:#000; font-weight:bold; line-height:44px;}
.shptxtpicmod .shpthtit .shpthewma{ line-height:44px; color:#aaa; font-size:12px; position:absolute; top:0; right:12px;}
.shptxtpicmod .shpthtit .shpthewma img{ vertical-align:middle; margin-top:-2px; margin-right:3px;}
.shptxtpicmod .shpctpcontent{ padding:0 12px 20px;}
.shptxtpicmod .shpctpcontent .shpctppic{ padding-bottom:10px;}
.shptxtpicmod .shpctpcontent .shpctppic img{ width:100%; height:auto;}
.shptxtpicmod .shpctpcontent .shpctptxt{ font-size:14px; color:#333333;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; white-space: normal;text-overflow: ellipsis;overflow: hidden;}
.shptxtpicmod .shpctpcontent .shpctptxt a{color:#333333;}

/*左右图文*/
.shptxtpicmod .shpctpcontentlr{ padding:0 12px 20px; display:flex;}
.shptxtpicmod .shpctpcontentlr .shpctppiclt{ width:100px; padding-right:12px; height:auto;}
.shptxtpicmod .shpctpcontentlr .shpctppiclt img{ width:100%; height:auto;}
.shptxtpicmod .shpctpcontentlr .shpctptxtrt{ width:calc(100% - 112px); line-height:20px; font-size:14px; color:#333333;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; white-space: normal;text-overflow: ellipsis;overflow: hidden;}
.shptxtpicmod .shpctpcontentlr .shpctptxtrt a{color:#333333;}
/*左右图文end*/

/*图文列表*/
.shptxtpicmod .shpiclist{transform:translateY(-16px); padding:0 12px;}
.shptxtpicmod .shpiclist .shpicitems{ border-bottom:1px solid #eee;}
.shptxtpicmod .shpiclist .shpicitems:last-child{ border-bottom:none;}
.shptxtpicmod .shpiclist .shpicitems a{ padding:16px 0px 16px; display:flex;}
.shptxtpicmod .shpiclist .shpicitems:last-child a{ padding-bottom:6px;}
.shptxtpicmod .shpiclist .shpicitems a .shpicsmalls{width:80px; padding-right:12px; height:auto;}
.shptxtpicmod .shpiclist .shpicitems a .shpicsmalls img{width:80px; height:80px;}
.shptxtpicmod .shpiclist .shpicitems a .shpictexts{width:calc(100% - 92px); }
.shptxtpicmod .shpiclist .shpicitems a .shpictexts .shpictitxs{line-height:20px; font-size:14px; color:#333333;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; white-space: normal;text-overflow: ellipsis;overflow: hidden;}
.shptxtpicmod .shpiclist .shpicitems a .shpictexts .shpicdiscripxs{line-height:20px; font-size:12px; color:#aaa;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal;text-overflow: ellipsis;overflow: hidden;}
.shptxtpicmod .shpiclist .shpicitems a .shpictexts .detailslink{line-height:20px; font-size:12px; color:#aaa; text-align:right; padding-right:10px; position:relative;}
.shptxtpicmod .shpiclist .shpicitems a .shpictexts .detailslink:after{ content:""; display:block; width:6px; height:6px; border-top:1px solid #aaa;border-right:1px solid #aaa; -webkit-transform:rotate(45deg);transform:rotate(45deg); position:absolute; top:8px; right:0; }
/*图文列表end*/

.shpprothbox{  padding:12px 12px 12px; position:relative;}
.shpprothbox .protits{vertical-align:middle;  line-height:24px; display:inline-block; font-size:16px; color:#000; font-weight:bold;}
.shpprothbox .protiticons{vertical-align:middle;  line-height:16px;display:inline-block; margin-top:-2px; }
.shpprothbox .protiticons img{}
.shpprothbox .promdmolink{ position:absolute; top:12px; right:12px;}
.shpprothbox .promdmolink a{ line-height:24px; vertical-align:middle;font-size:12px; color:#aaaaaa;}
.shpprothbox .promdmolink a img{ line-height:12px; margin-top:-4px; margin-left:4px; vertical-align:middle; width:12px; height:12px;}

.shpprothreemod{border-bottom:8px solid #eee;}
.shpprothreemod .prothreebox{ padding:0 6px;}
.shpprothreemod .prothreebox .prothreelist{display:flex;flex-direction: row;flex-wrap: wrap;justify-content:left;}
.shpprothreemod .prothreebox .prothreelist .prothreeitem{ width:33.3%; padding:0px 6px 16px; box-sizing:border-box;}
.shpprothreemod .prothreebox .prothreelist .prothreeitem a{ display:block;}
.shpprothreemod .prothreebox .prothreelist .prothreeitem a .prothreesmaimg{display: flex;justify-content: center;align-items: center;overflow:hidden;}
.shpprothreemod .prothreebox .prothreelist .prothreeitem a .prothreesmaimg img{ width:100%; height:auto;}
.shpprothreemod .prothreebox .prothreelist .prothreeitem a .prothreeinfo{ padding-top:4px;}
.shpprothreemod .prothreebox .prothreelist .prothreeitem a .prothreeinfo .prothreename{ font-size:14px; color:#000;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.shpprothreemod .prothreebox .prothreelist .prothreeitem a .prothreeinfo .prothreeprice{ font-size:14px; color:#ff3333;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}


/*分享海报*/
.prosharebg {width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);position: fixed;top: 0;left: 0;z-index: 50; }
.prosharehbimg {width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);position: fixed;top: 0;left: 0;z-index: 51;display: flex;flex-direction: column;justify-content: center;align-items: center;overflow: hidden;}
.prosharehbimg .prosharefxzimgshow {text-align: center;}
.prosharehbimg .prosharefxzimgshow img {width: 66%;}
.prosharehbimg .prosharefxztxt {text-align: center;font-size: 14px;color: #eee;line-height: 40px;}
.prosharehbimg .prosharefxzclose {width: 40px;height: 40px;margin: 0 auto;}
.prosharehbimg .prosharefxzclose img{ width:40px; height:40px;}
.prosharenotice {width: 100%;padding: 0 20px;height: 30px;line-height: 30px;font-size: 14px;box-sizing: border-box;background-color: #FBF5DF;color: #ff6600;position: fixed;top: 0;left: 0;z-index: 52;}
.prosharefxzimgshow{position:relative;}

/*商家二维码*/
.shopewmalayer{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;overflow:hidden;background-color: rgba(0,0,0,0.4);position: fixed;top: 0;left: 0;z-index: 50;}
.shpewmbox{ margin:0 auto; width:220px;background-color:#fff;transform:translateY(-28px);border-radius:4px; position:relative;}
.shpewmimg{ text-align:center; padding:40px 0px 0; } 
.shpewmimg img{ width:120px; height:120px;}
.shpewmtext{ padding-top:10px; padding-bottom:30px;}
.shpewmth{ line-height:30px; text-align:center; font-size:16px; color:#000; font-weight:bold;}
.shpewmdiscrip{font-size:12px;text-align:center; color:#aaa;}
.closeshplayer{ position:absolute; bottom:-56px; left:50%; margin-left:-20px;}
.closeshplayer{ width:40px; height:40px;}




.shopewmawrap{ padding:16px; border-top:8px solid #eee;}
.shopewmalist{ display:flex;}
.shpewmaitem{flex:1; text-align:center;}
.shpewmaitem img{ width:110px; height:110px;}
.shopewmtips{ padding-top:10px; text-align:center; font-size:12px; font-weight:bold; color:#000;}