.LINE-T{position: relative;}
.LINE-L{position: relative;}
.LINE-R{position: relative;}
.LINE-B{position: relative;}
.LINE  {position: relative;}
.LINE-T::after{
	content: '';height:1px;background:#DCDCDC;transform: scaleY(0.5);z-index: 1;width: 100%;
	position: absolute;top: 0;user-select: none;pointer-events: none;
}
.LINE-L::after{
	content: '';width:1px;background:#DCDCDC;transform: scaleX(0.5);z-index: 1;height: 100%;
	position: absolute;left: 0;top: 0;user-select: none;pointer-events: none;
}
.LINE-R::after{
	content: '';width:1px;background:#DCDCDC;transform: scaleX(0.5);z-index: 1;height: 100%;
	position: absolute;right: 0;top: 0;user-select: none;pointer-events: none;
}
.LINE-B::after{
	content: '';height:1px;background:#DCDCDC;transform: scaleY(0.5);z-index: 1;width: 100%;
	position: absolute;bottom: 0;user-select: none;pointer-events: none;
}
.LINE::after{
	content: '';border:1px solid #DCDCDC;transform-origin: 0 0;transform: scale(0.5);z-index: 1;width: 200%;height: 200%;
	position: absolute;left: 0;top: 0;user-select: none;pointer-events: none;box-sizing: border-box;
}
/* -------------- */
.PAS{
	position: absolute;width: 100%;
}
.PRE{
	position: relative;width: 100%;
}
.FLEX{
	display: flex;align-items: center;
}
/* --------- */
.navbar{
	display: flex;justify-content:space-evenly;height: 2.64rem;
	position: absolute;bottom: 0;left: 0;width: 100%;z-index: 99;background: #fff;
}
.navbar .nav-item{
	width: 5rem;position: relative;
	height: 100%;flex-direction: column;justify-content: center;display: flex;align-items: center;
}
.navbar .nav-item::after{
	content: '';position: absolute;left: 0;top: 0;width: 100%;height: 1px;background: #DCDCDC;transform:scaleY(0.5);z-index: 1;
}
.navbar .nav-item .nav-text{
	margin-top: 0.15rem;color: #999;font-size: 0.59rem;
}
.navbar .nav-item.active .nav-text{
	color: #EC5348;
}
.navbar .nav-item .icon{
	width: 1.07rem;height: 1.07rem;
}
.navbar .nav-item .icon.ico1{
	background: url('../../images/navbar/item1-off.png') 0 0 / 100% 100% no-repeat;
}
.navbar .nav-item .icon.ico2{
	background: url('../../images/navbar/item2-off.png') 0 0 / 100% 100% no-repeat;
}
.navbar .nav-item .icon.ico3{
	background: url('../../images/navbar/item3-off.png') 0 0 / 100% 100% no-repeat;
}
.navbar .nav-item .icon.ico4{
	background: url('../../images/navbar/item4-off.png') 0 0 / 100% 100% no-repeat;
}
.navbar .nav-item.active .icon.ico1{
	background: url('../../images/navbar/item1-on.png') 0 0 / 100% 100% no-repeat;
}
.navbar .nav-item.active .icon.ico2{
	background: url('../../images/navbar/item2-on.png') 0 0 / 100% 100% no-repeat;
}
.navbar .nav-item.active .icon.ico3{
	background: url('../../images/navbar/item3-on.png') 0 0 / 100% 100% no-repeat;
}
.navbar .nav-item.active .icon.ico4{
	background: url('../../images/navbar/item4-on.png') 0 0 / 100% 100% no-repeat;
}
/* --------- */
.goods-grid{
    display: flex;flex-wrap: wrap;padding: 0 0.8rem; justify-content: space-between;
}
.goods-grid .goods-card{
    width: 8.32rem;height: 12.5rem;position: relative;background: #fff; margin-bottom: .37rem;
}
.goods-grid .goods-card::after{
    content: '';position: absolute;left: 0;top:0;width: 200%;height: 200%;border: 1px solid #D3D3D3;
    border-radius: 0.32rem;transform: scale(0.5);z-index: 1;transform-origin: 0 0 ;user-select: none;pointer-events: none;
}
.goods-grid .goods-card .previmg{
    position: relative;height: 8.23rem;
}
.goods-grid .goods-card .previmg img{
    width: 100%;height: 100%;background: #eee;
}
.goods-grid .goods-card .goods-title{
    color: #333;font-size: 0.65rem;padding: 0 .25rem;margin-top: .2rem;
	height: 1.5rem;line-height: 1.25;
}
.goods-grid .goods-card .goods-integral{
    color: #EC5348;font-size: 0.6rem;padding: 0 .25rem; margin-top: .2rem;
}
.goods-grid .goods-card .sales-well{
    margin-top: .53rem;color: #999999;font-size: .53rem; margin-top: .2rem;
    display: flex;justify-content: space-between;align-items: center;padding: 0 .27rem;
}
/* --------- */
._goods-card{
	height: 4.6rem;position: relative;width: 17.25rem;margin: 0 auto;
}
._goods-card ._g_img-box{
	width: 4.68rem;height: 4.6rem;overflow: hidden;border-radius: .2rem;
	position: absolute;left: 0;top: 0;
}
._goods-card ._g_img-box img{
	width: 100%;height: 100%;
}
._goods-card ._g_img-box.LINE::after{
	border-radius: .4rem;
}
._goods-card ._g_title{
	position: absolute;left:5.43rem;top: .2rem;font-size: .6rem;color:#606060;width: 11.83rem;
	height: 1.8rem;
}
._goods-card ._g_specs{
	position: absolute;left:5.43rem;top: 2.5rem;font-size: .6rem;color:#BEBEBE;
}
._goods-card ._g_info{
	position: absolute;left:5.43rem;top: 3.8rem;font-size: .6rem;right: 0;color:#565656;text-align: right;
}
._goods-card ._g_info ._big{
	font-size: 0.75rem;
}
/* --------- */
.nav-title__box{
	width: 100%;height: 2rem;background: linear-gradient(180deg, #352C45 0%, #332C43 25%, #2F2A40 54%, #2B2A3C 100%);font-size: 0.9rem;
	display: flex;justify-content: flex-start;align-items: center;color: #FFFFFF;
}
.nav-title__box .nav-title__goback{
	width: 2.13rem;height:100%;display: flex;justify-content: center;align-items: center;
}
.nav-title__box .nav-title__goback .nav-title__goback--ico{
	width: 1rem;height: 1rem;background: url('../../images/ic_back.png') 0 0 / 100% 100% no-repeat;
}
.nav-title__box .nav-title__title-text{
	flex:1;text-align: center;
}
.nav-title__box .nav-title__right-ico{
	width: 2.13rem;height:100%;
}
/* --------- */
@media only screen and (-webkit-device-pixel-ratio:3){
    .navbar .nav-item::after{
		content: '';position: absolute;left: 0;top: 0;width: 100%;height: 1px;background: #DCDCDC;transform:scaleY(0.33);z-index: 1;
	}
	.LINE-T::after,.LINE-L::after,.LINE-R::after,.LINE-B::after{
		transform: scaleY(0.33);
	}
	.LINE::after{
		transform: scale(0.33);width:300%;height: 300%;
	}
	._goods-card ._g_img-box.LINE{
		border-radius: .6rem;
	}
}