@charset "utf-8";
/* CSS Document */

*{ margin:0 auto; padding:0px 0px;}

body {background-color: #fff;font-family: Arial, Verdana, Helvetica, sans-serif; min-width:320px; max-width:640px;font-size:0.8rem;}
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #ff9900;
}
a:active {
	text-decoration: none;
	color: #333;
}

ul li{ list-style:none;}
.f_l,.fl,.left{float:left;}
.f_r,.fr,.right{float:right;}
img { border:none; }
.clear{clear:both;}

.u-ellipsis-1 {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}


/*-----底部浮动-----*/

.LinkOption{ position:fixed; bottom:0px; background:#fff;width:100%; clear:both;  z-index:999; height:55px; border-top:solid 1px #d5d5d5;}
.LinkOption .lo01{ width:25%; float:left;position: relative;padding:5px 0px;display:block; height:45px; }
.LinkOption .lo01 a{display:block;width:100%;padding-top:25px;background-size:28px 28px;margin:auto;text-align:center;font-size:14px;}


.LinkOption .lo05{ width:50%; float:left; background:#eb392f; display:block; height:55px; line-height:55px; text-align:center;}
.LinkOption .lo05 a{ color:#fff; font-size:18px;}
.lob01{background:url(../images/lpicon001.png) no-repeat center top;}
.lob02{background:url(../images/lpicon002.png) no-repeat center top;}
.lob03{background:url(../images/lpicon003.png) no-repeat center top;position:relative;}
.lob04{background:url(../images/lpicon004.png) no-repeat center top;}
.lob01.hover{background:url(../images/lpicon001H.png) no-repeat center top; color:#e8b461;}
.lob02.hover{background:url(../images/lpicon002H.png) no-repeat center top; color:#e8b461;}
.lob03.hover{background:url(../images/lpicon003H.png) no-repeat center top; color:#e8b461;}
.lob04.hover{background:url(../images/lpicon004H.png) no-repeat center top; color:#e8b461;}

.top{ width:100%; height:44px; background:#fff; position:fixed;}
.topHeight{height: 44px; width:100%;}

.prLeft{position:absolute; height:24px;width:24px;left:10px;top:10px;}
.prLeft img{width:100%;}
.prRight{position:absolute;height:24px;width:24px;right:10px;top:10px;}
.prRight img{ width:100%;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.prMiddle{width:74%; height:auto;margin-left:auto;margin-right:auto;margin-top:4px;}

.prMiddleTxt{font-weight: 700;font-size:16px;line-height:44px;text-align: center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.topSearch .ipt3{width:86%; display:block; float:left; background:url(../images/searchBtn.jpg) 2% center no-repeat #f2f2f2;border-radius:55px;height:35px;padding: 0 5% 0 9%; border:none; color:#909399;}

/*----产品排列方式----*/
.navbar{display: flex;width:100%;height: 52px;background: #fff;border-bottom: 0.5px solid #e6e6e6;position: relative;z-index: 999;box-sizing: border-box;}

.navbar .nav-item{ width:25%; float:left;flex: 1;display: flex;justify-content: center;align-items: center;height: 100%;font-size: 16px;position: relative;}
.navbar .nav-item .title-box{font-size: 15px;color: #333;font-weight: 600;margin:0; padding:0;}
.navbar .nav-item .p-box{display: flex;flex-direction: column;box-sizing: border-box; background:url(../images/up.jpg) 0px 0px no-repeat; width:24px; height:12px; margin:0; padding:0;}
.navbar .nav-item.on .title-box{ color:#d6a960;}
.navbar .nav-item.on .p-box{background:url(../images/upOn.jpg) 0px 0px no-repeat;}

.navbar .nav-item .u-flex-col{display: flex;flex-direction: column;box-sizing: border-box; background:url(../images/up.jpg) 0px 0px no-repeat; width:24px; height:24px; margin:0; padding:0; margin-top:4px;}
.navbar .nav-item .u-flex-col ul li{ width:24px; height:12px;}
.navbar .nav-item .u-flex-col ul li.up{background:url(../images/up.jpg) 0px 0px no-repeat;}
.navbar .nav-item .u-flex-col ul li.down{background:url(../images/up.jpg) 0px -12px no-repeat;}
.navbar .nav-item.on .u-flex-col ul .up.check{background:url(../images/upOn.jpg) 0px 0px no-repeat;}
.navbar .nav-item.on .u-flex-col ul .down.check{background:url(../images/upOn.jpg) 0px -12px no-repeat;}

.nav-itemBox{ width:100%; background:#fff; display:block; float:left; clear:both;}
.nav-itemBox ul {width:97%; padding:0px 1.5%;justify-content: flex-start;flex-wrap: wrap;
    word-break: break-all;white-space: normal; color: #303133; min-height:40px;}
.nav-itemBox ul li{padding: 0 11px; float:left; display:block;line-height: 33px;background: #f5f6f8;border-radius: 16px;font-size: 15px;font-weight: 500;color: #333;max-width: 380px;margin-bottom: 11px!important;margin-right: 11px!important;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;position: relative;display: block;cursor: pointer;word-break: break-all;}	


.goods-list{padding:8px !important;display: flex;flex-direction: row;align-items: flex-start;box-sizing: border-box;}
.goods-list ul {  width:102%; margin-left:-2%;}
.goods-list ul li{ width:48%; margin-bottom:8px; margin-left:2%; display:block; float:left;background: #fff;
    border-radius: 11px;
    overflow: hidden;}
.goods-list ul li .goods-img{ width:100%;overflow: hidden;position: relative;background-color: #fff;border-radius: 3px; height:auto;}
.goods-list ul li .goods-img img{ width:100%;}

.goods-list ul li .goods-bottom{padding: 7px!important;box-sizing: border-box;display: block;}
.goods-list ul li .goods-bottom .title{margin-bottom: 5px!important;min-width: 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;box-sizing: border-box;font-size: 15px;font-weight: 700;line-height: 22px;color: #333;padding-top: 3px;}

.goods-list ul li .goods-bottom .sub-title{font-size: 13px;font-weight: 400;width: 182px;color: #999;margin-bottom: 5px!important;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.goods-list ul li .goods-bottom .goods-price{font-size: 16px;color: #ff3000;font-weight: 600;margin-bottom: 5px!important;}
.goods-list ul li .goods-bottom .goods-price i{ font-style:normal; font-size:13px;color: #ff3000;font-weight: 600;}



.u-load-more-wrap{ width:100%;height: 44px;display: flex;flex-direction: row;justify-content: center;align-items: center;box-sizing: border-box;}
.u-load-more-wrap .u-line{vertical-align: middle;width: 27px;border-bottom: 1px solid #ccc;-webkit-transform: scaleY(.5);transform: scaleY(.5);box-sizing: border-box; display:block; margin:0px;}
.u-load-more-wrap .u-moretxt{position: relative;display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 0 10px; margin:0;box-sizing: border-box; color:#ccc;font-size: 15px;position: relative;z-index: 1;}



.product_time {
	font-size:0.9rem;
	color: #e60012;
	background: linear-gradient(135deg, #fff3cd, #ffe4a8);
	padding: 0.5rem 0;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
	display: flex;
	margin:0 1%;
	width: 98%;
	align-items: center;
	position: fixed;top:44px; z-index: 2;
}

.product_time  .refresh_btn {
	background: #fff;
	padding: 0.3rem 0.6rem;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	display: flex; align-items: center; margin-top: 5px;
}



.product_time .countdown {
	display: flex;
	gap: 0.5rem;
	margin-top: 0.3rem;
	align-items: center;
}

.product_time .countdown .time_btn {
	background: #fff;
	padding: 0.3rem 0.6rem;
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
	min-width: 2rem;
	text-align: center;
	font-weight: bold;
	display: flex; align-items: center; gap: 3px;
}

.product_time .countdown span {
	font-size: 0.9rem;
	color: #999;
	display: block;
}