@charset "UTF-8";
//自适应配置
$sys-media-rule-flag:1;

//编译配置
$sys-pc-compatible-rule-flag:1;
$sys-mobile-compatible-rule-flag:1;
$sys-compatible-rule-flag:1;
$sys-compatible-ie8-rule-flag:1;
$sys-compatible-ie7-rule-flag:1;

//资源地址
$sys-bgurl:"../images";
$sys-fonts-url:"../fonts";

//字体
$sys-font-yahei:"Microsoft YaHei",Arial,Helvetica,sans-serif;
$sys-font-songti:SimSun,$sys-font-yahei;//宋体
$sys-font-heiti:SimHei,$sys-font-yahei;//黑体

//链接颜色
$sys-color-link:#333;
$sys-color-link-hover:#333;

//白黑灰色
$sys-color-snow:#fff;
$sys-color-lightgray:#999;
$sys-color-gray:#666;
$sys-color-deepgray:#333;
$sys-color-black:#000;

//灰色
$sys-color-gray-1:#fbfbfb;
$sys-color-gray-2:#f2f2f2;
$sys-color-gray-3:#eeeeee;
$sys-color-gray-4:#e2e2e2;
$sys-color-gray-5:#dddddd;
$sys-color-gray-6:#d2d2d2;
$sys-color-gray-7:#c2c2c2;
$sys-color-gray-8:#b2b2b2;
$sys-color-gray-9:#a2a2a2;

//状态色
$sys-color-unstart:#cecece;
$sys-color-start:#1e90ff;
$sys-color-run:#32cd32;
$sys-color-caution:#ffa800;//#ffd700;
$sys-color-error:#ff0000;

//场景色
$sys-color-muted:#e6e6e6;
$sys-color-primary:#337ab7;
$sys-color-info:#5bc0de;
$sys-color-success:#5cb85c;
$sys-color-warn:#f0ad4e;
$sys-color-danger:#d9534f;

//主题色
$sys-color-theme-0:#1abd9e;//叶绿
$sys-color-theme-1:#e04e31;//朱砂
$sys-color-theme-2:#ec6827;//果彤
$sys-color-theme-3:#d03e41;//胭脂
$sys-color-theme-4:#ff677c;//茜红
$sys-color-theme-5:#ff94c6;//酡粉
$sys-color-theme-6:#63b4fc;//空蓝
$sys-color-theme-7:#4fc7ce;//碧蓝
$sys-color-theme-8:#4e6fcb;//酞蓝
$sys-color-theme-9:#7d6fc2;//莓紫
$sys-color-theme-10:#19b563;//竹青
$sys-color-theme-11:#76c61e;//柳青
$sys-color-theme-12:#3e4157;//墨青
$sys-color-theme-13:#D74B28;
$sys-color-theme-14:#02C1ED;
$sys-color-theme-15:#67C962;
$sys-color-theme-16:#FCD208;

//常用色
$sys-color-smoke:#e3e3e3;
$sys-color-silver:#ccc;
$sys-color-orange:#f78989;
$sys-color-gold:#f8a20f;
$sys-color-sky:#31b4e2;
$sys-color-gress:#5db75d;
$sys-color-lime:#19ae88;
$sys-color-dodgerblue:#5faee3;
$sys-color-orangered:#ff1f00;
$sys-color-red:#e2265b;

//间隔
$sys-layout-xs:5px;
$sys-layout-sm:10px;
$sys-layout-md:15px;
$sys-layout-lg:20px;

//垂直
$sys-padding-vertical-xs:3px;
$sys-padding-vertical-sm:6px;
$sys-padding-vertical-md:10px;
$sys-padding-vertical-lg:14px;

//水平
$sys-padding-horizontal-xs:6px;
$sys-padding-horizontal-sm:12px;
$sys-padding-horizontal-md:20px;
$sys-padding-horizontal-lg:28px;

//字体大小
$sys-font-size-xs:12px;
$sys-font-size-sm:14px;
$sys-font-size-md:18px;
$sys-font-size-lg:24px;

//标题大小
$sys-h1-size:36px;
$sys-h2-size:30px;
$sys-h3-size:24px;
$sys-h4-size:18px;
$sys-h5-size:14px;
$sys-h6-size:12px;

//圆角大小
$sys-radius-xs:2px;
$sys-radius-sm:4px;
$sys-radius-md:5px;
$sys-radius-lg:7px;

//层级大小
$sys-zindex-xs:3;
$sys-zindex-sm:6;
$sys-zindex-md:9;
$sys-zindex-lg:12;
$sys-zindex-xl:16;
$sys-zindex-xxl:20;

//缓动时间
$sys-duration-xs:100ms;
$sys-duration-sm:400ms;
$sys-duration-md:800ms;
$sys-duration-lg:1.5s;

////分辨率800*600，1024×768，1280*1024，1440×900，1680×1050，1920×1600，2048×1536////
//设备最小可视宽度
$sys-view-dev-width-xs:280px;

// 栅格宽度设置
$sys-grid-lg:1200px;
$sys-grid-md:992px;
$sys-grid-sm:768px;
$sys-grid-xs:480px;
// media max值
$sys-grid-lg-max:1199px;
$sys-grid-md-max:991px;
$sys-grid-sm-max:767px;

//宽度设置
$sys-dev-width-hs:320px;
$sys-dev-width-xxs:480px;
$sys-dev-width-xs:640px;
$sys-dev-width-sm:800px;
$sys-dev-width-md:1024px;
$sys-dev-width-lg:1240px;
$sys-dev-width-xl:1440px;
$sys-dev-width-xxl:1680px;
$sys-dev-width-hg:1920px;
$sys-dev-width-xh:2048px;
//最小值
$sys-dev-width-hs-min:300px;
$sys-dev-width-xxs-min:460px;
$sys-dev-width-xs-min:620px;
$sys-dev-width-sm-min:780px;
$sys-dev-width-md-min:1000px;
$sys-dev-width-lg-min:1220px;
$sys-dev-width-xl-min:1440px;
$sys-dev-width-xxl-min:1680px;
$sys-dev-width-hg-min:1920px;
$sys-dev-width-xh-min:2048px;
//最大值
$sys-dev-width-hs-max:320px;
$sys-dev-width-xxs-max:480px;
$sys-dev-width-xs-max:640px;
$sys-dev-width-sm-max:800px;
$sys-dev-width-md-max:1024px;
$sys-dev-width-lg-max:1240px;
$sys-dev-width-xl-max:1440px;
$sys-dev-width-xxl-max:1680px;
$sys-dev-width-hg-max:1920px;
$sys-dev-width-xh-max:2048px;

//滚动条宽度
$sys-scroll-width:24px;