.lnav .category-popup{display: none;}
.lnav:hover .category-popup{display: block;}

.HN_PublicShare_sheark1{display: none!important;}
/*面包屑*/
.bread{width:100%; height:50px;background: #edf0f2;}
.bread p{width: 1200px; margin: 0 auto; line-height: 50px;}
.w1200 .bread p{width: 1200px;}
.bread p a{font-size: 14px; color: #333; margin: 0 3px;}
.barBanner{width: 100%;}
.barBanner img{display: block;max-width: 100%;margin: 0 auto;}

.mainWrap{padding: 27px 0;background: #F5F5F5}
.mainWrap .listUl li{float: left;background: #FFFFFF;box-shadow: 0px 7px 14px 0px rgba(53, 53, 53, 0.12);border-radius: 10px;width: 285px; box-sizing: border-box;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;-ms-box-sizing: border-box; -o-box-sizing: border-box;padding: 4px;margin-right: 20px;margin-bottom: 20px;overflow: hidden;}
.mainWrap .listUl li a{display: block;background: #fff;padding: 11px;border-radius: 10px;}
.mainWrap .listUl li:nth-child(4n){margin-right: 0;}
.mainWrap .listUl li:hover{background: linear-gradient(0deg, #FF3218, #FF7E39);background:-webkit-linear-gradient(0deg, #FF3218, #FF7E39);background: -o-linear-gradient(0deg, #FF3218, #FF7E39);}
.mainWrap .listUl li:hover .codeWrap{display: block;}
.mainWrap .listUl li .topImg{width: 255px;height: 255px;border-radius: 4px;overflow: hidden;position: relative;}
.mainWrap .listUl li .topImg img.ttimg{display: block;width: 100%;height: 100%;object-fit: cover;}
.mainWrap .listUl li .topImg span.ing{position: absolute;left: 0;top:12px;background: linear-gradient(-64deg, #FF2617 0%, #FF6E1D 100%);border-radius: 0px 18px 18px 0px;height: 36px;line-height: 36px;padding: 0 15px 0 11px;font-size: 16px;color: #fff}
.mainWrap .listUl li .detInfo{margin-top: 10px;}
.mainWrap .listUl li .detInfo h2{font-size: 18px;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height:50px; line-height: 24px;}
.mainWrap .listUl li .detInfo .price{font-size: 16px;color: #EC3628;margin-top: 6px;}
.mainWrap .listUl li .detInfo .price s{color: #999;margin-left: 10px;}
.mainWrap .listUl li .detInfo .price span{font-family: "DINM";}
.mainWrap .listUl li .detInfo .price em{font-size: 30px;}
.mainWrap .listUl li .detInfo .kanA{width: 245px;height: 46px;line-height: 46px;text-align: center;background: linear-gradient(90deg, #FF6B26 1%, #FF362F 100%);box-shadow: 0px 5px 12px 0px rgba(209, 34, 0, 0.25);border-radius: 23px;margin: 10px auto;font-size: 18px;color: #fff;}
.mainWrap .listUl li .detInfo .kanA.disabled{background: linear-gradient(90deg, #C6C6C6 0%, #979797 100%);box-shadow: 0px 5px 12px 0px rgba(60, 60, 60, 0.25);}

.codeWrap{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.4);display: none;animation: popup .3s ease-out;-webkit-animation: popup .3s ease-out;-ms-animation: popup .3s ease-out;}
.codeWrap div{margin: 15px auto 0;width: 190px;box-sizing: border-box;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;-ms-box-sizing: border-box; -o-box-sizing: border-box;background: #fff;padding: 5px;}
.codeWrap div img{width: 100%;height: 100%;object-fit: cover;}
.codeWrap p{font-size: 15px;color: #fff;margin-top: 8px;text-align: center;}
.empty{    text-align: center; line-height: 88px;}
/*分页*/
.pagination li{background: #fff;}

@font-face {
  	font-family: "DINM";
  	src: url("/static/fonts/DINMittelschriftStd.woff2"),
       url("/static/fonts/DINMittelschriftStd.woff"),
       url("/static/fonts/DINMittelschriftStd.ttf"),
       url("/static/fonts/DINMittelschriftStd.eot"),
       url("/static/fonts/DINMittelschriftStd.otf");
}