@keyframes gwc-tada-ani {
	0% {transform:scale3d(1, 1, 1);}
	30% {transform:scale3d(0.75, 0.75, 0.75);}
	60% {transform:scale3d(1.15, 1.17, 1.15);}
	80% {transform:scale3d(0.95, 0.95, 0.95);}
	100% {transform:scale3d(1, 1, 1);}
}
@keyframes skeleton-loading-ani{/*骨架加载动画*/
	from{background-position:100% 50%}
	to{background-position:0% 50%}
}
/*加入购物车动画*/
.gwc-tada-once {
	will-change:transform;
	animation-name:gwc-tada-ani;
	animation-duration:0.4s;
	animation-fill-mode:backwards;
	animation-iteration-count:1;
}
.gwc-point-outer {
	position:fixed;
	left: 0;
	top: 0;
	z-index:100000000;
	transition:all 0.7s cubic-bezier(0.39,-0.45,0.83,0.23) 0s;
	pointer-events:none;
	transform: translate3d(0,0,0);
}
.gwc-point-inner {
	width:1rem;
	height:1rem;
	line-height: 1rem;
	background-color: var(--main-color);
	color: #fff;
	font-size: 10px;
	text-align: center;
	transition:all 0.7s linear 0s;
	border-radius: 50%;
	transform: translate3d(0,0,0);
}
.skeleton-loading-box{
	background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);
	background-size:400% 100%;
	animation:skeleton-loading-ani 1.4s ease infinite
}
.disabled{
	opacity: 0.6;
	cursor:no-drop;
	pointer-events: none;
}
.btnbox{
	display: inline-block;
	padding: 0.4rem 1.25rem;
	border-radius: 2rem;
	text-align: center;
}
.btnbox:active{opacity: 0.75;}
.yho-toast-box{
	position:fixed;
	bottom: 20vh;
	left: 0%;
	max-width: 80%;
	z-index:88888888;
	padding: 0.5rem 1rem;
	background-color: rgba(0,0,0,0.75);
	color: #fff;
	opacity: 0;
	transition: opacity 0.5s;
	border-radius: 0.3rem;
	font-size: 16px;
}