/*头部广告*/
.topInfo{margin-bottom: 0;}
.topad_bg{background: #f9f9f9;}
.topad_bg .topad{position: relative;}
.topad_bg .closebtn{display: inline-block;width: 12px;height: 12px;background: url("../images/sprite.png") no-repeat 0px -5px;cursor: pointer;position: absolute;top: 9px;right:0;z-index: 999;}


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

.header .kefu{font-size: 18px;font-weight: bold;margin-top: 24px;color: #ff4b64;}
.header .kefu p{font-size: 14px;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: 30px;box-sizing: border-box;font-size: 15px;}
.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;}
.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;}


/* 图片搜索 */
.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;}

/* 热门搜索 */
.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;}

/* 购物车 */
.topcart {float: right; position: absolute;bottom: 490px; right: 0; z-index: 1005; width: 45px; height: 100px; padding-top: 35px}
.topcart:hover,
.topcart.curr{background: #ff3451;}
.topcart.hover {background: #ff3451;}
.topcart .cart-btn { display: block; height: 30px; margin: 28px 15px 0; line-height: 20px; font-size: 15px; color: #fff;width: 20px;}
.topcart .cart-btn .icon {position: absolute; z-index: 1; width: 30px; height: 21px; left: 8px; top: 40px; background:url("../images/sprite.png") 0px -26px;}
.topcart .cart-btn i {position: absolute; z-index: 6666; left: 10px; top: 5px; width: 26px;height: 26px;line-height: 26px; border-radius:13px; background-color: #fff; color: #c00; font-size: 15px;font-style: normal; text-align: center;}
.topcart .cart-btn s {position: absolute; right: 7px; top: 12px; display: block; width: 0; height: 0; border-style: solid; border-color: transparent; z-index: 10;}

.topcart .cart-btn s {border-width: 5px; right: 12px; border-bottom-width: 0; border-top-color: #7d7d7d;}
.topcart .cart-con { display:none;position: absolute; top: 0px; right: 45px; width: 300px; background-color: #fff; border: 1px solid #ddd; box-shadow: 0 0 10px #cacaca; border-radius: 5px 0 5px 5px; -webkit-animation:topFadeIn .2s ease-out; -moz-animation:topFadeIn .2s ease-out; animation:topFadeIn .2s ease-out; z-index:2 }
.cartbox .empty {padding: 40px 0; line-height: 1.8em; font-size: 14px; text-align: center; }
.cartbox .empty a {padding: 0 5px; color: #317ee7;}
.cartbox .empty a:hover {text-decoration: underline;}


.cartlist {  padding:10px 0; max-width: 800px; height: 100%; overflow-y: auto;}
.cartlist ul { overflow: hidden; overflow-y: auto;}
.cartlist li {height: 70px; padding: 15px; border-bottom: 1px dashed #eee;}
.cartlist li:hover {background-color: #f9f9f9;}
.cartlist li .pic {float: left;}
.cartlist li .pic,.cartlist li .pic img {width: 70px; height: 70px; object-fit: cover}
.cartlist li .info {position: relative; overflow: hidden; padding-left: 10px;}
.cartlist li .info h5 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 12px; color: #444; max-height: 34px}
.cartlist li .info p {height: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px}
.cartlist li .info span {float: left;}
.cartlist li .info strong {color: #f46060; font-weight: 500;}
.cartlist li .info .del {float: right; display: none; -webkit-transition:all 0.4;-o-transition: all 0.4;transition: all 0.4;}
.cartlist .lookCart{display: block; width: 80%; height:35px; font-size: 16px; color: #fff; line-height: 35px; text-align: center; background: #dd5555; border-radius: 5px; margin:20px auto;}
.cartlist .allPrice{margin:10px 20px 0;}
.cartlist .allPrice span{color:#dd5555; font-size: 18px; }
.cartbox .loading {padding: 50px 0; text-align: center; font-size: 14px;}

.cartft { text-align: center; font-size: 14px; position: absolute; left: 0; right: 0; bottom: 10px}
.cartft .pric {color: #ff2832;}
.cartft .pric strong {font-size: 16px; font-weight: 500;}
.cartft .cartbtn {display: block;  height: 42px; margin: 10px 15px; line-height: 42px; text-align: center; background-color: #ff2832; color: #fff; border-radius: 4px}
.footer.gray {margin-top: 0; background: #fff;}




/* 加入购物车动画 */
.flyer-img{display: block;width: 40px; height: 40px; border-radius: 20px; z-index: 10000}
b.flyend{position: absolute; left:22px; top:0px; width:18px; height:18px; border-radius:9px; text-align: center;line-height:18px;  color: #fff; background: #ff2832; z-index: 10000; opacity: 1; font-weight: lighter;}

/*底部*/
.ensure{min-height: 80px;border-bottom: 1px solid #eee;}
.ensure ul li{float: left;width: 240px;padding: 38px 27px;box-sizing: border-box;}
.ensure ul li .img{float: left;margin-right:6px;width: 47px;height: 47px;}
.ensure ul li:nth-child(2) .img{margin: 3px 7px 0px 0px;}
.ensure ul li:nth-child(3) .img{margin: 8px 15px 0px -10px;}
.ensure ul li:nth-child(4) .img{margin: 6px 7px 0px 0px;}
.ensure ul li:last-child .img{margin: 3px 7px 0px 0px;}
.ensure ul li h2{font-size: 20px;float: left;}
.ensure ul li p{font-size: 12px;color: #a0a0a0;float: left;}

/*右侧浮动*/
.right_side{top:0;position: fixed;bottom: 0;right: 0;z-index: 1003;}
.floatnav{width: 45px; float: left; position: relative; height: 100%; background-color: rgb(39, 43, 49);}

.floatnav .gotop a{width: 45px;height: 75px;color: #fff;position: absolute;bottom: 0;right: 0;}
.floatnav .gotop a i{display: inline-block;width: 28px;height: 20px;background: url("../images/sprite.png") no-repeat -58px -24px;margin: 10px 5px;}

.floatnav .code{width: 45px;height: 150px;background-color: rgba(255, 255, 255,0.07);position: absolute;;right: 0;bottom: 75px;cursor: pointer;}
.floatnav .code:hover{background-color:#ff3451; }
.floatnav .code i{display: inline-block;width: 30px;height: 26px;background: url("../images/sprite.png") no-repeat -58px 0px;margin: 20px 8px 0;}
.floatnav .code p{color: #fff;font-size: 15px;width: 20px;margin: 1px 16px;}
.floatnav .qrcode{width: 105px;height: 105px;border: 1px solid #ccc;position: absolute;bottom: 75px;right: 48px;animation: rightFadeIn .6s ease-out;z-index: 2;display: none;}
.floatnav .qrcode img{width: 100%;height: 100%;}

.floatnav .sc{color: #fff;cursor: pointer;width: 45px;height: 45px;padding: 7px 6px;box-sizing: border-box;position: absolute ;right: 0;bottom: 390px;}
.floatnav .sc:hover{background: #ff3451;}
.floatnav .sc a{display: inline-block;width: 30px;height: 30px;background: url("../images/sprite.png") no-repeat -27px -25px;}

.floatnav .scdex{width: 90px;height: 45px;text-align: center;line-height: 45px;color: #fff;background: #ff3451;font-size: 15px;position: absolute;bottom: 0px;right: 45px;animation: rightFadeIn .6s ease-out;display: none;}
.floatnav .show{display: block;}
/* 分页 */
.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;}

/*导航*/
.nav-box{width: 100%;height: 48px;background:#f7f9fc;}
.nav li{float: left;position: relative;height: 48px;box-sizing: border-box;}
.nav .active a{ color: #ff3451;}
.nav .currpage a{color: #fff!important;background: #ff3451;}
.nav li a{display: block; padding: 13px 32px;color: #333;font-size: 15px;box-sizing: border-box;}

/* 左侧浮动导航 */
.lnav{float: left;position: relative;}
.lnav .t-category{cursor: pointer;padding-left: 15px;box-sizing: border-box; float:left;width: 200px;height:48px;background-color: #272b31;margin-right: 15px;line-height: 48px;color: #fff;font-size: 15px;font-weight: bold;}
.lnav .t-category a{color: #fff;}
.lnav .category-popup {box-sizing:border-box;padding:8px 0;z-index:99;height:450px;width: 200px;position: absolute; left: 0; top: 48px; box-shadow: 0px 0px 17px 0px rgba(0, 7, 141, 0.13);border-top: none; font-family: 'microsoft yahei';}
.lnav .category-popup .bg{height:450px;background-color: rgb(43, 43, 43);opacity: 0.85;position: absolute;z-index: -1;top: 0;left: 0;right: 0;}



.lnav .category-hover {border-right: 1px solid #ddd;}
.lnav .category-popup li {float: left; width: 100%; line-height: 24px;cursor: pointer;font-size: 14px;}
.lnav .category-popup li s{display: inline-block;width: 16px;height: 16px;margin: 0 8px 0 0; padding: 0 0 0 0;box-sizing: border-box;}
.lnav .category-popup li s img{margin-bottom: -3px;;width: 16px;height: 17px;}
.imgh{display: none;}


.lnav .category-popup .fix {position: relative; padding:3px 0 2px 10px; z-index: 41;zoom: 1; color: rgba(0,0,0,0.5);white-space: nowrap;    }
.lnav .category-popup li a {color: #fff;}
.lnav .category-popup li span{margin-left: 20px;color: #fff;opacity: .5;margin-right: 10px;}
.lnav .category-popup li .item{ font-size: 13px;}

/*.lnav .category-popup li a:hover {color: #cd0001;}*/
.lnav .category-popup li .name {font-size: 14px;}
.lnav .category-popup li .item {color:#fff;line-height: 20px;display: inline-block;height: 16px;overflow: hidden;    width: 78px;white-space: nowrap;text-overflow: ellipsis;}
.lnav .category-popup li .arrow,.lnav .category-popup .more i{position: absolute; display: block; top: 50%; right: 10px; z-index: 40; width: 5px; margin-top: -5px; height: 10px; background: url('../images/sprite.png') -41px -25px;}

/* 鼠标经过 */

.lnav .category-popup li.active span{opacity: 1;}
.lnav .category-popup li.active .item:hover{color: #ff3451!important;}
.lnav .category-popup li.active {background: #fff; -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.05); box-shadow: 3px 3px 3px rgba(0,0,0,0.05);}
.lnav .category-popup li.active .fix {margin-right: 0; background: #fff;}
.lnav .category-popup li.active .fix a{color: #333;}
.lnav .category-popup li.active .fix .item{color:#787878;}
.lnav .category-popup li.active .fix span{color: #787878;}

.lnav .sub-category {display:none;position: absolute;left: 100%; top: 0; bottom: 0;width: 400px; text-align: left;box-shadow: 0px 0px 17px 0px rgba(0, 7, 141, 0.13);}
.lnav .sub{background-color: #fafbfc;width: 200px;float: left;padding-left:20px;padding-top:10px;box-sizing: border-box;height: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;overflow-x: hidden;overflow-y: auto;}
.lnav .brand{background-color: #fff;width: 200px;float: left;height: 100%;overflow-x: hidden;overflow-y: auto;}
.lnav .brand dd{padding-left: 23px;}
.lnav .brand dd a{margin-bottom: 4px;}
.lnav .brand dd img{width: 150px; height: 90px;}
.lnav .sub-category dl {height: 100%;-webkit-animation:leftFadeIn .3s ease-out; -moz-animation:leftFadeIn .3s ease-out; animation:leftFadeIn .3s ease-out;}
.lnav .sub-category dt { height: 30px; line-height: 30px; padding-top: 9px;padding-left: 23px;}
.lnav .sub-category dt a {color: #5a5b5e; font-size: 14px;font-weight: bold;}

.lnav .sub-category dd {padding-top: 5px;}
.lnav .sub-category dd .subitem {float: left; width: 165px;}
.lnav .sub-category dd a {float: left; font-size: 14px; width: 165px; color: #282828;}
.lnav .sub-category dd a:hover{color: #ff3451;}
.lnav .category-popup .more{ line-height: 22px;cursor: pointer;font-size: 16px;color: #fff;padding: 7px 8px 6px 45px;position: relative;}

.lnav .sub-category .sub dd a{padding-top: 6px;}

.right_side.open{z-index: 99999999;}
.right_side.open .right_con{margin-right: 0; height: 100%}
.right_side .right_con .quanbox,
.right_side .right_con .cartbox{padding-top: 48px; position: relative; padding-bottom: 140px; box-sizing: border-box; height: 100%}
.right_side .right_con .quanbox{padding-bottom: 10px}
.right_side .right_con{width: 324px; height: 100%; background: #fff; margin-left: 45px; margin-right: -324px; transition: margin-right .3s ;}
.right_side .right_con .toptit{padding:0 14px; height: 47px; border-bottom: solid 1px #eee; position: absolute; left: 0;top: 0; right: 0; background: #fff;z-index: 9}
.right_side .right_con .toptit h3{font-size:18px; line-height: 47px; float: left;}
.right_side .right_con .toptit a{display: inline-block; background: url(/static/images/close_pc.png) center center no-repeat;
    background-size: 20px; width: 20px; height: 47px; cursor: pointer; float: right;}

.showQuan i{ display: block; width: 24px; height: 24px; background: url(../images/quan_icon.png) no-repeat center/cover; margin: auto;  margin-top: 10px}
.showQuan{position: absolute; top: 260px; width: 45px;height: 45px; cursor: pointer;}
.showQuan:hover,
.showQuan.curr{background: #FF3451}
.showQuan:hover i,
.showQuan.curr i{background-image: url(../images/quan_icon_1.png)}


.quan-list{overflow: auto; height: 100%}
.quan-list dl{margin: 0 15px;}
.quan-list dt{font-size: 14px; color: #666; line-height: 50px;}
.quan-list dt s{display: inline-block; width: 87px; height: 1px; background: #eee; position: relative; vertical-align: middle;}
.quan-list dt span{margin: 0 12px}
.quan-list dt s em{display: block; width: 5px; height: 5px; background: #eee; position: absolute; top: 0; bottom: 0;left: 82px; margin: auto;}
.quan-list dt s.r_line em{right:82px; left: auto;}
.quan-list dd{width: 275px; height: 100px; background: #FEF4F5; border-radius: 6px; margin-bottom: 20px; box-sizing: border-box; }
.quan-list dd:last-child{margin-bottom: 10px}
.quan-list dd .quan_left{padding-left: 24px; float: left; position: relative; height: 100%; width: 210px}
.quan-list dd .toUse{float: right; height: 100%; width: 40px; text-align: center; writing-mode: vertical-lr; writing-mode: tb-lr; text-align: center; font-size: 13px; color: #fff; line-height: 40px; background: #FA9899; border-radius:0 6px 6px 0; position: relative;}
.quan-list dd .toUse s{display: block; width:4px ;position: absolute;left: -4px; top: 0; bottom: 0;}
.quan-list dd.shop_q  .toUse{background: #74D2D4}
.quan-list dd.guoqi{position: relative;}
.quan-list dd.guoqi .guoqi_icon{width: 48px; height: 48px; background: url(../images/guoqi.png) no-repeat center/cover; position: absolute; top: 0; left: 0;}
.quan-list dd.shop_q{background: #F1FAFB}
.quan-list dd.shop_q h2{color: #74D2D4}
.quan-list dd h2{font-size: 14px; color: #FA9899;padding-top: 4px}
.quan-list dd h2 b{font-size: 26px; font-weight: bold;}
.quan-list dd h2 span{font-size: 13px; margin-left: 3px}
.quan-list dd.no_has .state_icon{display:none;}
.quan-list dd .state_icon{width: 54px; height: 54px; background: url(../images/has_get_icon.png) no-repeat center/cover; position: absolute; right: 10px; bottom: 10px}
.quan-list dd.shop_q .state_icon{background-image: url(../images/has_get_icon1.png)}
.quan-list dd .useTip{font-size: 14px; color: #333}
.quan-list dd .usetime{font-size: 13px; color: #999; position: absolute; bottom: 10px}
.right_side .right_con .cartlist::-webkit-scrollbar ,
.right_side .right_con .quan-list::-webkit-scrollbar{width: 20px;height: 8px;}
.right_side .right_con .cartlist::-webkit-scrollbar-thumb,
.right_side .right_con .quan-list::-webkit-scrollbar-thumb {border-radius: 12px;border: 6px solid rgba(0, 0, 0, 0);box-shadow: 8px 0 0 #e1e1e8 inset;}
.right_side .right_con .cartlist::-webkit-scrollbar-thumb:hover ,
.right_side .right_con .quan-list::-webkit-scrollbar-thumb:hover{box-shadow: 8px 0 0 #e1e1e8 inset;}

/* 暂无优惠券 */
.quanbox .noQuan{font-size:14px; text-align:center; color:#999;}
.quanbox .noQuan s{display:block; width:273px; height:188px; margin:auto; background:url(../images/noQuan.png) no-repeat center/cover; margin-bottom:5px;}
.quanbox .toQuan_btn{display:block; width:120px; height:40px; color:#fff; text-align:center; line-height:40px; border-radius:6px; background: linear-gradient(90deg, #FF434B 0%, #FB2831 100%); font-szie:14px; margin:auto; margin-top:18px; margin-bottom:20px;}
/* 新的搜索框里 */
/* .header .newSearch .txt_search{padding-left: 82px; }
.header .newSearch .selbox{ width: 72px; position: absolute; left: 0; top: 0; bottom: 0; text-align: center; cursor: pointer;}
.header .newSearch .selbox span{line-height: 38px; font-size: 14px; color: #000}
.header .newSearch .selbox em{width: 0; display: inline-block; height: 0 ; border: solid 6px rgba(0,0,0,0); border-top: solid 6px #666; margin-left: 12px; margin-top: 6px; vertical-align: middle;}
.newHeader.header h1.logo, .newHeader .kefu{margin-top: 0}
.newHeader.header .cart_btn{display: inline-block; vertical-align: middle; font-size: 12px; color: #FC2831; width: 132px; height: 42px; box-sizing: border-box; border:solid 1px #eee; text-align: center; line-height: 40px;}
.newHeader.header .cart_btn span{display: inline-block; vertical-align: middle; width: } */