/* #ifdef H5 */
:root {
	/* --view-theme: red;
	--view-fontColor: #333 */
}

/* #endif */
/* #ifdef MP */
page {
	/* --view-theme: #fff;
	--view-fontColor: #333 */
}

/* #endif */
.font-color,
.font-color-red {
	color: var(--view-priceColor) !important
}

.font-num {
	color: var(--view-theme) !important
}

.bg-color {
	background-color: var(--view-theme) !important
}

.icon-color {
	color: #ff3c2b
}

.cart-color {
	color: var(--view-theme) !important;
	border: 1px solid var(--view-theme) !important
}

.borderRadius15 {
	border-radius: calc(15 * min(100vw, 480px) / 750) !important;
}

.borderRadius20 {
	border-radius: calc(20 * min(100vw, 480px) / 750) !important;
}

.padding20 {
	padding: calc(20 * min(100vw, 480px) / 750)
}

.pad20 {
	padding: 0 calc(20 * min(100vw, 480px) / 750)
}

.padding30 {
	padding: calc(30 * min(100vw, 480px) / 750)
}

.pad30 {
	padding: 0 calc(30 * min(100vw, 480px) / 750)
}

.p_center {
	text-align: center;
}

.acea-row {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-o-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.acea-row.row-middle {
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center
}

.acea-row.row-top {
	-webkit-box-align: start;
	-moz-box-align: start;
	-o-box-align: start;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start
}

.acea-row.row-bottom {
	-webkit-box-align: end;
	-moz-box-align: end;
	-o-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end
}

.acea-row.row-center {
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-o-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.acea-row.row-right {
	-webkit-box-pack: end;
	-moz-box-pack: end;
	-o-box-pack: end;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end
}

.acea-row.row-left {
	-webkit-box-pack: start;
	-moz-box-pack: start;
	-o-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start
}

.acea-row.row-between {
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-o-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.acea-row.row-around {
	justify-content: space-around;
	-webkit-justify-content: space-around
}

.acea-row.row-column-around {
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	justify-content: space-around;
	-webkit-justify-content: space-around
}

.acea-row.row-column {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-o-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column
}

.acea-row.row-column-between {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-o-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-o-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.acea-row.row-center-wrapper {
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-o-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.acea-row.row-between-wrapper {
	-webkit-box-align: center;
	-moz-box-align: center;
	-o-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-moz-box-pack: justify;
	-o-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.acea-row.row-end{
	align-items: end;
}

.start {
	width: calc(122 * min(100vw, 480px) / 750);
	height: calc(30 * min(100vw, 480px) / 750);
	background-image: none;
	background-repeat: no-repeat;
	background-size: calc(122 * min(100vw, 480px) / 750) auto;
}

.start.star5 {
	background-position: 0 calc(3 * min(100vw, 480px) / 750);
}

.start.star4 {
	background-position: 0 calc(-30 * min(100vw, 480px) / 750);
}

.start.star3 {
	background-position: 0 calc(-70 * min(100vw, 480px) / 750);
}

.start.star2 {
	background-position: 0 calc(-105 * min(100vw, 480px) / 750);
}

.start.star1 {
	background-position: 0 calc(-150 * min(100vw, 480px) / 750);
}

.start.star0 {
	background-position: 0 calc(-175 * min(100vw, 480px) / 750);
}

view,
text,
image,
button,
input,
textarea {
	box-sizing: border-box
}

page {
	font-size: calc(28 * min(100vw, 480px) / 750);
	color: #333;
	background-color: #f5f5f5;
}

body,
html {}

button {
	padding: 0;
	margin: 0;
	line-height: normal;
	background-color: #fff
}

button::after {
	border: 0
}

radio .wx-radio-input {
	border-radius: 50%;
	width: calc(38 * min(100vw, 480px) / 750);
	height: calc(38 * min(100vw, 480px) / 750)
}

radio .wx-radio-input.wx-radio-input-checked {
	border: 1px solid var(--view-theme) !important;
	background-color: var(--view-theme) !important
}

radio .uni-radio-input {
	border-radius: 50%;
	width: calc(38 * min(100vw, 480px) / 750);
	height: calc(38 * min(100vw, 480px) / 750)
}

radio .uni-radio-input.uni-radio-input-checked {
	border: 1px solid var(--view-theme) !important;
	background-color: var(--view-theme) !important
}

checkbox .wx-checkbox-input {
	border-radius: 50%;
	width: calc(38 * min(100vw, 480px) / 750);
	height: calc(38 * min(100vw, 480px) / 750)
}

checkbox .wx-checkbox-input.wx-checkbox-input-checked {
	border: 1px solid var(--view-theme) !important;
	background-color: var(--view-theme) !important;
	color: #fff !important
}

checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
	font-size: calc(35 * min(100vw, 480px) / 750)
}

checkbox .uni-checkbox-input {
	border-radius: 50%;
	width: calc(38 * min(100vw, 480px) / 750);
	height: calc(38 * min(100vw, 480px) / 750)
}

checkbox .uni-checkbox-input.uni-checkbox-input-checked {
	border: 1px solid var(--view-theme);
	background-color: var(--view-theme);
	color: #fff !important
}

checkbox .uni-checkbox-input.uni-checkbox-input-disabled {
	background-color: #e1e1e1 !important;
	border: 1px solid #e1e1e1 !important;
}

checkbox .uni-checkbox-input.uni-checkbox-input-checked::before {
	font-size: calc(35 * min(100vw, 480px) / 750)
}

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

.line2 {
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	display: -moz-box;
	-moz-line-clamp: 2;
	-moz-box-orient: vertical;
	word-wrap: break-word;
white-space: normal;
	overflow: hidden;
}

.line3 {
display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden
}

.mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: .5;
	z-index: 5
}

@keyframes load {
	from {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

@-webkit-keyframes load {
	from {
		transform: rotate(0)
	}

	to {
		transform: rotate(360deg)
	}
}

.loadingpic {
	animation: load 3s linear 1s infinite;
	--webkit-animation: load 3s linear 1s infinite
}

.loading-list {
	animation: load linear 1s infinite;
	-webkit-animation: load linear 1s infinite;
	font-size: calc(40 * min(100vw, 480px) / 750);
	margin-right: calc(22 * min(100vw, 480px) / 750)
}

.loading {
	width: 100%;
	height: calc(100 * min(100vw, 480px) / 750);
	line-height: calc(100 * min(100vw, 480px) / 750);
	align-items: center;
	justify-content: center;
	position: relative;
	text-align: center
}

.loading .line {
	position: absolute;
	width: calc(450 * min(100vw, 480px) / 750);
	left: calc(150 * min(100vw, 480px) / 750);
	top: calc(50 * min(100vw, 480px) / 750);
	height: 1px;
	border-top: 1px solid #eee
}

.loading .text {
	position: relative;
	display: inline-block;
	padding: 0 calc(20 * min(100vw, 480px) / 750);
	background: #fff;
	z-index: 2;
	color: #777
}

.loadingicon .loading {
	animation: load linear 1s infinite;
	font-size: calc(45 * min(100vw, 480px) / 750);
	color: #000;
/* 	width: 50rpx;
	height: 50rpx; */
}

.loadingicon {
	width: 100%;
	height: calc(80 * min(100vw, 480px) / 750);
	overflow: hidden
}

.uni-p-b-98 {
	height: calc(100 * min(100vw, 480px) / 750);
	/* 兼容 IOS<11.2 */
	height: calc(calc(100 * min(100vw, 480px) / 750) + constant(safe-area-inset-bottom));
	/* 兼容 IOS>11.2 */
	height: calc(calc(100 * min(100vw, 480px) / 750) + env(safe-area-inset-bottom));
}

.pd10 {
	padding: calc(10 * min(100vw, 480px) / 750);
}

.text-right{
	text-align: right;
}

.flex{
	display: flex;
}
.justify-between{
	justify-content: space-between;
}

.p-x-15{
	padding-left: calc(30 * min(100vw, 480px) / 750);
	padding-right: calc(30 * min(100vw, 480px) / 750);
}
.mt-3{
	margin-top: calc(3 * min(100vw, 480px) / 750);
}