/* CSS Document */
/*----------------ini----------------*/
*{margin:0;padding:0;}
body{font:14px/1.5 \5b8b\4f53,Tahoma, Arial,sans-serif; font-family:"微软雅黑"; min-width:320px; background: rgb(248,248,248);color:#333}

@font-face{font-family: 'iconfont';
            src: url('../iconfont/iconfont.eot'); /* IE9*/
            src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
                url('../iconfont/iconfont.woff') format('woff'), /* chrome、firefox */
                url('../iconfont/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
                url('../iconfont/iconfont.svg#uxiconfont') format('svg'); /* iOS 4.1- */
}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}


article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}
input,select{font-family:microsoft yahei;}
ul,li{list-style:none;display:block}
input,img{vertical-align: middle;}
*{margin:0;outline:0;padding:0;font-size:100%;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
a{color:#333; text-decoration:none;}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{margin:0 auto;padding:0;color:#333;width:100%;background:#f1f1f1;font-family:microsoft yahei;}
body, td, th, input, button{color: #333;font-weight: 400;font-family: "Microsoft Yahei";font-size: 12px;line-height: 1.5;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;}
.clear{clear:both;}
.fl{float: left;}
.fr{float: right;}

img.lazyload{display:inline-block;background:url(../images/loading.gif) no-repeat center center #fff;}
.to-top{font-size: 25px;float:right;line-height: 21px;}

/* 按钮 */
.white_btn{background:#fefefe;border:#ddd solid 1px;border-radius:2px; color:#333;}
.red_btn{background:#f23030;border:#8d0303 solid 1px;border-radius:2px;color:#fff;}
/* 头部 */
.fixed{position:fixed; left:0; top:0; z-index:999; background:#fff; width:100%;}
.header_fixed{position:fixed; z-index: 90;width:100%;}
.header_wrap{width:100%;height:38px}
.header{background-color: #fff;padding: 5.973px 8.533px; position: relative;height: 25.585px;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;}
.header-search{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;-moz-box-flex: 1; flex: 1;width: 0; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0;max-width: 100%; display: block; position: relative;height: 25.594px; line-height: 1;font-size: 0;border-radius: 2.56px;background: #F0F2F5;padding: 0 25.6px;}
.search-icon{position: absolute; top: 5px;left: 6px; bottom: 0; width: 11.938px; background:none;border:none;font-size: 14px;color:#999}
.search-input{background-color: #F0F2F5; outline: none; border: 0;width: 100%; color: #232326;  height: 12.794px; padding: 6.4px 0;}
.header .l_b{display: block; position: relative;  width: 20.047px; height: 25.594px;line-height:25.594px;color: rgb(149, 150, 159);}
.header .r_b{position: relative; display: block;width: 27.297px;height: 25.594px;color: rgb(149, 150, 159);padding-left:5px;}
/* 搜索框 */
.searchBar{background:#fff;overflow:hidden; z-index:999;width:60%;border-radius:15px;height: 30px;float:left;margin:7px 0 7px 20%;border:1px solid #e0e0e0;}
.searchBar .search_text{height:30px; width:160px; border:none;text-indent:10px; font-size:12px; color:#aaa;font-family: "微软雅黑";}
.searchBar .search_btn{height:19px; width:19px; border:none;z-index: 3; background:#fff;font-size:16px; cursor:pointer;font-family: "微软雅黑";float:right;background-image: url("../images/search_01.png");background-repeat: no-repeat;background-size: 100%;margin-top:6px;margin-right: 5px;}


/*弹出框*/
.nav_btn_img a{background: url("../images/ico_3.png") no-repeat scroll right center rgba(0, 0, 0, 0);display: block;height: 100%; margin-right: 15px;position: relative;}
.new-tab{border-bottom: 1px solid #d0cece;background-color: #fff;}
.new-tbl-type{display: table;width: 100%;}
.new-tab .new-tbl-cell{width: 25%;padding: 9px 0;font-size: 12px;color: #fff;text-align: center;float:left;}
.new-tab .new-tbl-cell .icon, .new-tab .new-tbl-cell .icon2, .new-tab .new-tbl-cell .icon3, .new-tab .new-tbl-cell .icon4{display: inline-block;width: 22px;height: 22px;background: url(../images/icon2b.png) -60px -25px no-repeat;background-size: 180px 180px;text-indent: -9999px;}
.new-tab .new-tbl-cell .icon2{width: 26px;background-position: 0 -25px;}
.new-tab .new-tbl-cell .icon3{width: 25px;background-position: -29px -25px;}
.new-tab .new-tbl-cell .icon4{width: 22px;background-position: -85px -25px;}
.new-tab .iconfont{font-size: 22px;color: #333;}
.alert_text{position: fixed;top: 43%;left: 43%;display: none;background-color:#000;padding: 5px 12px 6px;opacity: .7;border-radius: 8px;color: #fff;z-index: 99;}

/*店铺首页*/
#nav{position: relative;height:65px;background-color: #fff;padding-top: 6px;}
#nav li{color: #333;width: 25%;float:left;text-align: center;font-size:12px;}
#nav .active{color:#FF5000 }
#nav .active .iconfont{color:#FF5000 }
#nav li .iconfont{color: #9E9E9E;font-size:23px;}

.store_info{height:99.83px;width:100%;background:url("../images/store_info_bg.png");background-size: auto 99.83px;background-position: center;background-repeat: no-repeat;position: relative;}
.banner-mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.4);z-index: 4;}
.store_info .info{z-index: 10;position: relative;height:100%;width:100%}
.store_info .info .store-block{display: block;position: absolute;bottom: 10px;left: 10px;}
.store_info .info .store-block .img{display: block;width:60px;height:60px;float:left;}
.store_info .info .store-block .store-text{margin-left:10px;float:left;}
.store_info .info .store-block .store-text .store-name{height:25px;font-size:14px;color: #fff;overflow: hidden;}
.store_info .info .store-block .store-text .store-info{height:25px;font-size:12px;color: #e0e0e0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.store_info .info .collect{color: #fff;font-size:12px;position: absolute;right:10px;bottom: 7px;}
.store_info .info .span{font-size:20px;}
.store_info .guanzhu{position: absolute;bottom:10px;right:10px;background:#F23030;color:#fff;text-align: center;border-radius: 5px;    padding: 2px 8px;font-size: 12px;letter-spacing: 2px}


.store_goods_count .border-grids{margin-bottom: 7.68px;}
.store_goods_count .total-section{position: relative;background-color: #fff;padding: 8.533px 0 5.973px;}
.store_goods_count .border-grids:before{content: " "; position: absolute;left: 0;top: 0;width: 100%;height: 1px; border-top: 1px solid #DFDFDF;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
.store_goods_count .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;}
.store_goods_count .total-centent{position: relative;height: 29.859px;}
.store_goods_count .cell{-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;}
.store_goods_count .total-centent a{position: relative;color: #838689;text-align: center;}
.store_goods_count .total-centent a span{display: block;line-height: 13px;}
.store_goods_count .total-centent a .total-num{color: #232325;font-size: 13px;}
.store_goods_count .total-centent a .total-text{font-size: 12px;margin-top: 2.56px;}
.store_goods_count :after,.store_goods_count :before{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.store_goods_count .total-centent a:after{content: " ";border-left: 1px solid #DFDFDF;height: 15.359px;width: 0;font-size: 0;position: absolute; right: 0;top: 50%;margin-top: -7.68px;}
.store_goods_count .border-grids:after{content: " ";position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;border-bottom: 1px solid #DFDFDF;-webkit-transform-origin: 0 100%;transform-origin: 0 100%; -webkit-transform: scaleY(0.5);transform: scaleY(0.5);}
/* 分类 */
.sort{margin:0 auto 15px; width:100%; overflow:hidden; border-bottom:#ccc solid 1px; padding-bottom:10px;background: #fff;}
.sort li{float:left; width:25%; margin-bottom:5px;}
.sort li img{width:100%;}
.sort li span{display:block; text-align:center;}

/* 列表 */
.lists{overflow:hidden; padding-bottom:1%;background: #fff;padding-top: 1%;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0;margin-bottom:10px;position:relative;}
.lists h3{width: 100%;font-size: 15px;top: 0;left: 0;z-index: 2;color: #323232;line-height: 18px;border-bottom: 1px solid #f1f1f1;}
/*.lists h3:before{content: "";width: 4px;height: 15px;vertical-align: text-bottom;background-color: #b61426;position: absolute;top: 20px;left: 17px;}*/
.lists h3 p{text-indent: 12px;padding: 15px 0;text-align: left;margin: 0 17px;border-top: none;overflow: hidden;font-weight:normal;}
.lists li{float:left; padding:1% 1% 0%; width:46%; margin:0 1% 2%; float:left; background:#fff;	}
.lists li img{width:100%;}
.lists li p{height:38px; overflow:hidden; padding:5px 0 0;line-height:19px;color: #7a7a7a;;}
.lists li span{display:block;color:#cd2c35; font-size:14px;line-height:35px;}



/* 列表页 */
.lists1{margin-top:5px; padding-bottom:0;border: none;background: none;}
/*.lists1 li{margin-bottom:4%;}*/
/* 购物车，订单空时 */
.submit_btn{display:block; text-align:center; background:#b20005; color:#fff; margin:0 10px; font-size:16px; height:40px; line-height:40px; border-radius:5px;}
.null{margin-top:75px;}
.null p{text-align:center; color:#aaa; font-size:20px; margin-bottom:20px;}
.null .white_btn{padding:8px 20px;border-radius:5px;}



/* 翻页 */
.page{background: #fff;border-top: .0625rem solid #c8c7cc;border-bottom: .0625rem solid #c8c7cc;margin-top: .375rem;margin-bottom: .938rem;height: 2.5rem;}
.page .pagination{position: relative;height: 2.5rem;line-height: 2.5rem;font-size: .938rem;text-align: center;}
.page .pagination .page-num{position: relative;display: inline-block;padding-right: 1.25rem;color: #999;}
.page .pagination .last, .page .pagination .next{position: absolute;top: 0;left: 2.5rem;color: #999;}
.page .pagination .next{left: auto;right: 2.5rem;}
/* 底部 */
.footer{background-color: #fff;overflow:hidden; padding:10px 0 60px 0; border-bottom: #f3f3f3 solid 1px;position: relative;}
.footer p{text-align:center; padding:3px 0;}
.footer p a{margin:0 5px; }

/*弹出分类*/
#classifyPanel{position: fixed;top: 0;width: 100%;background-color: rgba(0,0,0,.7);z-index: 999;bottom: 51px; height: 100%;font-family: "黑体";display:none;}
#classifyPanel .sub_menu{left: 0;width: 75%;height: 100%;background-color: #fff;float: left;position: relative;}
#classifyPanel .sub_menu .shop_name{color:#424242;text-align: center;margin-top:10px;font-weight:bold;}
#classifyPanel .sub_menu ul{margin: 17px 0 0 17px;}
#classifyPanel .sub_menu ul li{position: relative;line-height:38px;font-size: 15px;color: #666;border-bottom: 1px solid #eee;margin-left: 14px;}
#classifyPanel .sub_menu ul li em{position: absolute;left: -12px;top: 16px;height: 3px;width: 3px;border-radius: 3px;background-color: #a7a7a7;}
#classifyPanel .sub_menu .classify_arrow{position: absolute;top: 50%;left: 118%;height: 21px;width: 21px;margin: -12px 0 0 -12px;background: url(../images/classify_arrow.png) center center no-repeat;background-size: 21px;}
#classifyPanel .mask_area{position: relative;width: 25%;height: 100%;float: right;}


/*浮动窗*/
#footer_nav{position: fixed;left: 0px;bottom: 0px;z-index: 10;display: table;width: 100%;}
#footer_nav ul{height:50px;background: #f7f7f7;background-size: contain;width:100%;margin: 0 auto;border-top: 1px #ccc solid;text-shadow: none;font-size: 16px;}
#footer_nav li{width:20%;text-align: center;position: relative;float:left}
#footer_nav li a{font-size: 12px;}
#footer_nav li span{font-size:20px;}

/*-----------------------       挂件样式      ----------------------------------*/
.jd2016_slides{overflow: hidden;-webkit-box-sizing: border-box;box-sizing: border-box;}
.jd2016_slides img{width:100%;}
.jd2016_img1{-webkit-box-sizing: border-box;box-sizing: border-box;}
.jd2016_img1 img{width:100%}
.jd2016_button{padding:10px 0;background:rgb(243,243,243)}
.jd2016_button li{float:left;text-align: center;margin-top: 5px}
.jd2016_button li img{width:45.33%}
.jd2016_button li a{color:#000}
.jd2016_button.style_1 li{width:20%}
.jd2016_button.style_0 li{width:25%}
.jd2016_block1{background-size: 100%;background-repeat: no-repeat }
.jd2016_block1 .top img{width:100%}
.jd2016_block1 .left,.jd2016_block1 .right{float:left;width:50%}
.jd2016_block1 .left img,.jd2016_block1 .right img{width:100%}
.box_swipe{overflow: hidden}
.box_swipe > ol{height: 20px;position: relative;z-index: 10;margin-top: -20px;text-align: center;padding-right: 15px;}
.box_swipe > ol > li{display: inline-block;margin: 5px 1.6px;width: 4px;height: 4px;border:1px solid #C9CACA;border-radius: 4px;background: #C9CACA}
.box_swipe > ol > li.on{background:#fff;}

.jd2016_img2 img{width:100%}
.jd2016_img2.style_1 img{width:50%;float:left}
