:root {
	--ren-blue: #2d92f1;
	--ren-indigo: #727cf5;
	--ren-purple: #926dde;
	--ren-pink: #f96197;
	--ren-red: #F34548;
	--ren-orange: #faa64b;
	--ren-yellow: #fcc525;
	--ren-green: #61CC73;
	--ren-teal: #53bbb3;
	--ren-cyan: #13c2c2;
	--ren-white: #FFFFFF;
	--ren-gray: #98a6ad;
	--ren-gray-dark: #343a40;
	--ren-gray-100: #f1f3fa;
	--ren-gray-200: #eef2f7;
	--ren-gray-300: #dee2e6;
	--ren-gray-400: #ced4da;
	--ren-gray-500: #adb5bd;
	--ren-gray-600: #98a6ad;
	--ren-gray-700: #6c757d;
	--ren-gray-800: #343a40;
	--ren-gray-900: #313a46;
	--ren-primary: #7BBF1E;
	--ren-secondary: #6c757d;
	--ren-success: #52c41a;
	--ren-info: #39afd1;
	--ren-warning: #ffbc00;
	--ren-danger: #F96868;
	--ren-light: #eef2f7;
	--ren-dark: #313a46;
	--ren-primary-rgb: 123, 191, 30;
	--ren-secondary-rgb: 108, 117, 125;
	--ren-success-rgb: 82, 196, 26;
	--ren-info-rgb: 57, 175, 209;
	--ren-warning-rgb: 255, 188, 0;
	--ren-danger-rgb: 249, 104, 104;
	--ren-light-rgb: 238, 242, 247;
	--ren-dark-rgb: 49, 58, 70;
	--ren-white-rgb: 255, 255, 255;
	--ren-black-rgb: 0, 0, 0;
	--ren-body-rgb: 108, 117, 125;
	--ren-body-bg: #F3F3F3;
}

.m-0 {
	margin: 0 !important;
}

.m-1 {
	margin: 5px !important;
}

.m-2 {
	margin: 10px !important;
}

.m-3 {
	margin: 15px !important;
}

.m-4 {
	margin: 20px !important;
}

.m-5 {
	margin: 30px !important;
}

.m-12 {
	margin: 12px !important;
}

.m-auto {
	margin: auto !important;
}

.mx-0 {
	margin-right: 0 !important;
	margin-left: 0 !important;
}

.mx-1 {
	margin-right: 5px !important;
	margin-left: 5px !important;
}

.mx-2 {
	margin-right: 10px !important;
	margin-left: 10px !important;
}

.mx-3 {
	margin-right: 15px !important;
	margin-left: 15px !important;
}

.mx-4 {
	margin-right: 20px !important;
	margin-left: 20px !important;
}

.mx-5 {
	margin-right: 30px !important;
	margin-left: 30px !important;
}

.mx-12 {
	margin-right: 12px !important;
	margin-left: 12px !important;
}

.mx-auto {
	margin-right: auto !important;
	margin-left: auto !important;
}

.my-0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.my-1 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}

.my-2 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.my-3 {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}

.my-4 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.my-5 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

.my-12 {
	margin-top: 12px !important;
	margin-bottom: 12px !important;
}

.my-auto {
	margin-top: auto !important;
	margin-bottom: auto !important;
}

.mt-0 {
	margin-top: 0 !important;
}

.mt-1 {
	margin-top: 5px !important;
}

.mt-2 {
	margin-top: 10px !important;
}

.mt-3 {
	margin-top: 15px !important;
}

.mt-4 {
	margin-top: 20px !important;
}

.mt-5 {
	margin-top: 30px !important;
}

.mt-12 {
	margin-top: 12px !important;
}

.mt-auto {
	margin-top: auto !important;
}

.me-0 {
	margin-right: 0 !important;
}

.me-1 {
	margin-right: 5px !important;
}

.me-2 {
	margin-right: 10px !important;
}

.me-3 {
	margin-right: 15px !important;
}

.me-4 {
	margin-right: 20px !important;
}

.me-5 {
	margin-right: 30px !important;
}

.me-12 {
	margin-right: 12px !important;
}

