@charset "UTF-8";

/* #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 * var(--rpx-ratio) * 1px) !important;
}

.borderRadius20 {
	border-radius: calc(20 * var(--rpx-ratio) * 1px) !important;
}

.padding20 {
	padding: calc(20 * var(--rpx-ratio) * 1px)
}

.pad20 {
	padding: 0 calc(20 * var(--rpx-ratio) * 1px)
}

.padding30 {
	padding: calc(30 * var(--rpx-ratio) * 1px)
}

.pad30 {
	padding: 0 calc(30 * var(--rpx-ratio) * 1px)
}

.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 * var(--rpx-ratio) * 1px);
	height: calc(30 * var(--rpx-ratio) * 1px);
	background-image: url('data:image/png;base64,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');
	background-repeat: no-repeat;
	background-size: calc(122 * var(--rpx-ratio) * 1px) auto;
}

.start.star5 {
	background-position: 0 calc(3 * var(--rpx-ratio) * 1px);
}

.start.star4 {
	background-position: 0 -calc(30 * var(--rpx-ratio) * 1px);
}

.start.star3 {
	background-position: 0 -calc(70 * var(--rpx-ratio) * 1px);
}

.start.star2 {
	background-position: 0 -calc(105 * var(--rpx-ratio) * 1px);
}

.start.star1 {
	background-position: 0 -calc(150 * var(--rpx-ratio) * 1px);
}

.start.star0 {
	background-position: 0 -calc(175 * var(--rpx-ratio) * 1px);
}

/* 微信小程序不支持 * 通配符选择器，使用具体标签替代 */
view, text, image, input, button, textarea, scroll-view, swiper, navigator, icon, slider, checkbox, switch, label, form, canvas, video, picker, progress, rich-text, cover-view, cover-image, movable-area, movable-view, map, audio, live-player, live-pusher, web-view, ad, official-account {
	box-sizing: border-box
}

page {
	font-size: calc(28 * var(--rpx-ratio) * 1px);
	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 * var(--rpx-ratio) * 1px);
	height: calc(38 * var(--rpx-ratio) * 1px)
}

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 * var(--rpx-ratio) * 1px);
	height: calc(38 * var(--rpx-ratio) * 1px)
}

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 * var(--rpx-ratio) * 1px);
	height: calc(38 * var(--rpx-ratio) * 1px)
}

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 * var(--rpx-ratio) * 1px)
}

checkbox .uni-checkbox-input {
	border-radius: 50%;
	width: calc(38 * var(--rpx-ratio) * 1px);
	height: calc(38 * var(--rpx-ratio) * 1px)
}

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 * var(--rpx-ratio) * 1px)
}

.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;
	word-break: break-all;
	white-space: normal;
	overflow: hidden;
}

.line3 {
	word-break: break-all;
	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;
	/* 修复 H5 底部 tabbar 遮挡弹窗遮罩：高于 uni-tabbar(z-index:998) */
	z-index: 1000
}

@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 * var(--rpx-ratio) * 1px);
	margin-right: calc(22 * var(--rpx-ratio) * 1px)
}

.loading {
	width: 100%;
	height: calc(100 * var(--rpx-ratio) * 1px);
	line-height: calc(100 * var(--rpx-ratio) * 1px);
	align-items: center;
	justify-content: center;
	position: relative;
	text-align: center
}

.loading .line {
	position: absolute;
	width: calc(450 * var(--rpx-ratio) * 1px);
	left: calc(150 * var(--rpx-ratio) * 1px);
	top: calc(50 * var(--rpx-ratio) * 1px);
	height: 1px;
	border-top: 1px solid #eee
}

.loading .text {
	position: relative;
	display: inline-block;
	padding: 0 calc(20 * var(--rpx-ratio) * 1px);
	background: #fff;
	z-index: 2;
	color: #777
}

.loadingicon .loading {
	animation: load linear 1s infinite;
	font-size: calc(45 * var(--rpx-ratio) * 1px);
	color: #000;
/* 	width: calc(50 * var(--rpx-ratio) * 1px);
	height: calc(50 * var(--rpx-ratio) * 1px); */
}

.loadingicon {
	width: 100%;
	height: calc(80 * var(--rpx-ratio) * 1px);
	overflow: hidden
}

.uni-p-b-98 {
	height: calc(100 * var(--rpx-ratio) * 1px);
	/* 兼容 IOS<11.2 */
	height: calc(calc(100 * var(--rpx-ratio) * 1px) + constant(safe-area-inset-bottom));
	/* 兼容 IOS>11.2 */
	height: calc(calc(100 * var(--rpx-ratio) * 1px) + env(safe-area-inset-bottom));
}

.pd10 {
	padding: calc(10 * var(--rpx-ratio) * 1px);
}

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

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

.p-x-15{
	padding-left: calc(30 * var(--rpx-ratio) * 1px);
	padding-right: calc(30 * var(--rpx-ratio) * 1px);
}
.mt-3{
	margin-top: calc(3 * var(--rpx-ratio) * 1px);
}