// 页面框架
#app,
#appbw,
#page {
	overflow: hidden;
	/* #ifndef H5 */
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: calc(0 + env(safe-area-inset-bottom));
	/* #endif */
}

#app,
#appbw {
	min-height: 100vh;
	
	// overflow-x: hidden;
	overflow-y: scroll; 
	// -webkit-overflow-scrolling: touch;
}

#app,
#page {
	background-color: #f2f3f3;
}

#appbw {
	background-color: #FFF;
}

#page {
	
	display: flex;
	flex-direction: column;
	align-items: stretch;
	/* #ifdef H5 */
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/* #endif */
	/* #ifndef H5 */
	height: 100vh;
	/* #endif */
}

/*每个页面公共css */
image,
video {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
}

image {
	will-change: transform;
}

input,
textarea {
	outline: 0;
	flex: 1;
}

input {
	height: 100%;
}

label {
	display: block;
}

/* 自定义 */
/* 内容溢出 */
.oh {
	overflow: hidden;
}

/* 盒子大小 */
.bsb {
	box-sizing: border-box;
}

/* 盒子状态 */
/* 行内块 */
.dib {
	display: inline-block;
}

.db {
	display: block;
}

.dn {
	display: none;
}

/* 行内弹 */
.dif {
	display: inline-flex;
}

// 左浮动
.fl {
	float: left;
}

.fr {
	float: right;
}

/* 弹性盒模型 */
.df {
	display: flex;
}

.jcsa {
	justify-content: space-around;
}

.jcsb {
	justify-content: space-between;
}
/*
左右居中
*/
.jcc {
	justify-content: center;
}

.jcl {
	justify-content: flex-start;
}

