:root {
	--light: #f0f4f9;
	--dark: #212529;
	--dark-light: #505255;
	--white: #fff;
	--eeeeee: #eeeeee;
	--e3e3e3:#e3e3e3;
	--orange: #FFB700;
	--orange-dark: #ff6a00;
	--yellow: #FFB700;
	--yellow-light: #f8d57b;
	--yellow-dark: #ffc400;
	--green: #38a412;
	--green-dark: #077f5f;
	--purple: #6659b0;
	--pink: #f45c8d;
	--pink-light: #fff7f5;
	--blue: #006af7;
	--blue-light: #d0e8f9;
	--red: #ea4231;
	--red-light: #faedeb;
}
/*文字颜色*/
.color-white{color: var(--white)}
.color-000{color: #000000}
.color-333{color: #333333}
.color-666{color: #666666}
.color-999{color: #999999}
.color-blue{color: var(--blue)}
.color-red{color: var(--red)}
.color-orange{color: var(--orange)}
.color-orange-dark{color: var(--orange-dark)}
.color-green{color: var(--green)}
.color-green-dark{color: var(--green-dark)}
.color-yellow{color: var(--yellow)}
/*背景色*/
.bg-white{background-color: var(--white)}
.bg-e3e3e3{background-color: var(--e3e3e3)}
.bg-eeeeee{background-color: var(--eeeeee)}
.bg-light{background-color: var(--light)}
.bg-dark{background-color: var(--dark)}
.bg-dark-light{background-color: var(--dark-light)}
.bg-red{background-color: var(--red)}
.bg-red-light{background-color: var(--red-light)}
.bg-yellow{background-color: var(--yellow)}
.bg-orange{background-color: var(--orange)}
.bg-orange-dark{background-color: var(--orange-dark)}
.bg-green{background-color: var(--green)}
.bg-green-dark{background-color: var(--green-dark)}
.bg-blue{background-color: var(--blue)}
.bg-purple{background-color: var(--purple)}
.bg-pink{background-color: var(--pink)}
.bg-pink-light{background-color: var(--pink-light)}
/*按钮*/
.btn-blue{background-color: var(--blue);border: 1px solid var(--blue);}
/*背景文字搭配*/
.dapei-blue{background: var(--blue-light);color: var(--blue);border-color: var(--blue)}
.dapei-red{background:#f7dbdb;color:#ff1300;border-color:#f7dbdb}
.dapei-purple{background:#e1e6f4;color:#5a73ba;border-color:#e1e6f4}
.dapei-yellow{background:#fef9df;color: var(--orange-dark);border-color: var(--orange-dark)}
.dapei-green{background:#e9fde2;color:#257608;border-color: var(--orange-dark)}
/*渐变色*/
.jb-yellow{background: linear-gradient(25deg, var(--yellow-light), var( --yellow));}
.jb-yellow2{background: linear-gradient(198deg, var(--yellow-dark), var( --yellow-light));}
.jb-red{background: linear-gradient(45deg, #f2711c, #e03997);}


.jb-orange{background: linear-gradient(45deg, #f2711c, #e03997);}
.jb-green{background: linear-gradient(45deg, #53a706, #2185d0);}
.jb-blue{background: linear-gradient(45deg, #006af7, #0e4690);}
.jb-purple{background: linear-gradient(45deg, #6659b0, #a333c8);}


/*border*/
.border-gray{border-color: #f0e7e2;}
.border-ddd{border-color: #dddddd;}
.border-orange-dark{border-color: var(--orange-dark);}