.me-auto {
	margin-right: auto !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.mb-1 {
	margin-bottom: 5px !important;
}

.mb-2 {
	margin-bottom: 10px !important;
}

.mb-3 {
	margin-bottom: 15px !important;
}

.mb-4 {
	margin-bottom: 20px !important;
}

.mb-5 {
	margin-bottom: 30px !important;
}

.mb-12 {
	margin-bottom: 12px !important;
}

.mb-auto {
	margin-bottom: auto !important;
}

.ms-0 {
	margin-left: 0 !important;
}

.ms-1 {
	margin-left: 5px !important;
}

.ms-2 {
	margin-left: 10px !important;
}

.ms-3 {
	margin-left: 15px !important;
}

.ms-4 {
	margin-left: 20px !important;
}

.ms-5 {
	margin-left: 30px !important;
}

.ms-12 {
	margin-left: 12px !important;
}

.ms-auto {
	margin-left: auto !important;
}

.p-0 {
	padding: 0 !important;
}

.p-1 {
	padding: 5px !important;
}

.p-2 {
	padding: 10px !important;
}

.p-3 {
	padding: 15px !important;
}

.p-4 {
	padding: 20px !important;
}

.p-5 {
	padding: 30px !important;
}

.p-12 {
	padding: 12px !important;
}

.px-0 {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

.px-1 {
	padding-right: 5px !important;
	padding-left: 5px !important;
}

.px-2 {
	padding-right: 10px !important;
	padding-left: 10px !important;
}

.px-3 {
	padding-right: 15px !important;
	padding-left: 15px !important;
}

.px-4 {
	padding-right: 20px !important;
	padding-left: 20px !important;
}

.px-5 {
	padding-right: 30px !important;
	padding-left: 30px !important;
}

.px-12 {
	padding-right: 12px !important;
	padding-left: 12px !important;
}

.px-8 {
	padding-right: 8px !important;
	padding-left: 8px !important;
}

.py-0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.py-1 {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}

.py-2 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.py-3 {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

.py-4 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.py-5 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}

.py-12 {
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

.py-8 {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

.pt-0 {
	padding-top: 0 !important;
}

.pt-1 {
	padding-top: 5px !important;
}

.pt-2 {
	padding-top: 10px !important;
}

.pt-3 {
	padding-top: 15px !important;
}

.pt-4 {
	padding-top: 20px !important;
}

.pt-5 {
	padding-top: 30px !important;
}

.pt-12 {
	padding-top: 12px !important;
}

.pe-0 {
	padding-right: 0 !important;
}

.pe-1 {
	padding-right: 5px !important;
}

.pe-2 {
	padding-right: 10px !important;
}

.pe-3 {
	padding-right: 15px !important;
}

.pe-4 {
	padding-right: 20px !important;
}

.pe-5 {
	padding-right: 30px !important;
}

.pe-12 {
	padding-right: 12px !important;
}

.pb-0 {
	padding-bottom: 0 !important;
}

.pb-1 {
	padding-bottom: 5px !important;
}

.pb-2 {
	padding-bottom: 10px !important;
}

.pb-3 {
	padding-bottom: 15px !important;
}

.pb-4 {
	padding-bottom: 20px !important;
}

.pb-5 {
	padding-bottom: 30px !important;
}

.pb-12 {
	padding-bottom: 12px !important;
}

.ps-0 {
	padding-left: 0 !important;
}

.ps-1 {
	padding-left: 5px !important;
}

.ps-2 {
	padding-left: 10px !important;
}

.ps-3 {
	padding-left: 15px !important;
}

.ps-4 {
	padding-left: 20px !important;
}

.ps-5 {
	padding-left: 30px !important;
}

.ps-12 {
	padding-left: 12px !important;
}

/* 按扭 */
.btn {
	display: inline-block;
	font-weight: 400;
	line-height: 1.5;
	color: #6c757d;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 5px 12px;
	font-size: 1rem;
	border-radius: 0.15rem;
	-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.btn:hover {
	color: #6c757d;
}


.btn-check:focus + .btn, .btn:focus {
	outline: 0;
	-webkit-box-shadow: 0 0 6px 0 rgba(var(--bs-primary-rgb), 0.5);
	box-shadow: 0 0 6px 0 rgba(var(--bs-primary-rgb), 0.5);
}

.btn:disabled, .btn.disabled,
fieldset:disabled .btn {
	pointer-events: none;
	opacity: 0.65;
}

.btn-primary {
	color: #FFF;
	background-color: var(--ren-primary);
	border-color: var(--ren-primary);
}

.btn-primary:hover {
	color: #fff;
	background-color: #86c928;
	border-color: #86c928;
}

.btn-check:focus + .btn-primary, .btn-primary:focus {
	color: #fff;
	background-color: #86c928;
	border-color: #86c928;
	-webkit-box-shadow: 0 0 6px 0 rgba(var(--bs-primary-rgb), 0.5);
	box-shadow: 0 0 6px 0 rgba(var(--bs-primary-rgb), 0.5);
}

.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary,
.btn-primary:active, .btn-primary.active,
.show > .btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #86c928;
	border-color: #86c928;
	-webkit-box-shadow: 0 0 6px 0 rgba(var(--bs-primary-rgb), 0.5);
	box-shadow: 0 0 6px 0 rgba(var(--bs-primary-rgb), 0.5);
}

.btn-check:checked + .btn-primary:focus,
.btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	background-color: #7abb20;
	border-color: #7abb20;
	-webkit-box-shadow: 0 0 6px 0 rgba(var(--bs-primary-rgb), 0.5);
	box-shadow: 0 0 6px 0 rgba(var(--bs-primary-rgb), 0.5);
}

.btn-primary:disabled, .btn-primary.disabled {
	color: #fff;
	background-color: var(--ren-primary);
	border-color: var(--ren-primary);
}

.btn-secondary {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}

.btn-secondary:hover {
	color: #fff;
	background-color: #5c636a;
	border-color: #565e64;
}

.btn-check:focus + .btn-secondary, .btn-secondary:focus {
	color: #fff;
	background-color: #5c636a;
	border-color: #565e64;
	-webkit-box-shadow: 0 0 6px 0 rgba(108, 117, 125, 0.5);
	box-shadow: 0 0 6px 0 rgba(108, 117, 125, 0.5);
}

.btn-check:checked + .btn-secondary,
.btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active,
.show > .btn-secondary.dropdown-toggle {
	color: #fff;
	background-color: #565e64;
	border-color: #51585e;
	-webkit-box-shadow: 0 0 6px 0 rgba(108, 117, 125, 0.5);
	box-shadow: 0 0 6px 0 rgba(108, 117, 125, 0.5);
}

.btn-check:checked + .btn-secondary:focus,
.btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus,
.show > .btn-secondary.dropdown-toggle:focus {
	background-color: #77828c;
	border-color: #77828c;
	-webkit-box-shadow: 0 0 6px 0 rgba(108, 117, 125, 0.5);
	box-shadow: 0 0 6px 0 rgba(108, 117, 125, 0.5);
}

.btn-secondary:disabled, .btn-secondary.disabled {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}

.btn-success {
	color: #fff;
	background-color: #52c41a;
	border-color: #52c41a;
}

.btn-success:hover {
	color: #fff;
	background-color: #5dd024;
	border-color: #5dd024;
}

.btn-check:focus + .btn-success, .btn-success:focus {
	color: #fff;
	background-color: #5dd024;
	border-color: #5dd024;
	-webkit-box-shadow: 0 0 6px 0 rgba(80, 191, 24, 0.5);
	box-shadow: 0 0 6px 0 rgba(80, 191, 24, 0.5);
}

.btn-check:checked + .btn-success,
.btn-check:active + .btn-success, .btn-success:active, .btn-success.active,
.show > .btn-success.dropdown-toggle {
	color: #fff;
	background-color: #52c219;
	border-color: #52c219;
	-webkit-box-shadow: 0 0 6px 0 rgba(80, 191, 24, 0.5);
	box-shadow: 0 0 6px 0 rgba(80, 191, 24, 0.5);
}

.btn-check:checked + .btn-success:focus,
.btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus,
.show > .btn-success.dropdown-toggle:focus {
	background-color: #50bf18;
	border-color: #50bf18;
	-webkit-box-shadow: 0 0 6px 0 rgba(80, 191, 24, 0.5);
	box-shadow: 0 0 6px 0 rgba(80, 191, 24, 0.5);
}

.btn-success:disabled, .btn-success.disabled {
	color: #fff;
	background-color: #52c41a;
	border-color: #52c41a;
}

.btn-info {
	color: #fff;
	background-color: #39afd1;
	border-color: #39afd1;
}

.btn-info:hover {
	color: #fff;
	background-color: #44bbde;
	border-color: #44bbde;
}

.btn-check:focus + .btn-info, .btn-info:focus {
	color: #fff;
	background-color: #44bbde;
	border-color: #44bbde;
	-webkit-box-shadow: 0 0 6px 0 rgba(57, 175, 209, 0.5);
	box-shadow: 0 0 6px 0 rgba(57, 175, 209, 0.5);
}

.btn-check:checked + .btn-info,
.btn-check:active + .btn-info, .btn-info:active, .btn-info.active,
.show > .btn-info.dropdown-toggle {
	color: #fff;
	background-color: #2e8ca7;
	border-color: #2b839d;
	-webkit-box-shadow: 0 0 6px 0 rgba(57, 175, 209, 0.5);
	box-shadow: 0 0 6px 0 rgba(57, 175, 209, 0.5);
}

.btn-check:checked + .btn-info:focus,
.btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus,
.show > .btn-info.dropdown-toggle:focus {
	background-color: #34a7c9;
	border-color: #34a7c9;
	-webkit-box-shadow: 0 0 6px 0 rgba(57, 175, 209, 0.5);
	box-shadow: 0 0 6px 0 rgba(57, 175, 209, 0.5);
}

.btn-info:disabled, .btn-info.disabled {
	color: #fff;
	background-color: #39afd1;
	border-color: #39afd1;
}

.btn-warning {
	color: #313a46;
	background-color: #ffbc00;
	border-color: #ffbc00;
}

.btn-warning:hover {
	color: #313a46;
	background-color: #ffc626;
	border-color: #ffc31a;
}

.btn-check:focus + .btn-warning, .btn-warning:focus {
	color: #313a46;
	background-color: #ffc626;
	border-color: #ffc31a;
	-webkit-box-shadow: 0 0 6px 0 rgba(255, 188, 0, 0.5);
	box-shadow: 0 0 6px 0 rgba(255, 188, 0, 0.5);
}

.btn-check:checked + .btn-warning,
.btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active,
.show > .btn-warning.dropdown-toggle {
	color: #313a46;
	background-color: #ffc933;
	border-color: #ffc31a;
	-webkit-box-shadow: 0 0 6px 0 rgba(255, 188, 0, 0.5);
	box-shadow: 0 0 6px 0 rgba(255, 188, 0, 0.5);
}

.btn-check:checked + .btn-warning:focus,
.btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus,
.show > .btn-warning.dropdown-toggle:focus {
	background-color: #f3b403;
	border-color: #f3b403;
	-webkit-box-shadow: 0 0 6px 0 rgba(255, 188, 0, 0.5);
	box-shadow: 0 0 6px 0 rgba(255, 188, 0, 0.5);
}

.btn-warning:disabled, .btn-warning.disabled {
	color: #313a46;
	background-color: #ffbc00;
	border-color: #ffbc00;
}

.btn-danger {
	color: #fff;
	background-color: #f96868;
	border-color: #f96868;
}

.btn-danger:hover {
	color: #fff;
	background-color: #fa8181;
	border-color: #fa8181;
}

.btn-check:focus + .btn-danger, .btn-danger:focus {
	color: #fff;
	background-color: #fa8181;
	border-color: #fa8181;
	-webkit-box-shadow: 0 0 6px 0 rgba(250, 92, 124, 0.5);
	box-shadow: 0 0 6px 0 rgba(250, 92, 124, 0.5);
}

.btn-check:checked + .btn-danger,
.btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active,
.show > .btn-danger.dropdown-toggle {
	color: #fff;
	background-color: #c84a63;
	border-color: #bc455d;
	-webkit-box-shadow: 0 0 6px 0 rgba(250, 92, 124, 0.5);
	box-shadow: 0 0 6px 0 rgba(250, 92, 124, 0.5);
}

.btn-check:checked + .btn-danger:focus,
.btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus,
.show > .btn-danger.dropdown-toggle:focus {
	background-color: #f84f4f;
	border-color: #f84f4f;
	-webkit-box-shadow: 0 0 6px 0 rgba(250, 92, 124, 0.5);
	box-shadow: 0 0 6px 0 rgba(250, 92, 124, 0.5);
}

.btn-danger:disabled, .btn-danger.disabled {
	color: #fff;
	background-color: #f96868;
	border-color: #f96868;
}

.btn-light {
	color: #313a46;
	background-color: #eef2f7;
	border-color: #eef2f7;
}

.btn-light:hover {
	color: #313a46;
	background-color: #f1f4f8;
	border-color: #f0f3f8;
}

.btn-check:focus + .btn-light, .btn-light:focus {
	color: #313a46;
	background-color: #f1f4f8;
	border-color: #f0f3f8;
	-webkit-box-shadow: 0 0 6px 0 rgba(238, 242, 247, 0.5);
	box-shadow: 0 0 6px 0 rgba(238, 242, 247, 0.5);
}

.btn-check:checked + .btn-light,
.btn-check:active + .btn-light, .btn-light:active, .btn-light.active,
.show > .btn-light.dropdown-toggle {
	color: #313a46;
	background-color: #f1f5f9;
	border-color: #f0f3f8;
	-webkit-box-shadow: 0 0 6px 0 rgba(238, 242, 247, 0.5);
	box-shadow: 0 0 6px 0 rgba(238, 242, 247, 0.5);
}

.btn-check:checked + .btn-light:focus,
.btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus,
.show > .btn-light.dropdown-toggle:focus {
	background-color: #e0e5ea;
	border-color: #e0e5ea;
	-webkit-box-shadow: 0 0 6px 0 rgba(238, 242, 247, 0.5);
	box-shadow: 0 0 6px 0 rgba(238, 242, 247, 0.5);
}

.btn-light:disabled, .btn-light.disabled {
	color: #313a46;
	background-color: #eef2f7;
	border-color: #eef2f7;
}

.btn-dark {
	color: #fff;
	background-color: #313a46;
	border-color: #313a46;
}

.btn-dark:hover {
	color: #fff;
	background-color: #2a313c;
	border-color: #272e38;
}

.btn-check:focus + .btn-dark, .btn-dark:focus {
	color: #fff;
	background-color: #2a313c;
	border-color: #272e38;
	-webkit-box-shadow: 0 0 6px 0 rgba(49, 58, 70, 0.5);
	box-shadow: 0 0 6px 0 rgba(49, 58, 70, 0.5);
}

.btn-check:checked + .btn-dark,
.btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active,
.show > .btn-dark.dropdown-toggle {
	color: #fff;
	background-color: #272e38;
	border-color: #252c35;
	-webkit-box-shadow: 0 0 6px 0 rgba(49, 58, 70, 0.5);
	box-shadow: 0 0 6px 0 rgba(49, 58, 70, 0.5);
}

.btn-check:checked + .btn-dark:focus,
.btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus,
.show > .btn-dark.dropdown-toggle:focus {
	background-color: #434f5e;
	border-color: #434f5e;
	-webkit-box-shadow: 0 0 6px 0 rgba(49, 58, 70, 0.5);
	box-shadow: 0 0 6px 0 rgba(49, 58, 70, 0.5);
}

.btn-dark:disabled, .btn-dark.disabled {
	color: #fff;
	background-color: #313a46;
	border-color: #313a46;
}

.btn-sm, .btn-group-sm > .btn {
	padding: 0.28rem 0.8rem;
	font-size: 0.875rem;
	border-radius: 0.15rem;
}

/* 背景色 */
.bg-primary {
	background-color: var(--ren-primary) !important;
}

.bg-secondary {
	background-color: var(--ren-secondary);
}

.bg-success {
	background-color: var(--ren-success);
}

.bg-info {
	background-color: var(--ren-info);
}

.bg-warning {
	background-color: var(--ren-warning);
}

.bg-danger {
	background-color: var(--ren-danger);
}

.bg-light {
	background-color: var(--ren-light);
}

.bg-dark {
	background-color: var(--ren-dark);
}

.bg-black {
	background-color: var(--ren-black-rgb);
}

.bg-white {
	background-color: var(--ren-white);
}

.bg-gray {
	background-color: var(--ren-gray);
}

.bg-blue {
	background-color: var(--ren-blue);
}

.bg-indigo {
	background-color: var(--ren-indigo);
}

.bg-purple {
	background-color: var(--ren-purple);
}

.bg-pink {
	background-color: var(--ren-pink);
}

.bg-red {
	background-color: var(--ren-red);
}

.bg-orange {
	background-color: var(--ren-orange);
}

.bg-yellow {
	background-color: var(--ren-yellow);
}

.bg-green {
	background-color: var(--ren-green);
}

.bg-teal {
	background-color: var(--ren-teal);
}

.bg-cyan {
	background-color: var(--ren-cyan);
}

.bg-body {
	background-color: var(--ren-body-bg);
}

.bg-transparent {
	background-color: transparent !important;
}

.bg-opacity-10 {
	opacity: 0.1;
}

.bg-opacity-25 {
	opacity: 0.25;
}

.bg-opacity-50 {
	opacity: 0.5;
}

.bg-opacity-75 {
	opacity: 0.75;
}

.bg-opacity-100 {
	opacity: 1;
}

.bg-gradient {
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

/* 文字 */
.fst-italic {
	font-style: italic !important;
}

.fst-normal {
	font-style: normal !important;
}

.fw-light {
	font-weight: 300 !important;
}

.fw-lighter {
	font-weight: lighter !important;
}

.fw-normal {
	font-weight: 400 !important;
}

.fw-bold {
	font-weight: 700 !important;
}

.fw-bolder {
	font-weight: bolder !important;
}

.line-height {
	height: 30px;
	line-height: 30px;
}

.min-height {
	min-height: 30px;
}

.lh-1 {
	line-height: 1 !important;
}

.lh-sm {
	line-height: 1.25 !important;
}

.lh-base {
	line-height: 1.5 !important;
}

.lh-lg {
	line-height: 2 !important;
}

.lh-30 {
	line-height: 30px;
}

.text-start {
	text-align: left !important;
}

.text-end {
	text-align: right !important;
}

.text-center {
	text-align: center !important;
}

.text-decoration-none {
	text-decoration: none !important;
}

.text-decoration-underline {
	text-decoration: underline !important;
}

.text-decoration-line-through {
	text-decoration: line-through !important;
}

.text-lowercase {
	text-transform: lowercase !important;
}

.text-uppercase {
	text-transform: uppercase !important;
}

.text-capitalize {
	text-transform: capitalize !important;
}

.text-wrap {
	white-space: normal !important;
}

.text-nowrap {
	white-space: nowrap !important;
}

.text-break {
	word-wrap: break-word !important;
	word-break: break-word !important;
}

.text-primary {
	color: var(--ren-primary) !important;
}

.text-secondary {
	color: var(--ren-secondary) !important;
}

.text-success {
	color: var(--ren-success) !important;
}

.text-info {
	color: var(--ren-info) !important;
}

.text-warning {
	color: var(--ren-warning) !important;
}

.text-danger {
	color: var(--ren-danger) !important;
}

.text-red {
	color: var(--ren-red) !important;
}

.text-light {
	color: var(--ren-light) !important;
}

.text-dark {
	color: var(--ren-dark) !important;
}

.text-black {
	color: var(--ren-black-rgb) !important;
}

.text-white {
	color: var(--ren-white) !important;
}

.text-body {
	color: var(--ren-body-rgb) !important;
}

.text-muted {
	color: #999999 !important;
}

.text-fadest {
	color: #aaaaaa !important;
}

.text-555 {
	color: #555555 !important;
}

.text-666 {
	color: #666666 !important;
}

.text-777 {
	color: #777777 !important;
}

.text-888 {
	color: #888888 !important;
}

.text-black-50 {
	color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
	color: rgba(255, 255, 255, 0.5) !important;
}

.text-reset {
	color: inherit !important;
}

.text-opacity-25 {
	opacity: 0.25;
}

.text-opacity-50 {
	opacity: 0.5;
}

.text-opacity-75 {
	opacity: 0.75;
}

.text-opacity-100 {
	opacity: 1;
}

.a-hover-white:hover,
.a-hover-white:hover a {
	color: #FFF !important;
}

.text-truncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.text-decoration-line-through {
	text-decoration: line-through !important;
}

/* 文字大小 */
.font-smaller {
	font-size: 10px;
}

.font-10 {
	font-size: 10px;
}

.font-12 {
	font-size: 12px;
}

.font-13 {
	font-size: 13px;
}

.font-14 {
	font-size: 14px;
}

.font-15 {
	font-size: 15px;
}

.font-16 {
	font-size: 16px;
}

.font-17 {
	font-size: 17px;
}

.font-18 {
	font-size: 18px;
}

.font-20 {
	font-size: 20px;
}

.font-22 {
	font-size: 22px;
}

.font-24 {
	font-size: 24px;
}

.font-30 {
	font-size: 30px;
}

.position-static {
	position: static !important;
}

.position-relative {
	position: relative !important;
}

.position-absolute {
	position: absolute !important;
}

.position-fixed {
	position: fixed;
}

.position-sticky {
	position: -webkit-sticky !important;
	position: sticky !important;
}

.fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}

.fixed-bottom {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1030;
}


.top-0 {
	top: 0 !important;
}

.top-50 {
	top: 50% !important;
}

.top-100 {
	top: 100% !important;
}

.bottom-0 {
	bottom: 0 !important;
}

.bottom-50 {
	bottom: 50% !important;
}

.bottom-100 {
	bottom: 100% !important;
}

.start-0 {
	left: 0 !important;
}

.start-50 {
	left: 50% !important;
}

.start-100 {
	left: 100% !important;
}

.end-0 {
	right: 0 !important;
}

.end-50 {
	right: 50% !important;
}

.end-100 {
	right: 100% !important;
}

.border {
	border: 1px solid #F0F0F0 !important;
}

.border-0 {
	border: 0 !important;
}

.border-top {
	border-top: 1px solid #F0F0F0 !important;
}

.border-top-0 {
	border-top: 0 !important;
}

.border-end {
	border-right: 1px solid #F0F0F0 !important;
}

.border-end-0 {
	border-right: 0 !important;
}

.border-bottom {
	border-bottom: 1px solid #F0F0F0 !important;
}

.border-bottom-0 {
	border-bottom: 0 !important;
}

.border-start {
	border-left: 1px solid #F0F0F0 !important;
}

.border-start-0 {
	border-left: 0 !important;
}

.border-1 {
	border-width: 1px !important;
}

.border-2 {
	border-width: 2px !important;
}

.border-primary {
	border-color: var(--ren-primary) !important;
}

.border-secondary {
	border-color: var(--ren-secondary) !important;
}

.border-success {
	border-color: var(--ren-success) !important;
}

.border-info {
	border-color: var(--ren-info) !important;
}

.border-warning {
	border-color: var(--ren-warning) !important;
}

.border-danger {
	border-color: var(--ren-danger) !important;
}

.border-light {
	border-color: var(--ren-light) !important;
}

.border-dark {
	border-color: var(--ren-dark) !important;
}

.border-white {
	border-color: var(--ren-white) !important;
}

.w-100 {
	width: 100% !important;
}

.w-1200 {
	width: 1200px;
}

.w-1250 {
	width: 1250px;
}

.mw-1200 {
	max-width: 1200px !important;
}

.mw-1250 {
	max-width: 1250px;
}

.min-100 {
	min-width: 100vw !important;
}

.min-1200 {
	min-width: 1200px !important;
}

.min-1250 {
	min-width: 1250px !important;
}

.mw-100 {
	max-width: 100% !important;
}

.h-100 {
	height: 100% !important;
}

.float-none {
	float: none !important;
}

.overflow-hidden {
	overflow: hidden !important;
}

.d-inline {
	display: inline !important;
}

.d-inline-block {
	display: inline-block !important;
}

.d-block {
	display: block !important;
}

.d-flex {
	display: flex !important;
}

.d-inline-flex {
	display: inline-flex !important;
}

.flex-column {
	flex-direction: column !important;
}

.flex-fill {
	flex: 1 1 auto !important;
}

.flex-row {
	flex-direction: row !important;
}

.d-none {
	display: none !important;
}

.shadow {
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
}

.shadow-sm {
	box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
	-webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
}

.shadow-none {
	box-shadow: none !important;
}

.rounded {
	border-radius: 5px !important;
}

.rounded-0 {
	border-radius: 0 !important;
}

.rounded-1 {
	border-radius: 3px !important;
}

.rounded-2 {
	border-radius: 5px !important;
}

.rounded-3 {
	border-radius: 8px !important;
}

.rounded-circle {
	border-radius: 50% !important;
}

.rounded-pill {
	border-radius: 50px !important;
}

.dropdown-menu {
	-webkit-box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
	box-shadow: 0 0 35px 0 rgba(154, 161, 171, 0.15);
}

.dropdown-toggle::after {
	display: inline-block;
	margin-left: 0.4em;
	vertical-align: 0.2125em;
	content: "";
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
}

.margin-auto {
	margin: 0 auto;
}

/* 表格 */
.form-control {
	width: 100%;
	padding: 7px 15px;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #6c757d;
	background-color: #FFF;
	background-clip: padding-box;
	border: 1px solid #dee2e6;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 3px;
	-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}