/*font-size*/
$font-xxxl: .4rem;
$font-xxl: .36rem;
$font-xl: .32rem;
$font-l: .3rem;
$font-xm: .28rem;
$font-m: .26rem;
$font-s: .24rem;
$font-xs: .22rem;
$font-xxs: .2rem;
$font-xxxs: .18rem;

/*basic-color*/
$color-white: #fff; //白色
$color-black: #000; //黑色

$color-btn: #5a350a;
$color-bright: #fcfcfc;
$color-highlight: #b5ddde;

$color-dark: #3a434a;
$color-dark-3: #2e3438;
$color-dark-4: #212124;
$color-dark-5: #aaa;

$color-gray: #d2d8dc;
$color-gray-1: #fcfcfc;
$color-gray-2: #cdd1d6;
$color-gray-3: #b5ddde;
$color-gray-4: #91a4d5;
$color-gray-5: #4d6279;


$color-green: #48c284;
$color-yellow: #e4b853;
$color-yellow-1: #fc0;
$color-orange: #d2792a;
$color-warn: #e25724;

/*basic-color*/
$color-white: #fff; //白色
$color-light: #fbfbfb;
$color-main: #212124; //主色
$color-tips: rgba(33, 33, 36, .75);
$color-btn: #5a350a;
$color-main-tips: rgba(252, 252, 252, .75);
$color-black: #000;
$color-black-2: #212124;


$color-orange: #e78101;
$color-red: #ff5338;
$color-blue: #3ba2ea;
$color-name: #151515;
$color-primaryDarkBtn: #1a1b2f;
$color-yellow: #f7b500;
$color-light-yellow: #e4b853;
$color-green: #48d01f;
$color-dark: #4a4a4a;
$color-purple: #8587aa;
$color-highlight: #ef8a36;


$color-gray-3: #333;
$color-gray-5: #555;
$color-gray-6: #666;
$color-gray-9: #999;
$color-gray-9b: #9b9b9b;
$color-gray-b: #bbb;
$color-gray-3f: #3f3f3f;


/*font-size*/
$font-xxl: .4rem;
$font-xl: .36rem;
$font-l: .32rem;
$font-m: .28rem;
$font-s: .24rem;
$font-xs: .2rem;


/*no-style-form*/
%no-style-form {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
}

/*hidden text*/
%t-o {
  overflow: hidden;
  text-indent: -1000em;
}

%t-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  overflow: hidden;
}