@fox-js/foxui 4.0.1-82 → 4.0.1-83

package/dist/style.css

@@ -1763,7 +1763,8 @@
   color: var(--fox-tabs-bar-item-color-button, #666);
   font-size: var(--fox-tabs-bar-item-font-size-button, 12px);
   font-weight: var(--fox-tabs-bar-item-font-weight-button, 400);
-  border: var(--fox-tabs-bar-item-border-width-button, 1px) solid transparent;
+  border: var(--fox-tabs-bar-item-border-button, 1px solid transparent);
+  border-radius: var(--fox-tabs-bar-item-radius-button, 4px);
 }
 
 .fox-tabs-bar__titles-item.button.active {
@@ -1771,6 +1772,7 @@
   color: var(--fox-tabs-bar-item-color-active-button, var(--fox-primary-color, #fa2c19));
   font-size: var(--fox-tabs-bar-item-font-size-active-button, 12px);
   font-weight: var(--fox-tabs-bar-item-font-weight-button, 400);
+  border: var(--fox-tabs-bar-item-border-active-button, 1px solid transparent);
 }
 
 .fox-tabs-bar__titles-item.button .fox-tabs-bar__titles-item-line {
@@ -6037,14 +6039,14 @@
 }
 
 .fox-calendar__footer .fox-calendar__confirm {
+  height: var(--fox-calendar-footer-button-height, 44px);
+  width: var(--fox-calendar-footer-button-min-width, 100%);
   background: var(--fox-button-primary-background-color, linear-gradient(135deg, var(--fox-primary-color, var(--fox-primary-color, #fa2c19)) 0%, var(--fox-primary-color, var(--fox-primary-color, #fa2c19)) 100%));
-  width: 100%;
-  height: 44px;
   color: var(--fox-white, #fff);
   text-align: center;
+  line-height: var(--fox-calendar-footer-button-height, 44px);
   border-radius: 22px;
   margin: 10px 18px;
-  line-height: 44px;
 }
 
 .fox-theme-dark .fox-input-number__icon {
@@ -9701,200 +9703,6 @@
   left: 0;
 }
 
-.fox-theme-dark .fox-address__header, .fox-theme-dark .fox-address__header__title, .fox-theme-dark .fox-address .fox-address__custom .fox-address__region, .fox-theme-dark .fox-address .fox-address__custom .fox-address__detail .fox-address__detail-list .fox-address__detail-item, .fox-theme-dark .fox-address .fox-address__exist .fox-address__exist-group .fox-address__exist-group-list .fox-address__exist-group-item {
-  color: var(--fox-dark-color, var(--fox-white, #fff));
-}
-
-.fox-theme-dark .fox-address .fox-address__exist .fox-address__exist-choose, .fox-theme-dark .fox-address-custom-buttom {
-  border-top: 1px solid var(--fox-dark-background, #131313);
-}
-
-.fox-address {
-  display: block;
-}
-
-.fox-address__header {
-  text-align: center;
-  color: #333;
-  justify-content: space-between;
-  align-items: center;
-  height: 68px;
-  padding: 0 20px;
-  font-weight: bold;
-  display: flex;
-}
-
-.fox-address__header__title {
-  color: var(--fox-address-header-title-color, #262626);
-  font-size: var(--fox-address-header-title-font-size, 18px);
-  display: block;
-}
-
-.fox-address .fox-address__custom {
-  display: block;
-}
-
-.fox-address .fox-address__custom .fox-address__region {
-  font-size: var(--fox-address-region-tab-font-size, 13px);
-  color: var(--fox-address-region-tab-color, #1d1e1e);
-  padding: 0 20px;
-  display: flex;
-  position: relative;
-}
-
-.fox-address .fox-address__custom .fox-address__region .fox-address__region-item {
-  min-width: 2px;
-  margin-right: 30px;
-  display: block;
-  position: relative;
-}
-
-.fox-address .fox-address__custom .fox-address__region .fox-address__region-item.active {
-  font-weight: var(--fox-address-region-tab-active-item-font-weight, bold);
-}
-
-.fox-address .fox-address__custom .fox-address__region .fox-address__region-item view {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  max-width: 100px;
-  display: block;
-  overflow: hidden;
-}
-
-.fox-address .fox-address__custom .fox-address__region .fox-address__region-item span {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  max-width: 100px;
-  display: inline-block;
-  overflow: hidden;
-}
-
-.fox-address .fox-address__custom .fox-address__region .fox-address__region-item .fox-address__region-line--mini {
-  background: var(--fox-address-region-tab-line, linear-gradient(90deg, var(--fox-primary-color, #fa2c19) 0%, #fa2c1926 100%));
-  width: 0;
-  height: 3px;
-  margin-top: 5px;
-  transition: all .2s linear;
-  display: inline-block;
-  position: absolute;
-  bottom: -10px;
-  left: 0;
-}
-
-.fox-address .fox-address__custom .fox-address__region .fox-address__region-item .fox-address__region-line--mini.active {
-  width: 26px;
-}
-
-.fox-address .fox-address__custom .fox-address__region .fox-address__region-line {
-  background: var(--fox-address-region-tab-line, linear-gradient(90deg, var(--fox-primary-color, #fa2c19) 0%, #fa2c1926 100%));
-  border-radius: var(--fox-address-region-tab-line-border-radius, 0);
-  width: 26px;
-  height: 3px;
-  opacity: var(--fox-address-region-tab-line-opacity, 1);
-  margin-top: 5px;
-  transition: all .2s linear;
-  display: inline-block;
-  position: absolute;
-  bottom: -10px;
-  left: 20px;
-}
-
-.fox-address .fox-address__custom .fox-address__detail {
-  margin: 20px 20px 0;
-  display: block;
-}
-
-.fox-address .fox-address__custom .fox-address__detail .fox-address__detail-list {
-  box-sizing: border-box;
-  height: 270px;
-  padding: 0;
-}
-
-.fox-address .fox-address__custom .fox-address__detail .fox-address__detail-list .fox-address__detail-item {
-  font-size: var(--fox-address-region-item-font-size, var(--fox-font-size-small, 12px));
-  color: var(--fox-address-region-item-color, #333);
-  align-items: center;
-  display: flex;
-}
-
-.fox-address .fox-address__custom .fox-address__detail .fox-address__detail-list .fox-address__detail-item.active {
-  font-weight: bold;
-}
-
-.fox-address .fox-address__custom .fox-address__detail .fox-address__detail-list .fox-address__detail-item > div {
-  align-items: center;
-  margin: 10px 0;
-  display: flex;
-}
-
-.fox-address .fox-address__custom .fox-address__elevator-group {
-  margin-top: 20px;
-  display: flex;
-}
-
-.fox-address .fox-address__exist {
-  margin-top: 15px;
-  display: block;
-}
-
-.fox-address .fox-address__exist .fox-address__exist-group {
-  height: 279px;
-  padding: 15px 20px 0;
-  overflow-y: scroll;
-}
-
-.fox-address .fox-address__exist .fox-address__exist-group .fox-address__exist-group-list {
-  box-sizing: border-box;
-  padding: 0;
-}
-
-.fox-address .fox-address__exist .fox-address__exist-group .fox-address__exist-group-list .fox-address__exist-group-item {
-  font-size: var(--fox-font-size-small, 12px);
-  color: #333;
-  align-items: center;
-  margin-bottom: 20px;
-  line-height: 14px;
-  display: flex;
-}
-
-.fox-address .fox-address__exist .fox-address__exist-group .fox-address__exist-group-list .fox-address__exist-group-item.active {
-  font-weight: bold;
-}
-
-.fox-address .fox-address__exist .fox-address__exist-group .fox-address__exist-group-list .fox-address__exist-group-item .exist-item-icon {
-  margin-right: var(--fox-address-item-margin-right, 9px);
-  color: var(--fox-address-icon-color, var(--fox-primary-color, #fa2c19)) !important;
-}
-
-.fox-address .fox-address__exist .fox-address__exist-group .fox-address__exist-group-list .fox-address__exist-group-item span {
-  flex: 1;
-  display: inline-block;
-}
-
-.fox-address .fox-address__exist .fox-address__exist-choose {
-  border-top: 1px solid #f2f2f2;
-  width: 100%;
-  height: 54px;
-  padding: 6px 0 0;
-}
-
-.fox-address .fox-address__exist .fox-address__exist-choose .fox-address__exist-choose-btn {
-  text-align: center;
-  background: var(--fox-button-primary-background-color, linear-gradient(135deg, var(--fox-primary-color, var(--fox-primary-color, #fa2c19)) 0%, var(--fox-primary-color, var(--fox-primary-color, #fa2c19)) 100%));
-  width: 90%;
-  height: 42px;
-  color: var(--fox-white, #fff);
-  border-radius: 21px;
-  margin: auto;
-  font-size: 15px;
-  line-height: 42px;
-}
-
-.fox-address-select-icon {
-  margin-right: var(--fox-address-item-margin-right, 9px);
-  color: var(--fox-address-icon-color, var(--fox-primary-color, #fa2c19)) !important;
-}
-
 .fox-barrage {
   box-sizing: border-box;
   --move-distance: "300%";
@@ -9972,1221 +9780,4 @@
 .fox-signature .fox-signature-btn {
   margin-right: 15px;
 }
-
-.fox-theme-dark .fox-time-select {
-  background-color: var(--fox-dark-background2, #1b1b1b);
-}
-
-.fox-theme-dark .fox-time-select__title {
-  background-color: var(--fox-dark-background2, #1b1b1b);
-  color: var(--fox-dark-color, var(--fox-white, #fff));
-}
-
-.fox-theme-dark .fox-time-select__content__pannel {
-  background-color: var(--fox-dark-background3, #141414);
-  color: var(--fox-dark-color, var(--fox-white, #fff));
-}
-
-.fox-theme-dark .fox-time-select__content__detail {
-  background-color: var(--fox-dark-background2, #1b1b1b);
-}
-
-.fox-time-select {
-  width: 100%;
-  height: 100%;
-  position: relative;
-  overflow: hidden;
-}
-
-.fox-time-select__title {
-  width: var(--fox-timeselect-title-width, 100%);
-  height: var(--fox-timeselect-title-height, 50px);
-  line-height: var(--fox-timeselect-title-line-height, 50px);
-  font-size: var(--fox-timeselect-title-font-size, var(--fox-font-size-base, 14px));
-  color: var(--fox-timeselect-title-color, var(--fox-title-color, #1a1a1a));
-  text-align: center;
-  padding-bottom: 10px;
-  display: flex;
-}
-
-.fox-time-select__title__fixed {
-  width: 100%;
-  height: 50px;
-}
-
-.fox-time-select__content {
-  width: 100%;
-  height: calc(100% - var(--fox-timeselect-title-height, 50px) - 10px);
-  display: flex;
-}
-
-.fox-time-select__content__pannel {
-  background-color: var(--fox-timeselect-pannel-bg-color, #f6f7f9);
-  width: 140px;
-  height: 100%;
-  overflow: auto;
-}
-
-.fox-time-select__content__detail {
-  width: calc(100% - 140px);
-  height: 100%;
-  overflow: hidden auto;
-}
-
-.fox-theme-dark .fox-time-pannel {
-  background-color: var(--fox-dark-background3, #141414);
-  color: var(--fox-dark-color-gray, var(--fox-text-color, gray));
-}
-
-.fox-theme-dark .fox-time-pannel--curr {
-  background-color: var(--fox-dark-background2, #1b1b1b);
-  color: var(--fox-dark-color, var(--fox-white, #fff));
-}
-
-.fox-time-pannel {
-  width: var(--fox-timeselect-timepannel-width, 140px);
-  height: var(--fox-timeselect-timepannel-height, 40px);
-  padding: var(--fox-timeselect-timepannel-padding, 15px);
-  color: var(--fox-timeselect-timepannel-text-color, var(--fox-title-color2, #666));
-  font-size: var(--fox-timeselect-timepannel-font-size, var(--fox-font-size-base, 14px));
-  box-sizing: border-box;
-  justify-content: center;
-  align-items: center;
-  display: flex;
-}
-
-.fox-time-pannel--curr {
-  background-color: var(--fox-timeselect-timepannel-cur-bg-color, var(--fox-white, #fff));
-  color: var(--fox-timeselect-timepannel-cur-text-color, #333);
-  font-weight: bold;
-}
-
-.fox-theme-dark .fox-time-detail {
-  background-color: var(--fox-dark-background2, #1b1b1b);
-}
-
-.fox-theme-dark .fox-time-detail__detail__list__item {
-  background-color: var(--fox-dark-background, #131313);
-  color: var(--fox-dark-color, var(--fox-white, #fff));
-}
-
-.fox-theme-dark .fox-time-detail__detail__list__item--curr {
-  color: var(--fox-timeselect-timedetail-item-cur-text-color, var(--fox-primary-color, #fa2c19));
-}
-
-.fox-time-detail {
-  width: 100%;
-  padding: var(--fox-timeselect-timedetail-padding, 0 5px 50px 13px);
-  display: flex;
-}
-
-.fox-time-detail__detail {
-  width: 100%;
-}
-
-.fox-time-detail__detail__list__item {
-  width: var(--fox-timeselect-timedetail-item-width, 100px);
-  height: var(--fox-timeselect-timedetail-item-height, 50px);
-  line-height: var(--fox-timeselect-timedetail-item-line-height, 50px);
-  text-align: center;
-  background-color: var(--fox-timeselect-timedetail-item-bg-color, #f6f7f9);
-  border-radius: var(--fox-timeselect-timedetail-item-border-radius, 5px);
-  color: var(--fox-timeselect-timedetail-item-text-color, #333);
-  font-size: var(--fox-timeselect-timedetail-item-text-font-size, var(--fox-font-size-base, 14px));
-  border: 1px solid #0000;
-  margin-bottom: 10px;
-  margin-right: 10px;
-  font-weight: bold;
-  display: inline-block;
-}
-
-.fox-time-detail__detail__list__item--curr {
-  border: 1px solid var(--fox-timeselect-timedetail-item-cur-border, var(--fox-primary-color, #fa2c19));
-  color: var(--fox-timeselect-timedetail-item-cur-text-color, var(--fox-primary-color, #fa2c19));
-  background-color: #0000;
-  position: relative;
-}
-
-.fox-time-detail__detail__list__item--curr:after {
-  background-color: var(--fox-timeselect-timedetail-item-cur-bg-color, var(--fox-primary-color, #fa2c19));
-  opacity: .15;
-  content: "";
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  inset: 0;
-}
-
-.fox-time-detail__detail--afternoon {
-  margin-top: 30px;
-}
-
-.fox-theme-dark .fox-sku {
-  background: var(--fox-dark-background, #131313);
-}
-
-.fox-theme-dark .fox-sku-select-item-title {
-  color: var(--fox-dark-color, var(--fox-white, #fff));
-}
-
-.fox-theme-dark .fox-sku-select-item-skus-sku {
-  color: var(--fox-dark-color, var(--fox-white, #fff));
-  background: var(--fox-dark-background2, #1b1b1b);
-}
-
-.fox-theme-dark .fox-sku-stepper-title, .fox-theme-dark .fox-sku-stepper-limit {
-  color: var(--fox-dark-color, var(--fox-white, #fff));
-}
-
-.fox-theme-dark .fox-sku-stepper-count-lowestBuy {
-  color: var(--fox-primary-color, #fa2c19);
-}
-
-.fox-theme-dark .fox-sku-operate-btn {
-  background: var(--fox-dark-background2, #1b1b1b);
-}
-
-.fox-sku {
-  background: var(--fox-white, #fff);
-  flex-direction: column;
-  height: 100%;
-  padding: 0;
-  display: flex;
-}
-
-.fox-sku-header {
-  flex-shrink: 0;
-  height: 100px;
-  margin-top: 18px;
-  padding: 0 18px;
-  display: flex;
-}
-
-.fox-sku-header > img {
-  flex-shrink: 0;
-  width: 100px;
-  height: 100px;
-  margin-right: 12px;
-}
-
-.fox-sku-header-right {
-  flex-direction: column;
-  flex: 1;
-  justify-content: flex-end;
-  display: flex;
-}
-
-.fox-sku-header-right-extra {
-  color: var(--fox-text-color, gray);
-  font-size: 12px;
-}
-
-.fox-sku-content {
-  flex: 1;
-  overflow: hidden auto;
-}
-
-.fox-sku-content::-webkit-scrollbar {
-  display: none;
-}
-
-.fox-sku-content {
-  margin-top: 24px;
-  padding: 0 18px;
-}
-
-.fox-sku-select-item {
-  flex-direction: column;
-  display: flex;
-}
-
-.fox-sku-select-item-title {
-  height: 13px;
-  color: var(--fox-black, #000);
-  margin-bottom: 18px;
-  font-size: 13px;
-  font-weight: bold;
-}
-
-.fox-sku-select-item-skus {
-  flex-wrap: wrap;
-  display: flex;
-}
-
-.fox-sku-select-item-skus-sku {
-  height: 30px;
-  color: var(--fox-black, #000);
-  background: #f2f2f2;
-  border: 1px solid #f2f2f2;
-  border-radius: 15px;
-  flex-shrink: 0;
-  margin-bottom: 12px;
-  margin-right: 12px;
-  padding: 0 18px;
-  font-size: 11px;
-  line-height: 30px;
-}
-
-.fox-sku-select-item-skus-sku.active {
-  background: var(--fox-sku-item-active-bg, rgba(var(--fox-primary-color, #fa2c19), .15));
-  border: var(--fox-sku-item-border, 1px solid var(--fox-primary-color, #fa2c19));
-  color: var(--fox-primary-color, #fa2c19);
-}
-
-.fox-sku-select-item-skus-sku.disable {
-  color: var(--fox-text-color, gray);
-  -webkit-text-decoration: var(--fox-sku-item-disable-line, line-through);
-  text-decoration: var(--fox-sku-item-disable-line, line-through);
-}
-
-.fox-sku-stepper {
-  justify-content: space-between;
-  margin: 10px 0 30px;
-  display: flex;
-}
-
-.fox-sku-stepper-title {
-  color: var(--fox-black, #000);
-  margin-right: 12px;
-  font-size: 13px;
-  font-weight: bold;
-}
-
-.fox-sku-stepper-limit {
-  color: var(--fox-text-color, gray);
-  flex: 1;
-  align-items: center;
-  font-size: 12px;
-  display: flex;
-}
-
-.fox-sku-stepper-count {
-  align-items: center;
-  display: flex;
-}
-
-.fox-sku-stepper-count-lowestBuy {
-  color: var(--fox-primary-color, #fa2c19);
-  font-size: 12px;
-}
-
-.fox-sku-operate {
-  width: 100%;
-}
-
-.fox-sku-operate-desc {
-  text-align: center;
-  color: #de6a1c;
-  background: #fbf9da;
-  width: 100%;
-  padding: 10px 0;
-  font-size: 12px;
-  display: block;
-}
-
-.fox-sku-operate-btn {
-  background: var(--fox-white, #fff);
-  text-align: center;
-  box-sizing: border-box;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  height: 54px;
-  padding: 0 18px;
-  display: flex;
-}
-
-.fox-sku-operate-btn-item {
-  background: var(--fox-sku-opetate-bg-default, linear-gradient(90deg, var(--fox-primary-color, #fa2c19), var(--fox-primary-color-end, #fa6419) 100%));
-  width: 100%;
-  height: 40px;
-  color: var(--fox-white, #fff);
-  border-radius: 21px;
-  margin-right: 18px;
-  font-size: 15px;
-  line-height: 40px;
-}
-
-.fox-sku-operate-btn-item:last-child {
-  margin-right: 0;
-}
-
-.fox-sku-operate-btn-buy {
-  background: var(--fox-sku-opetate-bg-buy, linear-gradient(135deg, #ffba0d 0%, #ffc30d 69%, #ffcf0d 100%));
-}
-
-.fox-theme-dark .fox-card .fox-card__right {
-  color: var(--fox-dark-color, var(--fox-white, #fff));
-}
-
-.fox-card {
-  width: 100%;
-  display: flex;
-}
-
-.fox-card .fox-card__left {
-  background-color: var(--fox-card-left-background-color, inherit);
-  border-radius: var(--fox-card-left-border-radius, 0);
-  flex-shrink: 0;
-  width: 120px;
-  height: 120px;
-}
-
-.fox-card .fox-card__left > img {
-  width: 100%;
-  height: 100%;
-  display: block;
-}
-
-.fox-card .fox-card__right {
-  flex: 1;
-  padding: 0 10px 8px;
-}
-
-.fox-card .fox-card__right .fox-card__right__title {
-  -webkit-line-clamp: 2;
-  word-break: break-all;
-  -webkit-box-orient: vertical;
-  font-size: 14px;
-  line-height: 1.5;
-  display: -webkit-box;
-  overflow: hidden;
-}
-
-.fox-card .fox-card__right .fox-card__right__price {
-  align-items: center;
-  height: 18px;
-  margin-top: 9px;
-  line-height: 18px;
-  display: flex;
-}
-
-.fox-card .fox-card__right .fox-card__right__price .fox-price .fox-price--symbol-large {
-  font-size: 12px;
-}
-
-.fox-card .fox-card__right .fox-card__right__price .fox-price .fox-price--large {
-  font-size: 18px;
-}
-
-.fox-card .fox-card__right .fox-card__right__price .fox-price .fox-price--decimal-large {
-  font-size: 12px;
-}
-
-.fox-card .fox-card__right .fox-card__right__price .fox-card__right__price__origin.fox-price {
-  color: #d2a448;
-  margin-left: 2px;
-}
-
-.fox-card .fox-card__right .fox-card__right__price .fox-card__right__price__origin.fox-price .fox-price--symbol-large, .fox-card .fox-card__right .fox-card__right__price .fox-card__right__price__origin.fox-price .fox-price--large, .fox-card .fox-card__right .fox-card__right__price .fox-card__right__price__origin.fox-price .fox-price--decimal-large {
-  font-size: 12px;
-}
-
-.fox-card .fox-card__right .fox-card__right__other {
-  align-items: center;
-  padding: 5px 0 2px;
-  display: flex;
-}
-
-.fox-card .fox-card__right .fox-card__right__other .fox-tag {
-  font-size: var(--fox-card-font-size-0, var(--fox-font-size-extra-small, 10px));
-  border: none;
-  margin-right: 5px;
-  padding: 0 2px;
-}
-
-.fox-card .fox-card__right .fox-card__right__shop {
-  justify-content: space-between;
-  align-items: center;
-  margin-top: 4px;
-  display: flex;
-}
-
-.fox-card .fox-card__right .fox-card__right__shop .fox-card__right__shop__name {
-  color: #999;
-  font-size: 12px;
-  line-height: 1.5;
-}
-
-.fox-theme-dark .fox-ecard {
-  color: var(--fox-dark-color3, #e8e6e3cc);
-}
-
-.fox-theme-dark .fox-ecard ::placeholder {
-  color: #1d1f20;
-}
-
-.fox-theme-dark .fox-ecard .fox-ecard__list__item {
-  background: var(--fox-dark-background5, #646566);
-}
-
-.fox-theme-dark .fox-ecard .fox-ecard__list__item.active {
-  background: var(--fox-dark-background6, #380e08);
-  outline: 1px solid var(--fox-dark-color2, #f2270c);
-  color: var(--fox-dark-color2, #f2270c);
-}
-
-.fox-theme-dark .fox-ecard .fox-ecard__list__input {
-  color: var(--fox-dark-color3, #e8e6e3cc);
-  background: var(--fox-dark-background7, #707070);
-}
-
-.fox-theme-dark .fox-ecard .fox-ecard__list__input.active, .fox-theme-dark .fox-ecard .fox-ecard__list__input.active > view > input {
-  background: var(--fox-dark-background7, #707070);
-}
-
-.fox-theme-dark .fox-ecard .fox-ecard__list__input .fox-ecard__list__input--con > input {
-  color: var(--fox-dark-color3, #e8e6e3cc);
-  background-color: #0000;
-}
-
-.fox-ecard {
-  width: 100%;
-}
-
-.fox-ecard__title {
-  font-family: PingFangSC;
-  font-size: 15px;
-  font-weight: normal;
-  line-height: 1;
-}
-
-.fox-ecard__list {
-  flex-wrap: wrap;
-  justify-content: space-between;
-  margin-top: 15px;
-  display: flex;
-}
-
-.fox-ecard__list__item {
-  background: var(--fox-ecard-bg-color, #f0f2f5);
-  border-radius: 4px;
-  justify-content: center;
-  align-items: center;
-  width: 48%;
-  height: 46px;
-  margin-bottom: 12px;
-  display: flex;
-}
-
-.fox-ecard__list__item.active {
-  background: var(--fox-white, #fff);
-  outline: 1px solid var(--fox-primary-color, #fa2c19);
-  border-radius: 4px;
-}
-
-.fox-ecard__list__input {
-  background: var(--fox-ecard-bg-color, #f0f2f5);
-  color: #000c;
-  border-radius: 4px;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  height: 46px;
-  padding: 0 15px 0 20px;
-  font-size: 14px;
-  display: flex;
-}
-
-.fox-ecard__list__input--con {
-  flex: 1;
-  justify-content: flex-end;
-  display: flex;
-}
-
-.fox-ecard__list__input--con input, .fox-ecard__list__input--con .fox-ecard-input {
-  caret-color: var(--fox-primary-color, #fa2c19);
-  text-align: right;
-  background: none;
-  border: 0;
-  outline: 0;
-  margin-right: 10px;
-  text-decoration: none;
-}
-
-.fox-ecard__list__input.active {
-  background: var(--fox-white, #fff);
-  outline: 1px solid var(--fox-primary-color, #fa2c19);
-}
-
-.fox-ecard__list__input.active > view > input {
-  background: var(--fox-white, #fff);
-}
-
-.fox-ecard__list__step {
-  width: 100%;
-  color: var(--fox-primary-color, #fa2c19);
-  justify-content: space-between;
-  margin-top: 17px;
-  font-family: PingFangSC;
-  font-size: 20px;
-  font-weight: normal;
-  display: flex;
-}
-
-.fox-theme-dark .fox-address-list-swipe, .fox-theme-dark .fox-address-list-general {
-  background-color: var(--fox-dark-background2, #1b1b1b);
-  border-bottom: 1px solid var(--fox-dark-color-gray, var(--fox-text-color, gray));
-  color: var(--fox-dark-color, var(--fox-white, #fff));
-}
-
-.fox-theme-dark .fox-address-list-swipe__mask, .fox-theme-dark .fox-address-list-general__mask {
-  background-color: var(--fox-dark-color3, #e8e6e3cc);
-}
-
-.fox-theme-dark .fox-address-list-swipe__mask-copy, .fox-theme-dark .fox-address-list-general__mask-copy {
-  color: var(--fox-dark-color-gray, var(--fox-text-color, gray));
-  background-color: var(--fox-dark-color, var(--fox-white, #fff));
-}
-
-.fox-theme-dark .fox-address-list-item__addr {
-  color: var(--fox-dark-color-gray, var(--fox-text-color, gray));
-}
-
-.fox-theme-dark .fox-address-list__bottom {
-  background-color: var(--fox-dark-background2, #1b1b1b);
-}
-
-.fox-address-list {
-  overflow: hidden;
-}
-
-.fox-address-list:last-child {
-  padding-bottom: 84px;
-}
-
-.fox-address-list-swipe, .fox-address-list-general {
-  background-color: var(--fox-addresslist-bg, #fff);
-  border-bottom: 1px solid var(--fox-addresslist-border, #f0f0f0);
-  min-height: 76px;
-  color: var(--fox-addresslist-font-color, #333);
-  font-size: var(--fox-addresslist-font-size, 16px);
-  align-items: center;
-  padding: 5px 10px;
-  display: flex;
-  position: relative;
-}
-
-.fox-address-list-swipe__mask, .fox-address-list-general__mask {
-  background-color: var(--fox-addresslist-mask-bg, #0006);
-  z-index: 2001;
-  justify-content: space-around;
-  align-items: center;
-  padding: 0 40px;
-  display: flex;
-  position: absolute;
-  inset: 0;
-}
-
-.fox-address-list-swipe__mask-copy, .fox-address-list-swipe__mask-set, .fox-address-list-swipe__mask-del, .fox-address-list-general__mask-copy, .fox-address-list-general__mask-set, .fox-address-list-general__mask-del {
-  text-align: center;
-  background-color: var(--fox-white, #fff);
-  box-sizing: border-box;
-  border-radius: 50%;
-  justify-content: center;
-  align-items: center;
-  width: 55px;
-  height: 55px;
-  padding: 0 10px;
-  font-size: 14px;
-  display: flex;
-}
-
-.fox-address-list-swipe__mask-set, .fox-address-list-general__mask-set {
-  color: var(--fox-white, #fff);
-  background-color: var(--fox-addresslist-set-bg, #f5a623);
-}
-
-.fox-address-list-swipe__mask-del, .fox-address-list-general__mask-del {
-  color: var(--fox-white, #fff);
-  background-color: var(--fox-addresslist-del-bg, #e1251b);
-}
-
-.fox-address-list-general:last-child, .fox-address-list .fox-swipe:last-of-type .fox-address-list-swipe {
-  border-bottom: none;
-}
-
-.fox-address-list-item {
-  width: 100%;
-}
-
-.fox-address-list-item__info {
-  justify-content: space-between;
-  display: flex;
-}
-
-.fox-address-list-item__info-contact {
-  justify-content: flex-start;
-  align-items: center;
-  font-weight: bold;
-  display: flex;
-}
-
-.fox-address-list-item__info-contact-name {
-  word-wrap: break-word;
-  max-width: 145px;
-}
-
-.fox-address-list-item__info-contact-tel {
-  word-wrap: break-word;
-  max-width: 110px;
-  margin-left: 8px;
-}
-
-.fox-address-list-item__info-contact-default {
-  background: var(--fox-addresslist-contnts-contact-default, var(--fox-primary-color, #fa2c19));
-  height: 16px;
-  color: var(--fox-addresslist-contnts-contact-color, var(--fox-white, #fff));
-  border-radius: 2px;
-  margin-left: 5px;
-  padding: 0 6px;
-  font-size: 12px;
-  line-height: 16px;
-}
-
-.fox-address-list-item__info-handle-edit {
-  margin-left: 15px;
-}
-
-.fox-address-list-item__addr {
-  color: var(--fox-addresslist-addr-font-color, #666);
-  font-size: var(--fox-addresslist-addr-font-size, 12px);
-  margin-top: 5px;
-}
-
-.fox-address-list__bottom {
-  bottom: 0;
-  left: 0;
-  right: 0;
-  bottom: constant(safe-area-inset-bottom);
-  bottom: env(safe-area-inset-bottom);
-  z-index: 100000;
-  background-color: var(--fox-addresslist-bg, #fff);
-  box-sizing: border-box;
-  width: 100%;
-  padding: 12px 18px 24px;
-  position: fixed;
-}
-
-.fox-address-list .fox-address-list__mask-bottom {
-  z-index: 2000;
-  background-color: #0000;
-  position: fixed;
-  inset: 0;
-}
-
-.fox-theme-dark .fox-category__cateList {
-  background: var(--fox-dark-background2, #1b1b1b);
-}
-
-.fox-theme-dark .fox-category__cateListLeft {
-  background: var(--fox-dark-background4, #323233);
-}
-
-.fox-theme-dark .fox-category__cateListItem {
-  color: var(--fox-dark-color-gray, var(--fox-text-color, gray));
-}
-
-.fox-theme-dark .fox-category__cateListItemChecked {
-  color: var(--fox-dark-color, var(--fox-white, #fff));
-  background: var(--fox-dark-background2, #1b1b1b);
-}
-
-.fox-theme-dark .fox-category__cateListItemChecked:before {
-  background: var(--fox-category-list-item-checked-img-bg-color, var(--fox-primary-color, #fa2c19));
-}
-
-.fox-category__cateList {
-  background: var(--fox-category-bg-color, #fff);
-  display: flex;
-}
-
-.fox-category__cateListLeft {
-  background: var(--fox-category-list-left-bg-color, #f6f7f9);
-}
-
-.fox-category__cateListItemChecked, .fox-category__cateListItem {
-  width: 100px;
-  height: 50px;
-  color: var(--fox-category-list-item-color, var(--fox-title-color, #1a1a1a));
-  justify-content: center;
-  align-items: center;
-  font-family: PingFangSC;
-  font-size: 13px;
-  font-weight: normal;
-  transition: all .3s;
-  display: flex;
-}
-
-.fox-category__cateListItemChecked {
-  background: var(--fox-category-list-item-checked-color, #fff);
-  font-weight: 500;
-  transition: all .3s;
-  position: relative;
-}
-
-.fox-category__cateListItemChecked:before {
-  content: "";
-  background: var(--fox-category-list-item-checked-img-bg-color, var(--fox-primary-color, #fa2c19));
-  width: 5px;
-  height: 18px;
-  position: absolute;
-  left: 0;
-}
-
-.fox-theme-dark .fox-category-pane__childTitle {
-  color: var(--fox-white, #fff);
-}
-
-.fox-theme-dark .fox-category-pane__cateListRight {
-  background: var(--fox-dark-background2, #1b1b1b);
-}
-
-.fox-category-pane__cateListRight {
-  background: var(--fox-category-bg-color, #fff);
-  padding-left: 15px;
-}
-
-.fox-category-pane__childTitle {
-  color: var(--fox-category-pane-title-color, #333);
-  margin-top: 15px;
-  margin-bottom: 15px;
-  font-family: PingFangSC;
-  font-size: 13px;
-  font-weight: 500;
-}
-
-.fox-category-pane__childItemList {
-  flex-wrap: wrap;
-  display: flex;
-}
-
-.fox-category-pane__childItem {
-  margin-right: 10px;
-}
-
-.fox-category-pane__childImg {
-  border-radius: 5px;
-  width: 75px;
-  height: 75px;
-}
-
-.fox-category-pane__skuName {
-  border: 1px solid var(--fox-category-pane-border-color, #999);
-  width: 75px;
-  height: 40px;
-  color: var(--fox-category-pane-gray-color, #666);
-  border-radius: 5px;
-  justify-content: center;
-  align-items: center;
-  margin-top: 15px;
-  margin-left: 15px;
-  margin-right: 10px;
-  font-family: PingFangSC;
-  font-size: 12px;
-  font-weight: normal;
-  display: flex;
-}
-
-.fox-category-pane__skuName:nth-child(3n) {
-  margin-right: 0;
-}
-
-.fox-category-pane__skuName:nth-child(n+4) {
-  margin-top: 15px;
-}
-
-.fox-category-pane__skuImg {
-  color: var(--fox-category-pane-gray-color, #666);
-  text-align: center;
-  margin-top: 10px;
-  margin-bottom: 10px;
-  font-family: PingFangSC;
-  font-size: 12px;
-  font-weight: normal;
-}
-
-.fox-category-pane__selfItemList {
-  flex-wrap: wrap;
-  display: flex;
-}
-
-.fox-theme-dark .fox-comment-header__user-name, .fox-theme-dark .fox-comment-header__user-default-name, .fox-theme-dark .fox-comment__follow-title, .fox-theme-dark .fox-comment-bottom__cpx, .fox-theme-dark .fox-comment-bottom__cpx-item span {
-  color: var(--fox-dark-color, var(--fox-white, #fff));
-}
-
-.fox-theme-dark .fox-comment .fox-comment-shop {
-  border-top: 1px solid var(--fox-dark-color, var(--fox-white, #fff));
-}
-
-.fox-comment {
-  width: 100%;
-  font-size: 12px;
-}
-
-.fox-comment-header {
-  justify-content: space-between;
-  margin-bottom: 10px;
-  display: flex;
-}
-
-.fox-comment-header__user {
-  flex: 1;
-  align-items: center;
-  display: flex;
-}
-
-.fox-comment-header__user-avter {
-  border-radius: 50%;
-  width: 20px;
-  height: 20px;
-  margin-right: 10px;
-  overflow: hidden;
-}
-
-.fox-comment-header__user-avter img {
-  width: 20px;
-  height: 20px;
-}
-
-.fox-comment-header__user-name {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  width: 100%;
-  color: var(--fox-comment-header-user-name-color, #333);
-  width: auto;
-  max-width: 80px;
-  margin-right: 5px;
-  font-size: 12px;
-  overflow: hidden;
-}
-
-.fox-comment-header__user-default {
-  flex: 1;
-}
-
-.fox-comment-header__user-default-name {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  width: 100%;
-  color: var(--fox-comment-header-user-name-color, #333);
-  align-items: center;
-  margin-bottom: 3px;
-  font-size: 12px;
-  display: flex;
-  overflow: hidden;
-}
-
-.fox-comment-header__user-default-name > span {
-  margin-right: 8px;
-}
-
-.fox-comment-header__user-complex {
-  color: var(--fox-comment-header-user-name-color, #333);
-  align-items: center;
-  display: flex;
-}
-
-.fox-comment-header__user-complex-name {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  max-width: 80px;
-  margin-right: 10px;
-  overflow: hidden;
-}
-
-.fox-comment-header__user-complex image {
-  max-width: 50px;
-  height: 16px;
-}
-
-.fox-comment-header__user-score .fox-rate-item {
-  line-height: 10px;
-  display: block !important;
-}
-
-.fox-comment-header__user-score .fox-rate-item .fox-icon {
-  line-height: 10px;
-}
-
-.fox-comment-header__time {
-  text-align: right;
-  width: 100px;
-  color: var(--fox-comment-header-time-color, #999);
-  font-size: 12px;
-}
-
-.fox-comment-header__complex-score {
-  align-items: center;
-  margin-bottom: 10px;
-  display: flex;
-}
-
-.fox-comment-header__complex-score .fox-rate-item {
-  line-height: 12px;
-  display: block !important;
-}
-
-.fox-comment-header__complex-score .fox-rate-item .fox-icon {
-  line-height: 12px;
-}
-
-.fox-comment-header__complex-score-i {
-  background: var(--fox-text-color, gray);
-  opacity: .4;
-  width: 1px;
-  height: 6px;
-  font-style: inherit;
-  margin: 0 8px 0 6px;
-  display: inline-block;
-}
-
-.fox-comment-header__complex-score-size {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  width: 100%;
-  overflow: hidden;
-}
-
-.fox-comment-header__labels--item {
-  height: 16px;
-  margin-right: 4px;
-  display: inline-block;
-}
-
-.fox-comment-header__labels--item:last-child {
-  margin-right: 0;
-}
-
-.fox-comment__main {
-  word-break: break-all;
-  word-break: break-all;
-  white-space: pre-wrap;
-  -webkit-box-orient: vertical;
-  display: -webkit-box;
-  overflow: hidden;
-}
-
-.fox-comment-images {
-  margin: 10px 0 12px;
-  display: flex;
-  overflow: auto hidden;
-}
-
-.fox-comment-images__item {
-  border-radius: 6px;
-  flex-shrink: 0;
-  width: 80px;
-  height: 80px;
-  margin-right: 5px;
-  position: relative;
-  overflow: hidden;
-}
-
-.fox-comment-images__item img {
-  width: 80px;
-  height: 80px;
-}
-
-.fox-comment-images__item--video img {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-
-.fox-comment-images__mask {
-  color: #fff;
-  background: #00000080;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 90px;
-  font-size: 12px;
-  line-height: 90px;
-  display: flex;
-  position: absolute;
-  top: 0;
-  left: 0;
-}
-
-.fox-comment-images--multi {
-  flex-wrap: wrap;
-  justify-content: space-between;
-  width: 100%;
-  margin: 10px auto 15px;
-  overflow: hidden;
-}
-
-.fox-comment-images--multi .fox-comment-images__item {
-  width: calc(34% - 8px);
-  height: 90px;
-  margin: 8px 8px 0 0;
-}
-
-.fox-comment-images--multi .fox-comment-images__item img {
-  width: 100%;
-  height: 100%;
-}
-
-.fox-comment-images--multi .fox-comment-images__item .svg-demo {
-  width: 40px;
-  height: 40px;
-}
-
-.fox-comment-images--multi .fox-comment-images__item:nth-child(3n) {
-  margin-right: 0;
-}
-
-.fox-comment-images--multi:after {
-  content: "";
-  width: 105px;
-  display: block;
-}
-
-.fox-comment__follow-title {
-  color: var(--fox-black, #000);
-  padding-left: 8px;
-  font-size: 14px;
-  font-weight: bold;
-  position: relative;
-}
-
-.fox-comment__follow-title svg {
-  color: var(--fox-primary-color, #fa2c19);
-  opacity: .4;
-  position: absolute;
-  top: 13%;
-  left: 0;
-  transform: rotate(90deg);
-}
-
-.fox-comment__follow-com {
-  -webkit-line-clamp: 6;
-  word-break: break-all;
-  -webkit-box-orient: vertical;
-  margin: 8px 0 8px 8px;
-  display: -webkit-box;
-  overflow: hidden;
-}
-
-.fox-comment__follow-img {
-  align-items: center;
-  margin: 0 0 8px 8px;
-  display: flex;
-}
-
-.fox-comment-bottom {
-  color: var(--fox-comment-bottom-label-color, #999);
-  justify-content: space-between;
-  margin-right: 5px;
-  display: flex;
-}
-
-.fox-comment-bottom__lable {
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  flex: 1;
-  width: 100%;
-  margin-right: 10px;
-  overflow: hidden;
-}
-
-.fox-comment-bottom__cpx {
-  color: var(--fox-black, #000);
-  justify-content: flex-end;
-  align-items: center;
-  display: flex;
-}
-
-.fox-comment-bottom__cpx-item {
-  align-items: center;
-  margin-right: 18px;
-  display: flex;
-  position: relative;
-}
-
-.fox-comment-bottom__cpx-item span {
-  color: var(--fox-black, #000);
-  margin-right: 5px;
-}
-
-.fox-comment-bottom__cpx-item:last-child {
-  margin-right: 0;
-}
-
-.fox-comment-bottom__cpx-item-popover {
-  background: var(--fox-white, #fff);
-  width: max-content;
-  box-shadow: 0 0 6px var(--fox-disable-color, #ccc);
-  border-radius: 5px 0 5px 5px;
-  padding: 10px;
-  position: absolute;
-  top: 35px;
-  right: 18px;
-}
-
-.fox-comment-bottom__cpx-item-popover:after {
-  content: "";
-  border-top: 10px solid #0000;
-  border-left: 14px solid #0000;
-  border-right: 0 solid #0000;
-  border-bottom: 10px solid var(--fox-white, #fff);
-  width: 0;
-  height: 0;
-  position: absolute;
-  top: -20px;
-  right: 0;
-}
-
-.fox-comment-bottom__cpx-item-popover:before {
-  content: "";
-  border-top: 10px solid #0000;
-  border-bottom: 10px solid #7271711a;
-  border-left: 14px solid #0000;
-  border-right: 0 solid #0000;
-  width: 0;
-  height: 0;
-  position: absolute;
-  top: -22px;
-  right: -1px;
-}
-
-.fox-comment-images__play {
-  background: #00000080;
-  border-radius: 50%;
-  width: 40px;
-  height: 40px;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-
-.fox-comment-images__play:after {
-  content: "";
-  border-top: 9px solid #0000;
-  border-bottom: 9px solid #0000;
-  border-left: 15px solid #fff;
-  display: block;
-  position: absolute;
-  top: 11px;
-  left: 15px;
-}
-
-.fox-comment .fox-comment-shop {
-  -webkit-line-clamp: 6;
-  word-break: break-all;
-  border-top: 1px solid #0000001a;
-  -webkit-box-orient: vertical;
-  width: 100%;
-  margin-top: 20px;
-  padding-top: 10px;
-  display: -webkit-box;
-  overflow: hidden;
-}
-
-.fox-comment .fox-comment-shop span {
-  color: var(--fox-comment-shop-color, var(--fox-primary-color, #fa2c19));
-}
 /*$vite$:1*/