.footer.gray {background: #fff;}



/*!* 头部 *!*/
.header {padding: 25px 0;}
.header h1.logo {float: left; width: 227px; height: 61px; margin-left: 5px; margin-top: 0;}
.header h1.logo a, h1.logo img { max-width: 227px; max-height: 61px;}

.header .kefu{font-size: 22px;font-weight: bold;margin-top: 0;color: #ff4b64;}
.header .kefu p{font-size: 16px;font-weight: lighter;color: #ff4b64;}
/*!* 搜索 *!*/
.header .search {float: left; margin: 0 0 0 70px;}
.header .search .type span{display:inline-block;color:#ff3451;width: 50px;height: 30px;text-align: center;font-size: 14px;line-height: 30px;border-radius: 4px 4px 0 0;cursor: pointer;}
.header .search .type .curr{background: #ff3451;color: #fff;}
.header .search .formbox{position: relative;width: 496px; height:38px;border: 2px solid #ff3451;}
.header .search .formbox s{display: inline-block;width: 20px;height: 20px;background: url("../images/sprite.png") no-repeat -16px 0px;position: absolute;left: 5px;top: 8px;}
.header .txt_search{width: 406px;float: left;height: 38px;border: 0;padding-left: 82px;box-sizing: border-box;font-size: 15px; outline: none;}
.header .txt_search::placeholder{color: #cacaca;}
.header .btn-s{float:left;width: 90px;height: 40px;background: #ff3451;color: #fff;font-size: 18px;line-height: 40px;border: 0;cursor: pointer; margin-top: -2px;}
.header .qiandao{float: left;}
.header .qiandao a{display: inline-block;width: 90px;height: 42px;background-color: #ffab34;color: #fff;font-size: 18px;text-align: center;line-height: 42px;margin: 30px 0 0 -74px;}
/* 热门搜索 */
.header .hot-s {width: 420px; height: 26px; overflow: hidden; line-height: 26px; clear: both;}
.w1200 .header .hot-s {width: 580px;}
.header .hot-s a {float: left; margin-right: 10px;}

/*面包屑*/
.bread{width:100%; height:48px;background: #fff;}
.bread p{width: 1000px; margin: 0 auto; line-height: 48px;}
.w1200 .bread p{width: 1200px;}
.bread p a{font-size: 14px; color: #333; margin: 0 3px;}

/*导航栏*/
.nav-box{width: 100%;height: 48px;background:#222;}
.nav-box>div{position: relative;}
.nav li{float: left;}
.nav li a{display:block;color: #fff;height: 48px;line-height: 48px;font-size: 17px;width: 130px;text-align: center;}
.nav li a:hover,.lnav:hover{background-color: #333;}
.lnav{position: absolute;top: 0;left: 130px;z-index: 9999;}
.lnav .all-category a{display:inline-block;color: #fff;height: 48px;line-height: 48px;font-size: 17px;width: 130px;text-align: center;}
.category-popup{position: absolute;left:-130px;min-height: 160px;font-size:15px;font-weight:bold;background: rgba(39,43,49,0.9);padding: 20px;box-sizing: border-box;z-index: 9999999;transition:all 0.4s; }
.category-popup a{display:inline-block;color: #fff;}
.category-popup ul li{float: left;}
.category-popup ul li>a{width: 98px;height: 26px;line-height: 26px;border-radius: 13px;text-align: center;margin: 10px 6px 6px 6px;}
.category-popup ul li .on{border: 1px solid #fff;}
.show{display: block;}

.nav .qqkfu,.nav .wxkfu{cursor: pointer;position: relative;}
.nav{position: relative;}
.qqkfu_box{position: absolute;z-index: 9999999;top: 100%;width: 160px;height: 160px;animation: topFadeIn .6s ease-out;display: none;}
.qqkfu_box .bg{position:absolute;top: 0;bottom: 0;right: 0;left: 0;background: #333;opacity:0.8; z-index: 99999991}
.qqkfu_box img{position: absolute;z-index: 99999992;width: 80%;height: 80%;top: 15px;left: 15px;}
.nav-box .show{display:block;}

.wxkfu_box{position: absolute;z-index: 9999999;top: 100%;width: 160px;height: 160px;animation: topFadeIn .6s ease-out;display: none;}
.wxkfu_box .bg{position:absolute;top: 0;bottom: 0;right: 0;left: 0;background: #333;opacity:0.8; z-index: 99999991}
.wxkfu_box img{position: absolute;z-index: 99999992;width: 80%;height: 80%;top: 15px;left: 15px;}


.sub-category{height: 211px;position: absolute;box-sizing: border-box;top: 48px;padding-top: 30px;}
.sub-category a{color: #333;font-weight: 500;height: 36px;line-height: 36px;}
.sub-category a:hover{color: #ff3451;}
.sub-category em{display: inline-block;width: 0;height: 0;border-bottom: 8px solid #fff;border-left: 8px solid transparent;border-right: 8px solid transparent;position: absolute;top: 22px;left: 28px;}

.sub-category dl{float: left;border-right: 1px solid #f2f2f2;padding: 10px 25px;min-width: 115px;box-sizing: border-box;background: #fff;}


/* 图片搜索 */
.imgsearch {position: absolute; top: 6px; right: 100px; width: 25px; height: 25px; z-index: 1; background: #fff;}
.imgsearch-btn {display: block; height: 25px; background: url('../images/camera.png'); background-size: 25px 25px; cursor: pointer;}
.imgsearch-btn.disabled {background: url('/static/images/ajax-loader.gif'); background-size: 25px 25px;}

.imgsearch-holder {position: absolute; z-index: 2; top: 3px; right: 100px; padding-left: 6px; border: 1px solid #e9e9e9; background: #fff; cursor: pointer; height: 28px;}
.imgsearch-holder:hover {border-color: #f40; background: #fff1e9; color: #f40;}
.imgsearch-holder .img-box {float: left; position: relative; height: 28px; width: 28px; line-height: 28px; text-align: center;}
.imgsearch-holder .img-box .img-container {height: 28px; width: 28px; display: table-cell; text-align: center; line-height: 28px; vertical-align: middle;}
.imgsearch-holder .img-box .img-container img {max-width: 28px; vertical-align: text-bottom; max-height: 28px; display: block;}
.imgsearch-holder .x-btn {float: left; position: relative; padding: 0 8px; height: 28px; line-height: 26px; font-weight: 700;}
.imgsearch-holder .x-btn .icon-btn-x {font-size: 12px;}

/* 分页 */
/*.pagination {padding: 10px 0 30px; text-align: center; line-height: 28px; font-size: 14px; color: #333; margin-top: 30px;}*/
/*.pagination li {display: inline-block; margin-right: 5px; border: 1px solid #fff;}*/
/*.pagination li.page_disabled {display: none;}*/
/*.pagination li a, .pagination li span {display: block; padding: 0 10px;}*/
/*.pagination li a:hover ,.pagination li.page_current span {background: #bfbbbb; color: #fff; border-color: #bfbbbb;}*/
/*.pagination li.page_more span {background: #fff;color: #333; cursor: default;}*/
/*.pagination .page_info {display: none;}*/

.contain{min-height: 300px;padding-bottom:70px;padding-top: 30px;padding-bottom: 70px;}

.header .search{margin-top: 6px;}
.searchType {width: 72px; height: 28px; position: absolute; left: 0; border-right: solid 1px #eee; top: 0; bottom: 0; margin: auto; cursor: pointer; }
.searchType .typetxt{text-align: center; color: #000; font-size: 14px; text-align: center; width: 100%; display: block; line-height: 28px;}
.header .search .formbox .searchType .typetxt s{display: inline-block; width: 14px; height: 14px; background: url(../images/arr_down.png) no-repeat center/cover; position: static; vertical-align: middle; margin-left: 10px;}

.typeSel{width: 72px; line-height: 28px; text-align:  center; position: absolute; background: #fff;box-shadow: 1px 2px 16px rgba(0, 0, 0,.2);padding: 10px 0 ; display: none; animation: topFadeIn .2s;}
.typeSel.show{display: block;}
.typeSel li:hover{background: #f5f5f5;}
.cartOpen{display: inline-block; min-width: 132px; height: 42px; border: solid 1px #eee; text-align: center; box-sizing: border-box; line-height: 40px; font-size: 12px; color: #FC2831; vertical-align: middle; margin-left: -64px; margin-top: 6px}
.cartOpen span{display: inline-block; width: 20px; height: 20px; background: url(../images/cart_icon1.png) no-repeat center/cover; vertical-align: middle; margin-bottom: 4px; margin-right: 16px; position: relative;}
.cartOpen span sub{font-size: 12px; color: #fff; display: block; min-width: 14px; line-height: 14px; border-radius: 7px; box-sizing: border-box; padding: 0 3px; background: #FC2831; position: absolute; left: 14px; bottom: 9px; height: 14px;}

.storeInfoBox{height: 116px; background:url(../images/top_bg.png) no-repeat center/cover;}
.storeInfoBox .wrap{padding: 12px 0;}
.storeInfoBox .storeImg{width: 90px; height: 90px; border-radius: 50%; border: solid 1px #eee; background: #fff; float: left;}
.storeInfoBox .storeImg img{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%;}
.storeInfoBox .store_zz {margin-top: 6px;}
.storeInfoBox .store_zz span{display: inline-block; font-size: 14px; color: #777; margin-right: 22px;}
.storeInfoBox .store_zz span s{display: inline-block; width: 22px; height: 22px; background: url(../images/zhizhao.png) no-repeat center/auto; vertical-align: middle; margin-bottom: 4px;}
.storeInfoBox .store_zz span.bzj s{background-image: url(../images/bzj.png)}
.storeInfoBox .store_zz span.zlpay s{background-image: url(../images/zhifu.png); margin-bottom: 0}
.storeInfoBox .storeDetail{margin-left: 104px; padding-top: 20px;}
.storeInfoBox .storeDetail h2{font-size: 24px; color: #333; font-weight: bold;}
.storeInfoBox .leftInfo{float: left;}
.storeInfoBox .rightBtn{float: right; margin-top: 26px;}
.storeInfoBox .rightBtn a{display: inline-block; width: 100px; height: 36px; background: #FFFFFF; border: 1px solid #DDD; border-radius: 6px; font-size: 14px; color: #999; text-align: center; line-height: 36px}
.storeInfoBox .rightBtn a s{display: inline-block; width: 20px; height: 20px; background: url(../images/cang_icon.png) no-repeat center/cover; vertical-align: middle; margin-bottom: 4px; margin-right: 4px}
.storeInfoBox .rightBtn a.contact{ margin-right: 10px;}
.storeInfoBox .rightBtn a:hover{background-color: #FFF8F0}
.storeInfoBox .rightBtn a.contact s{background-image: url(../images/chat_icon.png); margin-bottom: 0;}

.navBoxContainer{height: 54px; line-height: 54px; background: #333;}
.navBoxContainer .allNav{float: left;}
.navBoxContainer .allNav dt{font-size: 16px; padding: 0 16px; background: rgba(255,255,255,.1); width: 210px; box-sizing: border-box; color: #fff; position: relative;}
.navBoxContainer .navShow{margin-left: 236px; height: 54px; overflow: hidden;}
.navBoxContainer .allNav .lines p{width: 14px; height: 2px; background: #fff; border-radius: 2px; margin-bottom: 3px;}
.navBoxContainer .allNav .lines{position: absolute; right: 16px; top: 0; bottom: 0; margin: auto; height: 12px;}
.navBoxContainer .navShow li{display: inline-block;}
.navShow a{color: #fff; font-size: 16px; display: block; padding: 0 28px;}

.navBoxContainer .allNav{position: relative;}
.navBoxContainer .allNav:hover dd{display: block;}
.navBoxContainer .allNav dd{position: absolute; background: #fff; border: 2px solid #393939; box-shadow: 0px 3px 29px 0px rgba(0, 0, 0, 0.1);  left: 0; right: 0; z-index: 9; color: #fff;  animation: topFadeIn .2s; border-top: none; display:none; min-height:380px;}
.navBoxContainer .allNav dd a{color: #333; font-size: 16px; padding-left: 26px; display: block; box-sizing: border-box;}
.navBoxContainer .allNav dd .pul li{line-height: 40px; height: 40px;}
.navBoxContainer .allNav dd .pul>li{position: relative;}
.navBoxContainer .allNav dd .pul>li s{display: inline-block; width: 12px; height: 12px; background: url(../images/arr_black.png) no-repeat center/cover; position: absolute; right: 12px; top: 0; bottom: 0; margin: auto;}
.navBoxContainer .allNav dd .pul>li:hover s{background-image: url(../images/arr_white.png)}
.navBoxContainer .allNav dd .pul>li:hover>a{background: #383838; color: #fff; width: calc(100% + 2px);}
.navBoxContainer .allNav dd .pul>li:hover .cul{display: block;}
.navBoxContainer .allNav dd .pul>li:hover .cul a{color: #fff;}
.navBoxContainer .allNav dd .cul{position: absolute; background: #383838; color: #fff;left: 208px; top: 0; width: 158px; display: none;}
.navBoxContainer .allNav dd .pul>li:hover .cul li:hover a{background: #fff; color:#383838; }
.navBoxContainer .navShow a:hover,.navBoxContainer .navShow .on a{background: #FC2831;}