.xwui-default {
	color: #222222;
}

.xwui-primary {
	color: #1069c9;
}

.xwui-info {
	color: #337ab7;
}

.xwui-royal {
	color: #8a6de9;
}

.xwui-danger {
	color: #dd524d;
}

.xwui-success {
	color: #3c8b3c;
}

.xwui-warning {
	color: #e68900;
}

.xwui-dullred {
	color: #9f4c4c;
}

.xwui-red {
	color: #CF2D28;
}

.xwui-error {
	color: #CF2D28 !important;
}

.xwui-orange {
	color: #FFA500;
}

.xwui-yellow {
	color: #facc14;
}

.xwui-gray {
	color: #666666;
}

.xwui-grey {
	color: #888888;
}


.xwui-base {
	color: #1aaba8;
}

.xwui-blue {
	color: #2f81e7;
}

.xwui-purple {
	color: #5749a2;
}

.xwui-green {
	color: #22c449;
}

.xwui-lgreen {
	color: #5bceba;
}

.xwui-white {
	color: #FFFFFF;
}
/* 金色 */
.xwui-rank0,
.xwui-gold {
	color: gold
}

/* 银色 */
.xwui-rank1,
.xwui-silver {
	color: silver;
	/* #C0C0C0 */
}

/* 铜色 */
.xwui-rank2,
.xwui-copper {
	color: #b87333;
}

/*背景色*/

.xwui-bg-default {
	color: #fff !important;
	background-color: #222222 !important;
}

.xwui-bg-primary {
	color: #fff !important;
	background-color: #007aff !important;
}

.xwui-bg-info {
	color: #fff !important;
	background-color: #337ab7 !important;
}

.xwui-bg-royal {
	color: #fff !important;
	background-color: #8a6de9 !important;
}

.xwui-bg-danger {
	color: #fff !important;
	background-color: #dd524d !important;
}

.xwui-bg-success {
	color: #fff !important;
	background-color: #3c8b3c !important;
}

.xwui-bg-warning {
	color: #fff !important;
	background-color: #e68900 !important;
}

.xwui-bg-dullred {
	color: #fff !important;
	background-color: #9f4c4c !important;
}

.xwui-bg-grey {
	color: #000 !important;
	background-color: #c7c7cc !important;
}

.xwui-bg-red {
	color: #FFFFFF !important;
	background-color: #FF0000 !important;
}

.xwui-bg-orange {
	color: #fff !important;
	background-color: #FFA500 !important;
}

.xwui-bg-yellow {
	color: #fff !important;
	background-color: #facc14 !important;
}

.xwui-bg-base {
	color: #FFFFFF !important;
	background-color: #00c1de !important;
}

.xwui-bg-blue {
	color: #FFFFFF !important;
	background-color: #2f81e7 !important;
}

.xwui-bg-purple {
	color: #FFFFFF !important;
	background-color: #5749a2 !important;
}

.xwui-bg-green {
	color: #FFFFFF !important;
	background-color: #22c449 !important;
}

.xwui-bg-lgreen {
	color: #FFFFFF !important;
	background-color: #5bceba !important;
}

.xwui-bg-stripe {
	background-color: #f5f5f5 !important;
}

.xwui-bg-l-green {
	background-color: #5bceba !important;
}

.xwui-bg-l-primary {
	background-color: #ecf5ff !important;
}

.xwui-bg-l-danger {
	background-color: #fef0f0 !important;
}

.xwui-bg-l-warning {
	background-color: #fdf6ec !important;
}

.xwui-bg-l-success {
	background-color: #dbf1e1 !important;
}

.xwui-bg-l-info {
	background-color: #f4f4f5 !important;
}

.xwui-bg-d-primary {
	background-color: #a0cfff !important;
}

.xwui-bg-d-danger {
	background-color: #fab6b6 !important;
}

.xwui-bg-d-warning {
	background-color: #fcbd71 !important;
}

.xwui-bg-d-success {
	background-color: #71d5a1 !important;
}

.xwui-bg-d-info {
	background-color: #c8c9cc !important;
}

/* 蓝色渐变 */
.xwui-bg-lg-blue {
	background-image: linear-gradient(to top, #1775fb 0%, #37a6ff 100%);
}

/* 黄色渐变 */
.xwui-bg-lg-yellow {
	background-image: linear-gradient(to top, #cf881c 0%, #ff9900 100%);
}

/* 红色渐变 */
.xwui-bg-lg-red {
	background-image: linear-gradient(to top, #ee817d 0%, #f79081 100%);
}

/* 紫色渐变 */
.xwui-bg-lg-purple {
	background-image: linear-gradient(to top, #9675f8 0%, #b38eff 100%);
}

/* 绿色渐变 */
.xwui-bg-lg-green {
	background-image: linear-gradient(to top, #18b566 0%, #19be6b 100%);
}