:root {
  --s-2: 8rpx;
  --s-2: 16rpx;
  --s-3: 24rpx;
  --s-4: 32rpx;
  --s-5: 40rpx;
  --s-6: 48rpx;
  --s-8: 56rpx;
  --s-12: 64rpx;
  --s-16: 72rpx;
  --line-1: 2rpx;
  --line-2: 3rpx;
  --line-3: 6rpx;
  --color-white: #FFF;
  --color-black: #000;
  --color-line1-1: #E8E9EC;
  --color-line1-2: #D4D5DA;
  --color-line1-3: #C0C1C8;
  --color-line1-4: #D4D5DA;
  --color-fill1-1: #F6F8FB;
  --color-fill1-2: #F4F5F8;
  --color-fill1-3: #E6E8EB;
  --color-fill1-4: #EEF0F3;
  --color-text1-1: #B5B6B8;
  --color-text1-2: #848689;
  --color-text1-3: #53555B;
  --color-text1-4: #25282E;
  --color-text1-5: #53555C;
  --color-transparent: transparent;
  --color-brand-1: #E0EBFF;
  --color-brand-2: #C8D6FA;
  --color-brand-3: #FF6A00;
  --color-brand-4: #E35300;
  --color-brand-6: #FFDDDD;

  --color-link-1: #3E70A7;
  --color-link-2: #3E70A7;
  --color-link-3: #3E70A7;
  --color-link-4: #3E70A7;
  --color-success-1: #E2F9E9;
  --color-success-2: #96E7B1;
  --color-success-3: #2DD063;
  --color-success-4: #24A64F;
  --color-notice-1: #DFF0FF;
  --color-notice-2: #80C1FE;
  --color-notice-3: #0284FD;
  --color-notice-4: #0169CA;
  --color-warning-1: #FFEDD6;
  --color-warning-2: #FFC980;
  --color-warning-3: #FF9300;
  --color-warning-4: #CC7500;
  --color-error-1: #FFEAE6;
  --color-error-2: #FF9780;
  --color-error-3: #FF3000;
  --color-error-4: #CC2600;
  --color-help-1: #DDFCF9;
  --color-help-2: #80E0D8;
  --color-help-3: #01C1B2;
  --color-help-4: #009A8E;
  --color-data-red: #FF5000;
  --color-data-orange: #FF9327;
  --color-data-yellow: #FFCB48;
  --color-data-green: #4DDE6D;
  --color-data-cyan: #04BEA5;
  --color-data-blue: #0284FD;
  --color-data-purple: #8272EC;
  --p-display-3-font-size: 112rpx;
  --p-display-3-icon-size: 112rpx;
  --p-display-2-font-size: 96rpx;
  --p-display-2-icon-size: 96rpx;
  --p-display-1-font-size: 48rpx;
  --p-display-1-icon-size: 48rpx;
  --p-headline-font-size: 40rpx;
  --p-headline-icon-size: 40rpx;
  --p-title-font-size: 36rpx;
  --p-title-icon-size: 36rpx;
  --p-subhead-font-size: 32rpx;
  --p-subhead-icon-size: 32rpx;
  --p-body-1-font-size: 28rpx;
  --p-body-1-icon-size: 28rpx;
  --p-caption-font-size: 24rpx;
  --p-caption-icon-size: 24rpx;

  --box-medium-border-radius:999rpx;
  --button-medium-font-size:28rpx;
  --button-medium-padding:16rpx 52rpx;

  --list-background-color: #F2F2F2;
  --list-card-background-color: #FFFFFF;
  --list-card-border-radius: 24rpx;

  --tag-border-color: #FF3000;
  --tag-background-color: #FFDDDD;
  --tag-text-color: #FF3000;

  --fh-goodsdetail-container:  var(--list-background-color);
  --fh-goodsdetail-card-background-color: var(--list-card-background-color);
  --fh-goodsdetail-card-border-radius: var(--list-card-border-radius);
  --fh-goodsdetail-card-price-current: var(--color-brand-4);
  --fh-goodsdetail-card-price-origin: var(--color-text1-2);
  --fh-goodsdetail-card-title: var(--color-text1-4);
  --fh-goodsdetail-card-desc: var(--color-text1-3);

  --fh-button-background-color: var(--color-brand-3);
  --fh-text-color: var(--color-white);

  --fh-button-border-radius: var(--s-5);
  --fh-popup-background-color: var(--color-white);

  --box-normal-outline-border-color:#E8E9EC;
  --numberpicker-button-corner: 10rpx;
  --rating-color:#E4E4E4;
  --rating-low-grade-color: var(--color-brand-3);
  --rating-high-grade-color: var(--color-brand-3);
  --rating-large-icon-size: 80rpx;
  --rating-large-spacing: 24rpx;
  --rating-large-icon-size: 80rpx;
  --rating-large-spacing: 24rpx;
  --rating-small-icon-size: 19rpx;
  --rating-small-spacing: 4rpx;
  --rating-medium-icon-size: 36rpx;
  --rating-medium-spacing: 12rpx;

  --step-dot-size: var(--s-3);

  /* 新增 */
  --color-brand1-6: #163089;
  --color-brand1-1:rgba(229,207,147,0.20);
  --font-size-caption:24rpx;
}
.mt-numberpicker-input--small {
  margin-left: -2rpx;
  margin-right: -2rpx;
}
.mt-modal--bottom {
  flex-direction: row;
}
.mt-drawer--bottom {
  border-top-left-radius: 20rpx;
  border-top-right-radius: 20rpx;
}
.mt-drawer-title{
  text-align: center;
  color: var(--color-text1-4);
  padding: 14px;
}
.mt-drawer-close .mt-icon--xxs {
  font-size: 18px;
}

/* 新增 */
input{
  outline: none;
}

