/* 样式重置 */
*{word-wrap:break-word;outline:none;}
*,*:before,*:after{box-sizing:border-box;}
html{font:62.5% "Microsoft YaHei","微软雅黑","Arial","Helvetica Neue",Helvetica,STHeiTi,arial,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-overflow-scrolling:touch;overflow-scrolling:touch;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
body{margin:0;background-color: #fff;color:#333;font-family: -apple-system,"Microsoft YaHei","微软雅黑",Helvetica,sans-serif;}
ul,ol,li,dl,dt,dd,p,form,input,button,select,h1,h2,h3,h4,h5{margin:0;padding:0;}
audio,video,canvas,article,aside,footer,header,nav,section,fieldset,figcaption,figure,main,details,menu{display:block;margin:0;padding:0;}
ul,ol{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0}
cite,em,i{font-style:normal;}
img{border:0;display:inline-block;max-width:100%;vertical-align:middle;}

/* 链接 */
a{color:#131313;text-decoration:none;}

/* 图片缩放 */
.imga{display: block;position: relative;}
.imga img{display: block;width: 100%;}
.imgh{overflow: hidden;position: relative;display:block;width: 100%;height: auto;}
.imgh169{padding-top: 56.25%;}
.imgh43{padding-top: 75%;}
.imgh34{padding-top: 133.3333%;}

.imgh .imgh{position: absolute;top: 0;left: 0;}

.imgh img:before{content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: #EEE url(../../image/px.png) center no-repeat;background-size: 100% auto;}
.imgm img{top: 50%;-webkit-transform: translate(0,-50%);transform: translate(0,-50%);}

/* 文本断行 */
.ellipsis{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.clamp{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;}

/*icon图标*/
[class^="ico-"],[class*=" ico-"],[class^="ico-"]+em,[class*=" ico-"]+em{display:inline-block;vertical-align:middle;}
[class^="ico-"]:before,[class*=" ico-"]:before{content:"";display:inline-block;width:30px;height:30px;background:url(../../image/icon.png) -9999em -9999em no-repeat;background-size:360px auto;vertical-align:middle;}

/* 顶部导航 */
header{height: 50px;}
header .box{display: flex;justify-content: space-between;position: fixed;z-index: 999;top: 0;left: 0;right: 0;height: 50px;padding: 0 10px;background-color: #ce4729;}
header .logo{display: inline-block;margin: 10px 15px 10px 0;color: #fff;font-size: 20px;}
header .logo img{height: 30px;}
header .search{position: relative;}
header .search .keyword{height: 30px;padding: 0 10px 0 35px;margin: 10px 0;background-color: #fff;border: none;border-radius: 100px;width:160px;}
header .search .ico-search{position: absolute;top: 10px;left: 5px;background-color: transparent;border: none;}
header .search .ico-search::before{background-position: 0 0;}
header .ico-cate{margin: 10px 0 10px 10px;}
header .ico-cate::before{background-position: -30px 0;}

/* 底部导航 */
footer{height: 50px;}
footer ul{display: flex;position: fixed;height: 50px;z-index: 999;left: 0;right: 0;bottom: 0;background-color: #fff;border-top: #DEDEDE solid 1px;}
footer ul li{width: 20%;margin: 2px 0;text-align: center;}
footer ul li a{display: block;}
footer ul li a p{font-size: 12px;color: #808080;}
footer ul li .ico-home::before{background-position: -60px 0;}
footer ul li .ico-order::before{background-position: -90px 0;}
footer ul li .ico-contact::before{background-position: -120px 0;}
footer ul li .ico-cart::before{background-position: -150px 0;}
footer ul li .ico-personal::before{background-position: -180px 0;}
footer ul li.active .ico-home::before{background-position: -60px -30px;}
footer ul li.active .ico-order::before{background-position: -90px -30px;}
footer ul li.active .ico-contact::before{background-position: -120px -30px;}
footer ul li.active .ico-cart::before{background-position: -150px -30px;}
footer ul li.active .ico-personal::before{background-position: -180px -30px;}
footer ul li.active a p{color: #ce4729;}

/* 顶部菜单栏 */
.topBar{height: 40px;}
.topBar .box{position: fixed;z-index: 999;top: 50px;left: 0;right: 0;overflow-x: auto;overflow-y: hidden;width: 100%;height: 40px;padding-left: 20px;margin-bottom: 10px;background-color: #fff;border-bottom: #DEDEDE solid 1px;}
.topBar .box nav{width: max-content;}
.topBar nav a{display: inline-block;margin-right: 20px;line-height: 38px;font-size: 13px;color: #333;}
.topBar nav a.active{font-size: 17px;color: #CE4729;}

/* 顶部标题栏 */
.topTitle{height: 40px;}
.topTitle .box{position: fixed;z-index: 999;top: 50px;left: 0;right: 0;display: flex;justify-content: space-between;height: 40px;background-color: #fff;border-bottom: 1px solid #d8d8d8;}
.topTitle .box .backBtn{width: 16%;margin-top: 5px;text-align: center;}
.topTitle .box .backBtn.ico-back::before{background-position: -285px 0;}
.topTitle .box .right{display: inline-block;width: 16%;line-height: 40px;font-size: 14px;color: #808080;}
.topTitle .box .title{width: 100%;line-height: 40px;font-size: 18px;text-align: center;height: 40px;overflow: hidden;}

.topTitle.screen .item{width: 28%;line-height: 40px;text-align: center;font-size: 14px;}
.topTitle.screen .item.active{color: #CE4729;}
.topTitle.screen .item span{display: inline-block;vertical-align: top;margin-right: 5px;}
.topTitle.screen .item .btn{position: relative;display: inline-block;width: 15px;height: 40px;}
.topTitle.screen .item .btn a{position: absolute;left: 0;line-height: 15px;}
.topTitle.screen .item .btn .ico-up{top: 5px;}
.topTitle.screen .item .btn .ico-down{bottom: 5px;}
.topTitle.screen .item .btn a::before{width: 15px;height: 15px;}
.topTitle.screen .item .btn .ico-up::before{background-position: -315px 0;}
.topTitle.screen .item .btn .ico-down::before{background-position: -315px -15px;}
.topTitle.screen .item .btn .ico-up.active::before{background-position: -330px 0;}
.topTitle.screen .item .btn .ico-down.active::before{background-position: -330px -15px;}

/* 商品列表 */
/*灰色背景分隔商品*/
/*.goodsList{padding: 0 10px;margin-top: 10px;}*/
.goodsList{padding: 10px 0px 0px 10px;background-color: #fff;}
.goodsList ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
/*灰色背景分隔商品*/
/*.goodsList ul li{overflow: hidden;width: 49%;margin-bottom: 10px;background-color: #fff;border-radius: 4px;}*/
/*白色背景分隔商品*/
.goodsList ul li{overflow: hidden;margin-bottom: 10px;background-color: #fff;width: calc(50% - (10px));margin-right: 10px;border-radius: 4px;}
.goodsList ul li a{display: block;}
.goodsList ul li a .info{padding: 5px;background-color: #f2f2f2;}
.goodsList ul li a .info .title{font-size: 14px;color: #333;font-weight: normal;}
.goodsList ul li a .info .sales{margin-top: 3px;font-size: 12px;color: #9C9C9D;}
.goodsList ul li a .info .price{display: flex;justify-content: space-between;padding: 5px 0;line-height: 30px;font-size: 12px;color: #9C9C9D;}
.goodsList ul li a .info .price i{color: #CE4729;}
.goodsList ul li a .info .price span{margin: 0 3px;font-size: 16px;color: #CE4729;}
/*
首页购物车图标
.goodsList ul li a .info .price .ico-cart::before{background-position: -210px 0;}
*/
.goodsList .tips{margin-bottom: 10px;text-align: center;color: #999;}

/* 商品列表-瀑布流 */
/*灰色背景分隔商品*/
/*.goodsListFallsWrap{padding: 10px 5px;}*/
/*白色背景分隔商品*/
.goodsListFallsWrap{padding: 10px 5px;background-color: #fff;}
.goodsListFallsWrap ul li{float: left;width: calc(50% - 1px);margin-bottom: 10px;}
.goodsListFallsWrap ul li a{display: block;overflow: hidden;margin: 0 5px;background-color: #fff;border-radius: 4px;}
.goodsListFallsWrap ul li a .info{padding: 10px;background-color: #f2f2f2;}
.goodsListFallsWrap ul li a .info .title{margin-bottom: 10px;font-weight: normal;font-size: 14px;}
.goodsListFallsWrap ul li a .info .title span{display: inline-block;padding: 1px 4px;margin-right: 5px;font-size: 12px;color: #fff;background-color: #D2B485;border-radius: 3px;}
.goodsListFallsWrap ul li a .info .tags span{display: inline-block;margin-bottom: 5px;padding: 0 4px;line-height: 18px;color: #D2B485;border: 1px solid #D2B485;border-radius: 3px;}
.goodsListFallsWrap ul li a .info .price{display: flex;justify-content: space-between;}
.goodsListFallsWrap ul li a .info .price .dj{color: #CE4729;}
.goodsListFallsWrap ul li a .info .price .dj span{font-size: 12px;}
.goodsListFallsWrap ul li a .info .price .dj b{font-size: 16px;}
.goodsListFallsWrap ul li a .info .price .dj i{font-size: 13px;}
.goodsListFallsWrap ul li a .info .price .fk{color: #808080;font-size: 13px;line-height: 21px;}
.goodsListFallsWrap .tips{margin-bottom: 10px;text-align: center;color: #999;}

/* 右侧浮动工具 */
.pubTool{position: fixed;z-index: 999;right: 10px;bottom: 110px;width: 50px;}
.pubTool .download{display: block;text-align: center;}
.pubTool .download img{width: 50px;}
.pubTool .download span{display: inline-block;width: 40px;padding: 3px 0;margin-top: 5px;border-radius: 100px;background-color: #2E1A0E;color: #fff;font-size: 12px;}
.pubTool .backTop{display: block;width: 45px;height: 45px;margin: 10px 0 0 2.5px;}
.pubTool .ico-backtop{display: none;}
.pubTool .ico-backtop::before{width: 45px;height: 45px;background-position: -240px 0;}

/* 商品分类 */
.cateWrap{display: none;position: fixed;z-index: 1000;top: 50px;left: 0;right: 0;background-color: #fff;}
.cateWrap.opened{display: flex;}
.cateWrap aside{overflow-y: auto;width: 18.75%;height: calc(100vh - 100px);background-color: #efeff4;}
.cateWrap aside nav a{display: block;padding: 15px 0;text-align: center;font-size: 14px;color: #333;}
.cateWrap aside nav a.active{background-color: #fff;border-left: 2px solid #CE4729;color: #131313;font-weight: bold;font-size: 16px;}
.cateWrap main{overflow-y: auto;width: 81.25%;height: calc(100vh - 100px);background-color: #fff;}
.cateWrap main .AD{display: block;margin: 10px 20px 15px;}
.cateWrap main .ht{margin: 0 0 15px 10px;font-size: 14px;font-weight: normal;}
.cateWrap main ul{display: flex;flex-wrap: wrap;}
.cateWrap main ul li{width: 33.3333%;margin-bottom: 15px;}
.cateWrap main ul li a{display: block;width: 50px;margin: 0 auto;}
.cateWrap main ul li a h4{margin-top: 5px;text-align: center;font-weight: normal;color: #808080;}

/* 顶部搜索 */
.searchWrap{display: none;overflow-y: auto;position: fixed;z-index: 1000;top: 50px;left: 0;right: 0;height: calc(100vh - 100px);;background-color: #fff;}
.searchWrap.opened{display: block;}
.searchWrap .searchForm{display: flex;justify-content: space-between;margin: 5px 10px 15px;}
.searchWrap .searchForm .ico-back{margin: 2.5px 10px 2.5px 0;}
.searchWrap .searchForm .ico-back::before{background-position: -285px 0;}
.searchWrap .searchForm form{display: flex;justify-content: space-between;width: 100%;}
.searchWrap .searchForm form .keyword{width: 100%;height: 35px;padding: 0 10px;border: 1px solid #e4e4e4;border-radius: 10px;background-color: #F2F2F2;}
.searchWrap .searchForm form button{width: 40px;height: 35px;margin-left: 10px;border: none;background-color: transparent;color: #808080;}
.searchWrap .searchHistory{margin: 0 10px 20px;}
.searchWrap .searchHistory .ht{display: flex;justify-content: space-between;margin-bottom: 10px;}
.searchWrap .searchHistory .ht b{display: inline-block;line-height: 30px;font-size: 14px;color: #333;}
.searchWrap .searchHistory .ht a::before{background-position: -330px -30px;}
.searchWrap .searchHistory ul{display: flex;flex-wrap: wrap;}
.searchWrap .searchHistory ul li{margin: 0 10px 10px 0;}
.searchWrap .searchHistory ul li a{display: block;height: 30px;padding: 0 10px;line-height: 30px;text-align: center;background-color: #F2F2F2;color: #333;font-size: 12px;}
.searchWrap .searchHistory .noData{text-align: center;font-size: 12px;color: #808080;}
.searchWrap .hotGoodsList{margin: 0 10px;}
.searchWrap .hotGoodsList .ht{margin-bottom: 20px;font-size: 14px;color: #333;font-weight: bold;}
.searchWrap .hotGoodsList ol li{margin-bottom: 20px;}
.searchWrap .hotGoodsList ol li a{display: block;}
.searchWrap .hotGoodsList ol li a .sort{float: left;position: relative;width: 30px;height: 30px;margin: 15px 10px 0 0;}
.searchWrap .hotGoodsList ol li a .sort span{position: absolute;z-index: 2;top: 0;left: 0;display: inline-block;width: 30px;height: 30px;line-height: 30px;text-align: center;color: #fff;}
.searchWrap .hotGoodsList ol li:nth-child(1) a .sort span,
.searchWrap .hotGoodsList ol li:nth-child(2) a .sort span,
.searchWrap .hotGoodsList ol li:nth-child(3) a .sort span{line-height: 24px;}
.searchWrap .hotGoodsList ol li a .sort .ico-first::before{background-position: -120px -60px;}
.searchWrap .hotGoodsList ol li a .sort .ico-second::before{background-position: -150px -60px;}
.searchWrap .hotGoodsList ol li a .sort .ico-third::before{background-position: -180px -60px;}
.searchWrap .hotGoodsList ol li a .sort .ico-normal::before{background-position: -210px -60px;}
.searchWrap .hotGoodsList ol li a .goods{overflow: hidden;}
.searchWrap .hotGoodsList ol li a .goods .imga{float: left;overflow: hidden;width: 60px;margin-right: 10px;border-radius: 10px;}
.searchWrap .hotGoodsList ol li a .goods .info{overflow: hidden;}
.searchWrap .hotGoodsList ol li a .goods .info .title{line-height: 20px;font-size: 15px;color: #333;font-weight: normal;}
.searchWrap .hotGoodsList ol li a .goods .info .title span{display: inline-block;padding: 0 5px;margin-right: 5px;border-radius: 4px;background-color: #cdb58b;font-size: 12px;color: #fff;}
.searchWrap .hotGoodsList ol li a .goods .info p{margin-top: 20px;font-size: 14px;color: #e64a48;}

/* 通用标题 */
.pubTit{margin-bottom: 10px;line-height: 24px;font-size: 14px;color: #333;font-weight: bold;}
.pubTit i{display: inline-block;vertical-align: middle;width: 3px;height: 12px;margin-right: 5px;border-radius: 3px;background-color: #3c7e62;}

/* 全选功能 */
.checkBox .ico-checkbox{display: inlin-block;width: 19px;height: 19px;border: 1px solid #808080;border-radius: 50%;}
.checkBox input{display: none;}
.checkBox .ico-checkbox::before{width: 15px;height: 15px;margin: 2px 0 0 1px;vertical-align: top;}
.checkBox.active .ico-checkbox{background-color: #F14D21;border-color: #F14D21;}
.checkBox.active .ico-checkbox::before{background-position: -210px -45px;}

.totalNav{height: 60px;}
.totalNav .box{display: flex;justify-content: space-between;position: fixed;bottom: 50px;left: 0;right: 0;height: 60px;padding: 0 20px;border-bottom: 10px solid #EDEDEF;background-color: #fff;}
.totalNav .box .checkBox .ico-checkbox{margin: 15.5px 10px 0 0;}
.totalNav .box .checkBox span{display: inline-block;vertical-align: top;line-height: 50px;}

/* switch 开关 */
.switchBtn{position: relative;display: inline-block;width: 40px;height: 20px;border-radius: 100px;background-color: #ddd;}
.switchBtn i{position: absolute;z-index: 2;top: 2px;left: 2px;width: 16px;height: 16px;border-radius: 50%;background-color: #fff;}
.switchBtn.active{background-color: #de5934;}
.switchBtn.active i{left: auto;right: 2px;}

/* 支付方式 */
.layui-layer-paytype{width: 100%;border-radius: 15px!important;}
.layui-layer-paytype .payTypePopup{padding: 20px;}
.layui-layer-paytype .payTypePopup>h4{margin-bottom: 20px;text-align: center;font-weight: normal;font-size: 16px;}
.layui-layer-paytype .payTypePopup>ul li{display: flex;justify-content: space-between;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #DCDCDC;}
.layui-layer-paytype .payTypePopup>ul li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.layui-layer-paytype .payTypePopup>ul li span{font-size: 15px;color: #333;}
.layui-layer-paytype .payTypePopup>ul li span .ico-wechat::before{margin-right: 10px;background-position: -90px -60px;}
.layui-layer-paytype .payTypePopup>ul li span .ico-alipay::before{margin-right: 10px;background-position: -60px -60px;}
.layui-layer-paytype .payTypePopup>ul li input{margin-top: 8.5px;}
.layui-layer-paytype .layui-layer-btn{display: flex;padding: 0!important;border-top: 1px solid #DCDCDC;}
.layui-layer-paytype .layui-layer-btn a{width: 50%;height: 40px;margin: 0;line-height: 40px;border: none;background-color: transparent;text-align: center;color: #333;font-size: 14px;color: #037cfb;}
.layui-layer-paytype .layui-layer-btn a.layui-layer-btn0{border-right: 1px solid #DCDCDC;}