li {
	list-style: none;
	padding: 0 0 0.45rem 0;
}
.card-footer a {
    color: #fff !important;
    width: 100%;
    background: #16a34a !important;
    display: inline-block;
    padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
    font-family: var(--bs-btn-font-family);
    font-size: var(--bs-btn-font-size);
    font-weight: var(--bs-btn-font-weight);
    line-height: var(--bs-btn-line-height);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: var(--bs-btn-border-width) solid #16a34a;
    border-radius: var(--bs-btn-border-radius);
}
.card-footer a * {
    color: #fff !important;
}
.card-footer a:hover {
    color: #fff !important;
    background-color: #15803d !important;
    border-color: #15803d !important;
}
.cartitem .buy-now-btn,
html body .cartitem .buy-now-btn {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #fff !important;
    background-color: #16a34a !important;
    border-color: #16a34a !important;
}
.cartitem .buy-now-btn:hover,
html body .cartitem .buy-now-btn:hover {
    color: #fff !important;
    background-color: #15803d !important;
    border-color: #15803d !important;
}
.cartitem .buy-now-btn.disabled,
html body .cartitem .buy-now-btn.disabled {
    color: #fff !important;
    background-color: #86efac !important;
    border-color: #86efac !important;
}
.cartitem {
	background-color: #fff !important;
	border-radius: 1em !important;
	border: 1px solid transparent !important;
  overflow: hidden !important;
  outline: none !important;
}
.cartitem.active,
.cartitem:hover {
	background: #fff !important;
	border: 1px solid #16a34a !important;
  border-radius: 1em !important;
  overflow: hidden !important;
  outline: none !important;
  box-shadow: 0 8px 24px rgba(22, 163, 74, 0.12) !important;
}
.card-footer.text-center.p-0 {
	margin: 0 1.6em 1.6em 1.6em;
}
.cartitem.active .card-footer {
}
a {
	color: var(--bs-btn-hover-bg);
	text-decoration: none;
	background-color: transparent;
}
.card-body.row > h4 {
	padding: 0 0 0 0.75rem;
	color: var(--bs-btn-hover-bg);
    font-size: 24px;
    font-family: 'DingTalk JinBuTi';
}
.yy-dtjbt-text{
    font-family: 'DingTalk JinBuTi';
}
.cartitem.active,
.cartitem.active .card-body,
.cartitem.active .card-body *,
.cartitem.active .card-text,
.cartitem.active h1,
.cartitem.active h2,
.cartitem.active h3,
.cartitem.active h4,
.cartitem.active h5,
.cartitem.active h6,
.cartitem.active p,
.cartitem.active small,
.cartitem:hover,
.cartitem:hover .card-body,
.cartitem:hover .card-body *,
.cartitem:hover .card-text,
.cartitem:hover h1,
.cartitem:hover h2,
.cartitem:hover h3,
.cartitem:hover h4,
.cartitem:hover h5,
.cartitem:hover h6,
.cartitem:hover p,
.cartitem:hover small {
  color: #166534 !important;
}
.cartitem.active .card-body h4,
.cartitem:hover .card-body h4,
.cartitem.active .cart-num,
.cartitem:hover .cart-num,
.cartitem.active .price,
.cartitem:hover .price {
  color: #064e3b !important;
}
.cartitem.active .card-footer a,
.cartitem.active .card-footer a *,
.cartitem:hover .card-footer a,
.cartitem:hover .card-footer a * {
  color: #fff !important;
}
.cartitem.active.card,
.cartitem:hover.card,
.cartitem.active .card,
.cartitem:hover .card,
.cartitem.active .card-body,
.cartitem:hover .card-body {
  background-color: #fff !important;
}
html body .cartitem.active:not(.btn):not(button),
html body .cartitem.active *:not(.btn):not(.btn *):not(button):not(button *):not(.card-footer):not(.card-footer *),
html body .cartitem:hover:not(.btn):not(button),
html body .cartitem:hover *:not(.btn):not(.btn *):not(button):not(button *):not(.card-footer):not(.card-footer *) {
  color: #166534 !important;
}
html body .cartitem.active .card-body h4,
html body .cartitem:hover .card-body h4,
html body .cartitem.active .cart-num,
html body .cartitem:hover .cart-num,
html body .cartitem.active .price,
html body .cartitem:hover .price,
html body .cartitem.active .yy-dtjbt-text,
html body .cartitem:hover .yy-dtjbt-text {
  color: #064e3b !important;
}
html body .cartitem.active .card-footer a,
html body .cartitem.active .card-footer a *,
html body .cartitem:hover .card-footer a,
html body .cartitem:hover .card-footer a * {
  color: #fff !important;
}
html body .cartitem,
html body .cartitem.active,
html body .cartitem:hover {
  background: #fff !important;
  border-radius: 1em !important;
  overflow: hidden !important;
  outline: none !important;
}
html body .cartitem.active,
html body .cartitem:hover {
  border-color: #16a34a !important;
  box-shadow: 0 8px 24px rgba(22, 163, 74, 0.12) !important;
}
html body .cartitem .card-body,
html body .cartitem:hover .card-body,
html body .cartitem.active .card-body,
html body .cartitem .card-footer,
html body .cartitem:hover .card-footer,
html body .cartitem.active .card-footer {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}
html body .cartitem .card-text,
html body .cartitem:hover .card-text,
html body .cartitem.active .card-text {
  background: transparent !important;
  border: 0 !important;
  outline: none !important;
  box-shadow: none !important;
}