.jcr {
	justify-content: flex-end;
}
/*
上下居中
*/
.aic {
	align-items: center;
}
.dfjcsbaic {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.dfjcsaaic {
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.dffdcjcsb{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.dffdcaic{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.dfjccaic {
	display: flex;
	justify-content: center;
	align-items: center;
}
.fdr{
	flex-direction: row;
}
.aib {
	align-items: baseline;
}

.aie {
	align-items: flex-end;
}

.fdc {
	flex-direction: column;
}

.fww {
	flex-wrap: wrap;
}

.f1 {
	flex: 1;
}

.f2 {
	flex: 2;
}

.f3 {
	flex: 3;
}

/* 定位 */
.pf {
	position: fixed;
}

.pr {
	position: relative;
}

.pa {
	position: absolute;
}

.t0 {
	top: 0;
}

.l0 {
	left: 0;
}

.r0 {
	right: 0;
}

.b0 {
	bottom: 0;
}

.pmid {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.pfull {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* 宽 */
	.w35 {
		width: 35px;
	}
	.w40 {
		width: 40px;
	}
	.w45 {
		width: 45px;
	}
	.w50 {
		width: 50px;
	}
	.w65 {
		width: 65px;
	}
.w80 {
	width: 80px;
}
.w100 {
	width: 100px;
}

.w120 {
	width: 120px;
}
.w130 {
	width: 130px;
}

.w150 {
	width: 150px;
}
.w160 {
	width: 160px;
}

.w170 {
	width: 170px;
}

.w180 {
	width: 180px;
}
.w190 {
	width: 190px;
}
.w200 {
	width: 200px;
}
.w210 {
	width: 210px;
}

.w220 {
	width: 220px;
}
.w230 {
	width: 230px;
}
.w240 {
	width: 240px;
}
.w250 {
	width: 250px;
}

.w300 {
	width: 300px;
}

.w500 {
	width: 500px;
}

.w100p {
	width: 100%;
}
.w95p {
	width: 95%;
}
.w90p {
	width: 90%;
}
.w80p {
	width: 80%;
}
.w75p {
	width: 75%;
}
.w70p {
	width: 70%;
}
.w60p {
	width: 60%;
}
.w48p {
	width: 48%;
}
.w40p {
	width: 40%;
}
.w50p {
	width: 50%;
}
.w30p{
	width: 30%;
}
.w25p{
	width: 25%;
}

.w10p{
	width: 10%;
}

/* 高 */
.mh100p {
	min-height: 100vh;
}

.h40 {
	height: 40px;
}
.h50 {
	height: 50px;
}
.h65 {
	height: 65px;
}
.h80 {
	height: 80px;
}
.h90 {
	height: 90px;
}
.h100 {
	height: 100px;
}
.h150 {
	height: 150px;
}
.h160 {
	height: 160px;
}
.h190 {
	height: 190px;
}
.h200 {
	height: 200px;
}
.h250 {
	height: 250px;
}
.h280 {
	height: 280px;
}
.h300 {
	height: 300px;
}
.h330 {
	height: 330px;
}
.h350 {
	height: 350px;
}
.h400 {
	height: 400px;
}
.h100p {
	height: 100vh;
}

/* 宽高 */
.wh24 {
	width: 24px;
	height: 24px;
}

.wh30 {
	width: 30px;
	height: 30px;
}

.wh35 {
	width: 35px;
	height: 35px;
}

.wh40 {
	width: 40px;
	height: 40px;
}

.wh45 {
	width: 45px;
	height: 45px;
}

.wh50 {
	width: 50px;
	height: 50px;
}

.wh55 {
	width: 55px;
	height: 55px;
}

.wh60 {
	width: 60px;
	height: 60px;
}

.wh65 {
	width: 65px;
	height: 65px;
}

.wh70 {
	width: 70px;
	height: 70px;
}

.wh80 {
	width: 80px;
	height: 80px;
}

.wh90 {
	width: 90px;
	height: 90px;
}
.wh95 {
	width: 95px;
	height: 95px;
}
.wh100 {
	width: 100px;
	height: 100px;
}

.wh110 {
	width: 110px;
	height: 110px;
}

.wh120 {
	width: 120px;
	height: 120px;
}

.wh130 {
	width: 130px;
	height: 130px;
}

.wh140 {
	width: 140px;
	height: 140px;
}

.wh150 {
	width: 150px;
	height: 150px;
}

.wh160 {
	width: 160px;
	height: 160px;
}
.wh170 {
	width: 170px;
	height: 170px;
}
.wh180 {
	width: 180px;
	height: 180px;
}

.wh190 {
	width: 190px;
	height: 190px;
}

.wh200 {
	width: 200px;
	height: 200px;
}

.wh220 {
	width: 220px;
	height: 220px;
}
.wh230 {
	width: 230px;
	height: 230px;
}
.wh235 {
	width: 235px;
	height: 235px;
}

.wh250 {
	width: 250px;
	height: 250px;
}

.wh300 {
	width: 300px;
	height: 300px;
}

.wh350 {
	width: 350px;
	height: 350px;
}


// 去色
.fg100p {
	filter: grayscale(100%);
}

/* 外边距 */
.mauto {
	margin: 0 auto;
}
.m0{
	margin: 0;
}
.m30{
	margin: 30px;
}
.mb5 {
	margin-bottom: 5px;
}
.op0{
	opacity: 0;
}
/* 上 */
.mt5 {
	margin-top: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mt10p {
	margin-top: 10vh;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt20p {
	margin-top: 20vh;
}

.mt25 {
	margin-top: 25px;
}
.mt-25{
	margin-top: -25px;
}

.mt30 {
	margin-top: 30px;
}

.mt35 {
	margin-top: 35px;
}

.mt40 {
	margin-top: 40px;
}

.mt50 {
	margin-top: 50px;
}

.mt60 {
	margin-top: 60px;
}

.mt70 {
	margin-top: 70px;
}

.mt80 {
	margin-top: 80px;
}

.mt90 {
	margin-top: 90px;
}

.mt100 {
	margin-top: 100px;
}

.mt130 {
	margin-top: 130px;
}

.mt150 {
	margin-top: 150px;
}

/* 左 */
.ml5 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml15 {
	margin-left: 15px;
}

.ml20 {
	margin-left: 20px;
}

.ml25 {
	margin-left: 25px;
}

.ml30 {
	margin-left: 30px;
}

.ml35 {
	margin-left: 35px;
}

.ml40 {
	margin-left: 40px;
}
.ml45 {
	margin-left: 45px;
}
.ml60 {
	margin-left: 60px;
}
.ml75 {
	margin-left: 75px;
}
.ml100 {
	margin-left: 100px;
}
/* 右 */
.mr5 {
	margin-right: 5px;
}

.mr10 {
	margin-right: 10px;
}

.mr15 {
	margin-right: 15px;
}

.mr20 {
	margin-right: 20px;
}

.mr25 {
	margin-right: 25px;
}

.mr30 {
	margin-right: 30px;
}

.mr35 {
	margin-right: 35px;
}

.mr40 {
	margin-right: 40px;
}

/* 下 */
.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}

.mb60 {
	margin-bottom: 60px;
}

.mb70 {
	margin-bottom: 70px;
}

.mb80 {
	margin-bottom: 80px;
}

.mb100 {
	margin-bottom: 100px;
}

.mb120 {
	margin-bottom: 120px;
}

.mb140 {
	margin-bottom: 140px;
}

.mb180 {
	margin-bottom: 180px;
}

/* 上下 */
.mtb5 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.mtb10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.mtb15 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.mtb20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.mtb25 {
	margin-top: 25px;
	margin-bottom: 25px;
}

.mtb30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.mtb35 {
	margin-top: 35px;
	margin-bottom: 35px;
}

.mtb40 {
	margin-top: 40px;
	margin-bottom: 40px;
}

.mtb50 {
	margin-top: 50px;
	margin-bottom: 50px;
}

/* 左右 */
.mlr5 {
	margin-left: 5px;
	margin-right: 5px;
}

.mlr10 {
	margin-left: 10px;
	margin-right: 10px;
}

.mlr15 {
	margin-left: 15px;
	margin-right: 15px;
}

.mlr20 {
	margin-left: 20px;
	margin-right: 20px;
}

.mlr25 {
	margin-left: 25px;
	margin-right: 25px;
}

.mlr30 {
	margin-left: 30px;
	margin-right: 30px;
}

.mlr35 {
	margin-left: 35px;
	margin-right: 35px;
}

.mlr40 {
	margin-left: 40px;
	margin-right: 40px;
}

.mlr45 {
	margin-left: 45px;
	margin-right: 45px;
}

.mlr50 {
	margin-left: 50px;
	margin-right: 50px;
}

.mlr60 {
	margin-left: 60px;
	margin-right: 60px;
}

.mlr70 {
	margin-left: 70px;
	margin-right: 70px;
}

.mlr80 {
	margin-left: 80px;
	margin-right: 80px;
}

/* 内边距 */
.p5 {
	padding: 5px;
}
.p25 {
	padding: 25px;
}
.p30 {
	padding: 30px;
}
.p35 {
	padding: 35px;
}
/* 上 */
.pt5 {
	padding-top: 5px;
}

.pt10 {
	padding-top: 10px;
}

.pt15 {
	padding-top: 15px;
}

.pt20 {
	padding-top: 20px;
}

.pt25 {
	padding-top: 25px;
}

.pt30 {
	padding-top: 30px;
}

.pt35 {
	padding-top: 35px;
}

.pt40 {
	padding-top: 40px;
}

.pt45 {
	padding-top: 45px;
}

.pt50 {
	padding-top: 50px;
}

.pt60 {
	padding-top: 60px;
}

.pt90 {
	padding-top: 90px;
}

.pt100 {
	padding-top: 100px;
}


.p10 {
	padding: 10px;
}
.p20 {
	padding: 20px;
}
/* 左 */
.pl5 {
	padding-left: 5px;
}

.pl10 {
	padding-left: 10px;
}

.pl15 {
	padding-left: 15px;
}

.pl20 {
	padding-left: 20px;
}

.pl30 {
	padding-left: 30px;
}

.pl40 {
	padding-left: 40px;
}
.pl50 {
	padding-left: 50px;
}
.pl90 {
	padding-left: 90px;
}

/* 右 */
.pr5 {
	padding-right: 5px;
}

.pr10 {
	padding-right: 10px;
}

.pr15 {
	padding-right: 15px;
}

.pr20 {
	padding-right: 20px;
}

.pr25 {
	padding-right: 25px;
}

.pr30 {
	padding-right: 30px;
}

/* 下 */
.pb5 {
	padding-bottom: 5px;
}
.pb10 {
	padding-bottom: 10px;
}
.pb15 {
	padding-bottom: 15px;
}
.pb20 {
	padding-bottom: 20px;
}

.pb25 {
	padding-bottom: 25px;
}

.pb30 {
	padding-bottom: 30px;
}
.pb35 {
	padding-bottom: 35px;
}

.pb40 {
	padding-bottom: 40px;
}

.pb60 {
	padding-bottom: 60px;
}
.pb90 {
	padding-bottom: 90px;
}

/* 上下 */
.ptb5 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.ptb10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

.ptb15 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.ptb20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.ptb25 {
	padding-top: 25px;
	padding-bottom: 25px;
}

.ptb30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.ptb35 {
	padding-top: 35px;
	padding-bottom: 35px;
}

.ptb40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.ptb50 {
	padding-top: 50px;
	padding-bottom: 50px;
}

/* 左右 */
.plr5 {
	padding-left: 5px;
	padding-right: 5px;
}

.plr10 {
	padding-left: 10px;
	padding-right: 10px;
}

.plr15 {
	padding-left: 15px;
	padding-right: 15px;
}

.plr20 {
	padding-left: 20px;
	padding-right: 20px;
}

.plr25 {
	padding-left: 25px;
	padding-right: 25px;
}

.plr30 {
	padding-left: 30px;
	padding-right: 30px;
}

.plr35 {
	padding-left: 35px;
	padding-right: 35px;
}

.plr40 {
	padding-left: 40px;
	padding-right: 40px;
}

.plr45 {
	padding-left: 45px;
	padding-right: 45px;
}

.plr50 {
	padding-left: 50px;
	padding-right: 50px;
}

.plr60 {
	padding-left: 60px;
	padding-right: 60px;
}

.plr70 {
	padding-left: 70px;
	padding-right: 70px;
}

/* 段落样式 */
/* 对齐方式 */
.tac {
	text-align: center;
}

.tal {
	text-align: left;
}

.tar {
	text-align: right;
}

.taj {
	text-align-last: justify;
}

/* 行高 */
.lh20 {
	line-height: 20px;
}
.lh25 {
	line-height: 25px;
}
.lh30 {
	line-height: 30px;
}
.lh35 {
	line-height: 35px;
}

.lh40 {
	line-height: 40px;
}

.lh45 {
	line-height: 45px;
}

.lh50 {
	line-height: 50px;
}

.lh55 {
	line-height: 55px;
}

.lh60 {
	line-height: 60px;
}
.lh65 {
	line-height: 65px;
}


.lh70 {
	line-height: 70px;
}

.lh75 {
	line-height: 75px;
}

.lh80 {
	line-height: 80px;
}

.lh87 {
	line-height: 87px;
}

.lh90 {
	line-height: 90px;
}

.lh95 {
	line-height: 95px;
}

.lh99 {
	line-height: 99px;
}

.lh100 {
	line-height: 100px;
}

.lh110 {
	line-height: 110px;
}

.lh120 {
	line-height: 120px;
}

.lh125 {
	line-height: 125px;
}

.lh130 {
	line-height: 130px;
}
.lh140 {
	line-height: 140px;
}

.lh150 {
	line-height: 150px;
}

.lh200 {
	line-height: 200px;
}

.ti {
	text-indent: 60px;
}

.ti2 {
	text-indent: 2em;
}

// 贯穿线
.tdl {
	text-decoration: line-through;
}

// 下划线
.tbu {
	text-decoration: underline;
}

/* 单行溢出隐藏显示... */
.thd {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* 多行溢出隐藏显示... */
.t2hd {
	overflow: hidden;
	text-overflow: -o-ellipsis-lastline;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* 控制行数 */
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.t3hd {
	overflow: hidden;
	text-overflow: -o-ellipsis-lastline;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* 控制行数 */
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.t4hd {
	overflow: hidden;
	text-overflow: -o-ellipsis-lastline;
	text-overflow: ellipsis;
	display: -webkit-box;
	/* 控制行数 */
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

/* 元素不换行 */
.wsn {
	white-space: nowrap;
}

/* 文字样式 */
/* 颜色 */
.cw {
	color: white;
}

.cred {
	color: red;
}

.c000 {
	color: #000;
}

.c111 {
	color: #111;
}

.c333 {
	color: #333;
}

.c666 {
	color: #666;
}


.lll {
	color: #18C889;
}

.c999 {
	color: #999;
}

.cccc {
	color: #CCC;
}

.c05C057 {
	color: #05C057;
}

.cFF2927 {
	color: #FF2927;
}
.cFF7455 {
	color: #FF7455;
}
.ffffff {
	color: #FFFFFF;
}

.c005B28 {
	color: #005B28;
}

/* 文字大小 */
.f0 {
	font-size: 0;
}
.f20{
	font-size: 20px;
}
.f18{
	font-size: 18px;
}

.f22 {
	font-size: 22px;
}

.f24 {
	font-size: 24px;
}

.f26 {
	font-size: 26px;
}

.f28 {
	font-size: 28px;
}

.f30 {
	font-size: 30px;
}

.f32 {
	font-size: 32px;
}

.f34 {
	font-size: 34px;
}

.f36 {
	font-size: 36px;
}

.f38 {
	font-size: 38px;
}

.f40 {
	font-size: 40px;
}

.f44 {
	font-size: 44px;
}

.f46 {
	font-size: 46px;
}

.f48 {
	font-size: 48px;
}

.f50 {
	font-size: 50px;
}

.f54 {
	font-size: 54px;
}

.f60 {
	font-size: 60px;
}

.f72 {
	font-size: 72px;
}

.f80 {
	font-size: 80px;
}

.fwb {
			font-weight: bold;
		}

.l {
	font-weight: lighter;
}

/* 背景 */
.bw {
	background-color: white;
}
.bf8{
	background-color: #F8F8F8;
}

.b000 {
	background-color: #000;
}

.beee {
	background-color: #eee;
}

.bccc {
	background-color: #ccc;
}

.bddd {
	background-color: #ddd;
}
.blan{
	background-color: #0068C8;
}

.xiala {
	background-color: #F3F9F8;
}
 

.xiala2 {
	background-color: #DFF4EF;
}

.bd1s {
	border: 1px solid  #E0E0E0;
}
.bd1d {
	border: 1px dashed;
}
/* 圆角 */
.br4 {
	border-radius: 4px;
}
.br10 {
	border-radius: 10px;
}

.br20 {
	border-radius: 20px;
}

.br25 {
	border-radius: 25px;
}
.br30 {
	border-radius: 30px;
}
.br50 {
	border-radius: 50px;
}
.cir {
	border-radius: 50%;
}

.bar {
	border-radius: 100px;
}

// 阴影
.shadow {
	box-shadow: 0px 2px 8px rgba(144, 144, 144, 0.2);
}
.yiny{
	box-shadow: 0px 2px 8px rgba(144, 144, 144, 0.2);
}
.tr05{
	transition: .5s;
}
.tr03{
	transition: .3s;
}
.tr90{
	transform: rotate(90deg);
	// transform: 90deg;
}
.tr180{
	transform: rotate(180deg);
	// transform: 90deg;
}


.bdb1se0 {
	border-bottom: 1px solid #E0E0E0;
}
.bdt1se {
	border-top: 1px solid #eee;
}
.bdt1s{
	border-top: 1px solid #C5C5C5;
}


.noData_{
	flex: 1;
	// width: 100%;
	text-align: center;
	line-height: 100px;
	font-size: 28px;
	color: #666;
}
.noData{
	width: 100%;
	margin-top: 100px;
	text-align: center;
	line-height: 100px;
	font-size: 28px;
	color: #666;
}

.noqx {
	color: #999;
	font-size: 26px;
	text-align: center;
	line-height: 100vh;
}


// 运输 公共 样式
.button_bd1s {
	// margin-top: 30px;
	// background: #FFFFFF;
	border: 1px solid #0068C8;
	border-radius: 10px;
	color: #0068C8;
	text-align: center;
}
.button_bd1s_c666 {
	// margin-top: 30px;
	// background: #FFFFFF;
	border: 1px solid #666D7F;
	border-radius: 10px;
	color: #666D7F;
	text-align: center;
}

.button_cart{
	background: #FF8A1E;
	border: 1px solid #FF8A1E;
	border-radius: 10px;
	color: white;
	text-align: center;
}

.button_back {
	background: #00BA35;
	border: 1px solid #00BA35;
	border-radius: 10px;
	color: white;
	text-align: center;
}
.button_none {
	background: #C8C8C8;
	border: 1px solid #C8C8C8;
	border-radius: 10px;
	color: white;
	text-align: center;
}
.button_bw {
	// margin-top: 30px;
	background: white;
	border: 1px solid white;
	border-radius: 10px;
	color: #0068C8;
	text-align: center;
	font-size: 34px;
}
.color_red {
	color: #FF0A1B;
}
.color_blue {
	color: #0068C8;
}
.color_2 {
	color: #253656;
}
.color_666 {
	color: #666D7F;
}

.view {
	padding-left: 20px;
	padding-right: 20px;
	margin: 30px 20px;
	overflow: hidden;
	background-color: white;
	border-radius: 10px;
}

.viewlist{
	overflow: hidden;
	padding-left: 30px;
	padding-right: 30px;
	background-color: white;
	border-radius: 10px;
}

.bottom_view {
	z-index: 3;
	padding-top: 20px;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: calc(20px + env(safe-area-inset-bottom));
	// padding: 20px 0;
	position: fixed;
	// width: 100%;
	left: 0;
	bottom: 0;
	right: 0;
	background: #FFFFFF;
	box-shadow: 0px -3px 6px rgba(0,0,0,0.1);
	// box-shadow: 0px -3px 6px rgba(0,0,0,0.1);
	opacity: 1;
}

	
// 列表 底部 按钮
.list_bottom_button {
	margin-top: 15px;
	border-top: 1px sold #EEEEEE;
	padding-top: 20px;
	// padding-left: 20px;
	// padding-right: 20px;
	display: flex;
	justify-content: flex-end;
}


// 底部填充+200px
.bottom_fill {
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: calc(200px + env(safe-area-inset-bottom));
}
// 底部填充
.fill {
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: calc(0px + env(safe-area-inset-bottom));
}

// 底部填充+100px
.pages_bottom_fill {
	padding-bottom: 100px;
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: calc(100px + env(safe-area-inset-bottom));
}


// 购物车
.Group {
	z-index: 3;
	position: fixed;
	right: 30px;
	bottom: 20vh;
}


.tegs {
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;

	.label {
		margin-right: 16px;
		margin-bottom: 15px;
		padding: 0 16px;
		text-align: center;
		font-size: 24px;
		color: #00BA34;
		line-height: 52px;
		background: #F1FFF5;
		border-radius: 6px;
	}
	
	.label2{
		margin-right: 16px;
		margin-bottom: 15px;
		padding: 0 16px;
		text-align: center;
		font-size: 24px;
		color: #006CBA;
		line-height: 52px;
		background: #F3F7FF;
		border-radius: 6px;
	}
}