/* ================== 初始化 ==================== */
 body {
 	/* background-color: #f1f1f1; */
 	/* font-size: 1.75rem; */
 	color: #333333;
 	font-family: Alibaba PuHuiTi !important;
 }

 view,
 scroll-view,
 swiper,
 button,
 input,
 textarea,
 label,
 navigator,
 image {
 	box-sizing: border-box;
 }

 .round {
 	border-radius: 312.5rem;
 }

 .radius {
 	border-radius: 0.375rem;
 }



 	/* ================== 图片 ==================== */
 	image {
 		max-width: 100%;
 		display: inline-block;
 		position: relative;
 		z-index: 0;
 	}

 	image.loading::before {
 		content: "";
 		background-color: #f5f5f5;
 		display: block;
 		position: absolute;
 		width: 100%;
 		height: 100%;
 		z-index: -2;
 	}

 	image.loading::after {
 		content: "\e7f1";
 		font-family: "cuIcon";
 		position: absolute;
 		top: 0;
 		left: 0;
 		width: 2rem;
 		height: 2rem;
 		line-height: 2rem;
 		right: 0;
 		bottom: 0;
 		z-index: -1;
 		font-size: 2rem;
 		margin: auto;
 		color: #ccc;
 		-webkit-animation: cuIcon-spin 2s infinite linear;
 		animation: cuIcon-spin 2s infinite linear;
 		display: block;
 	}

 	.response {
 		width: 100%;
 	}

 	/* ================== 开关 ==================== */
 	switch,
 	checkbox,
 	radio {
 		position: relative;
 	}

 	switch::after,
 	switch::before {
 		font-family: "cuIcon";
 		content: "\e645";
 		position: absolute;
 		color: #ffffff !important;
 		top: 0%;
 		left: 0rem;
 		font-size: 1.625rem;
 		line-height: 1.625rem;
 		width: 50%;
 		text-align: center;
 		pointer-events: none;
 		transform: scale(0, 0);
 		transition: all 0.3s ease-in-out 0s;
 		z-index: 9;
 		bottom: 0;
 		height: 1.625rem;
 		margin: auto;
 	}

 	switch::before {
 		content: "\e646";
 		right: 0;
 		transform: scale(1, 1);
 		left: auto;
 	}

 	switch[checked]::after,
 	switch.checked::after {
 		transform: scale(1, 1);
 	}

 	switch[checked]::before,
 	switch.checked::before {
 		transform: scale(0, 0);
 	}

 	/* #ifndef MP-ALIPAY */
 	radio::before,
 	checkbox::before {
 		font-family: "cuIcon";
 		content: "\e645";
 		position: absolute;
 		color: #ffffff !important;
 		top: 50%;
 		margin-top: -0.5rem;
 		right: 0.3125rem;
 		font-size: 2rem;
 		line-height: 1rem;
 		pointer-events: none;
 		transform: scale(1, 1);
 		transition: all 0.3s ease-in-out 0s;
 		z-index: 9;
 	}

 	radio .wx-radio-input,
 	checkbox .wx-checkbox-input,
 	radio .uni-radio-input,
 	checkbox .uni-checkbox-input {
 		margin: 0;
 		width: 1.5rem;
 		height: 1.5rem;
 	}

 	checkbox.round .wx-checkbox-input,
 	checkbox.round .uni-checkbox-input {
 		border-radius: 6.25rem;
 	}

 	/* #endif */
 	switch[checked]::before {
 		transform: scale(0, 0);
 	}

 	switch .wx-switch-input,
 	switch .uni-switch-input {
 		border: none;
 		padding: 0 1.5rem;
 		width: 3rem;
 		height: 1.625rem;
 		margin: 0;
 		border-radius: 6.25rem;
 	}

 	switch .wx-switch-input:not([class*="bg-"]),
 	switch .uni-switch-input:not([class*="bg-"]) {
 		background: #8799a3 !important;
 	}

 	switch .wx-switch-input::after,
 	switch .uni-switch-input::after {
 		margin: auto;
 		width: 1.625rem;
 		height: 1.625rem;
 		border-radius: 6.25rem;
 		left: 0rem;
 		top: 0rem;
 		bottom: 0rem;
 		position: absolute;
 		transform: scale(0.9, 0.9);
 		transition: all 0.1s ease-in-out 0s;
 	}

 	switch .wx-switch-input.wx-switch-input-checked::after,
 	switch .uni-switch-input.uni-switch-input-checked::after {
 		margin: auto;
 		left: 1.375rem;
 		box-shadow: none;
 		transform: scale(0.9, 0.9);
 	}

 	radio-group {
 		display: inline-block;
 	}

 	switch.radius .wx-switch-input::after,
 	switch.radius .wx-switch-input,
 	switch.radius .wx-switch-input::before,
 	switch.radius .uni-switch-input::after,
 	switch.radius .uni-switch-input,
 	switch.radius .uni-switch-input::before {
 		border-radius: 0.625rem;
 	}

 	switch .wx-switch-input::before,
 	radio.radio::before,
 	checkbox .wx-checkbox-input::before,
 	radio .wx-radio-input::before,
 	switch .uni-switch-input::before,
 	radio.radio::before,
 	checkbox .uni-checkbox-input::before,
 	radio .uni-radio-input::before {
 		display: none;
 	}

 	radio.radio[checked]::after,
 	radio.radio .uni-radio-input-checked::after {
 		content: "";
 		background-color: transparent;
 		display: block;
 		position: absolute;
 		width: 0.5rem;
 		height: 0.5rem;
 		z-index: 999;
 		top: 0rem;
 		left: 0rem;
 		right: 0;
 		bottom: 0;
 		margin: auto;
 		border-radius: 12.5rem;
 		/* #ifndef MP */
 		border: 0.4375rem solid #ffffff !important;
 		/* #endif */
 		/* #ifdef MP */
 		border: 0.5rem solid #ffffff !important;
 		/* #endif */
 	}

 	.switch-sex::after {
 		content: "\e71c";
 	}

 	.switch-sex::before {
 		content: "\e71a";
 	}

 	.switch-sex .wx-switch-input,
 	.switch-sex .uni-switch-input {
 		background: #e54d42 !important;
 		border-color: #e54d42 !important;
 	}

 	.switch-sex[checked] .wx-switch-input,
 	.switch-sex.checked .uni-switch-input {
 		background: #0081ff !important;
 		border-color: #0081ff !important;
 	}

 	switch.red[checked] .wx-switch-input.wx-switch-input-checked,
 	checkbox.red[checked] .wx-checkbox-input,
 	radio.red[checked] .wx-radio-input,
 	switch.red.checked .uni-switch-input.uni-switch-input-checked,
 	checkbox.red.checked .uni-checkbox-input,
 	radio.red.checked .uni-radio-input {
 		background-color: #e54d42 !important;
 		border-color: #e54d42 !important;
 		color: #ffffff !important;
 	}

 	switch.orange[checked] .wx-switch-input,
 	checkbox.orange[checked] .wx-checkbox-input,
 	radio.orange[checked] .wx-radio-input,
 	switch.orange.checked .uni-switch-input,
 	checkbox.orange.checked .uni-checkbox-input,
 	radio.orange.checked .uni-radio-input {
 		background-color: #f37b1d !important;
 		border-color: #f37b1d !important;
 		color: #ffffff !important;
 	}

 	switch.yellow[checked] .wx-switch-input,
 	checkbox.yellow[checked] .wx-checkbox-input,
 	radio.yellow[checked] .wx-radio-input,
 	switch.yellow.checked .uni-switch-input,
 	checkbox.yellow.checked .uni-checkbox-input,
 	radio.yellow.checked .uni-radio-input {
 		background-color: #fbbd08 !important;
 		border-color: #fbbd08 !important;
 		color: #333333 !important;
 	}

 	switch.olive[checked] .wx-switch-input,
 	checkbox.olive[checked] .wx-checkbox-input,
 	radio.olive[checked] .wx-radio-input,
 	switch.olive.checked .uni-switch-input,
 	checkbox.olive.checked .uni-checkbox-input,
 	radio.olive.checked .uni-radio-input {
 		background-color: #8dc63f !important;
 		border-color: #8dc63f !important;
 		color: #ffffff !important;
 	}

 	switch.green[checked] .wx-switch-input,
 	switch[checked] .wx-switch-input,
 	checkbox.green[checked] .wx-checkbox-input,
 	checkbox[checked] .wx-checkbox-input,
 	radio.green[checked] .wx-radio-input,
 	radio[checked] .wx-radio-input,
 	switch.green.checked .uni-switch-input,
 	switch.checked .uni-switch-input,
 	checkbox.green.checked .uni-checkbox-input,
 	checkbox.checked .uni-checkbox-input,
 	radio.green.checked .uni-radio-input,
 	radio.checked .uni-radio-input {
 		background-color: #39b54a !important;
 		border-color: #39b54a !important;
 		color: #ffffff !important;
 		border-color: #39B54A !important;
 	}

 	switch.cyan[checked] .wx-switch-input,
 	checkbox.cyan[checked] .wx-checkbox-input,
 	radio.cyan[checked] .wx-radio-input,
 	switch.cyan.checked .uni-switch-input,
 	checkbox.cyan.checked .uni-checkbox-input,
 	radio.cyan.checked .uni-radio-input {
 		background-color: #1cbbb4 !important;
 		border-color: #1cbbb4 !important;
 		color: #ffffff !important;
 	}

 	switch.blue[checked] .wx-switch-input,
 	checkbox.blue[checked] .wx-checkbox-input,
 	radio.blue[checked] .wx-radio-input,
 	switch.blue.checked .uni-switch-input,
 	checkbox.blue.checked .uni-checkbox-input,
 	radio.blue.checked .uni-radio-input {
 		background-color: #0081ff !important;
 		border-color: #0081ff !important;
 		color: #ffffff !important;
 	}

 	switch.purple[checked] .wx-switch-input,
 	checkbox.purple[checked] .wx-checkbox-input,
 	radio.purple[checked] .wx-radio-input,
 	switch.purple.checked .uni-switch-input,
 	checkbox.purple.checked .uni-checkbox-input,
 	radio.purple.checked .uni-radio-input {
 		background-color: #6739b6 !important;
 		border-color: #6739b6 !important;
 		color: #ffffff !important;
 	}

 	switch.mauve[checked] .wx-switch-input,
 	checkbox.mauve[checked] .wx-checkbox-input,
 	radio.mauve[checked] .wx-radio-input,
 	switch.mauve.checked .uni-switch-input,
 	checkbox.mauve.checked .uni-checkbox-input,
 	radio.mauve.checked .uni-radio-input {
 		background-color: #9c26b0 !important;
 		border-color: #9c26b0 !important;
 		color: #ffffff !important;
 	}

 	switch.pink[checked] .wx-switch-input,
 	checkbox.pink[checked] .wx-checkbox-input,
 	radio.pink[checked] .wx-radio-input,
 	switch.pink.checked .uni-switch-input,
 	checkbox.pink.checked .uni-checkbox-input,
 	radio.pink.checked .uni-radio-input {
 		background-color: #e03997 !important;
 		border-color: #e03997 !important;
 		color: #ffffff !important;
 	}

 	switch.brown[checked] .wx-switch-input,
 	checkbox.brown[checked] .wx-checkbox-input,
 	radio.brown[checked] .wx-radio-input,
 	switch.brown.checked .uni-switch-input,
 	checkbox.brown.checked .uni-checkbox-input,
 	radio.brown.checked .uni-radio-input {
 		background-color: #a5673f !important;
 		border-color: #a5673f !important;
 		color: #ffffff !important;
 	}

 	switch.grey[checked] .wx-switch-input,
 	checkbox.grey[checked] .wx-checkbox-input,
 	radio.grey[checked] .wx-radio-input,
 	switch.grey.checked .uni-switch-input,
 	checkbox.grey.checked .uni-checkbox-input,
 	radio.grey.checked .uni-radio-input {
 		background-color: #8799a3 !important;
 		border-color: #8799a3 !important;
 		color: #ffffff !important;
 	}

 	switch.gray[checked] .wx-switch-input,
 	checkbox.gray[checked] .wx-checkbox-input,
 	radio.gray[checked] .wx-radio-input,
 	switch.gray.checked .uni-switch-input,
 	checkbox.gray.checked .uni-checkbox-input,
 	radio.gray.checked .uni-radio-input {
 		background-color: #f0f0f0 !important;
 		border-color: #f0f0f0 !important;
 		color: #333333 !important;
 	}

 	switch.black[checked] .wx-switch-input,
 	checkbox.black[checked] .wx-checkbox-input,
 	radio.black[checked] .wx-radio-input,
 	switch.black.checked .uni-switch-input,
 	checkbox.black.checked .uni-checkbox-input,
 	radio.black.checked .uni-radio-input {
 		background-color: #333333 !important;
 		border-color: #333333 !important;
 		color: #ffffff !important;
 	}

 	switch.white[checked] .wx-switch-input,
 	checkbox.white[checked] .wx-checkbox-input,
 	radio.white[checked] .wx-radio-input,
 	switch.white.checked .uni-switch-input,
 	checkbox.white.checked .uni-checkbox-input,
 	radio.white.checked .uni-radio-input {
 		background-color: #ffffff !important;
 		border-color: #ffffff !important;
 		color: #333333 !important;
 	}

 	/* ================== 边框 ==================== */
 	/* -- 实线 -- */
 	.solid,
 	.solid-top,
 	.solid-right,
 	.solid-bottom,
 	.solid-left,
 	.solids,
 	.solids-top,
 	.solids-right,
 	.solids-bottom,
 	.solids-left,
 	.dashed,
 	.dashed-top,
 	.dashed-right,
 	.dashed-bottom,
 	.dashed-left {
 		position: relative;
 	}

 	.solid::after,
 	.solid-top::after,
 	.solid-right::after,
 	.solid-bottom::after,
 	.solid-left::after,
 	.solids::after,
 	.solids-top::after,
 	.solids-right::after,
 	.solids-bottom::after,
 	.solids-left::after,
 	.dashed::after,
 	.dashed-top::after,
 	.dashed-right::after,
 	.dashed-bottom::after,
 	.dashed-left::after {
 		content: " ";
 		width: 200%;
 		height: 200%;
 		position: absolute;
 		top: 0;
 		left: 0;
 		border-radius: inherit;
 		transform: scale(0.5);
 		transform-origin: 0 0;
 		pointer-events: none;
 		box-sizing: border-box;
 	}

 	.solid::after {
 		border: 0.0625rem solid rgba(0, 0, 0, 0.1);
 	}

 	.solid-top::after {
 		border-top: 0.0625rem solid rgba(0, 0, 0, 0.1);
 	}

 	.solid-right::after {
 		border-right: 0.0625rem solid rgba(0, 0, 0, 0.1);
 	}

 	.solid-bottom::after {
 		border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.1);
 	}

 	.solid-left::after {
 		border-left: 0.0625rem solid rgba(0, 0, 0, 0.1);
 	}

 	.solids::after {
 		border: 0.5rem solid #eee;
 	}

 	.solids-top::after {
 		border-top: 0.5rem solid #eee;
 	}

 	.solids-right::after {
 		border-right: 0.5rem solid #eee;
 	}

 	.solids-bottom::after {
 		border-bottom: 0.5rem solid #eee;
 	}

 	.solids-left::after {
 		border-left: 0.5rem solid #eee;
 	}

 	/* -- 虚线 -- */
 	.dashed::after {
 		border: 0.0625rem dashed #ddd;
 	}

 	.dashed-top::after {
 		border-top: 0.0625rem dashed #ddd;
 	}

 	.dashed-right::after {
 		border-right: 0.0625rem dashed #ddd;
 	}

 	.dashed-bottom::after {
 		border-bottom: 0.0625rem dashed #ddd;
 	}

 	.dashed-left::after {
 		border-left: 0.0625rem dashed #ddd;
 	}

 	/* -- 阴影 -- */
 	.shadow[class*='white'] {
 		--ShadowSize: 0 0.0625rem 0.375rem;
 	}

 	.shadow-lg {
 		--ShadowSize: 0rem 2.5rem 6.25rem 0rem;
 	}

 	.shadow-warp {
 		position: relative;
 		box-shadow: 0 0 0.625rem rgba(0, 0, 0, 0.1);
 	}

 	.shadow-warp:before,
 	.shadow-warp:after {
 		position: absolute;
 		content: "";
 		top: 1.25rem;
 		bottom: 1.875rem;
 		left: 1.25rem;
 		width: 50%;
 		box-shadow: 0 1.875rem 1.25rem rgba(0, 0, 0, 0.2);
 		transform: rotate(-3deg);
 		z-index: -1;
 	}

 	.shadow-warp:after {
 		right: 1.25rem;
 		left: auto;
 		transform: rotate(3deg);
 	}

 	.shadow-blur {
 		position: relative;
 	}

 	.shadow-blur::before {
 		content: "";
 		display: block;
 		background: inherit;
 		filter: blur(0.625rem);
 		position: absolute;
 		width: 100%;
 		height: 100%;
 		top: 0.625rem;
 		left: 0.625rem;
 		z-index: -1;
 		opacity: 0.4;
 		transform-origin: 0 0;
 		border-radius: inherit;
 		transform: scale(1, 1);
 	}

 	/* ================== 按钮 ==================== */
 	.cu-btn {
 		position: relative;
 		border: 0rem;
 		display: inline-flex;
 		align-items: center;
 		justify-content: center;
 		box-sizing: border-box;
 		padding: 0 1.875rem;
 		font-size: 1.75rem;
 		height: 4rem;
 		line-height: 1;
 		text-align: center;
 		text-decoration: none;
 		overflow: visible;
 		margin-left: initial;
 		transform: translate(0rem, 0rem);
 		margin-right: initial;
 	}

 	.cu-btn::after {
 		display: none;
 	}

 	.cu-btn:not([class*="bg-"]) {
 		background-color: #f0f0f0;
 	}

 	.cu-btn[class*="line"] {
 		background-color: transparent;
 	}

 	.cu-btn[class*="line"]::after {
 		content: " ";
 		display: block;
 		width: 200%;
 		height: 200%;
 		position: absolute;
 		top: 0;
 		left: 0;
 		border: 0.0625rem solid currentColor;
 		transform: scale(0.5);
 		transform-origin: 0 0;
 		box-sizing: border-box;
 		border-radius: 0.75rem;
 		z-index: 1;
 		pointer-events: none;
 	}

 	.cu-btn.round[class*="line"]::after {
 		border-radius: 62.5rem;
 	}

 	.cu-btn[class*="lines"]::after {
 		border: 0.375rem solid currentColor;
 	}

 	.cu-btn[class*="bg-"]::after {
 		display: none;
 	}

 	.cu-btn.sm {
 		padding: 0 1.25rem;
 		font-size: 1.25rem;
 		height: 3rem;
 	}

 	.cu-btn.lg {
 		padding: 0 2.5rem;
 		font-size: 2rem;
 		height: 5rem;
 	}

 	.cu-btn.cuIcon.sm {
 		width: 3rem;
 		height: 3rem;
 	}

 	.cu-btn.cuIcon {
 		width: 4rem;
 		height: 4rem;
 		border-radius: 31.25rem;
 		padding: 0;
 	}

 	button.cuIcon.lg {
 		width: 5rem;
 		height: 5rem;
 	}

 	.cu-btn.shadow-blur::before {
 		top: 0.25rem;
 		left: 0.25rem;
 		filter: blur(0.375rem);
 		opacity: 0.6;
 	}

 	.cu-btn.button-hover {
 		transform: translate(0.0625rem, 0.0625rem);
 	}

 	.block {
 		display: block;
 	}

 	.cu-btn.block {
 		display: flex;
 	}

 	.cu-btn[disabled] {
 		opacity: 0.6;
 		color: #ffffff;
 	}

 	/* ================== 徽章 ==================== */
 	.cu-tag {
 		font-size: 1.5rem;
 		vertical-align: middle;
 		position: relative;
 		display: inline-flex;
 		align-items: center;
 		justify-content: center;
 		box-sizing: border-box;
 		padding: 0rem 1rem;
 		height: 3rem;
 		font-family: Alibaba PuHuiTi !important;
 		white-space: nowrap;
 	}

 	.cu-tag:not([class*="bg"]):not([class*="line"]) {
 		background-color: #f1f1f1;
 	}

 	.cu-tag[class*="line-"]::after {
 		content: " ";
 		width: 200%;
 		height: 200%;
 		position: absolute;
 		top: 0;
 		left: 0;
 		border: 0.0625rem solid currentColor;
 		transform: scale(0.5);
 		transform-origin: 0 0;
 		box-sizing: border-box;
 		border-radius: inherit;
 		z-index: 1;
 		pointer-events: none;
 	}

 	.cu-tag.radius[class*="line"]::after {
 		border-radius: 0.75rem;
 	}

 	.cu-tag.round[class*="line"]::after {
 		border-radius: 62.5rem;
 	}

 	.cu-tag[class*="line-"]::after {
 		border-radius: 0;
 	}

 	.cu-tag+.cu-tag {
 		margin-left: 0.625rem;
 	}

 	.cu-tag.sm {
 		font-size: 1.25rem;
 		padding: 0rem 0.75rem;
 		height: 2rem;
 	}

 	.cu-capsule {
 		display: inline-flex;
 		vertical-align: middle;
 	}

 	.cu-capsule+.cu-capsule {
 		margin-left: 0.625rem;
 	}

 	.cu-capsule .cu-tag {
 		margin: 0;
 	}

 	.cu-capsule .cu-tag[class*="line-"]:last-child::after {
 		border-left: 0rem solid transparent;
 	}

 	.cu-capsule .cu-tag[class*="line-"]:first-child::after {
 		border-right: 0rem solid transparent;
 	}

 	.cu-capsule.radius .cu-tag:first-child {
 		border-top-left-radius: 0.375rem;
 		border-bottom-left-radius: 0.375rem;
 	}

 	.cu-capsule.radius .cu-tag:last-child::after,
 	.cu-capsule.radius .cu-tag[class*="line-"] {
 		border-top-right-radius: 0.75rem;
 		border-bottom-right-radius: 0.75rem;
 	}

 	.cu-capsule.round .cu-tag:first-child {
 		border-top-left-radius: 12.5rem;
 		border-bottom-left-radius: 12.5rem;
 		text-indent: 0.25rem;
 	}

 	.cu-capsule.round .cu-tag:last-child::after,
 	.cu-capsule.round .cu-tag:last-child {
 		border-top-right-radius: 12.5rem;
 		border-bottom-right-radius: 12.5rem;
 		text-indent: -0.25rem;
 	}

 	.cu-tag.badge {
 		border-radius: 12.5rem;
 		position: absolute;
 		top: -0.625rem;
 		right: -0.625rem;
 		font-size: 1.25rem;
 		padding: 0rem 0.625rem;
 		height: 1.75rem;
 		color: #ffffff;
 	}

 	.cu-tag.badge:not([class*="bg-"]) {
 		background-color: #dd514c;
 	}

 	.cu-tag:empty:not([class*="cuIcon-"]) {
 		padding: 0rem;
 		width: 1rem;
 		height: 1rem;
 		top: -0.25rem;
 		right: -0.25rem;
 	}

 	.cu-tag[class*="cuIcon-"] {
 		width: 2rem;
 		height: 2rem;
 		top: -0.25rem;
 		right: -0.25rem;
 	}

 	/* ================== 头像 ==================== */
 	.cu-avatar {
 		font-variant: small-caps;
 		margin: 0;
 		padding: 0;
 		display: inline-flex;
 		text-align: center;
 		justify-content: center;
 		align-items: center;
 		background-color: #ccc;
 		color: #ffffff;
 		white-space: nowrap;
 		position: relative;
 		width: 4rem;
 		height: 4rem;
 		background-size: cover;
 		background-position: center;
 		vertical-align: middle;
 		font-size: 1.5em;
 	}

 	.cu-avatar.sm {
 		width: 3rem;
 		height: 3rem;
 		font-size: 1em;
 	}

 	.cu-avatar.lg {
 		width: 6rem;
 		height: 6rem;
 		font-size: 2em;
 	}

 	.cu-avatar.xl {
 		width: 8rem;
 		height: 8rem;
 		font-size: 2.5em;
 	}

 	.cu-avatar .avatar-text {
 		font-size: 0.4em;
 	}

 	.cu-avatar-group {
 		direction: rtl;
 		unicode-bidi: bidi-override;
 		padding: 0 0.625rem 0 2.5rem;
 		display: inline-block;
 	}

 	.cu-avatar-group .cu-avatar {
 		margin-left: -1.875rem;
 		border: 0.25rem solid #f1f1f1;
 		vertical-align: middle;
 	}

 	.cu-avatar-group .cu-avatar.sm {
 		margin-left: -1.25rem;
 		border: 0.0625rem solid #f1f1f1;
 	}

 	/* ================== 进度条 ==================== */
 	.cu-progress {
 		overflow: hidden;
 		height: 1.75rem;
 		background-color: #ebeef5;
 		display: inline-flex;
 		align-items: center;
 		width: 100%;
 	}

 	.cu-progress+view,
 	.cu-progress+text {
 		line-height: 1;
 	}

 	.cu-progress.xs {
 		height: 0.625rem;
 	}

 	.cu-progress.sm {
 		height: 1.25rem;
 	}

 	.cu-progress view {
 		width: 0;
 		height: 100%;
 		align-items: center;
 		display: flex;
 		justify-items: flex-end;
 		justify-content: space-around;
 		font-size: 1.25rem;
 		color: #ffffff;
 		transition: width 0.6s ease;
 	}

 	.cu-progress text {
 		align-items: center;
 		display: flex;
 		font-size: 1.25rem;
 		color: #333333;
 		text-indent: 0.625rem;
 	}

 	.cu-progress.text-progress {
 		padding-right: 3.75rem;
 	}

 	.cu-progress.striped view {
 		background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 		background-size: 4.5rem 4.5rem;
 	}

 	.cu-progress.active view {
 		animation: progress-stripes 2s linear infinite;
 	}

 	@keyframes progress-stripes {
 		from {
 			background-position: 4.5rem 0;
 		}

 		to {
 			background-position: 0 0;
 		}
 	}

 	/* ================== 加载 ==================== */
 	.cu-load {
 		display: block;
 		line-height: 3em;
 		text-align: center;
 	}

 	.cu-load::before {
 		font-family: "cuIcon";
 		display: inline-block;
 		margin-right: 0.375rem;
 	}

 	.cu-load.loading::before {
 		content: "\e67a";
 		animation: cuIcon-spin 2s infinite linear;
 	}

 	.cu-load.loading::after {
 		content: "加载中...";
 	}

 	.cu-load.over::before {
 		content: "\e64a";
 	}

 	.cu-load.over::after {
 		content: "没有更多了";
 	}

 	.cu-load.erro::before {
 		content: "\e658";
 	}

 	.cu-load.erro::after {
 		content: "加载失败";
 	}

 	.cu-load.load-cuIcon::before {
 		font-size: 2rem;
 	}

 	.cu-load.load-cuIcon::after {
 		display: none;
 	}

 	.cu-load.load-cuIcon.over {
 		display: none;
 	}

 	.cu-load.load-modal {
 		position: fixed;
 		top: 0;
 		right: 0;
 		bottom: 8.75rem;
 		left: 0;
 		margin: auto;
 		width: 16.25rem;
 		height: 16.25rem;
 		background-color: #ffffff;
 		border-radius: 0.625rem;
 		box-shadow: 0 0 0rem 125rem rgba(0, 0, 0, 0.5);
 		display: flex;
 		align-items: center;
 		flex-direction: column;
 		justify-content: center;
 		font-size: 1.75rem;
 		z-index: 9999;
 		line-height: 2.4em;
 	}

 	.cu-load.load-modal [class*="cuIcon-"] {
 		font-size: 3.75rem;
 	}

 	.cu-load.load-modal image {
 		width: 4.375rem;
 		height: 4.375rem;
 	}

 	.cu-load.load-modal::after {
 		content: "";
 		position: absolute;
 		background-color: #ffffff;
 		border-radius: 50%;
 		width: 12.5rem;
 		height: 12.5rem;
 		font-size: 0.625rem;
 		border-top: 0.375rem solid rgba(0, 0, 0, 0.05);
 		border-right: 0.375rem solid rgba(0, 0, 0, 0.05);
 		border-bottom: 0.375rem solid rgba(0, 0, 0, 0.05);
 		border-left: 0.375rem solid #f37b1d;
 		animation: cuIcon-spin 1s infinite linear;
 		z-index: -1;
 	}

 	.load-progress {
 		pointer-events: none;
 		top: 0;
 		position: fixed;
 		width: 100%;
 		left: 0;
 		z-index: 2000;
 	}

 	.load-progress.hide {
 		display: none;
 	}

 	.load-progress .load-progress-bar {
 		position: relative;
 		width: 100%;
 		height: 0.25rem;
 		overflow: hidden;
 		transition: all 200ms ease 0s;
 	}

 	.load-progress .load-progress-spinner {
 		position: absolute;
 		top: 0.625rem;
 		right: 0.625rem;
 		z-index: 2000;
 		display: block;
 	}

 	.load-progress .load-progress-spinner::after {
 		content: "";
 		display: block;
 		width: 1.5rem;
 		height: 1.5rem;
 		-webkit-box-sizing: border-box;
 		box-sizing: border-box;
 		border: solid 0.25rem transparent;
 		border-top-color: inherit;
 		border-left-color: inherit;
 		border-radius: 50%;
 		-webkit-animation: load-progress-spinner 0.4s linear infinite;
 		animation: load-progress-spinner 0.4s linear infinite;
 	}

 	@-webkit-keyframes load-progress-spinner {
 		0% {
 			-webkit-transform: rotate(0);
 			transform: rotate(0);
 		}

 		100% {
 			-webkit-transform: rotate(360deg);
 			transform: rotate(360deg);
 		}
 	}

 	@keyframes load-progress-spinner {
 		0% {
 			-webkit-transform: rotate(0);
 			transform: rotate(0);
 		}

 		100% {
 			-webkit-transform: rotate(360deg);
 			transform: rotate(360deg);
 		}
 	}

 	/* ================== 列表 ==================== */
 	.grayscale {
 		filter: grayscale(1);
 	}

 	.cu-list+.cu-list {
 		margin-top: 1.875rem
 	}

 	.cu-list>.cu-item {
 		transition: all .6s ease-in-out 0s;
 		transform: translateX(0rem)
 	}

 	.cu-list>.cu-item.move-cur {
 		transform: translateX(-16.25rem)
 	}

 	.cu-list>.cu-item .move {
 		position: absolute;
 		right: 0;
 		display: flex;
 		width: 16.25rem;
 		height: 100%;
 		transform: translateX(100%)
 	}

 	.cu-list>.cu-item .move view {
 		display: flex;
 		flex: 1;
 		justify-content: center;
 		align-items: center
 	}

 	.cu-list.menu-avatar {
 		overflow: hidden;
 	}

 	.cu-list.menu-avatar>.cu-item {
 		position: relative;
 		display: flex;
 		padding-right: 0.625rem;
 		height: 8.75rem;
 		background-color: #ffffff;
 		justify-content: flex-end;
 		align-items: center
 	}

 	.cu-list.menu-avatar>.cu-item>.cu-avatar {
 		position: absolute;
 		left: 1.875rem
 	}

 	.cu-list.menu-avatar>.cu-item .flex .text-cut {
 		max-width: 31.875rem
 	}

 	.cu-list.menu-avatar>.cu-item .content {
 		position: absolute;
 		left: 9.125rem;
 		width: calc(100% - 6rem - 3.75rem - 7.5rem - 1.25rem);
 		line-height: 1.6em;
 	}

 	.cu-list.menu-avatar>.cu-item .content.flex-sub {
 		width: calc(100% - 6rem - 3.75rem - 1.25rem);
 	}

 	.cu-list.menu-avatar>.cu-item .content>view:first-child {
 		font-size: 1.875rem;
 		display: flex;
 		align-items: center
 	}

 	.cu-list.menu-avatar>.cu-item .content .cu-tag.sm {
 		display: inline-block;
 		margin-left: 0.625rem;
 		height: 1.75rem;
 		font-size: 1rem;
 		line-height: 2rem
 	}

 	.cu-list.menu-avatar>.cu-item .action {
 		width: 6.25rem;
 		text-align: center
 	}

 	.cu-list.menu-avatar>.cu-item .action view+view {
 		margin-top: 0.625rem
 	}

 	.cu-list.menu-avatar.comment>.cu-item .content {
 		position: relative;
 		left: 0;
 		width: auto;
 		flex: 1;
 	}

 	.cu-list.menu-avatar.comment>.cu-item {
 		padding: 1.875rem 1.875rem 1.875rem 7.5rem;
 		height: auto
 	}

 	.cu-list.menu-avatar.comment .cu-avatar {
 		align-self: flex-start
 	}

 	.cu-list.menu>.cu-item {
 		position: relative;
 		display: flex;
 		padding: 0 1.875rem;
 		min-height: 6.25rem;
 		background-color: #ffffff;
 		justify-content: space-between;
 		align-items: center
 	}

 	.cu-list.menu>.cu-item:last-child:after {
 		border: none
 	}

 	.cu-list.menu-avatar>.cu-item:after,
 	.cu-list.menu>.cu-item:after {
 		position: absolute;
 		top: 0;
 		left: 0;
 		box-sizing: border-box;
 		width: 200%;
 		height: 200%;
 		border-bottom: 0.0625rem solid #ddd;
 		border-radius: inherit;
 		content: " ";
 		transform: scale(.5);
 		transform-origin: 0 0;
 		pointer-events: none
 	}

 	.cu-list.menu>.cu-item.grayscale {
 		background-color: #f5f5f5
 	}

 	.cu-list.menu>.cu-item.cur {
 		background-color: #fcf7e9
 	}

 	.cu-list.menu>.cu-item.arrow {
 		padding-right: 5.625rem
 	}

 	.cu-list.menu>.cu-item.arrow:before {
 		position: absolute;
 		top: 0;
 		right: 1.875rem;
 		bottom: 0;
 		display: block;
 		margin: auto;
 		width: 1.875rem;
 		height: 1.875rem;
 		color: #8799a3;
 		content: "\e6a3";
 		text-align: center;
 		font-size: 2.125rem;
 		font-family: cuIcon;
 		line-height: 1.875rem
 	}

 	.cu-list.menu>.cu-item button.content {
 		padding: 0;
 		background-color: transparent;
 		justify-content: flex-start
 	}

 	.cu-list.menu>.cu-item button.content:after {
 		display: none
 	}

 	.cu-list.menu>.cu-item .cu-avatar-group .cu-avatar {
 		border-color: #ffffff
 	}

 	.cu-list.menu>.cu-item .content>view:first-child {
 		display: flex;
 		align-items: center
 	}

 	.cu-list.menu>.cu-item .content>text[class*=cuIcon] {
 		display: inline-block;
 		margin-right: 0.625rem;
 		width: 1.6em;
 		text-align: center
 	}

 	.cu-list.menu>.cu-item .content>image {
 		display: inline-block;
 		margin-right: 0.625rem;
 		width: 1.6em;
 		height: 1.6em;
 		vertical-align: middle
 	}

 	.cu-list.menu>.cu-item .content {
 		font-size: 1.875rem;
 		line-height: 1.6em;
 		flex: 1
 	}

 	.cu-list.menu>.cu-item .content .cu-tag.sm {
 		display: inline-block;
 		margin-left: 0.625rem;
 		height: 1.75rem;
 		font-size: 1rem;
 		line-height: 2rem
 	}

 	.cu-list.menu>.cu-item .action .cu-tag:empty {
 		right: 0.625rem
 	}

 	.cu-list.menu {
 		display: block;
 		overflow: hidden
 	}

 	.cu-list.menu.sm-border>.cu-item:after {
 		left: 1.875rem;
 		width: calc(200% - 7.5rem)
 	}

 	.cu-list.grid>.cu-item {
 		position: relative;
 		display: flex;
 		padding: 1.25rem 0 1.875rem;
 		transition-duration: 0s;
 		flex-direction: column
 	}

 	.cu-list.grid>.cu-item:after {
 		position: absolute;
 		top: 0;
 		left: 0;
 		box-sizing: border-box;
 		width: 200%;
 		height: 200%;
 		border-right: 0.0625rem solid rgba(0, 0, 0, .1);
 		border-bottom: 0.0625rem solid rgba(0, 0, 0, .1);
 		border-radius: inherit;
 		content: " ";
 		transform: scale(.5);
 		transform-origin: 0 0;
 		pointer-events: none
 	}

 	.cu-list.grid>.cu-item text {
 		display: block;
 		margin-top: 0.625rem;
 		color: #888;
 		font-size: 1.625rem;
 		line-height: 2.5rem
 	}

 	.cu-list.grid>.cu-item [class*=cuIcon] {
 		position: relative;
 		display: block;
 		margin-top: 1.25rem;
 		width: 100%;
 		font-size: 3rem
 	}

 	.cu-list.grid>.cu-item .cu-tag {
 		right: auto;
 		left: 50%;
 		margin-left: 1.25rem
 	}

 	.cu-list.grid {
 		background-color: #ffffff;
 		text-align: center
 	}

 	.cu-list.grid.no-border>.cu-item {
 		padding-top: 0.625rem;
 		padding-bottom: 1.25rem
 	}

 	.cu-list.grid.no-border>.cu-item:after {
 		border: none
 	}

 	.cu-list.grid.no-border {
 		padding: 1.25rem 0.625rem
 	}

 	.cu-list.grid.col-3>.cu-item:nth-child(3n):after,
 	.cu-list.grid.col-4>.cu-item:nth-child(4n):after,
 	.cu-list.grid.col-5>.cu-item:nth-child(5n):after {
 		border-right-width: 0
 	}

 	.cu-list.card-menu {
 		overflow: hidden;
 		margin-right: 1.875rem;
 		margin-left: 1.875rem;
 		border-radius: 1.25rem
 	}

 	/* ================== 操作条 ==================== */
 	.cu-bar {
 		display: flex;
 		position: relative;
 		align-items: center;
 		min-height: 6.25rem;
 		justify-content: space-between;
 	}

 	.cu-bar .action {
 		display: flex;
 		align-items: center;
 		height: 100%;
 		justify-content: center;
 		max-width: 100%;
 	}

 	.cu-bar .action.border-title {
 		position: relative;
 		top: -0.625rem;
 	}

 	.cu-bar .action.border-title text[class*="bg-"]:last-child {
 		position: absolute;
 		bottom: -0.5rem;
 		min-width: 2rem;
 		height: 0.375rem;
 		left: 0;
 	}

 	.cu-bar .action.sub-title {
 		position: relative;
 		top: -0.2rem;
 	}

 	.cu-bar .action.sub-title text {
 		position: relative;
 		z-index: 1;
 	}

 	.cu-bar .action.sub-title text[class*="bg-"]:last-child {
 		position: absolute;
 		display: inline-block;
 		bottom: -0.2rem;
 		border-radius: 0.375rem;
 		width: 100%;
 		height: 0.6rem;
 		left: 0.6rem;
 		opacity: 0.3;
 		z-index: 0;
 	}

 	.cu-bar .action.sub-title text[class*="text-"]:last-child {
 		position: absolute;
 		display: inline-block;
 		bottom: -0.7rem;
 		left: 0.5rem;
 		opacity: 0.2;
 		z-index: 0;
 		text-align: right;
 		font-weight: 900;
 		font-size: 2.25rem;
 	}

 	.cu-bar.justify-center .action.border-title text:last-child,
 	.cu-bar.justify-center .action.sub-title text:last-child {
 		left: 0;
 		right: 0;
 		margin: auto;
 		text-align: center;
 	}

 	.cu-bar .action:first-child {
 		margin-left: 1.875rem;
 		font-size: 1.875rem;
 	}

 	.cu-bar .action text.text-cut {
 		text-align: left;
 		width: 100%;
 	}

 	.cu-bar .cu-avatar:first-child {
 		margin-left: 1.25rem;
 	}

 	.cu-bar .action:first-child>text[class*="cuIcon-"] {
 		margin-left: -0.3em;
 		margin-right: 0.3em;
 	}

 	.cu-bar .action:last-child {
 		margin-right: 1.875rem;
 	}

 	.cu-bar .action>text[class*="cuIcon-"],
 	.cu-bar .action>view[class*="cuIcon-"] {
 		font-size: 2.25rem;
 	}

 	.cu-bar .action>text[class*="cuIcon-"]+text[class*="cuIcon-"] {
 		margin-left: 0.5em;
 	}

 	.cu-bar .content {
 		position: absolute;
 		text-align: center;
 		width: calc(100% - 21.25rem);
 		left: 0;
 		right: 0;
 		bottom: 0;
 		top: 0;
 		margin: auto;
 		height: 3.75rem;
 		font-size: 2rem;
 		line-height: 3.75rem;
 		cursor: none;
 		pointer-events: none;
 		text-overflow: ellipsis;
 		white-space: nowrap;
 		overflow: hidden;
 	}

 	.cu-bar.ios .content {
 		bottom: 0.4375rem;
 		height: 1.875rem;
 		font-size: 2rem;
 		line-height: 1.875rem;
 	}

 	.cu-bar.btn-group {
 		justify-content: space-around;
 	}

 	.cu-bar.btn-group button {
 		padding: 1.25rem 2rem;
 	}

 	.cu-bar.btn-group button {
 		flex: 1;
 		margin: 0 1.25rem;
 		max-width: 50%;
 	}

 	.cu-bar .search-form {
 		background-color: #f5f5f5;
 		line-height: 4rem;
 		height: 4rem;
 		font-size: 1.5rem;
 		color: #333333;
 		flex: 1;
 		display: flex;
 		align-items: center;
 		margin: 0 1.875rem;
 	}

 	.cu-bar .search-form+.action {
 		margin-right: 1.875rem;
 	}

 	.cu-bar .search-form input {
 		flex: 1;
 		padding-right: 1.875rem;
 		height: 4rem;
 		line-height: 4rem;
 		font-size: 1.625rem;
 		background-color: transparent;
 	}

 	.cu-bar .search-form [class*="cuIcon-"] {
 		margin: 0 0.5em 0 0.8em;
 	}

 	.cu-bar .search-form [class*="cuIcon-"]::before {
 		top: 0rem;
 	}

 	.cu-bar.fixed,
 	.nav.fixed {
 		position: fixed;
 		width: 100%;
 		top: 0;
 		z-index: 1024;
 		box-shadow: 0 0.0625rem 0.375rem rgba(0, 0, 0, 0.1);
 	}

 	.cu-bar.foot {
 		position: fixed;
 		width: 100%;
 		bottom: 0;
 		z-index: 1024;
 		box-shadow: 0 -0.0625rem 0.375rem rgba(0, 0, 0, 0.1);
 	}

 	.cu-bar.tabbar {
 		padding: 0;
 		height: calc(6.25rem + env(safe-area-inset-bottom) / 2);
 		padding-bottom: calc(env(safe-area-inset-bottom) / 2);
 	}

 	.cu-tabbar-height {
 		min-height: 6.25rem;
 		height: calc(6.25rem + env(safe-area-inset-bottom) / 2);
 	}

 	.cu-bar.tabbar.shadow {
 		box-shadow: 0 -0.0625rem 0.375rem rgba(0, 0, 0, 0.1);
 	}

 	.cu-bar.tabbar .action {
 		font-size: 1.375rem;
 		position: relative;
 		flex: 1;
 		text-align: center;
 		padding: 0;
 		display: block;
 		height: auto;
 		line-height: 1;
 		margin: 0;
 		background-color: inherit;
 		overflow: initial;
 	}

 	.cu-bar.tabbar.shop .action {
 		width: 8.75rem;
 		flex: initial;
 	}

 	.cu-bar.tabbar .action.add-action {
 		position: relative;
 		z-index: 2;
 		padding-top: 3.125rem;
 	}

 	.cu-bar.tabbar .action.add-action [class*="cuIcon-"] {
 		position: absolute;
 		width: 4.375rem;
 		z-index: 2;
 		height: 4.375rem;
 		border-radius: 50%;
 		line-height: 4.375rem;
 		font-size: 3.125rem;
 		top: -2.1875rem;
 		left: 0;
 		right: 0;
 		margin: auto;
 		padding: 0;
 	}

 	.cu-bar.tabbar .action.add-action::after {
 		content: "";
 		position: absolute;
 		width: 6.25rem;
 		height: 6.25rem;
 		top: -3.125rem;
 		left: 0;
 		right: 0;
 		margin: auto;
 		box-shadow: 0 -0.1875rem 0.5rem rgba(0, 0, 0, 0.08);
 		border-radius: 3.125rem;
 		background-color: inherit;
 		z-index: 0;
 	}

 	.cu-bar.tabbar .action.add-action::before {
 		content: "";
 		position: absolute;
 		width: 6.25rem;
 		height: 1.875rem;
 		bottom: 1.875rem;
 		left: 0;
 		right: 0;
 		margin: auto;
 		background-color: inherit;
 		z-index: 1;
 	}

 	.cu-bar.tabbar .btn-group {
 		flex: 1;
 		display: flex;
 		justify-content: space-around;
 		align-items: center;
 		padding: 0 0.625rem;
 	}

 	.cu-bar.tabbar button.action::after {
 		border: 0;
 	}

 	.cu-bar.tabbar .action [class*="cuIcon-"] {
 		width: 6.25rem;
 		position: relative;
 		display: block;
 		height: auto;
 		margin: 0 auto 0.625rem;
 		text-align: center;
 		font-size: 2.5rem;
 	}

 	.cu-bar.tabbar .action .cuIcon-cu-image {
 		margin: 0 auto;
 	}

 	.cu-bar.tabbar .action .cuIcon-cu-image image {
 		width: 3.125rem;
 		height: 3.125rem;
 		display: inline-block;
 	}

 	.cu-bar.tabbar .submit {
 		align-items: center;
 		display: flex;
 		justify-content: center;
 		text-align: center;
 		position: relative;
 		flex: 2;
 		align-self: stretch;
 	}

 	.cu-bar.tabbar .submit:last-child {
 		flex: 2.6;
 	}

 	.cu-bar.tabbar .submit+.submit {
 		flex: 2;
 	}

 	.cu-bar.tabbar.border .action::before {
 		content: " ";
 		width: 200%;
 		height: 200%;
 		position: absolute;
 		top: 0;
 		left: 0;
 		transform: scale(0.5);
 		transform-origin: 0 0;
 		border-right: 0.0625rem solid rgba(0, 0, 0, 0.1);
 		z-index: 3;
 	}

 	.cu-bar.tabbar.border .action:last-child:before {
 		display: none;
 	}

 	.cu-bar.input {
 		padding-right: 1.25rem;
 		background-color: #ffffff;
 	}

 	.cu-bar.input input {
 		overflow: initial;
 		line-height: 4rem;
 		height: 4rem;
 		min-height: 4rem;
 		flex: 1;
 		font-size: 1.875rem;
 		margin: 0 1.25rem;
 	}

 	.cu-bar.input .action {
 		margin-left: 1.25rem;
 	}

 	.cu-bar.input .action [class*="cuIcon-"] {
 		font-size: 3rem;
 	}

 	.cu-bar.input input+.action {
 		margin-right: 1.25rem;
 		margin-left: 0rem;
 	}

 	.cu-bar.input .action:first-child [class*="cuIcon-"] {
 		margin-left: 0rem;
 	}

 	.cu-custom {
 		display: block;
 		position: relative;
 	}

 	.cu-custom .cu-bar .content {
 		width: calc(100% - 27.5rem);
 	}

 	/* #ifdef MP-ALIPAY */
 	.cu-custom .cu-bar .action .cuIcon-back {
 		opacity: 0;
 	}

 	/* #endif */
 	.cu-custom .cu-bar .content image {
 		height: 3.75rem;
 		width: 15rem;
 	}

 	.cu-custom .cu-bar {
 		min-height: 0rem;
 		/* #ifdef MP-WEIXIN */
 		padding-right: 13.75rem;
 		/* #endif */
 		/* #ifdef MP-ALIPAY */
 		padding-right: 9.375rem;
 		/* #endif */
 		box-shadow: 0rem 0rem 0rem;
 		z-index: 9999;
 	}

 	.cu-custom .cu-bar .border-custom {
 		position: relative;
 		background: rgba(0, 0, 0, 0.15);
 		border-radius: 62.5rem;
 		height: 1.875rem;
 	}

 	.cu-custom .cu-bar .border-custom::after {
 		content: " ";
 		width: 200%;
 		height: 200%;
 		position: absolute;
 		top: 0;
 		left: 0;
 		border-radius: inherit;
 		transform: scale(0.5);
 		transform-origin: 0 0;
 		pointer-events: none;
 		box-sizing: border-box;
 		border: 0.0625rem solid #ffffff;
 		opacity: 0.5;
 	}

 	.cu-custom .cu-bar .border-custom::before {
 		content: " ";
 		width: 0.0625rem;
 		height: 110%;
 		position: absolute;
 		top: 22.5%;
 		left: 0;
 		right: 0;
 		margin: auto;
 		transform: scale(0.5);
 		transform-origin: 0 0;
 		pointer-events: none;
 		box-sizing: border-box;
 		opacity: 0.6;
 		background-color: #ffffff;
 	}

 	.cu-custom .cu-bar .border-custom text {
 		display: block;
 		flex: 1;
 		margin: auto !important;
 		text-align: center;
 		font-size: 2.125rem;
 	}

 	/* ================== 导航栏 ==================== */
 	.nav {
 		white-space: nowrap;
 	}

 	::-webkit-scrollbar {
 		display: none;
 	}

 	.nav .cu-item {
 		height: 5.625rem;
 		display: inline-block;
 		line-height: 5.625rem;
 		margin: 0 0.625rem;
 		padding: 0 1.25rem;
 	}

 	.nav .cu-item.cur {
 		border-bottom: 0.25rem solid;
 	}

 	/* ================== 时间轴 ==================== */
 	.cu-timeline {
 		display: block;
 		background-color: #ffffff;
 	}

 	.cu-timeline .cu-time {
 		width: 7.5rem;
 		text-align: center;
 		padding: 1.25rem 0;
 		font-size: 1.625rem;
 		color: #888;
 		display: block;
 	}

 	.cu-timeline>.cu-item {
 		padding: 1.875rem 1.875rem 1.875rem 7.5rem;
 		position: relative;
 		display: block;
 		z-index: 0;
 	}

 	.cu-timeline>.cu-item:not([class*="text-"]) {
 		color: #ccc;
 	}

 	.cu-timeline>.cu-item::after {
 		content: "";
 		display: block;
 		position: absolute;
 		width: 0.0625rem;
 		background-color: #ddd;
 		left: 3.75rem;
 		height: 100%;
 		top: 0;
 		z-index: 8;
 	}

 	.cu-timeline>.cu-item::before {
 		font-family: "cuIcon";
 		display: block;
 		position: absolute;
 		top: 2.25rem;
 		z-index: 9;
 		background-color: #ffffff;
 		width: 3.125rem;
 		height: 3.125rem;
 		text-align: center;
 		border: none;
 		line-height: 3.125rem;
 		left: 2.25rem;
 	}

 	.cu-timeline>.cu-item:not([class*="cuIcon-"])::before {
 		content: "\e763";
 	}

 	.cu-timeline>.cu-item[class*="cuIcon-"]::before {
 		background-color: #ffffff;
 		width: 3.125rem;
 		height: 3.125rem;
 		text-align: center;
 		border: none;
 		line-height: 3.125rem;
 		left: 2.25rem;
 	}

 	.cu-timeline>.cu-item>.content {
 		padding: 1.875rem;
 		border-radius: 0.375rem;
 		display: block;
 		line-height: 1.6;
 	}

 	.cu-timeline>.cu-item>.content:not([class*="bg-"]) {
 		background-color: #f1f1f1;
 		color: #333333;
 	}

 	.cu-timeline>.cu-item>.content+.content {
 		margin-top: 1.25rem;
 	}

 	/* ================== 聊天 ==================== */
 	.cu-chat {
 		display: flex;
 		flex-direction: column;
 	}

 	.cu-chat .cu-item {
 		display: flex;
 		padding: 1.875rem 1.875rem 4.375rem;
 		position: relative;
 	}

 	.cu-chat .cu-item>.cu-avatar {
 		width: 5rem;
 		height: 5rem;
 	}

 	.cu-chat .cu-item>.main {
 		max-width: calc(100% - 16.25rem);
 		margin: 0 2.5rem;
 		display: flex;
 		align-items: center;
 	}

 	.cu-chat .cu-item>image {
 		height: 20rem;
 	}

 	.cu-chat .cu-item>.main .content {
 		padding: 1.25rem;
 		border-radius: 0.375rem;
 		display: inline-flex;
 		max-width: 100%;
 		align-items: center;
 		font-size: 1.875rem;
 		position: relative;
 		min-height: 5rem;
 		line-height: 2.5rem;
 		text-align: left;
 	}

 	.cu-chat .cu-item>.main .content:not([class*="bg-"]) {
 		background-color: #ffffff;
 		color: #333333;
 	}

 	.cu-chat .cu-item .date {
 		position: absolute;
 		font-size: 1.5rem;
 		color: #8799a3;
 		width: calc(100% - 20rem);
 		bottom: 1.25rem;
 		left: 10rem;
 	}

 	.cu-chat .cu-item .action {
 		padding: 0 1.875rem;
 		display: flex;
 		align-items: center;
 	}

 	.cu-chat .cu-item>.main .content::after {
 		content: "";
 		top: 1.6875rem;
 		transform: rotate(45deg);
 		position: absolute;
 		z-index: 100;
 		display: inline-block;
 		overflow: hidden;
 		width: 1.5rem;
 		height: 1.5rem;
 		left: -0.75rem;
 		right: initial;
 		background-color: inherit;
 	}

 	.cu-chat .cu-item.self>.main .content::after {
 		left: auto;
 		right: -0.75rem;
 	}

 	.cu-chat .cu-item>.main .content::before {
 		content: "";
 		top: 1.875rem;
 		transform: rotate(45deg);
 		position: absolute;
 		z-index: -1;
 		display: inline-block;
 		overflow: hidden;
 		width: 1.5rem;
 		height: 1.5rem;
 		left: -0.75rem;
 		right: initial;
 		background-color: inherit;
 		filter: blur(0.3125rem);
 		opacity: 0.3;
 	}

 	.cu-chat .cu-item>.main .content:not([class*="bg-"])::before {
 		background-color: #333333;
 		opacity: 0.1;
 	}

 	.cu-chat .cu-item.self>.main .content::before {
 		left: auto;
 		right: -0.75rem;
 	}

 	.cu-chat .cu-item.self {
 		justify-content: flex-end;
 		text-align: right;
 	}

 	.cu-chat .cu-info {
 		display: inline-block;
 		margin: 1.25rem auto;
 		font-size: 1.5rem;
 		padding: 0.5rem 0.75rem;
 		background-color: rgba(0, 0, 0, 0.2);
 		border-radius: 0.375rem;
 		color: #ffffff;
 		max-width: 25rem;
 		line-height: 1.4;
 	}

 	/* ================== 卡片 ==================== */
 	.cu-card {
 		display: block;
 		overflow: hidden;
 	}

 	.cu-card>.cu-item {
 		display: block;
 		background-color: #ffffff;
 		overflow: hidden;
 		border-radius: 0.625rem;
 		margin: 1.875rem;
 	}

 	.cu-card>.cu-item.shadow-blur {
 		overflow: initial;
 	}

 	.cu-card.no-card>.cu-item {
 		margin: 0rem;
 		border-radius: 0rem;
 	}

 	.cu-card .grid.grid-square {
 		margin-bottom: -1.25rem;
 	}

 	.cu-card.case .image {
 		position: relative;
 	}

 	.cu-card.case .image image {
 		width: 100%;
 	}

 	.cu-card.case .image .cu-tag {
 		position: absolute;
 		right: 0;
 		top: 0;
 	}

 	.cu-card.case .image .cu-bar {
 		position: absolute;
 		bottom: 0;
 		width: 100%;
 		background-color: transparent;
 		padding: 0rem 1.875rem;
 	}

 	.cu-card.case.no-card .image {
 		margin: 1.875rem 1.875rem 0;
 		overflow: hidden;
 		border-radius: 0.625rem;
 	}

 	.cu-card.dynamic {
 		display: block;
 	}

 	.cu-card.dynamic>.cu-item {
 		display: block;
 		background-color: #ffffff;
 		overflow: hidden;
 	}

 	.cu-card.dynamic>.cu-item>.text-content {
 		padding: 0 1.875rem 0;
 		max-height: 6.4em;
 		overflow: hidden;
 		font-size: 1.875rem;
 		margin-bottom: 1.25rem;
 	}

 	.cu-card.dynamic>.cu-item .square-img {
 		width: 100%;
 		height: 12.5rem;
 		border-radius: 0.375rem;
 	}

 	.cu-card.dynamic>.cu-item .only-img {
 		width: 100%;
 		height: 20rem;
 		border-radius: 0.375rem;
 	}

 	/* card.dynamic>.cu-item .comment {
     padding: 1.25rem;
     background-color: #f1f1f1;
     margin: 0 1.875rem 1.875rem;
     border-radius: 0.375rem;
}
 */
 	.cu-card.article {
 		display: block;
 	}

 	.cu-card.article>.cu-item {
 		padding-bottom: 1.875rem;
 	}

 	.cu-card.article>.cu-item .title {
 		font-size: 1.875rem;
 		font-weight: 900;
 		color: #333333;
 		line-height: 6.25rem;
 		padding: 0 1.875rem;
 	}

 	.cu-card.article>.cu-item .content {
 		display: flex;
 		padding: 0 1.875rem;
 	}

 	.cu-card.article>.cu-item .content>image {
 		width: 15rem;
 		height: 6.4em;
 		margin-right: 1.25rem;
 		border-radius: 0.375rem;
 	}

 	.cu-card.article>.cu-item .content .desc {
 		flex: 1;
 		display: flex;
 		flex-direction: column;
 		justify-content: space-between;
 	}

 	.cu-card.article>.cu-item .content .text-content {
 		font-size: 1.75rem;
 		color: #888;
 		height: 4.8em;
 		overflow: hidden;
 	}

 	/* ================== 表单 ==================== */
 	.cu-form-group {
 		background-color: #ffffff;
 		padding: 0.0625rem 1.875rem;
 		display: flex;
 		align-items: center;
 		min-height: 6.25rem;
 		justify-content: space-between;
 	}

 	.cu-form-group+.cu-form-group {
 		border-top: 0.0625rem solid #eee;
 	}

 	.cu-form-group .title {
 		text-align: justify;
 		padding-right: 1.875rem;
 		font-size: 1.875rem;
 		position: relative;
 		height: 3.75rem;
 		line-height: 3.75rem;
 	}

 	.cu-form-group input {
 		flex: 1;
 		font-size: 1.875rem;
 		color: #555;
 		padding-right: 1.25rem;
 	}

 	.cu-form-group>text[class*="cuIcon-"] {
 		font-size: 2.25rem;
 		padding: 0;
 		box-sizing: border-box;
 	}

 	.cu-form-group textarea {
 		margin: 2rem 0 1.875rem;
 		height: 4.6em;
 		width: 100%;
 		line-height: 1.2em;
 		flex: 1;
 		font-size: 1.75rem;
 		padding: 0;
 	}

 	.cu-form-group.align-start .title {
 		height: 1em;
 		margin-top: 2rem;
 		line-height: 1em;
 	}

 	.cu-form-group picker {
 		flex: 1;
 		padding-right: 2.5rem;
 		overflow: hidden;
 		position: relative;
 	}

 	.cu-form-group picker .picker {
 		line-height: 6.25rem;
 		font-size: 1.75rem;
 		text-overflow: ellipsis;
 		white-space: nowrap;
 		overflow: hidden;
 		width: 100%;
 		text-align: right;
 	}

 	.cu-form-group picker::after {
 		font-family: cuIcon;
 		display: block;
 		content: "\e6a3";
 		position: absolute;
 		font-size: 2.125rem;
 		color: #8799a3;
 		line-height: 6.25rem;
 		width: 3.75rem;
 		text-align: center;
 		top: 0;
 		bottom: 0;
 		right: -1.25rem;
 		margin: auto;
 	}

 	.cu-form-group textarea[disabled],
 	.cu-form-group textarea[disabled] .placeholder {
 		color: transparent;
 	}

 	/* ================== 模态窗口 ==================== */
 	.cu-modal {
 		position: fixed;
 		top: 0;
 		right: 0;
 		bottom: 0;
 		left: 0;
 		z-index: 1110;
 		opacity: 0;
 		outline: 0;
 		text-align: center;
 		-ms-transform: scale(1.185);
 		transform: scale(1.185);
 		backface-visibility: hidden;
 		perspective: 125rem;
 		background: rgba(0, 0, 0, 0.6);
 		transition: all 0.3s ease-in-out 0s;
 		pointer-events: none;
 	}

 	.cu-modal::before {
 		content: "\200B";
 		display: inline-block;
 		height: 100%;
 		vertical-align: middle;
 	}

 	.cu-modal.show {
 		opacity: 1;
 		transition-duration: 0.3s;
 		-ms-transform: scale(1);
 		transform: scale(1);
 		overflow-x: hidden;
 		overflow-y: auto;
 		pointer-events: auto;
 	}

 	.cu-dialog {
 		position: relative;
 		display: inline-block;
 		vertical-align: middle;
 		margin-left: auto;
 		margin-right: auto;
 		width: 42.5rem;
 		max-width: 100%;
 		background-color: #f8f8f8;
 		border-radius: 0.625rem;
 		overflow: hidden;
 	}

 	.cu-modal.bottom-modal::before {
 		vertical-align: bottom;
 	}

 	.cu-modal.bottom-modal .cu-dialog {
 		width: 100%;
 		border-radius: 0;
 	}

 	.cu-modal.bottom-modal {
 		margin-bottom: -62.5rem;
 	}

 	.cu-modal.bottom-modal.show {
 		margin-bottom: 0;
 	}

 	.cu-modal.drawer-modal {
 		transform: scale(1);
 		display: flex;
 	}

 	.cu-modal.drawer-modal .cu-dialog {
 		height: 100%;
 		min-width: 12.5rem;
 		border-radius: 0;
 		margin: initial;
 		transition-duration: 0.3s;
 	}

 	.cu-modal.drawer-modal.justify-start .cu-dialog {
 		transform: translateX(-100%);
 	}

 	.cu-modal.drawer-modal.justify-end .cu-dialog {
 		transform: translateX(100%);
 	}

 	.cu-modal.drawer-modal.show .cu-dialog {
 		transform: translateX(0%);
 	}

 	.cu-modal .cu-dialog>.cu-bar:first-child .action {
 		min-width: 100rpx;
 		margin-right: 0;
 		min-height: 100rpx;
 	}

 	/* ================== 轮播 ==================== */
 	swiper .a-swiper-dot {
 		display: inline-block;
 		width: 1rem;
 		height: 1rem;
 		background: rgba(0, 0, 0, .3);
 		border-radius: 50%;
 		vertical-align: middle;
 	}

 	swiper[class*="-dot"] .wx-swiper-dots,
 	swiper[class*="-dot"] .a-swiper-dots,
 	swiper[class*="-dot"] .uni-swiper-dots {
 		display: flex;
 		align-items: center;
 		width: 100%;
 		justify-content: center;
 	}

 	swiper.square-dot .wx-swiper-dot,
 	swiper.square-dot .a-swiper-dot,
 	swiper.square-dot .uni-swiper-dot {
 		background-color: #ffffff;
 		opacity: 0.4;
 		width: 0.625rem;
 		height: 0.625rem;
 		border-radius: 1.25rem;
 		margin: 0 0.5rem !important;
 	}

 	swiper.square-dot .wx-swiper-dot.wx-swiper-dot-active,
 	swiper.square-dot .a-swiper-dot.a-swiper-dot-active,
 	swiper.square-dot .uni-swiper-dot.uni-swiper-dot-active {
 		opacity: 1;
 		width: 1.875rem;
 	}

 	swiper.round-dot .wx-swiper-dot,
 	swiper.round-dot .a-swiper-dot,
 	swiper.round-dot .uni-swiper-dot {
 		width: 0.625rem;
 		height: 0.625rem;
 		position: relative;
 		margin: 0.25rem 0.5rem !important;
 	}

 	swiper.round-dot .wx-swiper-dot.wx-swiper-dot-active::after,
 	swiper.round-dot .a-swiper-dot.a-swiper-dot-active::after,
 	swiper.round-dot .uni-swiper-dot.uni-swiper-dot-active::after {
 		content: "";
 		position: absolute;
 		width: 0.625rem;
 		height: 0.625rem;
 		top: 0rem;
 		left: 0rem;
 		right: 0;
 		bottom: 0;
 		margin: auto;
 		background-color: #ffffff;
 		border-radius: 1.25rem;
 	}

 	swiper.round-dot .wx-swiper-dot.wx-swiper-dot-active,
 	swiper.round-dot .a-swiper-dot.a-swiper-dot-active,
 	swiper.round-dot .uni-swiper-dot.uni-swiper-dot-active {
 		width: 1.125rem;
 		height: 1.125rem;
 	}

 	.screen-swiper {
 		min-height: 23.4375rem;
 	}

 	.screen-swiper image,
 	.screen-swiper video,
 	.swiper-item image,
 	.swiper-item video {
 		width: 100%;
 		display: block;
 		height: 100%;
 		margin: 0;
 		pointer-events: none;
 	}

 	.card-swiper {
 		height: 26.25rem !important;
 	}

 	.card-swiper swiper-item {
 		width: 38.125rem !important;
 		left: 4.375rem;
 		box-sizing: border-box;
 		padding: 2.5rem 0rem 4.375rem;
 		overflow: initial;
 	}

 	.card-swiper swiper-item .swiper-item {
 		width: 100%;
 		display: block;
 		height: 100%;
 		border-radius: 0.625rem;
 		transform: scale(0.9);
 		transition: all 0.2s ease-in 0s;
 		overflow: hidden;
 	}

 	.card-swiper swiper-item.cur .swiper-item {
 		transform: none;
 		transition: all 0.2s ease-in 0s;
 	}

 	.tower-swiper {
 		height: 26.25rem;
 		position: relative;
 		max-width: 46.875rem;
 		overflow: hidden;
 	}

 	.tower-swiper .tower-item {
 		position: absolute;
 		width: 18.75rem;
 		height: 23.75rem;
 		top: 0;
 		bottom: 0;
 		left: 50%;
 		margin: auto;
 		transition: all 0.2s ease-in 0s;
 		opacity: 1;
 	}

 	.tower-swiper .tower-item.none {
 		opacity: 0;
 	}

 	.tower-swiper .tower-item .swiper-item {
 		width: 100%;
 		height: 100%;
 		border-radius: 0.375rem;
 		overflow: hidden;
 	}

 	/* ================== 步骤条 ==================== */
 	.cu-steps {
 		display: flex;
 	}

 	scroll-view.cu-steps {
 		display: block;
 		white-space: nowrap;
 	}

 	scroll-view.cu-steps .cu-item {
 		display: inline-block;
 	}

 	.cu-steps .cu-item {
 		flex: 1;
 		text-align: center;
 		position: relative;
 		min-width: 6.25rem;
 	}

 	.cu-steps .cu-item:not([class*="text-"]) {
 		color: #8799a3;
 	}

 	.cu-steps .cu-item [class*="cuIcon-"],
 	.cu-steps .cu-item .num {
 		display: block;
 		font-size: 2.5rem;
 		line-height: 5rem;
 	}

 	.cu-steps .cu-item::before,
 	.cu-steps .cu-item::after,
 	.cu-steps.steps-arrow .cu-item::before,
 	.cu-steps.steps-arrow .cu-item::after {
 		content: "";
 		display: block;
 		position: absolute;
 		height: 0rem;
 		width: calc(100% - 5rem);
 		border-bottom: 0.0625rem solid #ccc;
 		left: calc(0rem - (100% - 5rem) / 2);
 		top: 2.5rem;
 		z-index: 0;
 	}

 	.cu-steps.steps-arrow .cu-item::before,
 	.cu-steps.steps-arrow .cu-item::after {
 		content: "\e6a3";
 		font-family: 'cuIcon';
 		height: 1.875rem;
 		border-bottom-width: 0rem;
 		line-height: 1.875rem;
 		top: 0;
 		bottom: 0;
 		margin: auto;
 		color: #ccc;
 	}

 	.cu-steps.steps-bottom .cu-item::before,
 	.cu-steps.steps-bottom .cu-item::after {
 		bottom: 2.5rem;
 		top: initial;
 	}

 	.cu-steps .cu-item::after {
 		border-bottom: 0.0625rem solid currentColor;
 		width: 0rem;
 		transition: all 0.3s ease-in-out 0s;
 	}

 	.cu-steps .cu-item[class*="text-"]::after {
 		width: calc(100% - 5rem);
 		color: currentColor;
 	}

 	.cu-steps .cu-item:first-child::before,
 	.cu-steps .cu-item:first-child::after {
 		display: none;
 	}

 	.cu-steps .cu-item .num {
 		width: 2.5rem;
 		height: 2.5rem;
 		border-radius: 50%;
 		line-height: 2.5rem;
 		margin: 1.25rem auto;
 		font-size: 1.5rem;
 		border: 0.0625rem solid currentColor;
 		position: relative;
 		overflow: hidden;
 	}

 	.cu-steps .cu-item[class*="text-"] .num {
 		background-color: currentColor;
 	}

 	.cu-steps .cu-item .num::before,
 	.cu-steps .cu-item .num::after {
 		content: attr(data-index);
 		position: absolute;
 		left: 0;
 		right: 0;
 		top: 0;
 		bottom: 0;
 		margin: auto;
 		transition: all 0.3s ease-in-out 0s;
 		transform: translateY(0rem);
 	}

 	.cu-steps .cu-item[class*="text-"] .num::before {
 		transform: translateY(-2.5rem);
 		color: #ffffff;
 	}

 	.cu-steps .cu-item .num::after {
 		transform: translateY(2.5rem);
 		color: #ffffff;
 		transition: all 0.3s ease-in-out 0s;
 	}

 	.cu-steps .cu-item[class*="text-"] .num::after {
 		content: "\e645";
 		font-family: 'cuIcon';
 		color: #ffffff;
 		transform: translateY(0rem);
 	}

 	.cu-steps .cu-item[class*="text-"] .num.err::after {
 		content: "\e646";
 	}

 	/* ================== 布局 ==================== */
 	/* -- flex弹性布局 -- */
 	.flex {
 		display: flex;
 	}

 	.basis-xs {
 		flex-basis: 20%;
 	}

 	.basis-sm {
 		flex-basis: 40%;
 	}

 	.basis-df {
 		flex-basis: 50%;
 	}

 	.basis-lg {
 		flex-basis: 60%;
 	}

 	.basis-xl {
 		flex-basis: 80%;
 	}

 	.flex-sub {
 		flex: 1;
 	}

 	.flex-twice {
 		flex: 2;
 	}

 	.flex-treble {
 		flex: 3;
 	}

 	.flex-direction {
 		flex-direction: column;
 	}

 	.flex-wrap {
 		flex-wrap: wrap;
 	}

 	.align-start {
 		align-items: flex-start;
 	}

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

 	.align-center {
 		align-items: center;
 	}

 	.align-stretch {
 		align-items: stretch;
 	}

 	.self-start {
 		align-self: flex-start;
 	}

 	.self-center {
 		align-self: flex-center;
 	}

 	.self-end {
 		align-self: flex-end;
 	}

 	.self-stretch {
 		align-self: stretch;
 	}

 	.align-stretch {
 		align-items: stretch;
 	}

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

 	.justify-end {
 		justify-content: flex-end;
 	}

 	.justify-center {
 		justify-content: center;
 	}

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

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

 	/* grid布局 */
 	.grid {
 		display: flex;
 		flex-wrap: wrap;
 	}

 	.grid.grid-square {
 		overflow: hidden;
 	}

 	.grid.grid-square .cu-tag {
 		position: absolute;
 		right: 0;
 		top: 0;
 		border-bottom-left-radius: 0.375rem;
 		padding: 0.375rem 0.75rem;
 		height: auto;
 		background-color: rgba(0, 0, 0, 0.5);
 	}

 	.grid.grid-square>view>text[class*="cuIcon-"] {
 		font-size: 3.25rem;
 		position: absolute;
 		color: #8799a3;
 		margin: auto;
 		top: 0;
 		bottom: 0;
 		left: 0;
 		right: 0;
 		display: flex;
 		justify-content: center;
 		align-items: center;
 		flex-direction: column;
 	}

 	.grid.grid-square>view {
 		margin-right: 1.25rem;
 		margin-bottom: 1.25rem;
 		border-radius: 0.375rem;
 		position: relative;
 		overflow: hidden;
 	}

 	.grid.grid-square>view.bg-img image {
 		width: 100%;
 		height: 100%;
 		position: absolute;
 	}

 	.grid.col-1.grid-square>view {
 		padding-bottom: 100%;
 		height: 0;
 		margin-right: 0;
 	}

 	.grid.col-2.grid-square>view {
 		padding-bottom: calc((100% - 1.25rem)/2);
 		height: 0;
 		width: calc((100% - 1.25rem)/2);
 	}

 	.grid.col-3.grid-square>view {
 		padding-bottom: calc((100% - 2.5rem)/3);
 		height: 0;
 		width: calc((100% - 2.5rem)/3);
 	}

 	.grid.col-4.grid-square>view {
 		padding-bottom: calc((100% - 3.75rem)/4);
 		height: 0;
 		width: calc((100% - 3.75rem)/4);
 	}

 	.grid.col-5.grid-square>view {
 		padding-bottom: calc((100% - 5rem)/5);
 		height: 0;
 		width: calc((100% - 5rem)/5);
 	}

 	.grid.col-2.grid-square>view:nth-child(2n),
 	.grid.col-3.grid-square>view:nth-child(3n),
 	.grid.col-4.grid-square>view:nth-child(4n),
 	.grid.col-5.grid-square>view:nth-child(5n) {
 		margin-right: 0;
 	}

 	.grid.col-1>view {
 		width: 100%;
 	}

 	.grid.col-2>view {
 		width: 50%;
 	}

 	.grid.col-3>view {
 		width: 33.33%;
 	}

 	.grid.col-4>view {
 		width: 25%;
 	}

 	.grid.col-5>view {
 		width: 20%;
 	}

 	/* -- 内外边距 -- */
 	.margin-0 {
 		margin: 0;
 	}

 	.margin-xs {
 		margin: 0.625rem;
 	}

 	.margin-sm {
 		margin: 1.25rem;
 	}

 	.margin {
 		margin: 1.875rem;
 	}

 	.margin-lg {
 		margin: 2.5rem;
 	}

 	.margin-xl {
 		margin: 3.125rem;
 	}

 	.margin-top-xs {
 		margin-top: 0.625rem;
 	}

 	.margin-top-sm {
 		margin-top: 1.25rem;
 	}

 	.margin-top {
 		margin-top: 1.875rem;
 	}

 	.margin-top-lg {
 		margin-top: 2.5rem;
 	}

 	.margin-top-xl {
 		margin-top: 3.125rem;
 	}

 	.margin-right-xs {
 		margin-right: 0.625rem;
 	}

 	.margin-right-sm {
 		margin-right: 1.25rem;
 	}

 	.margin-right {
 		margin-right: 1.875rem;
 	}

 	.margin-right-lg {
 		margin-right: 2.5rem;
 	}

 	.margin-right-xl {
 		margin-right: 3.125rem;
 	}

 	.margin-bottom-xs {
 		margin-bottom: 0.625rem;
 	}

 	.margin-bottom-sm {
 		margin-bottom: 1.25rem;
 	}

 	.margin-bottom {
 		margin-bottom: 1.875rem;
 	}

 	.margin-bottom-lg {
 		margin-bottom: 2.5rem;
 	}

 	.margin-bottom-xl {
 		margin-bottom: 3.125rem;
 	}

 	.margin-left-xs {
 		margin-left: 0.625rem;
 	}

 	.margin-left-sm {
 		margin-left: 1.25rem;
 	}

 	.margin-left {
 		margin-left: 1.875rem;
 	}

 	.margin-left-lg {
 		margin-left: 2.5rem;
 	}

 	.margin-left-xl {
 		margin-left: 3.125rem;
 	}

 	.margin-lr-xs {
 		margin-left: 0.625rem;
 		margin-right: 0.625rem;
 	}

 	.margin-lr-sm {
 		margin-left: 1.25rem;
 		margin-right: 1.25rem;
 	}

 	.margin-lr {
 		margin-left: 1.875rem;
 		margin-right: 1.875rem;
 	}

 	.margin-lr-lg {
 		margin-left: 2.5rem;
 		margin-right: 2.5rem;
 	}

 	.margin-lr-xl {
 		margin-left: 3.125rem;
 		margin-right: 3.125rem;
 	}

 	.margin-tb-xs {
 		margin-top: 0.625rem;
 		margin-bottom: 0.625rem;
 	}

 	.margin-tb-sm {
 		margin-top: 1.25rem;
 		margin-bottom: 1.25rem;
 	}

 	.margin-tb {
 		margin-top: 1.875rem;
 		margin-bottom: 1.875rem;
 	}

 	.margin-tb-lg {
 		margin-top: 2.5rem;
 		margin-bottom: 2.5rem;
 	}

 	.margin-tb-xl {
 		margin-top: 3.125rem;
 		margin-bottom: 3.125rem;
 	}

 	.padding-0 {
 		padding: 0;
 	}

 	.padding-xs {
 		padding: 0.625rem;
 	}

 	.padding-sm {
 		padding: 1.25rem;
 	}

 	.padding {
 		padding: 1.875rem;
 	}

 	.padding-lg {
 		padding: 2.5rem;
 	}

 	.padding-xl {
 		padding: 3.125rem;
 	}

 	.padding-top-xs {
 		padding-top: 0.625rem;
 	}

 	.padding-top-sm {
 		padding-top: 1.25rem;
 	}

 	.padding-top {
 		padding-top: 1.875rem;
 	}

 	.padding-top-lg {
 		padding-top: 2.5rem;
 	}

 	.padding-top-xl {
 		padding-top: 3.125rem;
 	}

 	.padding-right-xs {
 		padding-right: 0.625rem;
 	}

 	.padding-right-sm {
 		padding-right: 1.25rem;
 	}

 	.padding-right {
 		padding-right: 1.875rem;
 	}

 	.padding-right-lg {
 		padding-right: 2.5rem;
 	}

 	.padding-right-xl {
 		padding-right: 3.125rem;
 	}

 	.padding-bottom-xs {
 		padding-bottom: 0.625rem;
 	}

 	.padding-bottom-sm {
 		padding-bottom: 1.25rem;
 	}

 	.padding-bottom {
 		padding-bottom: 1.875rem;
 	}

 	.padding-bottom-lg {
 		padding-bottom: 2.5rem;
 	}

 	.padding-bottom-xl {
 		padding-bottom: 3.125rem;
 	}

 	.padding-left-xs {
 		padding-left: 0.625rem;
 	}

 	.padding-left-sm {
 		padding-left: 1.25rem;
 	}

 	.padding-left {
 		padding-left: 1.875rem;
 	}

 	.padding-left-lg {
 		padding-left: 2.5rem;
 	}

 	.padding-left-xl {
 		padding-left: 3.125rem;
 	}

 	.padding-lr-xs {
 		padding-left: 0.625rem;
 		padding-right: 0.625rem;
 	}

 	.padding-lr-sm {
 		padding-left: 1.25rem;
 		padding-right: 1.25rem;
 	}

 	.padding-lr {
 		padding-left: 1.875rem;
 		padding-right: 1.875rem;
 	}

 	.padding-lr-lg {
 		padding-left: 2.5rem;
 		padding-right: 2.5rem;
 	}

 	.padding-lr-xl {
 		padding-left: 3.125rem;
 		padding-right: 3.125rem;
 	}

 	.padding-tb-xs {
 		padding-top: 0.625rem;
 		padding-bottom: 0.625rem;
 	}

 	.padding-tb-sm {
 		padding-top: 1.25rem;
 		padding-bottom: 1.25rem;
 	}

 	.padding-tb {
 		padding-top: 1.875rem;
 		padding-bottom: 1.875rem;
 	}

 	.padding-tb-lg {
 		padding-top: 2.5rem;
 		padding-bottom: 2.5rem;
 	}

 	.padding-tb-xl {
 		padding-top: 3.125rem;
 		padding-bottom: 3.125rem;
 	}

 	/* -- 浮动 -- */
 	.cf::after,
 	.cf::before {
 		content: " ";
 		display: table;
 	}

 	.cf::after {
 		clear: both;
 	}

 	.fl {
 		float: left;
 	}

 	.fr {
 		float: right;
 	}

 	/* ================== 背景 ==================== */
 	.line-red::after,
 	.lines-red::after {
 		border-color: #e54d42;
 	}

 	.line-orange::after,
 	.lines-orange::after {
 		border-color: #f37b1d;
 	}

 	.line-yellow::after,
 	.lines-yellow::after {
 		border-color: #fbbd08;
 	}

 	.line-olive::after,
 	.lines-olive::after {
 		border-color: #8dc63f;
 	}

 	.line-green::after,
 	.lines-green::after {
 		border-color: #39b54a;
 	}

 	.line-cyan::after,
 	.lines-cyan::after {
 		border-color: #1cbbb4;
 	}

 	.line-blue::after,
 	.lines-blue::after {
 		border-color: #0081ff;
 	}

 	.line-purple::after,
 	.lines-purple::after {
 		border-color: #6739b6;
 	}

 	.line-mauve::after,
 	.lines-mauve::after {
 		border-color: #9c26b0;
 	}

 	.line-pink::after,
 	.lines-pink::after {
 		border-color: #e03997;
 	}

 	.line-brown::after,
 	.lines-brown::after {
 		border-color: #a5673f;
 	}

 	.line-grey::after,
 	.lines-grey::after {
 		border-color: #8799a3;
 	}

 	.line-gray::after,
 	.lines-gray::after {
 		border-color: #aaaaaa;
 	}

 	.line-black::after,
 	.lines-black::after {
 		border-color: #333333;
 	}

 	.line-white::after,
 	.lines-white::after {
 		border-color: #ffffff;
 	}

 	.bg-red {
 		background-color: #e54d42;
 		color: #ffffff;
 	}

 	.bg-orange {
 		background-color: #f37b1d;
 		color: #ffffff;
 	}

 	.bg-yellow {
 		background-color: #fbbd08;
 		color: #333333;
 	}

 	.bg-olive {
 		background-color: #8dc63f;
 		color: #ffffff;
 	}

 	.bg-green {
 		background-color: #39b54a;
 		color: #ffffff;
 	}

 	.bg-cyan {
 		background-color: #1cbbb4;
 		color: #ffffff;
 	}

 	.bg-blue {
 		background-color: #0081ff;
 		color: #ffffff;
 	}

 	.bg-purple {
 		background-color: #6739b6;
 		color: #ffffff;
 	}

 	.bg-mauve {
 		background-color: #9c26b0;
 		color: #ffffff;
 	}

 	.bg-pink {
 		background-color: #e03997;
 		color: #ffffff;
 	}

 	.bg-brown {
 		background-color: #a5673f;
 		color: #ffffff;
 	}

 	.bg-grey {
 		background-color: #8799a3;
 		color: #ffffff;
 	}

 	.bg-gray {
 		background-color: #f0f0f0;
 		color: #333333;
 	}

 	.bg-black {
 		background-color: #333333;
 		color: #ffffff;
 	}

 	.bg-white {
 		background-color: #ffffff;
 		color: #666666;
 	}

 	.bg-shadeTop {
 		background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.01));
 		color: #ffffff;
 	}

 	.bg-shadeBottom {
 		background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 1));
 		color: #ffffff;
 	}

 	.bg-red.light {
 		color: #e54d42;
 		background-color: #fadbd9;
 	}

 	.bg-orange.light {
 		color: #f37b1d;
 		background-color: #fde6d2;
 	}

 	.bg-yellow.light {
 		color: #fbbd08;
 		background-color: #fef2ced2;
 	}

 	.bg-olive.light {
 		color: #8dc63f;
 		background-color: #e8f4d9;
 	}

 	.bg-green.light {
 		color: #39b54a;
 		background-color: #d7f0dbff;
 	}

 	.bg-cyan.light {
 		color: #1cbbb4;
 		background-color: #d2f1f0;
 	}

 	.bg-blue.light {
 		color: #0081ff;
 		background-color: #cce6ff;
 	}

 	.bg-purple.light {
 		color: #6739b6;
 		background-color: #e1d7f0;
 	}

 	.bg-mauve.light {
 		color: #9c26b0;
 		background-color: #ebd4ef;
 	}

 	.bg-pink.light {
 		color: #e03997;
 		background-color: #f9d7ea;
 	}

 	.bg-brown.light {
 		color: #a5673f;
 		background-color: #ede1d9;
 	}

 	.bg-grey.light {
 		color: #8799a3;
 		background-color: #e7ebed;
 	}

 	.bg-gradual-red {
 		background-image: linear-gradient(45deg, #f43f3b, #ec008c);
 		color: #ffffff;
 	}

 	.bg-gradual-orange {
 		background-image: linear-gradient(45deg, #ff9700, #ed1c24);
 		color: #ffffff;
 	}

 	.bg-gradual-green {
 		background-image: linear-gradient(45deg, #39b54a, #8dc63f);
 		color: #ffffff;
 	}

 	.bg-gradual-purple {
 		background-image: linear-gradient(45deg, #9000ff, #5e00ff);
 		color: #ffffff;
 	}

 	.bg-gradual-pink {
 		background-image: linear-gradient(45deg, #ec008c, #6739b6);
 		color: #ffffff;
 	}

 	.bg-gradual-blue {
 		background-image: linear-gradient(45deg, #0081ff, #1cbbb4);
 		color: #ffffff;
 	}

 	.shadow[class*="-red"] {
 		box-shadow: 0.375rem 0.375rem 0.5rem rgba(204, 69, 59, 0.2);
 	}

 	.shadow[class*="-orange"] {
 		box-shadow: 0.375rem 0.375rem 0.5rem rgba(217, 109, 26, 0.2);
 	}

 	.shadow[class*="-yellow"] {
 		box-shadow: 0.375rem 0.375rem 0.5rem rgba(224, 170, 7, 0.2);
 	}

 	.shadow[class*="-olive"] {
 		box-shadow: 0.375rem 0.375rem 0.5rem rgba(124, 173, 55, 0.2);
 	}

 	.shadow[class*="-green"] {
 		box-shadow: 0.375rem 0.375rem 0.5rem rgba(48, 156, 63, 0.2);
 	}

 	.shadow[class*="-cyan"] {
 		box-shadow: 0.375rem 0.375rem 0.5rem rgba(28, 187, 180, 0.2);
 	}

 	.shadow[class*="-blue"] {
 		box-shadow: 0.375rem 0.375rem 0.5rem rgba(0, 102, 204, 0.2);
 	}

 	.shadow[class*="-purple"] {
 		box-shadow: 0.375rem 0.375rem 0.5rem rgba(88, 48, 156, 0.2);
 	}

 	.shadow[class*="-mauve"] {
 		box-shadow: 0.375rem 0.375rem 0.5rem rgba(133, 33, 150, 0.2);
 	}

 	.shadow[class*="-pink"] {
 		box-shadow: 0.375rem 0.375rem 0.5rem rgba(199, 50, 134, 0.2);
 	}

 	.shadow[class*="-brown"] {
 		box-shadow: 0.375rem 0.375rem 0.5rem rgba(140, 88, 53, 0.2);
 	}

 	.shadow[class*="-grey"] {
 		box-shadow: 0.375rem 0.375rem 0.5rem rgba(114, 130, 138, 0.2);
 	}

 	.shadow[class*="-gray"] {
 		box-shadow: 0.375rem 0.375rem 0.5rem rgba(114, 130, 138, 0.2);
 	}

 	.shadow[class*="-black"] {
 		box-shadow: 0.375rem 0.375rem 0.5rem rgba(26, 26, 26, 0.2);
 	}

 	.shadow[class*="-white"] {
 		box-shadow: 0.375rem 0.375rem 0.5rem rgba(26, 26, 26, 0.2);
 	}

 	.text-shadow[class*="-red"] {
 		text-shadow: 0.375rem 0.375rem 0.5rem rgba(204, 69, 59, 0.2);
 	}

 	.text-shadow[class*="-orange"] {
 		text-shadow: 0.375rem 0.375rem 0.5rem rgba(217, 109, 26, 0.2);
 	}

 	.text-shadow[class*="-yellow"] {
 		text-shadow: 0.375rem 0.375rem 0.5rem rgba(224, 170, 7, 0.2);
 	}

 	.text-shadow[class*="-olive"] {
 		text-shadow: 0.375rem 0.375rem 0.5rem rgba(124, 173, 55, 0.2);
 	}

 	.text-shadow[class*="-green"] {
 		text-shadow: 0.375rem 0.375rem 0.5rem rgba(48, 156, 63, 0.2);
 	}

 	.text-shadow[class*="-cyan"] {
 		text-shadow: 0.375rem 0.375rem 0.5rem rgba(28, 187, 180, 0.2);
 	}

 	.text-shadow[class*="-blue"] {
 		text-shadow: 0.375rem 0.375rem 0.5rem rgba(0, 102, 204, 0.2);
 	}

 	.text-shadow[class*="-purple"] {
 		text-shadow: 0.375rem 0.375rem 0.5rem rgba(88, 48, 156, 0.2);
 	}

 	.text-shadow[class*="-mauve"] {
 		text-shadow: 0.375rem 0.375rem 0.5rem rgba(133, 33, 150, 0.2);
 	}

 	.text-shadow[class*="-pink"] {
 		text-shadow: 0.375rem 0.375rem 0.5rem rgba(199, 50, 134, 0.2);
 	}

 	.text-shadow[class*="-brown"] {
 		text-shadow: 0.375rem 0.375rem 0.5rem rgba(140, 88, 53, 0.2);
 	}

 	.text-shadow[class*="-grey"] {
 		text-shadow: 0.375rem 0.375rem 0.5rem rgba(114, 130, 138, 0.2);
 	}

 	.text-shadow[class*="-gray"] {
 		text-shadow: 0.375rem 0.375rem 0.5rem rgba(114, 130, 138, 0.2);
 	}

 	.text-shadow[class*="-black"] {
 		text-shadow: 0.375rem 0.375rem 0.5rem rgba(26, 26, 26, 0.2);
 	}

 	.bg-img {
 		background-size: cover;
 		background-position: center;
 		background-repeat: no-repeat;
 	}

 	.bg-mask {
 		background-color: #333333;
 		position: relative;
 	}

 	.bg-mask::after {
 		content: "";
 		border-radius: inherit;
 		width: 100%;
 		height: 100%;
 		display: block;
 		background-color: rgba(0, 0, 0, 0.4);
 		position: absolute;
 		left: 0;
 		right: 0;
 		bottom: 0;
 		top: 0;
 	}

 	.bg-mask view,
 	.bg-mask cover-view {
 		z-index: 5;
 		position: relative;
 	}

 	.bg-video {
 		position: relative;
 	}

 	.bg-video video {
 		display: block;
 		height: 100%;
 		width: 100%;
 		-o-object-fit: cover;
 		object-fit: cover;
 		position: absolute;
 		top: 0;
 		z-index: 0;
 		pointer-events: none;
 	}

 	/* ================== 文本 ==================== */
 	.text-xs {
 		font-size: 1.25rem;
 	}

 	.text-sm {
 		font-size: 1.5rem;
 	}

 	.text-df {
 		font-size: 1.75rem;
 	}

 	.text-lg {
 		font-size: 2rem;
 	}

 	.text-xl {
 		font-size: 2.25rem;
 	}

 	.text-xxl {
 		font-size: 2.75rem;
 	}

 	.text-sl {
 		font-size: 5rem;
 	}

 	.text-xsl {
 		font-size: 7.5rem;
 	}

 	.text-Abc {
 		text-transform: Capitalize;
 	}

 	.text-ABC {
 		text-transform: Uppercase;
 	}

 	.text-abc {
 		text-transform: Lowercase;
 	}

 	.text-price::before {
 		content: "¥";
 		font-size: 80%;
 		margin-right: 0.25rem;
 	}

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

 	.text-bold {
 		font-weight: bold;
 	}

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

 	.text-content {
 		line-height: 1.6;
 	}

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

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

 	.text-red,
 	.line-red,
 	.lines-red {
 		color: #e54d42;
 	}

 	.text-orange,
 	.line-orange,
 	.lines-orange {
 		color: #f37b1d;
 	}

 	.text-yellow,
 	.line-yellow,
 	.lines-yellow {
 		color: #fbbd08;
 	}

 	.text-olive,
 	.line-olive,
 	.lines-olive {
 		color: #8dc63f;
 	}

 	.text-green,
 	.line-green,
 	.lines-green {
 		color: #39b54a;
 	}

 	.text-cyan,
 	.line-cyan,
 	.lines-cyan {
 		color: #1cbbb4;
 	}

 	.text-blue,
 	.line-blue,
 	.lines-blue {
 		color: #0081ff;
 	}

 	.text-purple,
 	.line-purple,
 	.lines-purple {
 		color: #6739b6;
 	}

 	.text-mauve,
 	.line-mauve,
 	.lines-mauve {
 		color: #9c26b0;
 	}

 	.text-pink,
 	.line-pink,
 	.lines-pink {
 		color: #e03997;
 	}

 	.text-brown,
 	.line-brown,
 	.lines-brown {
 		color: #a5673f;
 	}

 	.text-grey,
 	.line-grey,
 	.lines-grey {
 		color: #8799a3;
 	}

 	.text-gray,
 	.line-gray,
 	.lines-gray {
 		color: #aaaaaa;
 	}

 	.text-black,
 	.line-black,
 	.lines-black {
 		color: #333333;
 	}

 	.text-white,
 	.line-white,
 	.lines-white {
 		color: #ffffff;
 	}