@import 'gm.less';
@import 'var.less';
@import 'common.less';

.login {
	.b_l_w;
	.bg(#f5f5f5, none);
	.box;
	.box-tb;
	.box-pack-center;
	padding: 20vw 6.667vw 0;

	&::before {
		background: url(/images/login-bg.png) no-repeat;
		background-size: 100% auto;
		background-position-y: bottom;
	}

	.logo {
		.w;
		.box;
		.box-tb;
		.box-align-center;
		color: #434141;
		font-size: 6.276vw;
		line-height: 12vw;

		img {
			width: 27.067vw;
			height: 27.067vw;
			.y50;
		}
	}

	.c {
		.w;
		padding: 4vw 3vw;
		background: rgba(0, 0, 0, .2);
		border-radius: 3vw;

		.input {
			.box;
			.box-align-center;
			.b_k;
			margin: 0 0 4vw;
			border-radius: 100vw;
			overflow: hidden;

			.van-cell {
				padding: 2vw 2vw 2vw 4vw;
			}

			input {
				height: 8.533vw;
			}

			button {
				width: 17vw;
			}

			.van-icon {
				margin: 0 3.333vw;
			}
		}

		.to {
			.box;
			.box-pack-between;
			padding: 0 2vw;

			a {
				.bs;
			}
		}

		>button {
			margin: 5vw 0 0;
		}
	}
}

.agreement {
	.box;
	.box-pack-center;
	margin: 5vw 0 0;

	.van-checkbox__icon .van-icon {
		border: 1px solid #999;
	}

	.van-checkbox__label {
		.bs;
	}

	.van-checkbox__icon--checked .van-icon {
		border-color: var(--van-checkbox-checked-icon-color) !important;
	}

	a {
		color: rgb(235, 99, 99);
	}
}

.index {
	.b_l_w;
	background: linear-gradient(to bottom, #98D0A4, transparent) no-repeat;
	background-size: 100% 50vw;
	color: #2c2c2c;

	>div {
		.b_l_w;
	}

	._bg {
		background: #f5f5f5;
	}

	.van-search {
		padding: 0;
	}

	.mx-auto {
		width: 94.667vw;
		padding: 4vw 0;

		>div {
			.b_l_w;
			margin-bottom: 4vw;
		}

	}

	.top {
		.mx-auto {
			padding: 4vw 0 0;
		}
	}

	.intro {
		padding: 0 2.667vw;

		.logo {
			.box;
			.box-align-center;
			font-size: 4.8vw;
			padding-bottom: 4vw;
			border-bottom: 1px solid #eee;

			img {
				height: 14vw;
				margin-right: 2.667vw;
			}
		}

		.c {
			padding: 2vw 0;

			>div {
				.w;
				font-size: 4vw;
				padding: 1.5vw 0;
				.box;
				align-items: flex-start;
				line-height: 6vw;

				&:last-child {
					img {
						margin-top: .5vw;
					}
				}
			}

			img {
				width: 5vw;
				margin-right: 2vw;
			}

			span {
				width: 15.733vw;
				height: 4.5vw;
				line-height: 4.5vw;
				background-color: #8aca98;
				border-radius: 0.933vw;
				.bs;
				display: inline-block;
				font-size: 3.2vw;
				.text-center;
			}

		}
	}

	.block {
		.b_l_w;
		border-top: 1.333vw solid #f5f5f5;
		border-bottom: 1.333vw solid #f5f5f5;
		padding: 0 2.667vw;
		.box;
		.box-align-center;
		.box-pack-between;
		height: 22vw;

		a {
			width: 30.267vw;
			height: 14.933vw;
			border-radius: 1.333vw;
			border: solid 1px #556fb5;
			.b;
			font-size: 4vw;
			color: #2a2a2a;
			position: relative;
			padding: 2vw;

			img {
				position: absolute;
				height: 7.867vw;
				bottom: 1vw;
				right: 2vw;
			}
		}
	}

	.tabs {
		.m {
			.w;
			padding: 3.5vw 2vw 0;

			.van-tabs__wrap {
				height: 10vw;
			}

			.van-tab {
				min-width: 18.267vw;
				height: 6.267vw;
				line-height: 6.267vw;
				background-color: #eeeeee;
				border-radius: 3.067vw;
				margin-right: 2.667vw;
				padding: 0 2vw;
			}

			.van-tab--active {
				background-color: #f6f4e7;
				color: #9d9673;
			}
		}
	}
}

.index-list {
	.box;
	.box-pack-between;
	.box-wrap;

	a {
		width: 45.333vw;
		.b_k;
		border-radius: 2vw;
		margin-bottom: 2.7vw;
		overflow: hidden;

		.c {
			padding: 2vw;
			.box;
			.box-tb;
		}

		img {
			.w;
			height: 45.333vw;
		}

		p {
			margin: 0 0 2vw;
			height: 10vw;
			font-size: 3.6vw;
			.text-hide(2);
		}

		s {
			color: #787676;
		}

		b {
			font-size: 4.493vw;
			color: #fe0000;
			.box;
			.box-pack-between;
			.box-align-end;

			span {
				font-weight: normal;
				font-size: 3.2vw;
				color: #aea88a;
				margin-bottom: .7vw;
			}
		}
	}
}

.my {
	.w;
	.bg(#f5f5f5, none);
	background: url(/images/my-bg.png) no-repeat;
	background-size: 100% auto;
	padding: 0 3.333vw 5vw;

	>div {
		.w;
	}

	.top {
		height: 24.533vw;
		.box;
		.box-align-center;
		padding: 0 2vw;
		color: #434141;
		line-height: 6vw;

		>img {
			.y50;
			width: 18vw;
			height: 18vw;
			margin-right: 3.333vw;
		}

		.name {
			font-size: 3.867vw;
			.b;
		}

		.phone {
			.box;
			.box-align-center;
			font-size: 3.2vw;

			img {
				height: 3.5vw;
				margin-right: 1.3vw;
			}
		}

		.vip {
			span+span {
				margin: 0 0 0 2vw;
			}
		}
	}

	.block {
		background-color: #eefdf1;
		border-radius: 2.8vw;
		border: solid 1px #5ab36d;

		div {
			.w;
			border-radius: 3.333vw;
			padding: 3.333vw;
			.box;
			font-size: 4vw;
			line-height: 6vw;

			b:nth-child(1) {
				color: #2c2c2c;
			}

			b:nth-child(2) {
				margin-left: 2.5vw;
				font-size: 5.8vw;
				color: #5ab36d;
			}

			a {
				.r;
				font-size: 3.2vw;
			}
		}
	}

	._order {
		margin: 3vw 0 0vw;
		border: solid 1px #5ab36d;
		border-radius: 2.667vw;
		padding: 0 2.667vw;
		.b_k;

		.title {
			.box;
			.box-pack-between;
			line-height: 10vw;
			border-bottom: 1px solid #f5f5f5;

			b {
				font-size: 4vw;
				color: #2c2c2c;
			}

			a {
				color: #9f9f9f;
			}
		}

		.c {
			.box;
			.box-wrap;
			padding: 6vw 0 0;

			a {
				width: 25%;
				.box;
				.box-tb;
				.box-align-center;
				margin-bottom: 6vw;
				color: #5c5c5d;

				img {
					height: 8vw;
					margin-bottom: 2vw;
				}

			}
		}
	}

}

.ResetPwd {
	.b_l_w;
	.bg(#f5f5f5, none);
	padding: 13.333vw;

	&::before {
		background: #F7EBED !important;
	}

	.text {
		.b_l_w;
		font-size: 4.667vw;
		color: #1b1b1b;

		p {
			font-size: 3.2vw;
			color: #434343;
		}
	}

	.van-cell {
		background: transparent;
		height: 14.8vw;
		padding: 2vw 0 0;
		border-bottom: 1px solid #F5CDD3;
		.box;
		.box-align-center;

		.van-field__left-icon {
			.box;
			.box-pack-center;
			width: 10.267vw;

			.van-icon__image {
				width: auto;
				height: 5.333vw;
			}
		}

		.van-field__control {
			font-size: 3.467vw;

			&::-webkit-input-placeholder {
				color: #898989;
			}
		}
	}

	.van-field__button {
		margin: 0 2.667vw;
		font-size: 3.467vw;
		color: #ed556a;
	}

	button {
		float: left;
		border: 0;
		height: 13.333vw;
		background-color: #ed556a;
		border-radius: 6.667vw;
		.bs;
		font-size: 4vw;
		letter-spacing: 2vw;
		.b;
		margin: 8vw 0;
	}
}

.vipLabel {
	width: 15.733vw;
	height: 4.667vw;
	line-height: 4.667vw;
	background-image: linear-gradient(90deg,
			#d3af6e 0%,
			#d9a65d 100%);
	border-radius: 2.333vw;
	.text-center;
	.bs;
}

.service {
	.b_l_w;
	background: url(/images/service-bg.png) no-repeat;
	background-size: 100% auto;
	min-height: 49.067vw;
	.bg(#f5f5f5, none);
	position: relative;
	padding: 31.333vw 3.333vw 0;

	>img {
		width: 33.2vw;
		height: 31.6vw;
		position: absolute;
		right: 3.467vw;
		top: 2.533vw;
	}

	.title {
		position: absolute;
		left: 8vw;
		top: 8vw;
		.bs;
		.b;
		.box;
		.box-tb;
		.bs;

		b {
			font-size: 5.333vw;
			letter-spacing: .533vw;
			margin-bottom: 3vw;
		}

		p {
			letter-spacing: .32vw;
		}
	}

	.list {
		.b_l_w;
		.box;
		.box-align-center;
		height: 24vw;
		.b_k;
		border-radius: 2vw;
		border: solid 1px #337BFF;
		padding: 0 3.333vw;
		margin-bottom: 4vw;

		>img {
			width: 16vw;
			height: 16vw;
			.y50;
			border: solid 1px #eeeeee;
			margin-right: 2.933vw;
		}

		.text {
			height: 16vw;
			.box;
			.box-tb;
			.box-pack-center;

			b {
				font-size: 3.733vw;
				color: #1b1b1b;
				margin-bottom: 3.333vw;
			}

			p {
				color: #7d7d7d;
			}
		}

		.btn {
			width: 26.667vw;
			.box;
			.box-pack-between;
			.r;

			img {
				width: 10.667vw;
				height: 10.667vw;
			}
		}
	}
}

.servicePopup {
	width: 60vw !important;
	border-radius: 3vw;

	.content {
		.b_l_w;
		padding: 5vw;

		.QRCode {
			width: 100%;
		}

		p {
			.b_l_w;
			.text-center;
			margin-top: 3vw;
		}
	}
}

.search {
	.b_l_w;
	padding: 0 !important;
	height: 8vw !important;
	overflow: hidden !important;
	position: relative !important;

	.van-search__content {
		height: 100%;
		padding-left: 4vw;
		background: #fff !important;

		.van-cell {
			line-height: 8vw;
			padding: 0;
		}

		.van-icon {
			height: 100%;
			.box;
			.box-align-center;

			img {
				width: 4vw;
				height: 4vw;
				margin-right: 2.933vw;
			}
		}
	}

	input {
		font-size: 3.2vw;
	}

	.van-search__action {
		position: absolute;
		width: 17.333vw;
		height: 4vw;
		line-height: 4vw;
		border-left: 1px solid #e9e9e9;
		.text-center;
		font-size: 3.467vw;
		right: .4vw;
		.b;
		color: #0a0a0a;
		padding: 0 1.2vw;
	}

	.van-field__control::-webkit-input-placeholder {
		color: #525252;
	}

	.van-field__clear {
		right: 20vw;
	}
}

.asset {
	.b_l_w;
	font-size: 3.2vw;

	>div {
		.b_l_w;
	}

	._top {
		height: 30.667vw;
		border-radius: 2vw;
		position: relative;
		margin-bottom: 4vw;
		.box;
		.box-tb;
		.box-pack-center;
		.bs;
		padding: 0 3.333vw 0 5.333vw;

		>* {
			.box;
			align-items: center;
		}

		p {
			font-size: 3.733vw;
			margin-bottom: 5vw;

			i {
				margin: .8vw 0 0 1.2vw;
			}

			a {
				.r;
				.bs;
				.box;
				.box-align-center;

				img {
					height: 4vw;
					margin-right: 1.4vw;
				}
			}
		}

		b {
			font-size: 7.333vw;

			span {
				font-size: 4vw;
				margin-left: 1vw;
			}

			a {
				.r;
				width: 20.133vw;
				height: 6.667vw;
				line-height: 6.667vw;
				background: #ffd550;
				border-radius: 3.333vw;
				color: #1b1b1b;
				font-size: 3.733vw;
				.b;
				.text-center;
			}
		}
	}

	._top-c1 {
		height: 20vw;
		.b_k;
		margin-top: -6.667vw;
		border-radius: 0vw 0vw 2.667vw 2.667vw;
		.box;
		.box-tb;
		.box-pack-center;
		padding: 2.667vw 3.333vw 0;
		margin-bottom: 4vw;

		p {
			.box;
			color: #898989;
			line-height: 6vw;

			b {
				.r;
				color: #1b1b1b;
			}
		}
	}

	._top-c2 {
		margin-top: -6.667vw;
		height: 14.667vw;
		background-color: #f5f5f5;
		border-radius: 0vw 0vw 2.667vw 2.667vw;
		.box;
		.box-pack-between;
		.box-align-center;
		padding: 2.667vw 3.333vw 0;
		margin-bottom: 4vw;

		span {
			color: #898989;

			b {
				color: #1b1b1b;
				margin-left: 1.2vw;
			}
		}
	}

	.d {
		.box;
		margin-bottom: 4.667vw;

		.times {
			width: 28vw;
			height: 8vw;
			line-height: 8vw;
			.box;
			.box-align-center;
			.box-pack-center;
			.b_k;
			border-radius: 4vw;
			box-shadow: 0 0 1.613vw rgba(141, 141, 141, 0.15);
			.b;
			font-size: 4vw;

			div {
				width: 2.4vw;
				height: 1.333vw;
				background-color: #1b1b1b;
				margin-left: 1.2vw;
				clip-path: polygon(0 0, 100% 0, 50% 100%);
			}
		}

		.c {
			margin: 0 2vw 0 auto;
			.box;
			.box-pack-between;
			.text-center;
			width: 40vw;
			height: 8vw;

			div {
				.box;
				.box-tb;
				.box-pack-between;
			}

		}
	}
}

.asset-n {
	.b_l_w;

	.van-tabs {
		.b_l_w;
		margin-bottom: 4vw;

		.van-tabs__wrap,
		.van-tabs__nav--card {
			height: 8vw;
			margin: 0 !important;
			border: 0;
		}

		.van-tab {
			border-radius: 4vw;
			border: 0;
			background: #eee;
			margin: 0 1.333vw;

			&:first-child {
				margin-left: 0;
			}

			&:last-child {
				margin-right: 0;
			}
		}
	}

	.list {
		.b_k;
		border-radius: 2vw;
		padding: 2.667vw;
		margin-bottom: 4vw;
	}
}

.sort {
	.b_l_w;
	.box;
	.box-tb;
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;

	>div {
		.b_l_w;
	}

	.van-search {
		height: 14.667vw;
		padding: 3.333vw 2.667vw;
		border-bottom: 1px solid #eee;

		.van-search__content {
			height: 100%;
			background: #eee;
			.box;
			.box-align-center;
		}

		.van-field__control {
			font-size: 3.467vw;

			&::-webkit-input-placeholder {
				color: #888;
			}
		}

		.van-icon__image {
			width: 4vw;
			height: 4vw;
			margin-right: 1vw;
		}
	}

	.van-tree-select__nav,
	.van-sidebar-item {
		background: #eee;
	}

	.van-sidebar-item--select {
		.b_k;
		color: #3285ff;

		&::before {
			width: 0.667vw;
			height: 4vw;
			background: #3285ff;
		}
	}

	.van-sidebar-item {
		.text-center;
		font-size: 3.2vw;
	}

	.van-tree-select__nav-item {
		padding: 4.667vw 0;
	}

	.van-tree-select__content {
		padding: 4.667vw;

		.list {
			.b_l_w;
			border-bottom: 1px solid #f3f3f3;
			line-height: 8vw;
			padding: 2vw 1.333vw;

			>div,
			>a {
				.b_l_w;
			}

			.title {
				.box;
				.box-align-center;
				font-size: 3.467vw;
				color: #898989;

				img {
					height: 4vw;
					margin-right: 2.133vw;
				}
			}

			>a {
				font-size: 3.467vw;
				color: #1b1b1b;
			}
		}
	}

}

.ewm_bg {
	opacity: 0;
	position: fixed;
	left: 0;
	top: 46px;
	z-index: 0;
	height: 0px;
	overflow: hidden;

	.d1 {
		position: relative;

		.avatar {
			width: 13vw;
			height: 13vw;
			.y50;
			margin: 0 3vw 0 -3vw;
		}

		.name {
			position: absolute;
			.w;
			.box;
			.box-align-center;
			.box-pack-center;
			left: 0;
			top: 65vw;
			font-size: 3.467vw;
			line-height: 6vw;
		}

		.ewm_t {
			position: absolute;
			width: 45vw;
			height: 45vw;
			left: 27.5vw;
			bottom: 80vw;
			border-radius: 3vw;
		}
	}
}

.team {
	.b_l_w;
	.bg(#f5f5f5, none);
	padding: 5.333vw 3.333vw;

	>div {
		.b_l_w;
	}

	.van-tab--active .van-tab__text {
		.b;
	}

	.top {
		min-height: 22vw;
		background: url(/images/team-bg.png) no-repeat;
		background-size: 100% 100%;
		border-radius: 3.333vw;
		padding: 0 6.667vw;
		.bs;

		.t {
			.b_l_w;
			.box;
			.box-align-center;
			height: 22.267vw;

			div {
				.text-center;
				font-size: 4vw;
				line-height: 9vw;

				b {
					font-size: 6.667vw;
				}
			}

			a {
				.r;
				.b_k;
				width: 29.333vw;
				height: 8vw;
				border-radius: 4vw;
				.box;
				.box-align-center;
				.box-pack-center;
				font-size: 4vw;
				color: #023b95;

				img {
					height: 5.333vw;
					margin-right: 2vw;
				}
			}
		}

		.c {
			.b_l_w;
			height: 17.333vw;
			background: rgba(255, 255, 255, .2);
			box-shadow: 0 0 2.067vw rgba(255, 255, 255, 0.51);
			border-radius: 3.333vw;
			margin-bottom: 5vw;
			.box;
			.box-align-center;
			.box-pack-around;

			>div {
				.text-center;
				line-height: 6vw;
				padding-top: 1vw;
				width: 50%;

				p {
					font-size: 3.333vw;
				}

				b,
				span {
					font-size: 4vw;
				}
			}

			>p {
				width: 1px;
				height: 10vw;
				background: linear-gradient(45deg, transparent, #f8f8f8, transparent);
			}
		}
	}

	.list {
		.b_l_w;
		.b_k;
		.box;
		position: relative;
		border-radius: 2vw;
		padding: 3.333vw;
		margin-bottom: 3.333vw;

		>img {
			width: 16vw;
			height: 16vw;
			.y50;
			margin-right: 3.333vw;
		}

		.c {
			.w;
			min-height: 16vw;
			.box;
			.box-tb;
			.box-pack-around;

			b {
				.box;
				.box-align-center;
				font-size: 3.467vw;

				.v {
					height: 5vw;
					line-height: 5vw;
					padding: 0 2vw;
					.bs;
					background-image: linear-gradient(90deg,
							#daad63 0%,
							#e2a44e 100%);
					border-radius: 4vw;
					vertical-align: top;
					margin: 0 0 0 2vw;
				}
			}

			p {
				color: #767575
			}
		}
	}
}

.setting {
	.van-icon {
		.box;
		.box-align-center;
	}
}

._wallet {
	.b_l_w;
	position: relative;

	img {
		display: inline-block;
	}

	>div {
		.b_l_w;
	}

	>.top {
		padding: 4vw 0;
		.box;
		.box-align-center;
		.box-pack-center;
		background: #f5f5f5;
	}

	.k {
		width: 94.667vw;
		height: 32.267vw;
		border-radius: 4vw;
		.bs;
		padding: 6vw 7vw 5vw;

		.t {
			.box;
			.box-pack-between;

			b {
				font-size: 4vw;
			}

			a {
				.box;
				.box-align-center;
				.bs;

				img {
					height: 4.667vw;
					margin-right: 2vw;
				}

				font-size: 3.2vw;
			}
		}

		.m {
			margin-top: 5vw;
			.box;
			.box-align-center;
			.box-pack-between;

			b {
				font-size: 9.6vw;

				span {
					font-size: 5vw;
				}
			}

			a {
				.bs;
				font-size: 4vw;
			}
		}

	}

	.k1 {
		background: url(/images/balance-bg.png);
		background-size: 100% 100%;
	}

	.k2 {
		.b_k;

		* {
			color: #000 !important;
		}

		img {
			.brightness(100%, 100%)
		}
	}

	.times {
		.box;
		.box-tb;
		.box-pack-center;
		height: 19.2vw;
		padding: 0 3.333vw;
		border-bottom: 1px solid #f5f5f5;

		.t {
			.box;
			.box-align-center;
			.b;
			font-size: 4vw;

			span {
				font-size: 6.4vw;
			}

			p {
				margin: .5vw .5vw 0;
			}
		}

		.i {
			width: 2.4vw;
			height: 1.333vw;
			background-color: #1b1b1b;
			margin-left: 1.2vw;
			clip-path: polygon(0 0, 100% 0, 50% 100%);
		}

		.m {
			margin-top: 1vw;

			b+b {
				margin-left: 5vw;
			}
		}
	}

	>.m {
		.fl {
			.b_l_w;
			margin: -3vw 0 5px;
			border-bottom: 1px solid #F6F6F6;

			.van-tab {
				min-width: 20%;
				white-space: nowrap;
			}

			.van-tab--active {
				.b;
				font-size: 15px;
			}

			.van-tab__text {
				z-index: 599;
			}

			.van-tabs__line {
				width: 40px;
				height: 6px;
				bottom: 26px;
				background: linear-gradient(to right,
						#f54040 0%,
						#ffffff 100%) !important;
			}
		}

		.fl2 {
			.van-tabs__line {
				background: linear-gradient(90deg,
						rgba(227, 185, 74, 0) 0%,
						rgba(228, 186, 77, 0.5) 15%,
						#e5bd54 50%,
						rgba(227, 186, 77, 0.64) 75%,
						rgba(226, 184, 74, 0.5) 85%,
						rgba(227, 185, 74, 0) 100%) !important;
			}
		}

		.b_k;
		border-radius: 2.667vw;
		padding: 3.467vw 1.867vw;
		margin: 0 0 4.667vw;
	}
}

.SubmitOrder {
	.b_l_w;
	.bg(#f5f5f5, none);

	>div {
		.b_l_w;
	}

	._record {
		.b_k;
		margin: 3.333vw auto;
		float: initial;
		width: 93.333vw;
		border-radius: 2vw;
		padding: 0 3.333vw;

		>div {
			.w;
			padding: 3.333vw 0;
			border-bottom: 1px solid #f5f5f5;
		}

		.title {
			font-size: 3.867vw;
			.b;
		}
	}

	.top {
		padding: 3.333vw;
		background-image: linear-gradient(0deg,
				#f5f5f5 0%,
				rgba(139, 203, 153, .5) 100%);

		.c {
			.b_l_w;
			.b_k;
			.box;
			.box-tb;
			padding: 2.667vw 3.333vw;
			border-radius: 2vw;

			.t {
				.b;
				font-size: 4vw;
				color: #151515;
			}

			.m {
				.box;
				.box-tb;
				margin-top: 4vw;

				._info {
					font-size: 3.733vw;
					color: #252525;

					span+span {
						font-size: 3.733vw;
						color: #454444;
						margin-left: 2.4vw;
					}
				}

				._address {
					.box;
					.box-pack-between;
					.box-align-end;
					margin-top: 1vw;

					p {
						.w;
						padding-right: 4vw;
						font-size: 3.333vw;
						color: #555;
					}

					i {
						font-size: 4vw;
					}
				}
			}
		}

		.c+.c {
			margin-top: 3.333vw;
		}
	}

	.content {
		padding: 3.333vw;

		>div {
			.b_l_w;
			.b_k;
			margin-bottom: 3.333vw;
			border-radius: 2vw;
		}

		._goods {
			padding: 0 3.333vw;

			.title {
				.box;
				.box-align-center;
				padding: 2vw 0;
				border-bottom: 1px solid #f5f5f5;

				img {
					width: 6vw;
					height: 6vw;
					.y50;
					margin-right: 2vw;
				}
			}

			.list {
				.w;
				.box;
				padding: 3.333vw 0;
				border-bottom: 1px solid #f5f5f5;

				&:last-child {
					border: 0;
				}

				>img {
					width: 20vw;
					height: 20vw;
					background-color: #f9f9fa;
					border-radius: 0.781vw;
					border: solid 1px #f2f2f2;
					margin-right: 3.333vw;
				}

				.c {
					.w;
					.box;
					.box-tb;
					.box-pack-around;

					.name {
						color: #343435;
					}

					.spec {
						.box;

						span {
							.w;
							font-size: 2.931vw;
							color: #b4b4b4;
							padding-right: 4vw;
						}

						p {
							.r;
							color: #b4b4b4;
						}
					}

					.price {
						color: #202020;
					}
				}
			}
		}

		.van-field__label,
		.van-field__control {
			font-size: 3.2vw;
		}

		._detail {
			padding: 2vw 3vw;

			p {
				.box;
				.box-pack-between;
				line-height: 7vw;
			}
		}
	}

	.btn {
		.b_l_w;
		height: 16vw;

		.c {
			position: fixed;
			left: 0;
			bottom: 0;
			height: 16vw;
			.w;
			.box;

			p {
				width: 50%;
				height: 100%;
				line-height: 16vw;
				.text-center;
				.b_k;
				color: #0d0d0d;

				b {
					font-size: 4.667vw;
					color: #8aca98;

					span {
						font-size: 3.2vw;
					}
				}
			}

			button {
				width: 50%;
				height: 100%;
				border-radius: 0;
				.b;
				font-size: 4vw;
				letter-spacing: 0.96vw;
			}
		}
	}
}

.order {
	.b_l_w;
	.bg(#f5f5f5, none);

	.top {
		position: relative;
		left: 0;
		width: 100%;
		border-bottom: 1px solid #f5f5f5;

		.van-tabs--card {
			--van-padding-md: 0;
			--van-radius-sm: 0;
			--van-border-width: 0;
			--van-tabs-card-height: 10vw;
			--van-tab-font-size: 3.333vw;

			.van-tab {
				background: #f5f5f5;
			}
		}

		.van-tabs--line {
			.van-tabs__wrap {
				height: 13.333vw;
			}

			.van-tabs__nav--line {
				padding: 0;
			}

			.van-tabs__line {
				bottom: 2vw;
			}

			.van-tab__text {
				font-size: 3.467vw;
			}
		}

		.van-search {
			height: 13.333vw;
			padding: 2vw 3.333vw;

			.van-search__content {
				height: 100%;
				.box;
				.box-align-center;
			}

			.van-icon__image {
				height: 4vw;
				margin-right: 1vw;
			}

			input {
				font-size: 3.467vw;
			}
		}
	}

	.total {
		.b_l_w;
		padding: 3.333vw;

		b {
			color: #f00;
		}
	}

	.van-list {
		padding: 3.333vw 3.333vw 0;
	}

	.list {
		.b_l_w;
		.b_k;
		border-radius: 2vw;
		padding: 3.333vw;
		margin-bottom: 4vw;
		position: relative;

		>div {
			.b_l_w;
		}

		.t {
			.box;
			height: 13.333vw;

			img {
				border-radius: 1vw;
				width: 13.333vw;
				height: 13.333vw;
				margin-right: 3.333vw;
			}

			>div {
				.box;
				.box-pack-center;
				.box-tb;

				.name {
					margin-bottom: 1.5vw;

					b {
						font-size: 3.867vw;
						color: #1b1b1b;
						margin-right: 3.2vw;
					}

					span {
						color: #7d7d7d;
					}
				}

				.label {
					.box;
					.box-align-center;

					color: #434343;

					span {
						width: 1px;
						height: 3.6vw;
						background: #434343;
						margin: 0 3.2vw;
					}
				}
			}
		}

		.code {
			.box;
			.box-align-center;
			height: 4vw;
			margin-bottom: 2vw;

			&::before {
				content: '';
				position: absolute;
				left: 0;
				width: 1vw;
				height: 4vw;
				background: #333;
			}

			img {
				height: 3vw;
				margin-left: 2vw;
			}
		}

		._address {
			border-bottom: 1px solid #f5f5f5;
			padding-bottom: 3vw;
			margin-bottom: 3vw;
			.box;
			.box-tb;

			span {
				margin-bottom: 1vw;
			}
		}

		.content {
			width: 100%;
			height: 22vw;
			overflow-x: scroll;
			white-space: nowrap;
			padding-right: 15vw;
			margin: 2vw 0;

			.l {
				display: inline-block;
				width: 20vw;
				.text-center;
				margin-right: 2vw;

				img {
					width: 20vw;
					height: 15vw;
					object-fit: contain;
				}

				p {
					margin: 1vw 0;
					width: 100%;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					display: block;
				}
			}

		}

		._info {
			width: 100%;
			.box;
			margin: 1vw 0 3vw;
			padding: 3vw 0;
			border-top: 1px solid #f5f5f5;
			border-bottom: 1px solid #f5f5f5;

			>img {
				width: 22vw;
				height: 22vw;
				border-radius: 1.333vw;
				margin-right: 3.333vw;
			}

			._c {
				.w;
				.box;
				.box-tb;
				.box-pack-around;

				._name {
					.text-hide(1);
					font-size: 3.467vw;
				}

				._spec {
					.box;
					.box-pack-between;
					color: #999;

					span {
						max-width: 50vw;
					}
				}

				._price {
					b {
						color: #f00;
						font-size: 4vw;

						span {
							font-size: 2.8vw;
						}
					}
				}
			}
		}

		.price {
			position: absolute;
			right: 0;
			width: 15vw;
			height: 22vw;
			background: rgba(255, 255, 255, .7);
			.box;
			.box-tb;
			.box-align-center;
			.box-pack-center;

			b {
				font-size: 3.467vw;
			}

			p {
				color: #999;
			}
		}

		.state {
			height: 8vw;
			.box;
			.box-align-center;

			b {
				font-size: 3.467vw;
			}

			.b1 {
				color: #337bff;
			}

			.b2 {
				color: #f00;
			}

			.b4 {
				color: #898989;
			}

			.btn {
				.r;
				.box;

				a {
					.text-center;
					font-size: 3.467vw;
					height: 7vw;
					line-height: 7vw;
					border-radius: 1vw;
					margin-left: 3.333vw;
					padding: 0 2vw;
					color: #fff;
				}

				.a0 {
					background: #f00;
				}

				.a1 {
					background: #000;
				}

				.a2 {
					background: #53CCE0;
				}
			}
		}
	}
}

.order-details {
	.b_l_w;
	.bg(#f5f5f5, none);
	padding: 4vw 3.333vw 10vw;

	>div {
		.b_l_w;
		margin-bottom: 4vw;
		.b_k;
		border-radius: 2vw;
	}

	#van-field-2-input {
		padding: 5px 10px;
		background: #f5f5f5;
		border-radius: 5px;
	}

	.product {
		position: relative;
		padding: 3.333vw 3.333vw 0;

		>div {
			.b_l_w;
		}

		.t {
			height: 7vw;

			a {
				height: 100%;
				.box;
				.box-align-center;
				font-size: 3.467vw;
				height: 7vw;
				line-height: 7vw;

				img {
					height: 7vw;
					margin-right: 1.867vw;
				}
			}

			&::before {
				content: '';
				position: absolute;
				left: 0;
				top: 4.833vw;
				width: .667vw;
				height: 4vw;
				background-color: #333;
			}
		}

		.d {
			.box;
			margin: 3.333vw 0;

			&:first-child {
				margin-top: 0;
			}

			position: relative;

			img {
				width: 22.667vw;
				height: 22.667vw;
				border-radius: 1.333vw;
				margin-right: 2.667vw;
			}

			.c {
				width: 100%;
				height: 22.667vw;
				.box;
				.box-tb;
				.box-pack-between;

				>b,
				p {
					width: 100%;
				}

				>b {
					.text-hide(2);
					font-size: 3.467vw;
					height: 10vw;
					line-height: 5vw;
					margin-bottom: 2vw;
				}

				p {
					font-size: 2.933vw;
					.box;
					line-height: 5vw;

					>b,
					>span {
						margin: .3vw 0 0 auto;
					}

					b {
						span {
							font-size: 2.667vw;
						}

						font-size: 3.467vw;
					}

					>span {
						color: #999;
					}
				}
			}

		}

		.total {
			border-top: 1px solid rgb(241, 241, 241);
			border-bottom: 1px solid rgb(241, 241, 241);
			height: 10vw;
			font-size: 3.467vw;
			.box;
			.box-align-center;

			p {
				.r;
				.text-right;

				b {
					color: red;

					span {
						font-size: 3.2vw;
					}
				}

			}
		}

		.btn {
			margin: 3.333vw 0;
			height: 8vw;
			line-height: 8vw;
			font-size: 3.467vw;
			color: #898989;

			a {
				.b_r;
				.text-center;
				width: 18vw;
				height: 8vw;
				line-height: 8vw;
				border-radius: 2vw;
				.bs;
				margin-left: 2vw;
			}
		}

		.van-stepper {
			position: absolute;
			right: 0;
			bottom: 0;
		}

	}

	.content {
		.title {
			.b_l_w;
			.b;
			font-size: 4vw;
			padding: 1vw 2.667vw 2vw;
			border-bottom: 1px solid #f5f5f5;
			margin-bottom: 1vw;
		}

		padding: 2vw 0;

		.van-cell__value {
			flex: 0.6 !important;
		}

		.van-cell-group {
			&::after {
				content: none;
			}
		}

		.van-cell__left-icon {
			display: flex;
			align-items: center;

			.van-icon__image {
				width: 5vw;
				height: 5vw;
				margin-right: 1vw;
			}
		}

		p {
			.b_l_w;
			.box;
			.box-align-center;
			padding: 2vw 2.667vw;
			font-size: 3.733vw;
			line-height: 5vw;

			span,
			a {
				.r;
				.box;
				.box-align-center;
			}

			img {
				height: 2.667vw;
				margin-left: 2vw;
			}

			b {
				.r;
				color: #ee0a24;
				font-size: 4.267vw;

				font {
					font-size: 3.2vw;
				}
			}

			span,
			a {
				font-size: 3.733vw;
				color: #606060;
			}
		}
	}
}

.cart_tj_xzdz {
	background: #ffffff;

	img {
		display: inline-block;
	}

	.xzdz {
		.box;
		.box-align-center;
		min-height: 18vw;
		padding: 2vw 0;
		color: #9d9d9d;

		p {
			.b_l_w;
			padding: 0;
			font-size: 3.733vw;
			margin-bottom: 1vw;
		}

		img {
			margin: 0 5vw;
			width: 4vw;
		}

		span {
			display: block
		}

		i {
			margin: 0 3vw 0 auto;
			font-size: 5vw;
		}
	}
}

.cart_tj_xzdz_di {
	background: url(/images/cart_shdzbg.png);
	height: 6px;
	background-size: auto 6px;
}

.goodsDetail {
	.w;
	.bg(#f5f5f5, none);

	.van-action-bar {
		border-top: 1px solid #f5f5f5;
	}

	.top {
		.w;
		.b_k;
		.box;
		.box-tb;
		padding: 3vw;
		margin-bottom: 3vw;

		.t {
			.b;
			font-size: 4vw;
			color: #2d2d2d;
			margin-bottom: 3vw;
		}

		.remark {
			.b_l_w;
			padding-bottom: 2vw;

			span {
				border: solid 1px #eee9d0;
				line-height: 5vw;
				border-radius: 1vw;
				display: inline-block;
				padding: 0 1vw;
				margin-right: 2vw;
				color: #9d9673;

				&:last-child {
					margin: 0;
				}
			}
		}

		.m {
			.box;
			.box-align-end;

			b {
				font-size: 6.4vw;
				color: #ff6600;

				font {
					font-size: 4vw;
				}
			}

			s {
				margin-left: 3vw;
				color: #828080;
				line-height: 5.8vw;
			}

			span {
				.r;
				line-height: 5.8vw;
			}
		}
	}

	.html {
		.b_k;
		margin-bottom: 3vw;

		.title {
			.w;
			.text-center;
			.b;
			font-size: 4vw;
			line-height: 12vw;
		}
	}
}

.showGoodsPopup {
	.w;

	>div {
		.w;
		padding: 3vw;
	}

	._detail {
		.box;
		border-bottom: 1px solid #f5f5f5;

		>img {
			width: 30vw;
			height: 30vw;
			margin-right: 2vw;
		}

		.c {
			.w;
			.box;
			.box-tb;
			.box-pack-between;

			.name {
				.text-hide(2);
				.b;
				font-size: 4vw;
				line-height: 4.8vw;
			}

			.select {
				color: #2d2d2d;
			}

			.stock {
				.box;
				.box-pack-between;

				span {
					color: #ff6600;
				}
			}

			.price {
				.box;
				.box-align-center;
				.box-pack-between;

				b {
					font-size: 4.8vw;
					color: #ff6600;
				}
			}
		}
	}

	._specs {

		.list {
			.box;
			.box-tb;

			.tit {
				.b;
				margin: 1vw 0 2vw;
			}

			.label {
				.box;
				.box-wrap;

				button {
					padding: 0 2vw;
					height: 7.6vw;
					line-height: 7.6vw;
					background-color: #eee;
					color: #454646;
					margin: 0 2vw 2vw 0;
					border-radius: 1vw;
					border: 0;
					font-size: 3.2vw;
				}

				.a {
					background-color: #ff6600;
					.bs;
				}
			}
		}

	}

	.btn {
		border-top: 1px solid #f5f5f5;
	}
}

.cashoutList {
	.b_l_w;
	.bg(#f5f5f5, none);

	>div {
		.b_l_w;
	}

	.cashout-record-total {
		padding: 3.333vw 0 0 6.667vw;

		.totalcash {
			color: var(--van-danger-color);
		}
	}

	.cashout-record {
		padding: 3.333vw;

		.record {
			position: relative;
			display: flex;
			align-items: center;
			height: 13.667vw;
			margin-bottom: 3.333vw;
			width: 93.333vw;

			.content {
				margin-left: 10px;
				display: flex;
				flex-direction: column;
				justify-content: space-around;
				height: 100%;
				width: 100%;
				font-size: 3.333vw;

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

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

					.time {
						color: #999;
					}

					.amount {
						font-size: 3.333vw;
						font-weight: bold;
					}
				}
			}
		}
	}
}

.goodsList {
	.b_l_w;
	.bg(#f5f5f5, none);
	padding-top: 25vw;

	>div {
		.b_l_w;
	}

	.van-search {
		height: 14.667vw;
		padding: 3.333vw 2.667vw;
		border-bottom: 1px solid #eee;
		position: fixed;
		left: 0;
		top: 12.267vw;

		.van-search__content {
			height: 100%;
			background: #eee;
			.box;
			.box-align-center;
		}

		.van-field__control {
			font-size: 3.467vw;

			&::-webkit-input-placeholder {
				color: #888;
			}
		}

		.van-icon__image {
			width: 4vw;
			height: 4vw;
			margin-right: 1vw;
		}
	}

	._sort {
		position: fixed;
		left: 0;
		top: 26.934vw;
		height: 10.667vw;
		.b_k;
		.box;
		.box-pack-between;

		a {
			width: 100%;
			.box;
			.box-align-center;
			.box-pack-center;
			color: #808080;

			img {
				width: 1.867vw;
				margin-left: 1.333vw;
			}
		}

		.a {
			color: #333;
		}
	}

	.content {
		padding: 4vw 3.333vw;

		.van-list {
			.box;
			.box-pack-between;
			.box-wrap;

			>div {
				width: 100%;
			}
		}
	}
}

.science {
	.b_l_w;
	.bg(#f5f5f5, none);
	padding: 3.333vw;

	.list {
		.b_l_w;
		.b_k;
		border-radius: 2.667vw;
		overflow: hidden;
		margin-bottom: 4vw;

		>img {
			.w;
		}

		.overview {
			.b_l_w;
			padding: 2.667vw;
			color: #7b848b;

			.title {
				line-height: 6vw;
				.text-hide(2);
				font-size: 4vw;
				.b;
			}

			.desc {
				margin-top: 2vw;
				.box;
				.box-pack-between;

				i {
					color: #8aca98;
				}

				span {
					.box;
					.box-align-center;
				}

				img {
					height: 4.533vw;
					margin-right: 2vw;
				}
			}
		}
	}
}

.SortList {
	.b_l_w;
	--van-sidebar-selected-border-color: #8aca98;
	--van-sidebar-padding: 0 2vw;

	.van-sidebar {
		background: var(--van-background);
	}

	.van-sidebar-item {
		.text-center;
		height: 14vw;
		line-height: 14vw;
	}

	height: calc(~'100vh - 20vw - env(safe-area-inset-bottom)');
	overflow: hidden;

	>div {
		.b_l_w;
	}

	.m {
		.b_l_w;
		.box;
		height: 100%;

		.van-search {
			padding: 0;
		}

		.r {
			width: 78.667vw;
			position: relative;
		}
	}

	.van-search {
		height: 14.667vw;
		padding: 3.333vw 2.667vw;
		border-bottom: 1px solid #eee;

		.van-search__content {
			height: 100%;
			background: #eee;
			.box;
			.box-align-center;
		}

		.van-field__control {
			font-size: 3.467vw;

			&::-webkit-input-placeholder {
				color: #888;
			}
		}

		.van-icon__image {
			width: 4vw;
			height: 4vw;
			margin-right: 1vw;
		}
	}

	._sort {
		.b_l_w;
		border-bottom: 1px solid var(--van-background);
		height: 14vw;
		.b_k;
		.box;
		.box-pack-between;

		a {
			width: 100%;
			.box;
			.box-align-center;
			.box-pack-center;
			color: #808080;

			img {
				width: 1.867vw;
				margin-left: 1.333vw;
			}
		}

		.a {
			color: #333;
		}
	}

	.content {
		.b_l_w;
		height: 100%;
		overflow: auto;
		padding: 4vw 3.333vw 30vw;

		.list {

			>a {
				.w;
				.box;
				.box-align-center;
				padding: 0 2.267vw;
				height: 31.2vw;
				border-radius: 3.733vw;
				border: solid 1px #8aca98;
				margin-bottom: 4vw;

				>img {
					width: 25.6vw;
					height: 25.6vw;
					margin-right: 2vw;
				}

				.c {
					.w;
					.box;
					.box-tb;
					.box-pack-between;
					height: 25.6vw;
					color: #2a2a2a;

					p {
						.text-hide(1);
						.b;
						font-size: 4vw;
						line-height: 6vw;
					}

					div {
						.text-hide(2);
					}

					b {
						.box;
						.box-pack-between;
						.box-align-center;
						font-size: 4vw;
						color: #f52e44;

						span {
							font-weight: normal;
							color: #8f8f8f;
							font-size: 3.2vw;
						}
					}
				}
			}
		}
	}
}

.PointShop {
	.b_l_w;
	background: url(/images/PointShop-bg.png) no-repeat;
	background-size: 100% auto;
	padding: 4vw 0;

	.mx-auto {
		width: 93.333vw;

		>div {
			.b_l_w;
		}
	}

	.van-swipe {
		img {
			border-radius: 2.667vw;
		}
	}

	.block {
		margin: 4vw 0;
		.box;
		.box-pack-between;

		img {
			width: 45vw;
			border-radius: 2.667vw;
		}
	}

	.title {
		font-size: 4vw;
		.b;
		color: #8aca98;
		border-bottom: 1px solid #f5f5f5;
		padding-bottom: 4vw;

		>div {
			.box;
			.box-align-center;
		}

		img {
			height: 4.533vw;
			margin-right: 2vw;
		}
	}
}

.RecordList {
	.b_l_w;
	.bg(#f5f5f5, none);
	padding: 3vw;

	.list {
		.b_l_w;
		.b_k;
		padding: 3vw;
		position: relative;
		border: 1px solid #8aca98;
		border-radius: 2vw;
		margin-bottom: 4vw;

		div {
			line-height: 8vw;
			.box;
			.box-align-center;
			font-size: 4vw;
		}

		.van-tag {
			.r;
			height: 6vw;
		}

		.remark {
			padding: 0 1vw;
			height: 4.933vw;
			line-height: calc(~'4.933vw - 2px');
			border: 1px solid #8aca98;
			margin: 0 0 0 3vw;
			font-size: 3.2vw;
		}

		.me {
			background-color: #8aca98;
			.bs;
		}

		.btn {
			position: absolute;
			right: 3vw;
			top: 4.5vw;

			a {
				height: 5.067vw;
				line-height: calc(~'5.067vw - 2px');
				border-radius: 3vw;
				border: solid 1px #2c2c2c;
				padding: 0 1.5vw;
				.box;
				.box-align-center;
				.box-pack-center;
				margin-left: 3vw;
				font-size: 3.2vw;

				i {
					margin: .2vw 1vw 0 0;
				}
			}

		}
	}

	.add {
		position: fixed;
		left: 0;
		bottom: 0;
		.w;
		background: #f5f5f5;
		padding: 3vw;
		border-top: 1px solid #eee;
	}
}

.editRecord {
	.content {
		padding: 3vw;
	}
}