/* 
    Document   :zmall.css
    Created on :2017-1-4
    Author     :liyue 
    Description:É̳ÇÄ£¿é
*/

.z-change-btn,.zmall-news-list li,.z-city-switch .current,.zmall-app span,.zmall-app .z-layer i,.zmall-tuan-list .z-local-ico{ background:url(//icon.zol-img.com.cn/newshop/shop/201606/zolshopindex/zmall_bg.png) no-repeat;}

.wrapper{ width:1000px; margin:0px auto;}

.zmall-section{ padding:30px 0 0;}
.zmall-section .hd{ border-bottom:2px solid #e6e6e6;}

.zmall-activity{ float:left; width:370px;}
.zmall-logo{ display:block;text-decoration: none !important;}
.zmall-logo img{ float:left; margin:0 20px 0 0;}
.zmall-logo span{ float:left; padding:5px 0 0; font:14px/28px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; color:#999;}
.zmall-activity-figure{ margin:15px 0 0;}
.zmall-activity-main-figure{ float:left; position:relative; zoom:1; width:224px; height:314px; overflow:hidden;}
.zmall-activity-main-figure ul{ width:448px;position: absolute;}
.zmall-activity-main-figure li{ float:left;}
.zmall-activity-main-figure img{ display:block;}
.zmall-prev,.zmall-next{ position:absolute; top:50%; margin:-27px 0 0; width:30px; height:54px; cursor:pointer;}
.zmall-prev{ left:0;}
.zmall-next{ right:0;}
.zmall-prev i,.zmall-next i{ display:block; width:30px; height:54px;}
.zmall-prev i{ background:url(//icon.zol-img.com.cn/newshop/shop/201606/zolshopindex/zmall_prev.png) no-repeat;}
.zmall-next i{ background:url(//icon.zol-img.com.cn/newshop/shop/201606/zolshopindex/zmall_next.png) no-repeat;}
.zmall-prev:hover,.zmall-next:hover{ background:rgba(0,0,0,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#80000000,endcolorstr=#80000000,gradientType=1);}

.zmall-activity-simages{ float:left; position:relative; zoom:1; width:146px; height:314px; overflow:hidden;}
.zmall-simages-list{ width:292px;position: absolute;}
.zmall-simages-list ul{ float:left; width:146px;}
.zmall-simages-list li{ margin:0 0 -1px; width:144px; height:156px; border:1px solid #f0f0f0; text-align:center;}
.zmall-simages-list h4{ padding:10px 0 0; height:22px; overflow:hidden; font:14px/22px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.zmall-simages-list h4 a,.zmall-simages-list h4 a:hover{ color:#f33;}
.zmall-simages-list p{ margin:-4px 0 0; height:18px; overflow:hidden; font:12px/18px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.zmall-simages-list .pic{ display:block; margin:10px auto 0; width:124px; height:80px; transition:.5s all ease; -webkit-transition:.5s all ease;}
.zmall-simages-list .pic:hover{transform:translateX(-5px);}
.zmall-simages-list .pic img{ vertical-align:middle;}

.zmall-tab{ position:absolute; bottom:6px; left:0; width:100%; height:8px; text-align:center; font:0/0 arial; cursor:pointer;}
.zmall-tab span{ display:inline-block; margin:0 5px; width:8px; height:8px; background:#e6e6e6; border-radius:50%;}
.zmall-tab .current{ background:#f33;}

.zmall-news-list{ margin:-1px 0 0; padding:12px 0 12px 10px; border:1px solid #f0f0f0;}
.zmall-news-list li{ padding:0 0 0 10px; height:26px; overflow:hidden; font:12px/26px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; vertical-align:middle; background-position:-29px -114px;}
.zmall-news-list .zmall-news-word{float: left;width:160px;margin-right:13px;text-overflow:ellipsis;overflow: hidden;}
.zmall-news-list li a{padding-right:10px;color:#333; vertical-align:baseline;}
.zmall-news-list li a:hover{ color:#c00; text-decoration:underline;vertical-align: baseline;}
.zmall-news-list .label{ display:inline-block; margin:0 8px 0 0; padding:0 2px; height:16px; border:1px solid #f0424f; font:12px/16px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; text-align:center; color:#f0424f; border-radius:2px;}
.zmall-news-list .label.new{ background:#fff2f2;}
.zmall-news-list .label.hot{ border:1px solid #fd8138; background:#fff8ea; color:#ff6c00;}
.zmall-news-list .label.recom{ border:1px solid #34a6e5; color:#34a6e5;}
.zmall-news-list .price{ margin:0 0 0 8px; color:#f33;}
.zmall-news-list .saves{ padding:0 8px; height:16px; line-height:16px; overflow:hidden; background:#f33; color:#fff; border-radius:2px;}

.zmall-service{ padding:0 0 0 10px; height:33px; overflow:hidden; border:1px solid #f0f0f0; border-top:0 none; background:#f7f7f7;}
.zmall-service span{ float:left; margin:5px 0 0; padding:0 14px 0 25px; font:12px/22px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; color:#4d4d4d; background:url(//icon.zol-img.com.cn/newshop/shop/201606/zolshopindex/zmall-service1.png) no-repeat;}
.zmall-service .licensed{ background-position:0 0;}
.zmall-service .describe{ background-position:0 -36px;}
.zmall-service .logistics{ background-position:0 -74px;}
.zmall-service .returns{ background-position:0 -112px;}

.zmall-store-goods{ float:left; width:370px; margin:0 0 0 20px;}
.zmall-nav-tab{ position:relative; zoom:1; padding:3px 0 0; border-bottom:2px solid #e6e6e6; z-index:3;}
.zmall-nav-tab li{ float:left; margin:0 5px 0 0; padding:0 8px; font:14px/30px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; cursor:pointer;}
.zmall-nav-tab .current{ color:#f33;}
.zmall-nav-tab .line{ position:absolute; bottom:-2px; left:0; width:72px; height:4px; background:#f33;}

.z-city-switch{ position:absolute; top:3px; right:0;}
.z-city-switch .current{ position:relative; z-index:2; display:inline-block; padding:0 10px 0 30px; font:14px/30px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; background-position:-8px -75px; cursor:pointer;}
.z-city-switch ul{ position:absolute; top:30px; right:0; display:none; padding:10px 10px 7px; width:180px; border:1px solid #eee; background:#fff; -wekit-box-shadow:-1px 2px 5px rgba(0,0,0,0.1); box-shadow:-1px 2px 5px rgba(0,0,0,0.1);}
.z-city-switch li{ float:left; padding:0 8px; margin:0 10px 3px; font:12px/24px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; white-space:nowrap;}
.z-city-switch .active,.z-city-switch li:hover{ background:#f33; color:#fff;}
.z-city-switch-hover .current{ padding:0 9px 2px 29px; line-height:28px; border:1px solid #eee; background-color:#fff; border-bottom:0 none; background-position:-9px -76px;}
.z-city-switch-hover ul{ display:block;}

.zmall-store-item{ position:relative; zoom:1; margin:15px 0 0; height:423px; border:1px solid #f0f0f0;}
.z-change-btn{ position:absolute; top:0; right:10px; padding:0 0 0 20px; font:14px/38px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; background-position:-18px -41px; cursor:pointer;}
.z-store-name{ padding:8px 10px; font:14px/22px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; border-bottom:1px solid #f0f0f0;}
.z-store-name img{ padding:0 8px 0 0; vertical-align:middle;}
.z-store-name a:hover{ color:#c00; text-decoration:underline;}
.zmall-store-figure{ position:relative; zoom:1; width:368px; height:145px; overflow:hidden;}
.zmall-store-figure-1{ position:relative; zoom:1; width:368px; height:145px; overflow:hidden;}
.zmall-store-figure-2{ position:relative; zoom:1; width:368px; height:145px; overflow:hidden;}
.zmall-store-figure ul{ width:736px;position: absolute;}
.zmall-store-figure li{ float:left;}
.zmall-store-figure img{ display:block;}
.zmall-store-figure-1 ul{ width:736px;position: absolute;}
.zmall-store-figure-1 li{ float:left;}
.zmall-store-figure-1 img{ display:block;}
.zmall-store-figure-2 ul{ width:736px;position: absolute;}
.zmall-store-figure-2 li{ float:left;}
.zmall-store-figure-2 img{ display:block;}

.zmall-store-simages{ border-bottom:1px solid #f0f0f0;}
.zmall-store-simages li{ float:left; width:122px; border-right:1px solid #f0f0f0; text-align:center;}
.zmall-store-simages .last{ border:0 none;}
.zmall-store-simages h4{ padding:10px 0 0; height:22px; overflow:hidden; font:14px/22px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.zmall-store-simages h4 a,.zmall-store-simages h4 a:hover{ color:#f33;}
.zmall-store-simages p{ margin:-4px 0 0; height:18px; overflow:hidden; font:12px/18px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.zmall-store-simages .pic{ display:block; margin:10px auto; width:103px; height:60px; transition:.5s all ease; -webkit-transition:.5s all ease;}
.zmall-store-simages .pic:hover{transform:translateX(-5px);}
.zmall-store-simages .pic img{ vertical-align:middle;}

.zmall-store-item .zmall-news-list{ padding:7px 0 0 10px; border:0; margin:0;}

.zmall-tuan{ float:right; width:220px;}
.zmall-tuan .hd{ position:relative; zoom:1; padding:3px 0 0; font:14px/30px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; text-align:right; color:#999; z-index:3;}
.zmall-app{ position:absolute; top:4px; left:0;}
.zmall-app span{ display:block; width:24px; height:24px; background-position:0 -16px;}
.zmall-app .z-layer{ display:none; position:absolute; top:29px; left:0; padding:8px 0 5px; width:140px; border:1px solid #eee; background:#fff; text-align:center; -wekit-box-shadow:1px 2px 5px rgba(0,0,0,0.1); box-shadow:1px 2px 5px rgba(0,0,0,0.1);}
.zmall-app .z-layer p{ font:14px/20px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; color:#999;}
.zmall-app .z-layer img{ vertical-align:middle;}
.zmall-app .z-layer i{ position:absolute; top:-4px; left:7px; width:9px; height:4px; background-position:0 -41px;}
.zmall-app-hover .z-layer{ display:block;} 

.zmall-tuan-item{ margin:15px 0 0; padding:0 15px; border:1px solid #f0f0f0;}
.zmall-tuan-item .title{ padding:8px 0; font:14px/22px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.zmall-tuan-item .title span{ color:#f33;}
.zmall-tuan-list{ width:188px; overflow:hidden; position:relative;}
.zmall-tuan-list-scroll{ width:376px;position: relative;}
.zmall-tuan-list ul{ float:left; width:188px; height:365px; overflow:hidden;}
.zmall-tuan-list li{ position:relative; zoom:1; padding:0 0 10px 75px; height:65px; overflow:hidden;}
.zmall-tuan-list .pic{ position:absolute; top:0; left:0; width:65px; height:65px; overflow:hidden; display:table-cell; vertical-align:middle; *display:block; *font-size:57px; *font-family:Arial; text-align:center; line-height:65px;}
.zmall-tuan-list .pic img{ vertical-align:middle;}

.zmall-tuan-list .z-local-ico{ position:absolute; left:0; bottom:0; width:32px; height:15px; background-position:0 0; font:0/0 arial; overflow:hidden;}
.zmall-tuan-list h4{ height:18px; overflow:hidden; font:12px/18px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";}
.zmall-tuan-list .price{ padding:4px 0; font:12px/18px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1"; color:#f33;}
.zmall-tuan-list .price del{ padding:0 0 0 5px; color:#999;}
.zmall-tuan-list .saves{ display:inline-block; padding:0 8px; height:16px; line-height:16px; overflow:hidden; background:#f33; color:#fff; border-radius:2px;}

.zmall-tuan-list .zmall-tab{ position:static; padding:6px 0;}