@charset "utf-8";
/*reset*/
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre,xmp{margin:0;padding:0}
body,input,textarea,button,select,pre,xmp,tt,code,kbd,samp{line-height:1.4;font-family:PingFang SC,"Microsoft Yahei","Helvetica Neue",arial,"Hiragino Sans GB",simsun,sans-serif}
h1,h2,h3,h4,h5,h6,small,big,input,textarea,button,select{font-size:100%}
h1,h2,h3,h4,h5,h6{font-family:PingFang SC,"Microsoft Yahei","Helvetica Neue",arial,"Hiragino Sans GB","微软雅黑",simsun,sans-serif}
h1,h2,h3,h4,h5,h6,b,strong{font-weight:normal}
address,cite,dfn,em,i,optgroup,var{font-style:normal}
table{border-collapse:collapse;border-spacing:0;text-align:left}
caption,th{text-align:inherit}
ul,ol,menu{list-style:none}
fieldset,img{border:0}
img,object,input,textarea,button,select{vertical-align:middle}
article,aside,footer,header,section,nav,figure,figcaption,hgroup,details,menu{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
blockquote:before,blockquote:after,q:before,q:after{content:"\0020"}
textarea{overflow:auto;resize:vertical}
input,textarea,button,select,a{outline:0 none;border:none;border-radius:0;-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
mark{background-color:transparent}
a,ins,s,u,del{text-decoration:none}
sup,sub{vertical-align:baseline}
html{font-size:50px;-webkit-tap-highlight-color:transparent}
body{width:100%;max-width:562.5px;margin:0 auto;font-family:PingFang SC, "Microsoft Yahei", "Helvetica Neue", Arial, Helvetica, sans-serif;color:#333;font-size:.28em;line-height:1.4;-webkit-text-size-adjust:none}

/*public*/
:root { --theme-color: #ff0b3f; }
.highlight { color: #E33124; }

::-webkit-input-placeholder {
	color: #999;
	font-size: .26rem;
}
body.noscroll {
	overflow: hidden;
	position: fixed;
}
input {
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	-o-user-select: auto;
	user-select: auto;
}
i {
	display: inline-block;
	font-style: normal;
}
a { display: inline-block; }
img { pointer-events: none; }

.clearfix::after {
	display: block;
	content: '';
	visibility: hidden;
	clear: both;
	height: 0;
}
.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ellipsis2 {
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.fl { float: left; }
.fr { float: right; }
 
.pr { position: relative; }
.pa { position: absolute; }
.pf { position: fixed; }

.t0 { top: 0; }
.b0 { bottom: 0; }
.l0 { left: 0; }
.r0 { right: 0; }

.dn { display: none!important; }
.db { display: block; }
.di { display: inline-block; }
.df { display: flex; }
.dif { display: inline-flex; }

.fcol { flex-direction: column; }
.jcen { justify-content: center; }
.jbet { justify-content: space-between; }
.acen { align-items: center; }
.center { justify-content: center; align-items: center; }

.flex1 { flex: 1; }
.w100 { width: 100%; }
.w95 { width: 95%; }
.h100 { height: 100%; }

.mt04 { margin-top: .04rem; }
.mb04 { margin-bottom: .04rem; }
.ml04 { margin-left: .04rem; }
.mr04 { margin-right: .04rem; }
.mt06 { margin-top: .06rem; }
.mb06 { margin-bottom: .06rem; }
.ml06 { margin-left: .06rem; }
.mr06 { margin-right: .06rem; }
.mt08 { margin-top: .08rem; }
.mb08 { margin-bottom: .08rem; }
.ml08 { margin-left: .08rem; }
.mr08 { margin-right: .08rem; }
.mt10 { margin-top: .1rem; }
.mb10 { margin-bottom: .1rem; }
.ml10 { margin-left: .1rem; }
.mr10 { margin-right: .1rem; }
.mt12 { margin-top: .12rem; }
.mb12 { margin-bottom: .12rem; }
.ml12 { margin-left: .12rem; }
.mr12 { margin-right: .12rem; }
.mt16 { margin-top: .16rem; }
.mb16 { margin-bottom: .16rem; }
.ml16 { margin-left: .16rem; }
.mr16 { margin-right: .16rem; }
.mt20 { margin-top: .2rem; }
.mb20 { margin-bottom: .2rem; }
.ml20 { margin-left: .2rem; }
.mr20 { margin-right: .2rem; }
.margin20 { margin: .2rem; }

.pt04 { padding-top: .04rem; }
.pb04 { padding-bottom: .04rem; }
.pl04 { padding-left: .04rem; }
.pr04 { padding-right: .04rem; }
.pt06 { padding-top: .06rem; }
.pb06 { padding-bottom: .06rem; }
.pl06 { padding-left: .06rem; }
.pr06 { padding-right: .06rem; }
.pt08 { padding-top: .08rem; }
.pb08 { padding-bottom: .08rem; }
.pl08 { padding-left: .08rem; }
.pr08 { padding-right: .08rem; }
.pt10 { padding-top: .1rem; }
.pb10 { padding-bottom: .1rem; }
.pl10 { padding-left: .1rem; }
.pr10 { padding-right: .1rem; }
.pt12 { padding-top: .12rem; }
.pb12 { padding-bottom: .12rem; }
.pl12 { padding-left: .12rem; }
.pr12 { padding-right: .12rem; }
.pt16 { padding-top: .16rem; }
.pb16 { padding-bottom: .16rem; }
.pl16 { padding-left: .16rem; }
.pr16 { padding-right: .16rem; }
.pt20 { padding-top: .2rem; }
.pb20 { padding-bottom: .2rem; }
.pl20 { padding-left: .2rem; }
.pr20 { padding-right: .2rem; }
.padding20 { padding: .2rem; }
 
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }

.c000 { color: #000; }
.c333 { color: #333; }
.c666 { color: #666; }
.c999 { color: #999; }
.cfff { color: #fff; }
.ctheme { color: var(--theme-color); }

.fs18 { font-size: .18rem; }
.fs20 { font-size: .20rem; }
.fs22 { font-size: .22rem; }
.fs24 { font-size: .24rem; }
.fs26 { font-size: .26rem; }
.fs28 { font-size: .28rem; }
.fs30 { font-size: .30rem; }
.fs32 { font-size: .32rem; }
.fs34 { font-size: .34rem; }
.fs36 { font-size: .36rem; }
.fs38 { font-size: .38rem; }
.fs40 { font-size: .40rem; }
.fs42 { font-size: .42rem; }
.fs44 { font-size: .44rem; }
.fs46 { font-size: .46rem; }
.fs48 { font-size: .48rem; }

.line1 { line-height: 1.1; }
.bold { font-weight: 500; }
.strong { font-weight: 600; }
.nowrap { white-space: nowrap; }

.bgfff { background-color: #fff; }
.bg456 { background-color: #f4f5f6; }
.bgtheme { background-color: var(--theme-color); }

.radius { border-radius: 1rem; }
.radius04 { border-radius: .04rem; }
.radius06 { border-radius: .06rem; }
.radius08 { border-radius: .08rem; }
.radius10 { border-radius: .1rem; }
.radius12 { border-radius: .12rem; }
.radius16 { border-radius: .16rem; }
.radius20 { border-radius: .2rem; }
.radius32 { border-radius: .32rem; }
.radius50 { border-radius: 50%; }
.overhid { overflow: hidden; }
.sizing { box-sizing: border-box; }
.hidden { opacity: 0; }

.lazy-load-bg {
	background: url(http://sgxsgx.oss-cn-shenzhen.aliyuncs.com/other/d13381ceaaba460eb8301a9924687e79.jpg) no-repeat center top;
	background-size: 100%;
}

.base-tabbar, .navigation, .goods-shop-cart, .submit-order {
	max-width: 562.5px;
	padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS<11.2 */
	padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS>=11.2 */
}

/* 文字滚动 */
.marquee {
	display: flex;
	width: 100%;
	white-space: nowrap;
	will-change: transform;
	animation-name: marquee;
	animation-duration: 8s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes marquee {
	0% {
		transform: translateX(100%);
	}
	100% {
		transform: translateX(-92%);
	}
}

/* 浮窗抖动 */
.floatshake {
	animation-name: floatshake;
	animation-duration: 1s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
}
@keyframes floatshake {
	0% {
		transform: scale(1);
	}
	10%, 20% {
		transform: scale3d(.9,.9,.9) rotate(-6deg);
	}
	30%, 50%, 70%, 90% {
		transform: scale3d(1.1,1.1,1.1) rotate(6deg);
	}
	40%, 60%, 80% {
		transform: scale3d(1.1,1.1,1.1) rotate(-6deg);
	}
	100% {
		transform: scaleX(1);
	}
}

/* 省市区弹窗 */
.picker .picker-panel .picker-choose .picker-title {
	font-size: 0!important;
}
.picker .picker-panel .picker-choose .cancel, 
.picker .picker-panel .picker-choose .confirm {
	padding: .1rem .4rem!important;
	font-size: .3rem!important;
}
.picker .picker-panel .wheel-wrapper .wheel {
	font-size: .32rem!important;
}
.picker .picker-panel .wheel-wrapper .wheel .wheel-scroll .wheel-item {
	text-overflow: ellipsis;
}

/* loading弹窗 */
.layui-m-layer2 .layui-m-layercont i {
	background-color: #999 !important;
}

.footer-beian{
	position: fixed;
	bottom: 50px;
	left: 0;
	width: 100%;
	height: 40px;
	background-color: #ececec;
	color: #666;
	font-size: 12px;
	text-align: center;
	padding: 3px 0;
	z-index: 99;
}
.footer-beian a{
	color: #666;
}