: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-transparent: transparent;
  --color-brand-1: #E0EBFF;
  --color-brand-2: #C8D6FA;
  --color-brand-3: #1BD4B9;
  --color-brand-4: #012D96;
  --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;

  --box-normal-outline-border-color:#E8E9EC;
    --numberpicker-button-corner: 10rpx;
    --rating-color:#E4E4E4;
}
.mt-numberpicker-input--small {
  margin-left: -2rpx;
  margin-right: -2rpx;
}
.mt-drawer--bottom {
  border-top-left-radius: 20rpx;
  border-top-right-radius: 20rpx;
}
.mt-drawer-title{
  text-align: center;
  color: #25282E;
  padding: 14px;
}
.mt-drawer-close .mt-icon--xxs {
  font-size: 18px;
}