/*颜色通用文件*/

/*主题背景颜色*/
.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-f6f6f6{background-color: #f6f6f6!important;}
.bgc-fcf9fe{background-color: #fcf9fe!important;}
.bgc-fbfafc{background-color: #fbfafc!important;}
.bgc-ffffff{background-color: #ffffff!important;}
.bgc-055bb0{background-color: #055bb0!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;}
.bgc-ff6600{background-color: #ff6600!important;}
.bgc-f8f8f8{background-color: #f8f8f8!important;}
.bgc-f1f1f1{background-color: #f1f1f1!important;}
.bgc-ff6600{background-color: #ff6600!important;}
.bgc-393939{background-color: #393939!important;}
.bgc-d3b661{background-color: #d3b661!important;}
.bgc-f7f9fa{background-color: #f7f9fa!important;}
.bgc-acd598{background-color: #acd598!important;}
.bgc-1dbbe8{background-color: #1dbbe8!important;}
.bgc-5079b7{background-color:#5079b7!important;}
.bgc-fafafa{background-color:#fafafa!important;}
.bgc-fbfbfb{background-color:#fbfbfb!important;}
.bgc-b2b2b2{background-color:#b2b2b2!important;}
.bgc-5079b7{background-color:#5079b7!important;}
.bgc-0658A0{background-color:#0658A0!important;}
.bgc-f2f5fc{background-color:#f2f5fc!important;}
.bgc-3a73ad{background-color:#3a73ad!important;}
.bgc-f7faff{background-color:#f7faff!important;}
.bgc-e7f4ff{background-color:#e7f4ff!important;}
.bgc-f1f4f9{background-color:#f1f4f9!important;}
.bgc-1457a1{background-color:#1457a1!important;}
.bgc-f3f3f3{background-color:#f3f3f3!important;}
.bgc-1482ff{background-color:#1482ff!important;}
.bgc-07c160{background-color:#07c160!important;}
.bgc-faa72f{background-color:#faa72f!important;}
.bgc-b81c26{background-color:#b81c26!important;}
.bgc-eff3f8{background-color:#eff3f8!important;}
.bgc-c00f12{background-color:#c00f12!important;}
.bgc-777777{background-color:#777777!important;}
.bgc-666666{background-color:#666666!important;}
.bgc-555555{background-color:#555555!important;}
.bgc-444444{background-color:#444444!important;}
.bgc-333333{background-color:#333333!important;}
.bgc-cc1a11{background-color:#cc1a11!important;}
.bgc-dbdbdb{background-color:#dbdbdb!important;}
.bgc-fc9218{background-color:#fc9218!important;}
.bgc-2f9cf8{background-color:#2f9cf8!important;}
.bgc-457ebd{background-color:#457ebd!important;}
.bgc-80bce3{background-color:#80bce3!important;}
.bgc-f9fcff{background-color:#f9fcff!important;}
.bgc-1576f2{background-color:#1576f2!important;}
.bgc-2f9cf8{background-color:#2f9cf8!important;}
.bgc-eff3f8{background-color:#eff3f8!important;}
.bgc-4e98d9{background-color:#4e98d9!important;}
.bgc-999999{background-color:#999999!important;}
.bgc-009688{background-color:#009688!important;}
.bgc-009944{background-color:#009944!important;}
.bgc-ff5722{background-color:#ff5722!important;}
.bgc-006de6{background-color:#006de6!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);
    background: -moz-radial-gradient(circle at 35% 0, #a7cce4, #007DDB);
    background: -o-radial-gradient(circle at 35% 0, #a7cce4, #007DDB);
    background: radial-gradient(circle at 35% 0, #a7cce4, #007DDB);
}
/*椭圆放射性渐变：参数语法为（形状 at 位置（x,y），渐变颜色）*/
.bgc-radial-gradient-ellipse{
    background: -webkit-radial-gradient(ellipse at 35% 0, #a7cce4, #007DDB);
    background: -moz-radial-gradient(ellipse at 35% 0, #a7cce4, #007DDB);
    background: -o-radial-gradient(ellipse at 35% 0, #a7cce4, #007DDB);
    background: radial-gradient(ellipse at 35% 0, #a7cce4, #007DDB);
}

/*
背景色颜色线性渐变，默认是从上到下。
语法：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-leftBottom{
    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-555555{color: #555555!important;}
.c-666666{color: #666666!important;}
.c-777777{color: #777777!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-fefefe{color: #fefefe!important;}
.c-0abb07{color: #0abb07!important;}
.c-dcdcdc{color: #dcdcdc!important;}
.c-e64340{color: #e64340!important;}
.c-ff5722{color: #ff5722!important;}
.c-696969{color: #696969!important;}
.c-6a6a6a{color: #6a6a6a!important;}
.c-686868{color: #686868!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;}
.c-fffefe{color: #fffefe!important;}
.c-222222{color: #222222!important;}
.c-d3b661{color: #d3b661!important;}
.c-ff6600{color: #ff6600!important;}
.c-e83f41{color: #e83f41!important;}
.c-5079b7{color: #5079b7!important;}
.c-86A3CE{color: #86A3CE!important;}
.c-666666{color: #666666!important;}
.c-3a73ad{color: #3a73ad!important;}
.c-1457a1{color: #1457a1!important;}
.c-bbbbbb{color: #bbbbbb!important;}
.c-fdc608{color: #fdc608!important;}
.c-bfbfbf{color: #bfbfbf!important;}
.c-006de6{color: #006de6!important;}
.c-367ec7{color: #367ec7!important;}
.c-f6aa23{color: #f6aa23!important;}
.c-0c4687{color: #0c4687!important;}
.c-0f2d65{color: #0f2d65!important;}
.c-fc9218{color: #fc9218!important;}
.c-f15407{color: #f15407!important;}
.c-1457a1{color: #1457a1!important;}
.c-5fb878{color: #5fb878!important;}
.c-ff0000{color: #ff0000!important;}
.c-f15407{color: #f15407!important;}
.c-f95959{color: #f95959!important;}



/*!
* 色系（光的色散：红橙黄绿蓝靛紫）
* https://colorable.jxnblk.com
*/
.bg-white {
  background-color: #fff !important
}

.bg-blue {
  background-color: #0366d6 !important
}

.bg-blue-light {
  background-color: #f1f8ff !important
}

.bg-gray-dark {
  background-color: #24292e !important
}

.bg-gray {
  background-color: #f6f8fa !important
}

.bg-gray-light {
  background-color: #fafbfc !important
}

.bg-green {
  background-color: #28a745 !important
}

.bg-green-light {
  background-color: #dcffe4 !important
}

.bg-red {
  background-color: #d73a49 !important
}

.bg-red-light {
  background-color: #ffdce0 !important
}

.bg-yellow {
  background-color: #ffd33d !important
}

.bg-yellow-light {
  background-color: #fff5b1 !important
}

.bg-yellow-dark {
  background-color: #dbab09 !important
}

.bg-purple {
  background-color: #6f42c1 !important
}

.bg-pink {
  background-color: #ea4aaa !important
}

.bg-purple-light {
  background-color: #f5f0ff !important
}

.color-gray-0 {
  color: #fafbfc !important
}

.bg-gray-0 {
  background-color: #fafbfc !important
}

.color-gray-1 {
  color: #f6f8fa !important
}

.bg-gray-1 {
  background-color: #f6f8fa !important
}

.color-gray-2 {
  color: #e1e4e8 !important
}

.bg-gray-2 {
  background-color: #e1e4e8 !important
}

.color-gray-3 {
  color: #d1d5da !important
}

.bg-gray-3 {
  background-color: #d1d5da !important
}

.color-gray-4 {
  color: #959da5 !important
}

.bg-gray-4 {
  background-color: #959da5 !important
}

.color-gray-5 {
  color: #6a737d !important
}

.bg-gray-5 {
  background-color: #6a737d !important
}

.color-gray-6 {
  color: #586069 !important
}

.bg-gray-6 {
  background-color: #586069 !important
}

.color-gray-7 {
  color: #444d56 !important
}

.bg-gray-7 {
  background-color: #444d56 !important
}

.color-gray-8 {
  color: #2f363d !important
}

.bg-gray-8 {
  background-color: #2f363d !important
}

.color-gray-9 {
  color: #24292e !important
}

.bg-gray-9 {
  background-color: #24292e !important
}

.color-blue-0 {
  color: #f1f8ff !important
}

.bg-blue-0 {
  background-color: #f1f8ff !important
}

.color-blue-1 {
  color: #dbedff !important
}

.bg-blue-1 {
  background-color: #dbedff !important
}

.color-blue-2 {
  color: #c8e1ff !important
}

.bg-blue-2 {
  background-color: #c8e1ff !important
}

.color-blue-3 {
  color: #79b8ff !important
}

.bg-blue-3 {
  background-color: #79b8ff !important
}

.color-blue-4 {
  color: #2188ff !important
}

.bg-blue-4 {
  background-color: #2188ff !important
}

.color-blue-5 {
  color: #0366d6 !important
}

.bg-blue-5 {
  background-color: #0366d6 !important
}

.color-blue-6 {
  color: #005cc5 !important
}

.bg-blue-6 {
  background-color: #005cc5 !important
}

.color-blue-7 {
  color: #044289 !important
}

.bg-blue-7 {
  background-color: #044289 !important
}

.color-blue-8 {
  color: #032f62 !important
}

.bg-blue-8 {
  background-color: #032f62 !important
}

.color-blue-9 {
  color: #05264c !important
}

.bg-blue-9 {
  background-color: #05264c !important
}

.color-green-0 {
  color: #f0fff4 !important
}

.bg-green-0 {
  background-color: #f0fff4 !important
}

.color-green-1 {
  color: #dcffe4 !important
}

.bg-green-1 {
  background-color: #dcffe4 !important
}

.color-green-2 {
  color: #bef5cb !important
}

.bg-green-2 {
  background-color: #bef5cb !important
}

.color-green-3 {
  color: #85e89d !important
}

.bg-green-3 {
  background-color: #85e89d !important
}

.color-green-4 {
  color: #34d058 !important
}

.bg-green-4 {
  background-color: #34d058 !important
}

.color-green-5 {
  color: #28a745 !important
}

.bg-green-5 {
  background-color: #28a745 !important
}

.color-green-6 {
  color: #22863a !important
}

.bg-green-6 {
  background-color: #22863a !important
}

.color-green-7 {
  color: #176f2c !important
}

.bg-green-7 {
  background-color: #176f2c !important
}

.color-green-8 {
  color: #165c26 !important
}

.bg-green-8 {
  background-color: #165c26 !important
}

.color-green-9 {
  color: #144620 !important
}

.bg-green-9 {
  background-color: #144620 !important
}

.color-yellow-0 {
  color: #fffdef !important
}

.bg-yellow-0 {
  background-color: #fffdef !important
}

.color-yellow-1 {
  color: #fffbdd !important
}

.bg-yellow-1 {
  background-color: #fffbdd !important
}

.color-yellow-2 {
  color: #fff5b1 !important
}

.bg-yellow-2 {
  background-color: #fff5b1 !important
}

.color-yellow-3 {
  color: #ffea7f !important
}

.bg-yellow-3 {
  background-color: #ffea7f !important
}

.color-yellow-4 {
  color: #ffdf5d !important
}

.bg-yellow-4 {
  background-color: #ffdf5d !important
}

.color-yellow-5 {
  color: #ffd33d !important
}

.bg-yellow-5 {
  background-color: #ffd33d !important
}

.color-yellow-6 {
  color: #f9c513 !important
}

.bg-yellow-6 {
  background-color: #f9c513 !important
}

.color-yellow-7 {
  color: #dbab09 !important
}

.bg-yellow-7 {
  background-color: #dbab09 !important
}

.color-yellow-8 {
  color: #b08800 !important
}

.bg-yellow-8 {
  background-color: #b08800 !important
}

.color-yellow-9 {
  color: #735c0f !important
}

.bg-yellow-9 {
  background-color: #735c0f !important
}

.color-orange-0 {
  color: #fff8f2 !important
}

.bg-orange-0 {
  background-color: #fff8f2 !important
}

.color-orange-1 {
  color: #ffebda !important
}

.bg-orange-1 {
  background-color: #ffebda !important
}

.color-orange-2 {
  color: #ffd1ac !important
}

.bg-orange-2 {
  background-color: #ffd1ac !important
}

.color-orange-3 {
  color: #ffab70 !important
}

.bg-orange-3 {
  background-color: #ffab70 !important
}

.color-orange-4 {
  color: #fb8532 !important
}

.bg-orange-4 {
  background-color: #fb8532 !important
}

.color-orange-5 {
  color: #f66a0a !important
}

.bg-orange-5 {
  background-color: #f66a0a !important
}

.color-orange-6 {
  color: #e36209 !important
}

.bg-orange-6 {
  background-color: #e36209 !important
}

.color-orange-7 {
  color: #d15704 !important
}

.bg-orange-7 {
  background-color: #d15704 !important
}

.color-orange-8 {
  color: #c24e00 !important
}

.bg-orange-8 {
  background-color: #c24e00 !important
}

.color-orange-9 {
  color: #a04100 !important
}

.bg-orange-9 {
  background-color: #a04100 !important
}

.color-red-0 {
  color: #ffeef0 !important
}

.bg-red-0 {
  background-color: #ffeef0 !important
}

.color-red-1 {
  color: #ffdce0 !important
}

.bg-red-1 {
  background-color: #ffdce0 !important
}

.color-red-2 {
  color: #fdaeb7 !important
}

.bg-red-2 {
  background-color: #fdaeb7 !important
}

.color-red-3 {
  color: #f97583 !important
}

.bg-red-3 {
  background-color: #f97583 !important
}

.color-red-4 {
  color: #ea4a5a !important
}

.bg-red-4 {
  background-color: #ea4a5a !important
}

.color-red-5 {
  color: #d73a49 !important
}

.bg-red-5 {
  background-color: #d73a49 !important
}

.color-red-6 {
  color: #cb2431 !important
}

.bg-red-6 {
  background-color: #cb2431 !important
}

.color-red-7 {
  color: #b31d28 !important
}

.bg-red-7 {
  background-color: #b31d28 !important
}

.color-red-8 {
  color: #9e1c23 !important
}

.bg-red-8 {
  background-color: #9e1c23 !important
}

.color-red-9 {
  color: #86181d !important
}

.bg-red-9 {
  background-color: #86181d !important
}

.color-purple-0 {
  color: #f5f0ff !important
}

.bg-purple-0 {
  background-color: #f5f0ff !important
}

.color-purple-1 {
  color: #e6dcfd !important
}

.bg-purple-1 {
  background-color: #e6dcfd !important
}

.color-purple-2 {
  color: #d1bcf9 !important
}

.bg-purple-2 {
  background-color: #d1bcf9 !important
}

.color-purple-3 {
  color: #b392f0 !important
}

.bg-purple-3 {
  background-color: #b392f0 !important
}

.color-purple-4 {
  color: #8a63d2 !important
}

.bg-purple-4 {
  background-color: #8a63d2 !important
}

.color-purple-5 {
  color: #6f42c1 !important
}

.bg-purple-5 {
  background-color: #6f42c1 !important
}

.color-purple-6 {
  color: #5a32a3 !important
}

.bg-purple-6 {
  background-color: #5a32a3 !important
}

.color-purple-7 {
  color: #4c2889 !important
}

.bg-purple-7 {
  background-color: #4c2889 !important
}

.color-purple-8 {
  color: #3a1d6e !important
}

.bg-purple-8 {
  background-color: #3a1d6e !important
}

.color-purple-9 {
  color: #29134e !important
}

.bg-purple-9 {
  background-color: #29134e !important
}

.color-pink-0 {
  color: #ffeef8 !important
}

.bg-pink-0 {
  background-color: #ffeef8 !important
}

.color-pink-1 {
  color: #fedbf0 !important
}

.bg-pink-1 {
  background-color: #fedbf0 !important
}

.color-pink-2 {
  color: #f9b3dd !important
}

.bg-pink-2 {
  background-color: #f9b3dd !important
}

.color-pink-3 {
  color: #f692ce !important
}

.bg-pink-3 {
  background-color: #f692ce !important
}

.color-pink-4 {
  color: #ec6cb9 !important
}

.bg-pink-4 {
  background-color: #ec6cb9 !important
}

.color-pink-5 {
  color: #ea4aaa !important
}

.bg-pink-5 {
  background-color: #ea4aaa !important
}

.color-pink-6 {
  color: #d03592 !important
}

.bg-pink-6 {
  background-color: #d03592 !important
}

.color-pink-7 {
  color: #b93a86 !important
}

.bg-pink-7 {
  background-color: #b93a86 !important
}

.color-pink-8 {
  color: #99306f !important
}

.bg-pink-8 {
  background-color: #99306f !important
}

.color-pink-9 {
  color: #6d224f !important
}

.bg-pink-9 {
  background-color: #6d224f !important
}

.bg-shade-gradient {
  background-image: linear-gradient(180deg, rgba(27, 31, 35, 0.065), rgba(27, 31, 35, 0)) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 200px !important
}

.text-blue {
  color: #0366d6 !important
}

.text-red {
  color: #cb2431 !important
}

.text-gray-light {
  color: #6a737d !important
}

.text-gray {
  color: #586069 !important
}

.text-gray-dark {
  color: #24292e !important
}

.text-green {
  color: #28a745 !important
}

.text-yellow {
  color: #b08800 !important
}

.text-orange {
  color: #a04100 !important
}

.text-orange-light {
  color: #e36209 !important
}

.text-purple {
  color: #6f42c1 !important
}

.text-pink {
  color: #ea4aaa !important
}

.text-white {
  color: #fff !important
}

.text-inherit {
  color: inherit !important
}

.text-pending {
  color: #b08800 !important
}

.bg-pending {
  color: #dbab09 !important
}

.link-gray {
  color: #586069 !important
}

.link-gray:hover {
  color: #0366d6 !important
}

.link-gray-dark {
  color: #24292e !important
}

.link-gray-dark:hover {
  color: #0366d6 !important
}

.link-hover-blue:hover {
  color: #0366d6 !important
}

.link-hover-ff751a:hover{
	color: #ff751a !important
}

.muted-link {
  color: #586069 !important
}

.muted-link:hover {
  color: #0366d6 !important;text-decoration: none
}

.bgc-222a37{
	background-color: #222a37 !important
}