/*颜色通用文件*/

/*主题背景颜色*/
.bgc-393D49{background-color: #393D49!important;}/*参考于Layui的主色（通常用于导航）*/
.bgc-37383b{background-color: #37383b!important;}
.bgc-adadad{background-color: #adadad!important;}
.bgc-c2c2c2{background-color: #c2c2c2!important;}/*参考于Layui的极简中性色（一般用于背景、边框等）*/
.bgc-d2d2d2{background-color: #d2d2d2!important;}/*参考于Layui的极简中性色（一般用于背景、边框等）*/
.bgc-dddddd{background-color: #dddddd!important;}/*参考于Layui的极简中性色（一般用于背景、边框等）*/
.bgc-e2e2e2{background-color: #e2e2e2!important;}/*参考于Layui的极简中性色（一般用于背景、边框等）*/
.bgc-eaeaea{background-color: #eaeaea!important;}
.bgc-ededf2{background-color: #ededf2!important;}
.bgc-eeeeee{background-color: #eeeeee!important;}
.bgc-efefef{background-color: #efefef!important;}
.bgc-f2f2f2{background-color: #f2f2f2!important;}/*参考于Layui的极简中性色（一般用于背景、边框等）*/
.bgc-efeff4{background-color: #efeff4!important;}
.bgc-f0f0f0{background-color: #f0f0f0!important;}
.bgc-f5f7fa{background-color: #f5f7fa!important;}
.bgc-f7f7fa{background-color: #f7f7fa!important;}
.bgc-fcf9fe{background-color: #fcf9fe!important;}
.bgc-fbfafc{background-color: #fbfafc!important;}
.bgc-ffffff{background-color: #ffffff!important;}

.bgc-e64340{background-color: #e64340!important;}
.bgc-ff5722{background-color: #FF5722!important;}/*参考于Layui的场景色（比较引人注意的颜色）*/

.bgc-0abb07{background-color: #0abb07!important;}
.bgc-1aad19{background-color: #1aad19!important;}
.bgc-00c203{background-color: #00c203!important;}
.bgc-00c200{background-color: #00c200!important;}

.bgc-3888ff{background-color: #3888ff!important;}
.bgc-1184d5{background-color: #1184d5!important;}

.bgc-6a7fa5{background-color: #6a7fa5!important;}

/*
背景色颜色放射性渐变：
语法：background: radial-gradient(center, shape size, start-color, ..., last-color);
默认情况下，渐变的中心是 center（表示在中心点），渐变的形状是 ellipse（表示椭圆形），渐变的大小是 farthest-corner（表示到最远的角落）。
参数顺序：（形状 at 位置（x,y），渐变颜色）
*/
.bgc-radial-gradient-circle{
    background: -webkit-radial-gradient(circle at 35% 0, #a7cce4, #007DDB)!important;
    background: -moz-radial-gradient(circle at 35% 0, #a7cce4, #007DDB)!important;
    background: -o-radial-gradient(circle at 35% 0, #a7cce4, #007DDB)!important;
    background: radial-gradient(circle at 35% 0, #a7cce4, #007DDB)!important;
}
/*椭圆放射性渐变：参数语法为（形状 at 位置（x,y），渐变颜色）*/
.bgc-radial-gradient-ellipse{
    background: -webkit-radial-gradient(ellipse at 35% 0, #a7cce4, #007DDB)!important;
    background: -moz-radial-gradient(ellipse at 35% 0, #a7cce4, #007DDB)!important;
    background: -o-radial-gradient(ellipse at 35% 0, #a7cce4, #007DDB)!important;
    background: radial-gradient(ellipse at 35% 0, #a7cce4, #007DDB)!important;
}

/*
背景色颜色线性渐变，默认是从上到下。
语法：background: linear-gradient(direction | angle, color-stop1, color-stop2, ...);
参数顺序：方向 | 角度，颜色开始...颜色结束。
以下为参考例子：
*/
.bgc-linear-gradient-left{
    background: -webkit-linear-gradient(to left, #a7cce4, #007DDB)!important;
    background: -moz-linear-gradient(to left, #a7cce4, #007DDB)!important;
    background: -o-linear-gradient(to left, #a7cce4, #007DDB)!important;
    background: linear-gradient(to left, #a7cce4, #007DDB)!important;
}
.bgc-linear-gradient-leftBottom{
    background: -webkit-linear-gradient(to left bottom, #a7cce4, #007DDB)!important;
    background: -moz-linear-gradient(to left bottom, #a7cce4, #007DDB)!important;
    background: -o-linear-gradient(to left bottom, #a7cce4, #007DDB)!important;
    background: linear-gradient(to left bottom, #a7cce4, #007DDB)!important;
}
.bgc-linear-gradient-45deg{
    background: -webkit-linear-gradient(45deg, #a7cce4, #007DDB)!important;
    background: -moz-linear-gradient(45deg, #a7cce4, #007DDB)!important;
    background: -o-linear-gradient(45deg, #a7cce4, #007DDB)!important;
    background: linear-gradient(45deg, #a7cce4, #007DDB)!important;
}
/*背景色渐变参考地址：http://www.runoob.com/css3/css3-gradients.html*/

/*字体颜色*/
.c-000000{color: #000000!important;}
.c-2a2a2a{color: #2a2a2a!important;}
.c-333333{color: #333333!important;}
.c-444444{color: #444444!important;}
.c-666666{color: #666666!important;}
.c-888888{color: #888888!important;}
.c-999999{color: #999999!important;}
.c-9b9b9b{color: #9b9b9b!important;}
.c-b2b2b2{color: #b2b2b2!important;}
.c-a9a9a9{color: #a9a9a9!important;}
.c-c7c7cc{color: #c7c7cc!important;}
.c-cccccc{color: #cccccc!important;}
.c-ffffff{color: #ffffff!important;}

.c-e64340{color: #e64340!important;}
.c-ff5722{color: #ff5722!important;}

.c-1aad19{color: #1aad19!important;}
.c-00c203{color: #00c203!important;}
.c-00c200{color: #00c200!important;}

.c-1184d5{color: #1184d5!important;}
.c-3888ff{color: #3888ff!important;}

.c-6a7fa5{color: #6a7fa5!important;}