// @charset "utf-8";

// /********** Main theme colors **********/

$white: #fff !default;
$body-bg-color: #000;
$menu-bg-color:#21242C;
$menu-checked:#285DAD;//menu,tab

$aside-bg:#15171E;
$btn-bg:#4A90E2;//radio,btn

$text-red:#EB333B;
$text-content:#C2C4CD;
$text-menu:#D7D8DC;

$text-tabel-tab:#BFC0C3;
$text-tabel-th: #767C8A;
$tabel-bg: #15171E ;

$input-bg:#3C4350;




//header-footer
$header-bg-color: #ffffff;
$header-color: #222222;
$nav-color: #262b39;
$bar-color: #f9f6f6;
$icon-bg-color: #3c3c3c;
//main text color
$text-primary-color: #464646;
//control-color
$control-primary-color: #ed7045;
$control-border: #c5c5c5;
$btn-primary-border: #9c3d1d;
$btn-box-bg: #fff;
$main-border-color: #dcdcdc;
$segmented-control: #ed7045;
$error-border: #f00;
//按钮字体颜色
$btn-text-color: #fff;
//input控件disabled/readonly时的背景颜色
$disabled-color: #f5f5f5;
//牌价颜色
$price-list-bg-color: #fff;
$price-list-border-color: #e5e5e5;
$price-title-color: #555555;
$price-bg-up: #ea333a;
$price-bg-down: #1aae52;
$price-bg-limit: #fff;
//时间，牌价描述，以及除货币名称以外的字体颜色和tab背景色
$price-primary-color: #222222;
//货币组合颜色
$price-currency-color: #222222;
//牌价title标题的背景色
$price-title-bg: #f8f8f8;
//牌价时间
$price-time-color: #555555;
//表单里面主要字体颜色以及select颜色
$form-primary-color: #555555;
//查询
$query-list-bg-color: #212736;
$btn-bg-color: #309fea !default;
$borderline-color: #f5f4f4;

/********** Main theme size **********/

$header-height: 44px;
//控件按钮，选项卡，select中的高度和字体大小
$control-height: 36px;
$segmented-control-height: 45px;
$control-height-small: pxToRem(60);
$control-font: pxToRem(28);
$control-font-small: pxToRem(24);

//字体尺寸
$font-size64: pxToRem(64);
$font-size55: pxToRem(55);
$font-size50: pxToRem(50);
$font-size48: pxToRem(48);
$font-size40: pxToRem(40);
$font-size36: pxToRem(36);
$font-size34: pxToRem(34);
$font-size32: pxToRem(32);
$font-size30: pxToRem(30);
$font-size28: pxToRem(28);
$font-size26: pxToRem(26);
$font-size24: pxToRem(24);
$font-size22: pxToRem(22);

//首页菜单按钮字体颜色
$quickBg0: #55a5fe;
$quickBg1: #ec474e;
$quickBg2: #2cc7b3;
$quickBg3: #ff6100;
$quickBg4: #745af5;
$quickBg5: #fea628;
//按钮背景颜色
.bc212138 {
  background: #212138 !important;
}

.bceb333b {
  background: #eb333b !important;
}

.bc309fea {
  background: #309fea !important;
}

.bcff8420 {
  background: #ff8420 !important;
}

.fcfe8320 {
  color: #fe8320;
}

.fc309fea {
  color: #309fea;
}

.fc6e87a0 {
  color: #6e87a0;
}

.fc999999 {
  color: #999999;
}

.fceb333b {
  color: #eb333b;
}

//长度
.widthAuto {
  width: auto !important;
}

.width20 {
  width: 20% !important;
}

.width30 {
  width: 30% !important;
}

.width40 {
  width: 40% !important;
}

.width50 {
  width: 50% !important;
}

.width60 {
  width: 60% !important;
}

.width70 {
  width: 70% !important;
}

.width100 {
  width: 100% !important;
}

* {
  font-family: sans-serif;
}