//命名
@icon-font-class:.ladderfont;
@icon-font-name:"ladderfont";
@size-100p: 100%;
@fl: left;
@fr: right;
@transition-time-base:0.3s;
@transition-time-slow:0.6s;
@transition-time-slower:1.2s;
@btn-min-width:80px;

//函数
@shape-clear:{
    border: none;
    outline: none;
}
@unselect:{
    moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.shadow-base(@position:1px;@size:5px;@color:#ddd){
    box-shadow: @position @position @size @color;
}
.border-base(@color:@border-color-base,@size:@border-size-base){
    border:@color solid @size
}
.position-fixed(@top:0,@right:0,@bottom:0,@left:0){
    position:fixed;
    left: @left;
    right: @right;
    top: @top;
    bottom: @bottom;
}


//基础
@scrollbar-size:6px;
@scrollbar-track:#f5f5f5;
@scrollbar-thumb:#b5b5b5;
@scrollbar-radius:10px;

//height高度
@height-small:28px;
@height-inner:32px;
@height-base:34px;
@height-outer:40px;
@height-table:44px;

@padding-fill:8px;
@padding-outer:(@height-outer - @height-base)/2;

//radius圆角
@radius-none:0;
@radius-small:2px;
@radius-base:4px;
@radius-big:8px;

//主色调
@MainTonal: #41a5eb;
//@MainTonal:#563d7c;

//background背景色
@ladder-background-floor:#fff;
@ladder-background-base:@MainTonal;
@ladder-background-base-hover:#418bca;
//@ladder-background-lighter:#b2e0ff;
@ladder-background-lighter:#ecf6ff;
@ladder-background-lighter-hover:#b2e0ff;
@ladder-background-light:#69b3e6;
@ladder-background-light-hover:#41A5EB;
@ladder-background-dark:#418bca;
@ladder-background-dark-hover:#2a6da7;

@background-purple:#a0bef9;
@background-purple-hover:#80a7f5;

@background-blue:@MainTonal;
@background-blue-hover:#3282C0;

@background-green:#35B586;
@background-green-hover:#258864;

@background-origin-lighter: #fffaf4;
@background-origin-lighter-hover: #f8ddbb;
@background-origin:#FF9000;
@background-origin-hover:#FF6C00;

@background-red:#ef4941;
@background-red-hover:#bd362f;

@background-lightest:#f5f7fa;

@background-lighter:#f2f2f2;
@background-lighter-hover:#e0e0e0;

@background-light:#ccc;
@background-light-hover:#bbb;

@background-gray:#B6B6B6;
@background-gray-hover:#aaa;

@background-dark:#4e4e4e;
@background-dark-hover:#222;

@background-shadow:rgba(0,0,0,0.35);

//color字色
@ladder-color-base:@MainTonal;
@ladder-color-base-hover:#3282C0;
@ladder-color-light:#409EFF;
@ladder-color-lighter:#6ab4e8;
@ladder-color-dark:#3d89cc;
@ladder-color-darker:#006dcc;

@color-white:#fff;
@color-lightest:#ccc;
@color-lighter:#999;
@color-light:#666;
@color-base:#333;
@color-dark:#000;

@color-blue:@MainTonal;
@color-blue-hover:#3282C0;
@color-green:#35B586;
@color-green-hover:#258864;
@color-origin:#FF6000;
@color-origin-hover:#ef4941;
@color-red:#ef4941;
@color-red-hover:#bd362f;


//border边框色
@ladder-border-color:@MainTonal;
@border-color-lighter:#ebeef5;
@border-color-light:#e6e6e6;
@border-color-base:#ddd;
@border-color-dark:#ccc;
@border-color-darker:#bbb;
@border-color-blue:#3d89cc;
@border-color-origin:#ff9000;

@border-size-base:1px;
@border-size-wide:2px;

//font字号
@font-small:12px;
@font-base:14px;
@font-normal:16px;
@font-big:18px;

@font:12px/20px "Microsoft YaHei", Tahoma, Helvetica, Arial, "宋体", sans-serif;