@charset "UTF-8";

/* =========================================================================*/
/* 基本颜色配置（配色方案参考了 Bootstrap v5.3）
/* =========================================================================*/
:root {
	/* 基本颜色 */
	--bs-blue: #0d6efd;
	--bs-indigo: #6610f2;
	--bs-purple: #6f42c1;
	--bs-pink: #d63384;
	--bs-red: #dc3545;
	--bs-orange: #fd7e14;
	--bs-yellow: #ffc107;
	--bs-green: #198754;
	--bs-teal: #20c997;
	--bs-cyan: #0dcaf0;
	--bs-gray: #6c757d;
	--bs-black: #000;
	--bs-white: #fff;
	/*蓝色*/
	--bs-blue-100: #cfe2ff;
	--bs-blue-200: #9ec5fe;
	--bs-blue-300: #6ea8fe;
	--bs-blue-400: #3d8bfd;
	--bs-blue-500: #0d6efd;
	--bs-blue-600: #0a58ca;
	--bs-blue-700: #084298;
	--bs-blue-800: #052c65;
	--bs-blue-900: #031633;
	/*靛蓝色*/
	--bs-indigo-100: #e0cffc;
	--bs-indigo-200: #c29ffa;
	--bs-indigo-300: #a370f7;
	--bs-indigo-400: #8540f5;
	--bs-indigo-500: #6610f2;
	--bs-indigo-600: #520dc2;
	--bs-indigo-700: #3d0a91;
	--bs-indigo-800: #290661;
	--bs-indigo-900: #140330;
	/*紫色*/
	--bs-purple-100: #e2d9f3;
	--bs-purple-200: #c5b3e6;
	--bs-purple-300: #a98eda;
	--bs-purple-400: #8c68cd;
	--bs-purple-500: #6f42c1;
	--bs-purple-600: #59359a;
	--bs-purple-700: #432874;
	--bs-purple-800: #2c1a4d;
	--bs-purple-900: #160d27;
	/*粉红色*/
	--bs-pink-100: #f7d6e6;
	--bs-pink-200: #efadce;
	--bs-pink-300: #e685b5;
	--bs-pink-400: #de5c9d;
	--bs-pink-500: #d63384;
	--bs-pink-600: #ab296a;
	--bs-pink-700: #801f4f;
	--bs-pink-800: #561435;
	--bs-pink-900: #2b0a1a;
	/*红色*/
	--bs-red-100: #f8d7da;
	--bs-red-200: #f1aeb5;
	--bs-red-300: #ea868f;
	--bs-red-400: #e35d6a;
	--bs-red-500: #dc3545;
	--bs-red-600: #b02a37;
	--bs-red-700: #842029;
	--bs-red-800: #58151c;
	--bs-red-900: #2c0b0e;
	/*橙色*/
	--bs-orange-100: #ffe5d0;
	--bs-orange-200: #fecba1;
	--bs-orange-300: #feb272;
	--bs-orange-400: #fd9843;
	--bs-orange-500: #fd7e14;
	--bs-orange-600: #ca6510;
	--bs-orange-700: #984c0c;
	--bs-orange-800: #653208;
	--bs-orange-900: #331904;
	/*黄色*/
	--bs-yellow-100: #fff3cd;
	--bs-yellow-200: #ffe69c;
	--bs-yellow-300: #ffda6a;
	--bs-yellow-400: #ffcd39;
	--bs-yellow-500: #ffc107;
	--bs-yellow-600: #cc9a06;
	--bs-yellow-700: #997404;
	--bs-yellow-800: #664d03;
	--bs-yellow-900: #332701;
	/*绿色*/
	--bs-green-100: #d1e7dd;
	--bs-green-200: #a3cfbb;
	--bs-green-300: #75b798;
	--bs-green-400: #479f76;
	--bs-green-500: #198754;
	--bs-green-600: #146c43;
	--bs-green-700: #0f5132;
	--bs-green-800: #0a3622;
	--bs-green-900: #051b11;
	/*青绿色*/
	--bs-teal-100: #d2f4ea;
	--bs-teal-200: #a6e9d5;
	--bs-teal-300: #79dfc1;
	--bs-teal-400: #4dd4ac;
	--bs-teal-500: #20c997;
	--bs-teal-600: #1aa179;
	--bs-teal-700: #13795b;
	--bs-teal-800: #0d503c;
	--bs-teal-900: #06281e;
	/*青色*/
	--bs-cyan-100: #cff4fc;
	--bs-cyan-200: #9eeaf9;
	--bs-cyan-300: #6edff6;
	--bs-cyan-400: #3dd5f3;
	--bs-cyan-500: #0dcaf0;
	--bs-cyan-600: #0aa2c0;
	--bs-cyan-700: #087990;
	--bs-cyan-800: #055160;
	--bs-cyan-900: #032830;
	/*灰色*/
	--bs-gray-100: #f8f9fa;
	--bs-gray-200: #e9ecef;
	--bs-gray-300: #dee2e6;
	--bs-gray-400: #ced4da;
	--bs-gray-500: #adb5bd;
	--bs-gray-600: #6c757d;
	--bs-gray-700: #495057;
	--bs-gray-800: #343a40;
	--bs-gray-900: #212529;

	--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
	--bs-body-font-family: var(--bs-font-sans-serif);
  	--bs-body-font-size: 1rem;
  	--bs-body-font-weight: 400;
  	--bs-body-line-height: 1.5;
  	
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-2xl: 2rem;
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(var(--bs-body-color-rgb), 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(var(--bs-body-color-rgb), 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(var(--bs-body-color-rgb), 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(var(--bs-body-color-rgb), 0.075);
    --bs-emphasis-color: #000;
    --bs-form-control-bg: var(--bs-body-bg);
    --bs-form-control-disabled-bg: var(--bs-secondary-bg);
    --bs-highlight-bg: #fff3cd;
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px;
}

/* =========================================================================*/
/* 颜色设置
/* =========================================================================*/
/* ------------------------------------- */
/* 颜色 —— 前景颜色
/* ------------------------------------- */
/* 蓝色 */
.vkui-ft-blue-100{color:var(--bs-blue-100) !important;}
.vkui-ft-blue-200{color:var(--bs-blue-200) !important;}
.vkui-ft-blue-300{color:var(--bs-blue-300) !important;}
.vkui-ft-blue-400{color:var(--bs-blue-400) !important;}
.vkui-ft-blue-500{color:var(--bs-blue-500) !important;}
.vkui-ft-blue-600{color:var(--bs-blue-600) !important;}
.vkui-ft-blue-700{color:var(--bs-blue-700) !important;}
.vkui-ft-blue-800{color:var(--bs-blue-800) !important;}
.vkui-ft-blue-900{color:var(--bs-blue-900) !important;}
/* 靛蓝色 */
.vkui-ft-indigo-100{color:var(--bs-indigo-100) !important;}
.vkui-ft-indigo-200{color:var(--bs-indigo-200) !important;}
.vkui-ft-indigo-300{color:var(--bs-indigo-300) !important;}
.vkui-ft-indigo-400{color:var(--bs-indigo-400) !important;}
.vkui-ft-indigo-500{color:var(--bs-indigo-500) !important;}
.vkui-ft-indigo-600{color:var(--bs-indigo-600) !important;}
.vkui-ft-indigo-700{color:var(--bs-indigo-700) !important;}
.vkui-ft-indigo-800{color:var(--bs-indigo-800) !important;}
.vkui-ft-indigo-900{color:var(--bs-indigo-900) !important;}
/* 紫色 */
.vkui-ft-purple-100{color:var(--bs-purple-100) !important;}
.vkui-ft-purple-200{color:var(--bs-purple-200) !important;}
.vkui-ft-purple-300{color:var(--bs-purple-300) !important;}
.vkui-ft-purple-400{color:var(--bs-purple-400) !important;}
.vkui-ft-purple-500{color:var(--bs-purple-500) !important;}
.vkui-ft-purple-600{color:var(--bs-purple-600) !important;}
.vkui-ft-purple-700{color:var(--bs-purple-700) !important;}
.vkui-ft-purple-800{color:var(--bs-purple-800) !important;}
.vkui-ft-purple-900{color:var(--bs-purple-900) !important;}
/* 粉红色 */
.vkui-ft-pink-100{color:var(--bs-pink-100) !important;}
.vkui-ft-pink-200{color:var(--bs-pink-200) !important;}
.vkui-ft-pink-300{color:var(--bs-pink-300) !important;}
.vkui-ft-pink-400{color:var(--bs-pink-400) !important;}
.vkui-ft-pink-500{color:var(--bs-pink-500) !important;}
.vkui-ft-pink-600{color:var(--bs-pink-600) !important;}
.vkui-ft-pink-700{color:var(--bs-pink-700) !important;}
.vkui-ft-pink-800{color:var(--bs-pink-800) !important;}
.vkui-ft-pink-900{color:var(--bs-pink-900) !important;}
/* 红色 */
.vkui-ft-red-100{color:var(--bs-red-100) !important;}
.vkui-ft-red-200{color:var(--bs-red-200) !important;}
.vkui-ft-red-300{color:var(--bs-red-300) !important;}
.vkui-ft-red-400{color:var(--bs-red-400) !important;}
.vkui-ft-red-500{color:var(--bs-red-500) !important;}
.vkui-ft-red-600{color:var(--bs-red-600) !important;}
.vkui-ft-red-700{color:var(--bs-red-700) !important;}
.vkui-ft-red-800{color:var(--bs-red-800) !important;}
.vkui-ft-red-900{color:var(--bs-red-900) !important;}
/* 橙色 */
.vkui-ft-orange-100{color:var(--bs-orange-100) !important;}
.vkui-ft-orange-200{color:var(--bs-orange-200) !important;}
.vkui-ft-orange-300{color:var(--bs-orange-300) !important;}
.vkui-ft-orange-400{color:var(--bs-orange-400) !important;}
.vkui-ft-orange-500{color:var(--bs-orange-500) !important;}
.vkui-ft-orange-600{color:var(--bs-orange-600) !important;}
.vkui-ft-orange-700{color:var(--bs-orange-700) !important;}
.vkui-ft-orange-800{color:var(--bs-orange-800) !important;}
.vkui-ft-orange-900{color:var(--bs-orange-900) !important;}
/* 黄色 */
.vkui-ft-yellow-100{color:var(--bs-yellow-100) !important;}
.vkui-ft-yellow-200{color:var(--bs-yellow-200) !important;}
.vkui-ft-yellow-300{color:var(--bs-yellow-300) !important;}
.vkui-ft-yellow-400{color:var(--bs-yellow-400) !important;}
.vkui-ft-yellow-500{color:var(--bs-yellow-500) !important;}
.vkui-ft-yellow-600{color:var(--bs-yellow-600) !important;}
.vkui-ft-yellow-700{color:var(--bs-yellow-700) !important;}
.vkui-ft-yellow-800{color:var(--bs-yellow-800) !important;}
.vkui-ft-yellow-900{color:var(--bs-yellow-900) !important;}
/* 绿色 */
.vkui-ft-green-100{color:var(--bs-green-100) !important;}
.vkui-ft-green-200{color:var(--bs-green-200) !important;}
.vkui-ft-green-300{color:var(--bs-green-300) !important;}
.vkui-ft-green-400{color:var(--bs-green-400) !important;}
.vkui-ft-green-500{color:var(--bs-green-500) !important;}
.vkui-ft-green-600{color:var(--bs-green-600) !important;}
.vkui-ft-green-700{color:var(--bs-green-700) !important;}
.vkui-ft-green-800{color:var(--bs-green-800) !important;}
.vkui-ft-green-900{color:var(--bs-green-900) !important;}
/* 青绿色 */
.vkui-ft-teal-100{color:var(--bs-teal-100) !important;}
.vkui-ft-teal-200{color:var(--bs-teal-200) !important;}
.vkui-ft-teal-300{color:var(--bs-teal-300) !important;}
.vkui-ft-teal-400{color:var(--bs-teal-400) !important;}
.vkui-ft-teal-500{color:var(--bs-teal-500) !important;}
.vkui-ft-teal-600{color:var(--bs-teal-600) !important;}
.vkui-ft-teal-700{color:var(--bs-teal-700) !important;}
.vkui-ft-teal-800{color:var(--bs-teal-800) !important;}
.vkui-ft-teal-900{color:var(--bs-teal-900) !important;}
/* 青色 */
.vkui-ft-cyan-100{color:var(--bs-cyan-100) !important;}
.vkui-ft-cyan-200{color:var(--bs-cyan-200) !important;}
.vkui-ft-cyan-300{color:var(--bs-cyan-300) !important;}
.vkui-ft-cyan-400{color:var(--bs-cyan-400) !important;}
.vkui-ft-cyan-500{color:var(--bs-cyan-500) !important;}
.vkui-ft-cyan-600{color:var(--bs-cyan-600) !important;}
.vkui-ft-cyan-700{color:var(--bs-cyan-700) !important;}
.vkui-ft-cyan-800{color:var(--bs-cyan-800) !important;}
.vkui-ft-cyan-900{color:var(--bs-cyan-900) !important;}
/* 灰色 */
.vkui-ft-gray-100{color:var(--bs-gray-100) !important;}
.vkui-ft-gray-200{color:var(--bs-gray-200) !important;}
.vkui-ft-gray-300{color:var(--bs-gray-300) !important;}
.vkui-ft-gray-400{color:var(--bs-gray-400) !important;}
.vkui-ft-gray-500{color:var(--bs-gray-500) !important;}
.vkui-ft-gray-600{color:var(--bs-gray-600) !important;}
.vkui-ft-gray-700{color:var(--bs-gray-700) !important;}
.vkui-ft-gray-800{color:var(--bs-gray-800) !important;}
.vkui-ft-gray-900{color:var(--bs-gray-900) !important;}
/* 黑色 */
.vkui-ft-black{color:var(--bs-black) !important;}
/* 白色 */
.vkui-ft-white{color:var(--bs-white) !important;}
/* ------------------------------------- */
/* 颜色 —— 背景颜色
/* ------------------------------------- */
/* 蓝色 */
.vkui-bg-blue-100{background-color:var(--bs-blue-100) !important;}
.vkui-bg-blue-200{background-color:var(--bs-blue-200) !important;}
.vkui-bg-blue-300{background-color:var(--bs-blue-300) !important;}
.vkui-bg-blue-400{background-color:var(--bs-blue-400) !important;}
.vkui-bg-blue-500{background-color:var(--bs-blue-500) !important;}
.vkui-bg-blue-600{background-color:var(--bs-blue-600) !important;}
.vkui-bg-blue-700{background-color:var(--bs-blue-700) !important;}
.vkui-bg-blue-800{background-color:var(--bs-blue-800) !important;}
.vkui-bg-blue-900{background-color:var(--bs-blue-900) !important;}
/* 靛蓝色 */
.vkui-bg-indigo-100{background-color:var(--bs-indigo-100) !important;}
.vkui-bg-indigo-200{background-color:var(--bs-indigo-200) !important;}
.vkui-bg-indigo-300{background-color:var(--bs-indigo-300) !important;}
.vkui-bg-indigo-400{background-color:var(--bs-indigo-400) !important;}
.vkui-bg-indigo-500{background-color:var(--bs-indigo-500) !important;}
.vkui-bg-indigo-600{background-color:var(--bs-indigo-600) !important;}
.vkui-bg-indigo-700{background-color:var(--bs-indigo-700) !important;}
.vkui-bg-indigo-800{background-color:var(--bs-indigo-800) !important;}
.vkui-bg-indigo-900{background-color:var(--bs-indigo-900) !important;}
/* 紫色 */
.vkui-bg-purple-100{background-color:var(--bs-purple-100) !important;}
.vkui-bg-purple-200{background-color:var(--bs-purple-200) !important;}
.vkui-bg-purple-300{background-color:var(--bs-purple-300) !important;}
.vkui-bg-purple-400{background-color:var(--bs-purple-400) !important;}
.vkui-bg-purple-500{background-color:var(--bs-purple-500) !important;}
.vkui-bg-purple-600{background-color:var(--bs-purple-600) !important;}
.vkui-bg-purple-700{background-color:var(--bs-purple-700) !important;}
.vkui-bg-purple-800{background-color:var(--bs-purple-800) !important;}
.vkui-bg-purple-900{background-color:var(--bs-purple-900) !important;}
/* 粉红色 */
.vkui-bg-pink-100{background-color:var(--bs-pink-100) !important;}
.vkui-bg-pink-200{background-color:var(--bs-pink-200) !important;}
.vkui-bg-pink-300{background-color:var(--bs-pink-300) !important;}
.vkui-bg-pink-400{background-color:var(--bs-pink-400) !important;}
.vkui-bg-pink-500{background-color:var(--bs-pink-500) !important;}
.vkui-bg-pink-600{background-color:var(--bs-pink-600) !important;}
.vkui-bg-pink-700{background-color:var(--bs-pink-700) !important;}
.vkui-bg-pink-800{background-color:var(--bs-pink-800) !important;}
.vkui-bg-pink-900{background-color:var(--bs-pink-900) !important;}
/* 红色 */
.vkui-bg-red-100{background-color:var(--bs-red-100) !important;}
.vkui-bg-red-200{background-color:var(--bs-red-200) !important;}
.vkui-bg-red-300{background-color:var(--bs-red-300) !important;}
.vkui-bg-red-400{background-color:var(--bs-red-400) !important;}
.vkui-bg-red-500{background-color:var(--bs-red-500) !important;}
.vkui-bg-red-600{background-color:var(--bs-red-600) !important;}
.vkui-bg-red-700{background-color:var(--bs-red-700) !important;}
.vkui-bg-red-800{background-color:var(--bs-red-800) !important;}
.vkui-bg-red-900{background-color:var(--bs-red-900) !important;}
/* 橙色 */
.vkui-bg-orange-100{background-color:var(--bs-orange-100) !important;}
.vkui-bg-orange-200{background-color:var(--bs-orange-200) !important;}
.vkui-bg-orange-300{background-color:var(--bs-orange-300) !important;}
.vkui-bg-orange-400{background-color:var(--bs-orange-400) !important;}
.vkui-bg-orange-500{background-color:var(--bs-orange-500) !important;}
.vkui-bg-orange-600{background-color:var(--bs-orange-600) !important;}
.vkui-bg-orange-700{background-color:var(--bs-orange-700) !important;}
.vkui-bg-orange-800{background-color:var(--bs-orange-800) !important;}
.vkui-bg-orange-900{background-color:var(--bs-orange-900) !important;}
/* 黄色 */
.vkui-bg-yellow-100{background-color:var(--bs-yellow-100) !important;}
.vkui-bg-yellow-200{background-color:var(--bs-yellow-200) !important;}
.vkui-bg-yellow-300{background-color:var(--bs-yellow-300) !important;}
.vkui-bg-yellow-400{background-color:var(--bs-yellow-400) !important;}
.vkui-bg-yellow-500{background-color:var(--bs-yellow-500) !important;}
.vkui-bg-yellow-600{background-color:var(--bs-yellow-600) !important;}
.vkui-bg-yellow-700{background-color:var(--bs-yellow-700) !important;}
.vkui-bg-yellow-800{background-color:var(--bs-yellow-800) !important;}
.vkui-bg-yellow-900{background-color:var(--bs-yellow-900) !important;}
/* 绿色 */
.vkui-bg-green-100{background-color:var(--bs-green-100) !important;}
.vkui-bg-green-200{background-color:var(--bs-green-200) !important;}
.vkui-bg-green-300{background-color:var(--bs-green-300) !important;}
.vkui-bg-green-400{background-color:var(--bs-green-400) !important;}
.vkui-bg-green-500{background-color:var(--bs-green-500) !important;}
.vkui-bg-green-600{background-color:var(--bs-green-600) !important;}
.vkui-bg-green-700{background-color:var(--bs-green-700) !important;}
.vkui-bg-green-800{background-color:var(--bs-green-800) !important;}
.vkui-bg-green-900{background-color:var(--bs-green-900) !important;}
/* 青绿色 */
.vkui-bg-teal-100{background-color:var(--bs-teal-100) !important;}
.vkui-bg-teal-200{background-color:var(--bs-teal-200) !important;}
.vkui-bg-teal-300{background-color:var(--bs-teal-300) !important;}
.vkui-bg-teal-400{background-color:var(--bs-teal-400) !important;}
.vkui-bg-teal-500{background-color:var(--bs-teal-500) !important;}
.vkui-bg-teal-600{background-color:var(--bs-teal-600) !important;}
.vkui-bg-teal-700{background-color:var(--bs-teal-700) !important;}
.vkui-bg-teal-800{background-color:var(--bs-teal-800) !important;}
.vkui-bg-teal-900{background-color:var(--bs-teal-900) !important;}
/* 青色 */
.vkui-bg-cyan-100{background-color:var(--bs-cyan-100) !important;}
.vkui-bg-cyan-200{background-color:var(--bs-cyan-200) !important;}
.vkui-bg-cyan-300{background-color:var(--bs-cyan-300) !important;}
.vkui-bg-cyan-400{background-color:var(--bs-cyan-400) !important;}
.vkui-bg-cyan-500{background-color:var(--bs-cyan-500) !important;}
.vkui-bg-cyan-600{background-color:var(--bs-cyan-600) !important;}
.vkui-bg-cyan-700{background-color:var(--bs-cyan-700) !important;}
.vkui-bg-cyan-800{background-color:var(--bs-cyan-800) !important;}
.vkui-bg-cyan-900{background-color:var(--bs-cyan-900) !important;}
/* 灰色 */
.vkui-bg-gray-100{background-color:var(--bs-gray-100) !important;}
.vkui-bg-gray-200{background-color:var(--bs-gray-200) !important;}
.vkui-bg-gray-300{background-color:var(--bs-gray-300) !important;}
.vkui-bg-gray-400{background-color:var(--bs-gray-400) !important;}
.vkui-bg-gray-500{background-color:var(--bs-gray-500) !important;}
.vkui-bg-gray-600{background-color:var(--bs-gray-600) !important;}
.vkui-bg-gray-700{background-color:var(--bs-gray-700) !important;}
.vkui-bg-gray-800{background-color:var(--bs-gray-800) !important;}
.vkui-bg-gray-900{background-color:var(--bs-gray-900) !important;}
/* 黑色 */
.vkui-bg-black{background-color:var(--bs-black) !important;}
/* 白色 */
.vkui-bg-white{background-color:var(--bs-white) !important;}
/* ------------------------------------- */
/* 颜色 —— 边框颜色
/* ------------------------------------- */
/* 蓝色 */
.vkui-bd-blue-100{border-color:var(--bs-blue-100) !important;}
.vkui-bd-blue-200{border-color:var(--bs-blue-200) !important;}
.vkui-bd-blue-300{border-color:var(--bs-blue-300) !important;}
.vkui-bd-blue-400{border-color:var(--bs-blue-400) !important;}
.vkui-bd-blue-500{border-color:var(--bs-blue-500) !important;}
.vkui-bd-blue-600{border-color:var(--bs-blue-600) !important;}
.vkui-bd-blue-700{border-color:var(--bs-blue-700) !important;}
.vkui-bd-blue-800{border-color:var(--bs-blue-800) !important;}
.vkui-bd-blue-900{border-color:var(--bs-blue-900) !important;}
/* 靛蓝色 */
.vkui-bd-indigo-100{border-color:var(--bs-indigo-100) !important;}
.vkui-bd-indigo-200{border-color:var(--bs-indigo-200) !important;}
.vkui-bd-indigo-300{border-color:var(--bs-indigo-300) !important;}
.vkui-bd-indigo-400{border-color:var(--bs-indigo-400) !important;}
.vkui-bd-indigo-500{border-color:var(--bs-indigo-500) !important;}
.vkui-bd-indigo-600{border-color:var(--bs-indigo-600) !important;}
.vkui-bd-indigo-700{border-color:var(--bs-indigo-700) !important;}
.vkui-bd-indigo-800{border-color:var(--bs-indigo-800) !important;}
.vkui-bd-indigo-900{border-color:var(--bs-indigo-900) !important;}
/* 紫色 */
.vkui-bd-purple-100{border-color:var(--bs-purple-100) !important;}
.vkui-bd-purple-200{border-color:var(--bs-purple-200) !important;}
.vkui-bd-purple-300{border-color:var(--bs-purple-300) !important;}
.vkui-bd-purple-400{border-color:var(--bs-purple-400) !important;}
.vkui-bd-purple-500{border-color:var(--bs-purple-500) !important;}
.vkui-bd-purple-600{border-color:var(--bs-purple-600) !important;}
.vkui-bd-purple-700{border-color:var(--bs-purple-700) !important;}
.vkui-bd-purple-800{border-color:var(--bs-purple-800) !important;}
.vkui-bd-purple-900{border-color:var(--bs-purple-900) !important;}
/* 粉红色 */
.vkui-bd-pink-100{border-color:var(--bs-pink-100) !important;}
.vkui-bd-pink-200{border-color:var(--bs-pink-200) !important;}
.vkui-bd-pink-300{border-color:var(--bs-pink-300) !important;}
.vkui-bd-pink-400{border-color:var(--bs-pink-400) !important;}
.vkui-bd-pink-500{border-color:var(--bs-pink-500) !important;}
.vkui-bd-pink-600{border-color:var(--bs-pink-600) !important;}
.vkui-bd-pink-700{border-color:var(--bs-pink-700) !important;}
.vkui-bd-pink-800{border-color:var(--bs-pink-800) !important;}
.vkui-bd-pink-900{border-color:var(--bs-pink-900) !important;}
/* 红色 */
.vkui-bd-red-100{border-color:var(--bs-red-100) !important;}
.vkui-bd-red-200{border-color:var(--bs-red-200) !important;}
.vkui-bd-red-300{border-color:var(--bs-red-300) !important;}
.vkui-bd-red-400{border-color:var(--bs-red-400) !important;}
.vkui-bd-red-500{border-color:var(--bs-red-500) !important;}
.vkui-bd-red-600{border-color:var(--bs-red-600) !important;}
.vkui-bd-red-700{border-color:var(--bs-red-700) !important;}
.vkui-bd-red-800{border-color:var(--bs-red-800) !important;}
.vkui-bd-red-900{border-color:var(--bs-red-900) !important;}
/* 橙色 */
.vkui-bd-orange-100{border-color:var(--bs-orange-100) !important;}
.vkui-bd-orange-200{border-color:var(--bs-orange-200) !important;}
.vkui-bd-orange-300{border-color:var(--bs-orange-300) !important;}
.vkui-bd-orange-400{border-color:var(--bs-orange-400) !important;}
.vkui-bd-orange-500{border-color:var(--bs-orange-500) !important;}
.vkui-bd-orange-600{border-color:var(--bs-orange-600) !important;}
.vkui-bd-orange-700{border-color:var(--bs-orange-700) !important;}
.vkui-bd-orange-800{border-color:var(--bs-orange-800) !important;}
.vkui-bd-orange-900{border-color:var(--bs-orange-900) !important;}
/* 黄色 */
.vkui-bd-yellow-100{border-color:var(--bs-yellow-100) !important;}
.vkui-bd-yellow-200{border-color:var(--bs-yellow-200) !important;}
.vkui-bd-yellow-300{border-color:var(--bs-yellow-300) !important;}
.vkui-bd-yellow-400{border-color:var(--bs-yellow-400) !important;}
.vkui-bd-yellow-500{border-color:var(--bs-yellow-500) !important;}
.vkui-bd-yellow-600{border-color:var(--bs-yellow-600) !important;}
.vkui-bd-yellow-700{border-color:var(--bs-yellow-700) !important;}
.vkui-bd-yellow-800{border-color:var(--bs-yellow-800) !important;}
.vkui-bd-yellow-900{border-color:var(--bs-yellow-900) !important;}
/* 绿色 */
.vkui-bd-green-100{border-color:var(--bs-green-100) !important;}
.vkui-bd-green-200{border-color:var(--bs-green-200) !important;}
.vkui-bd-green-300{border-color:var(--bs-green-300) !important;}
.vkui-bd-green-400{border-color:var(--bs-green-400) !important;}
.vkui-bd-green-500{border-color:var(--bs-green-500) !important;}
.vkui-bd-green-600{border-color:var(--bs-green-600) !important;}
.vkui-bd-green-700{border-color:var(--bs-green-700) !important;}
.vkui-bd-green-800{border-color:var(--bs-green-800) !important;}
.vkui-bd-green-900{border-color:var(--bs-green-900) !important;}
/* 青绿色 */
.vkui-bd-teal-100{border-color:var(--bs-teal-100) !important;}
.vkui-bd-teal-200{border-color:var(--bs-teal-200) !important;}
.vkui-bd-teal-300{border-color:var(--bs-teal-300) !important;}
.vkui-bd-teal-400{border-color:var(--bs-teal-400) !important;}
.vkui-bd-teal-500{border-color:var(--bs-teal-500) !important;}
.vkui-bd-teal-600{border-color:var(--bs-teal-600) !important;}
.vkui-bd-teal-700{border-color:var(--bs-teal-700) !important;}
.vkui-bd-teal-800{border-color:var(--bs-teal-800) !important;}
.vkui-bd-teal-900{border-color:var(--bs-teal-900) !important;}
/* 青色 */
.vkui-bd-cyan-100{border-color:var(--bs-cyan-100) !important;}
.vkui-bd-cyan-200{border-color:var(--bs-cyan-200) !important;}
.vkui-bd-cyan-300{border-color:var(--bs-cyan-300) !important;}
.vkui-bd-cyan-400{border-color:var(--bs-cyan-400) !important;}
.vkui-bd-cyan-500{border-color:var(--bs-cyan-500) !important;}
.vkui-bd-cyan-600{border-color:var(--bs-cyan-600) !important;}
.vkui-bd-cyan-700{border-color:var(--bs-cyan-700) !important;}
.vkui-bd-cyan-800{border-color:var(--bs-cyan-800) !important;}
.vkui-bd-cyan-900{border-color:var(--bs-cyan-900) !important;}
/* 灰色 */
.vkui-bd-gray-100{border-color:var(--bs-gray-100) !important;}
.vkui-bd-gray-200{border-color:var(--bs-gray-200) !important;}
.vkui-bd-gray-300{border-color:var(--bs-gray-300) !important;}
.vkui-bd-gray-400{border-color:var(--bs-gray-400) !important;}
.vkui-bd-gray-500{border-color:var(--bs-gray-500) !important;}
.vkui-bd-gray-600{border-color:var(--bs-gray-600) !important;}
.vkui-bd-gray-700{border-color:var(--bs-gray-700) !important;}
.vkui-bd-gray-800{border-color:var(--bs-gray-800) !important;}
.vkui-bd-gray-900{border-color:var(--bs-gray-900) !important;}
/* 黑色 */
.vkui-bd-black{border-color:var(--bs-black) !important;}
/* 白色 */
.vkui-bd-white{border-color:var(--bs-white) !important;}

/* =========================================================================*/
/* 矩形块式样（rectangle）
/* =========================================================================*/
/* ------------------------------------- */
/* 矩形块 —— 高度
/* ------------------------------------- */
/* 绝对值 */
.vkui-rt-ha5{height: 5px;}
.vkui-rt-ha10{height: 10px;}
.vkui-rt-ha16{height: 16px;}
.vkui-rt-ha20{height: 20px;}
.vkui-rt-ha28{height: 28px;}
.vkui-rt-ha30{height: 30px;}
.vkui-rt-ha32{height: 32px;}
.vkui-rt-ha40{height: 40px;}
.vkui-rt-ha50{height: 50px;}
.vkui-rt-ha60{height: 60px;}
.vkui-rt-ha70{height: 70px;}
.vkui-rt-ha80{height: 80px;}
.vkui-rt-ha100{height:100px;}
.vkui-rt-ha200{height: 200px;}
.vkui-rt-ha300{height: 300px;}
.vkui-rt-ha400{height: 400px;}
.vkui-rt-ha540{height: 540px;}
.vkui-rt-ha600{height: 600px;}
.vkui-rt-ha800{height: 800px;}
/* 百分比 */
.vkui-rt-hp1{height:100%;}
.vkui-rt-hp2{height:50%;}
.vkui-rt-hp3{height:33.333333%;}
.vkui-rt-hp4{height:25%;}
.vkui-rt-hp5{height:20%;}
.vkui-rt-hp6{height:16.666666%;}
.vkui-rt-hp7{height:14.2857143%;}
.vkui-rt-hp8{height:12.5%;}
.vkui-rt-hp9{height:11.1111111%;}
.vkui-rt-hp10{height:10%;}
.vkui-rt-hp11{height:9.0909090%;}
.vkui-rt-hp12{height:8.3333333%;}
.vkui-rt-hpa{height:auto;}
/* 行高度 */
.vkui-rt-lh5{line-height:5px;}
.vkui-rt-lh10{line-height: 10px;}
.vkui-rt-lh16{line-height: 16px;}
.vkui-rt-lh20{line-height: 20px;}
.vkui-rt-lh28{line-height: 28px;}
.vkui-rt-lh30{line-height: 30px;}
.vkui-rt-lh32{line-height: 32px;}
.vkui-rt-lh40{line-height: 40px;}
.vkui-rt-lh50{line-height: 50px;}
.vkui-rt-lh60{line-height: 60px;}
.vkui-rt-lh80{line-height: 80px;}
.vkui-rt-lh100{line-height:100px;}
.vkui-rt-lh200{line-height: 200px;}
.vkui-rt-lh300{line-height: 300px;}
.vkui-rt-lh400{line-height: 400px;}
/* ------------------------------------- */
/* 矩形块 —— 宽度
/* ------------------------------------- */
/* 绝对值 */
.vkui-rt-wa100{width:100px;}
.vkui-rt-wa220{width:220px;}
.vkui-rt-wa240{width:240px;}
.vkui-rt-wa300{width:300px;}
.vkui-rt-wa400{width:400px;}
.vkui-rt-wa510{width:510px;}
.vkui-rt-wa600{width:600px;}
/* 相对值 */
.vkui-rt-wp1{width:100%;}
.vkui-rt-wp2{width:50%;}
.vkui-rt-wp3{width:33.333333%;}
.vkui-rt-wp4{width:25%;}
.vkui-rt-wp5{width:20%;}
.vkui-rt-wp6{width:16.666666%;}
.vkui-rt-wp7{width:14.2857143%;}
.vkui-rt-wp8{width:12.5%;}
.vkui-rt-wp9{width:11.1111111%;}
.vkui-rt-wp10{width:10%;}
.vkui-rt-wp11{width:9.0909091%;}
.vkui-rt-wp12{width:8.3333333%;}
.vkui-rt-wpa{width:auto;}
/* ------------------------------------- */
/* 矩形块 —— 直接子级矩形块宽度
/* ------------------------------------- */
.vkui-rt-s2>*,.vkui-rt-sw3>*,.vkui-rt-sw4>*,.vkui-rt-sw5>*,.vkui-rt-sw6>*,.vkui-rt-sw7>*,.vkui-rt-sw8>*,.vkui-rt-sw9>*,.vkui-rt-sw10>*,.vkui-rt-sw11>*,.vkui-rt-sw12>*{float:left;display:block;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.vkui-rt-sw1>*{width:100%;}
.vkui-rt-sw2>*{width:50%;}
.vkui-rt-sw3>*{width:33.333333%;}
.vkui-rt-sw4>*{width:25%;}
.vkui-rt-sw5>*{width:20%;}
.vkui-rt-sw6>*{width:16.666666%;}
.vkui-rt-sw7>*{width:14.2857143%;}
.vkui-rt-sw8>*{width:12.5%;}
.vkui-rt-sw9>*{width:11.1111111%;}
.vkui-rt-sw10>*{width:10%;}
.vkui-rt-sw11>*{width:9.0909090%;}
.vkui-rt-sw12>*{width:8.3333333%;}
/* ------------------------------------- */
/* 矩形块 —— 边框粗细
/* ------------------------------------- */
/* 绝对值 */
.vkui-bd-w0{border-width: 0;}
.vkui-bd-w1{border-width: 1px;}
.vkui-bd-w2{border-width: 2px;}
.vkui-bd-w3{border-width: 3px;}
.vkui-bd-w4{border-width: 4px;}
/* 默认值 */
.vkui-bd-t1{border-width: thin;}
.vkui-bd-t2{border-width: thick;}
.vkui-bd-t3{border-width: medium;}
/* ------------------------------------- */
/* 矩形块 —— 边框风格
/* ------------------------------------- */
/* 边框——圆角 */
.vkui-bd-r4{border-radius: 4px;}
.vkui-bd-r5{border-radius: 5px;}
.vkui-bd-r6{border-radius: 6px;}
.vkui-bd-r8{border-radius: 8px;}
.vkui-bd-r10{border-radius: 10px;}
/* 边框——风格 */
.vkui-bd-s0{border-style: hidden;}
.vkui-bd-s1{border-style: solid;}
.vkui-bd-s2{border-style: dotted;}
.vkui-bd-s3{border-style: double;}

/* ========================================================================= */
/* 矩形块间隔
/* ========================================================================= */
/* ------------------------------------- */
/* 合并计算尺寸
/* ------------------------------------- */
.vkui-pd-inone{
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
}
/* ------------------------------------- */
/* 内边距
/* ------------------------------------- */
/* 全部边距 */
.vkui-pd-0{padding:0;}
.vkui-pd-a4{padding:4px;}
.vkui-pd-a5{padding:5px;}
.vkui-pd-a6{padding:6px;}
.vkui-pd-a8{padding:8px;}
.vkui-pd-a10{padding:10px;}
.vkui-pd-a15{padding:15px;}
.vkui-pd-a20{padding:20px;}
.vkui-pd-a30{padding:30px;}
.vkui-pd-a40{padding:40px;}
/* ------------------------------------- */
.vkui-pd-rh{padding:0.5rem;}
.vkui-pd-r1{padding:1rem;}
.vkui-pd-r2{padding:2rem;}
/* 左右边距 */
.vkui-pd-lr-a15{padding:0 15px;}
.vkui-pd-lr-a20{padding:0 20px;}
/* 上下边距 */
.vkui-pd-tb-a15{padding:15px 0;}
.vkui-pd-tb-a20{padding:20px 0;}
/* ------------------------------------- */
/* 外边距
/* ------------------------------------- */
/* 全部边距 */
.vkui-mg-a0{margin:0;}
.vkui-mg-a4{margin:4px;}
.vkui-mg-a5{margin:5px;}
.vkui-mg-a6{margin:6px;}
.vkui-mg-a8{margin:8px;}
.vkui-mg-a10{margin:10px;}
.vkui-mg-a15{margin:15px;}
.vkui-mg-a20{margin:20px;}
.vkui-mg-a30{margin:30px;}
.vkui-mg-a40{margin:40px;}
/* 左右边距 */
.vkui-mg-lr-m15{margin:0 -15px;}
.vkui-mg-lr-a15{margin:0 15px;}
/* 上下边距 */
.vkui-mg-tb-m15{margin:-15px 0;}
.vkui-mg-tb-a5{margin:5px 0;}
.vkui-mg-tb-a10{margin:10px 0;}
.vkui-mg-tb-a15{margin:15px 0;}
/* 上边距 */
.vkui-mg-t-m30{margin-top:-30px;}
.vkui-mg-t-m20{margin-top:-20px;}
.vkui-mg-t-m10{margin-top:-10px;}
.vkui-mg-t-m5{margin-top:-5px;}
.vkui-mg-t-0{margin-top:0px;}
.vkui-mg-t-a40{margin-top:40px;}
/* 下边距 */
.vkui-mg-b-m15{margin-bottom:-15px;}
.vkui-mg-b-0{margin-bottom:0px;}
.vkui-mg-b-a10{margin-bottom:10px;}
.vkui-mg-b-a20{margin-bottom:20px;}
.vkui-mg-b-a30{margin-bottom:30px;}
.vkui-mg-b-a40{margin-bottom:40px;}
/* 左边距 */
.vkui-mg-l-0{margin-left:0px;}
/* 右边距 */
.vkui-mg-r-0{margin-right:0px;}
.vkui-mg-r-a10{margin-right:10px;}
/* ------------------------------------- */
/* 直接子级矩形块左右间距
/* ------------------------------------- */
.vkui-rt-ss2{margin:0 -1px; zoom:1;}
.vkui-rt-ss2>* {padding:0 1px;}
.vkui-rt-ss4{margin:0 -2px;zoom:1;}
.vkui-rt-ss4>* {padding:0 2px;}
.vkui-rt-ss6{margin:0 -3px;zoom:1;}
.vkui-rt-ss6>* {padding:0 3px;}
.vkui-rt-ss8{margin:0 -4px;zoom:1;}
.vkui-rt-ss8>* {padding:0 4px;}
.vkui-rt-ss10{margin:0 -5px;zoom:1;}
.vkui-rt-ss10>* {padding:0 5px;}
.vkui-rt-ss12{margin:0 -6px;zoom:1;}
.vkui-rt-ss12>* {padding:0 6px;}
.vkui-rt-ss16{margin:0 -8px;zoom:1;}
.vkui-rt-ss16>* {padding:0 8px;}
.vkui-rt-ss20{margin:0 -10px;zoom:1;}
.vkui-rt-ss20>* {padding:0 10px;}
.vkui-rt-ss25{margin:0 -12.5px;zoom:1;}
.vkui-rt-ss25>* {padding:0 12.5px;}
.vkui-rt-ss28{margin:0 -14px;zoom:1;}
.vkui-rt-ss28>* {padding:0 14px;}
.vkui-rt-ss30{margin:0 -15px;zoom:1;}
.vkui-rt-ss30>* {padding:0 15px;}
.vkui-rt-ss40{margin:0 -20px;zoom:1;}
.vkui-rt-ss40>* {padding:0 20px;}
.vkui-rt-ss60{margin:0 -30px;zoom:1;}
.vkui-rt-ss60>* {padding:0 30px;}

/* ========================================================================= */
/* 矩形块浮动
/* ========================================================================= */
/* ------------------------------------- */
/* 内部浮动
/* ------------------------------------- */
/* 横向 */
.vkui-fl-tl{text-align: left !important;}
.vkui-fl-tc{text-align: center !important;}
.vkui-fl-tr{text-align: right !important;}
/* 纵向 */
.vkui-fl-vt{vertical-align: top;}
.vkui-fl-vm{vertical-align: middle;}
.vkui-fl-vb{vertical-align: bottom;}
/* 浮动式样 */
.vkui-fl-di{display: inline-block;}
.vkui-fl-db{display: block;}
/* ------------------------------------- */
/* 整体浮动
/* ------------------------------------- */
.vkui-fl{float:left;}
.vkui-fn{float:none;}
.vkui-fr{float:right;}
.vkui-clear{clear: both; *zoom:1}
/* ------------------------------------- */
/* 相对浮动
/* ------------------------------------- */
/* 滚动设置 */
.vkui-fl-rx{overflow-x:auto;overflow-y:hidden;}
.vkui-fl-ry{overflow-x:hidden;overflow-y:auto;}
.vkui-fl-ra{overflow:auto;}
.vkui-fl-rn{overflow:hidden;}
/* 相对位置 */
.vkui-fl-pt{position: fixed;top: 0;}
.vkui-fl-pb{position: fixed;bottom: 0;}
.vkui-fl-pl{position: fixed;left: 0;}
.vkui-fl-pr{position: fixed;right: 0;}
.vkui-fl-t0{top:0 !important;}
/* 浮动定位 */
.vkui-fl-z5{z-index: 5;}
.vkui-fl-z10{z-index: 10;}
.vkui-fl-z20{z-index: 20;}
.vkui-fl-z99{z-index: 99;}
.vkui-fl-z999{z-index: 999;}
.vkui-fl-z9999{z-index: 9999;}

/* ========================================================================= */
/* 字体设置
/* ========================================================================= */
/* ------------------------------------- */
/* 家族
/* ------------------------------------- */
.vkui-fm-0{font-family:  "Arial","Microsoft YaHei",'微软雅黑', '黑体', '新宋体', 'Arial Unicode MS', serif ; -mox-osx-font-smoothing:antialiased; -webkit-font-smoothing:antialiased;}
.vkui-fm-1{font-family:  "Arial","Microsoft YaHei";}
/* ------------------------------------- */
/* 字号
/* ------------------------------------- */
.vkui-fs-a10{font-size: 10px;}
.vkui-fs-a12{font-size: 12px;}
.vkui-fs-a13{font-size: 13px;}
.vkui-fs-a14{font-size: 14px;}
.vkui-fs-a16{font-size: 16px;}
.vkui-fs-a18{font-size: 18px;}
.vkui-fs-a20{font-size: 20px;}
.vkui-fs-a24{font-size: 24px;}
.vkui-fs-a36{font-size: 36px;}
.vkui-fs-a40{font-size: 40px;}
/* ------------------------------------- */
/* 粗细
/* ------------------------------------- */
.vkui-fw-i{font-weight: initial;}
.vkui-fw-1{font-weight: 100;}
.vkui-fw-2{font-weight: 200;}
.vkui-fw-3{font-weight: 300;}
.vkui-fw-4{font-weight: 400;}
.vkui-fw-5{font-weight: 500;}
.vkui-fw-6{font-weight: 600;}
.vkui-fw-7{font-weight: 700;}
.vkui-fw-8{font-weight: 800;}
.vkui-fw-b{font-weight: bold;}
/* ------------------------------------- */
/* 风格
/* ------------------------------------- */
.vkui-fs-i{font-style: italic;}
.vkui-fs-n{font-style: normal;}
.vkui-fs-o{font-style: oblique;}

/* =========================================================================*/
/* 其它设置
/* =========================================================================*/
.vkui-or-cs{cursor: pointer;}

/* =========================================================================*/
/* 面板设置
/* =========================================================================*/
/* ------------------------------------- */
/* 基础面板
/* ------------------------------------- */
.vkui-panel {
    position: relative;
    padding:24px;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    background-color: var(--bs-gray-100);
    border-color: var(--bs-gray-200);
    color: var(--bs-gray-600);
}
.vkui-panel-white {
    position: relative;
    padding:24px;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    background-color: var(--bs-white);
    border-color: var(--bs-gray-200);
    color: var(--bs-gray-600);
}
/* ------------------------------------- */
/* 面板 —— 主色
/* ------------------------------------- */
.vkui-pan-primary {
    background-color: var(--bs-blue-500) !important;
    border-color: var(--bs-blue-500) !important;
    color: var(--bs-white) !important;
}
.vkui-pan-primary-1 {
    background-color: var(--bs-blue-100) !important;
    border-color: var(--bs-blue-200) !important;
    color: var(--bs-blue-600) !important;
}
.vkui-pan-primary-2 {
    background-color: var(--bs-blue-200) !important;
    border-color: var(--bs-blue-200) !important;
    color: var(--bs-blue-600) !important;
}
.vkui-pan-primary-3 {
    background-color: var(--bs-blue-600) !important;
    border-color: var(--bs-blue-600) !important;
    color: var(--bs-white) !important;
}
/* ------------------------------------- */
/* 面板 —— 成功
/* ------------------------------------- */
.vkui-pan-success {
    background-color: var(--bs-green-500) !important;
    border-color: var(--bs-green-500) !important;
    color: var(--bs-white) !important;
}
.vkui-pan-success-1 {
    background-color: var(--bs-green-100) !important;
    border-color: var(--bs-green-200) !important;
    color: var(--bs-green-600) !important;
}
.vkui-pan-success-2 {
    background-color: var(--bs-green-200) !important;
    border-color: var(--bs-green-200) !important;
    color: var(--bs-green-600) !important;
}
.vkui-pan-success-3 {
    background-color: var(--bs-green-600) !important;
    border-color: var(--bs-green-600) !important;
    color: var(--bs-white) !important;
}
/* ------------------------------------- */
/* 面板 —— 危险
/* ------------------------------------- */
.vkui-pan-danger {
    background-color: var(--bs-red-500) !important;
    border-color: var(--bs-red-500) !important;
    color: var(--bs-white) !important;
}
.vkui-pan-danger-1 {
    background-color: var(--bs-red-100) !important;
    border-color: var(--bs-red-200) !important;
    color: var(--bs-red-600) !important;
}
.vkui-pan-danger-2 {
    background-color: var(--bs-red-200) !important;
    border-color: var(--bs-red-200) !important;
    color: var(--bs-red-600) !important;
}
.vkui-pan-danger-3 {
    background-color: var(--bs-red-600) !important;
    border-color: var(--bs-red-600) !important;
    color: var(--bs-white) !important;
}
/* ------------------------------------- */
/* 面板 —— 警告
/* ------------------------------------- */
.vkui-pan-warning {
    background-color: var(--bs-yellow-500) !important;
    border-color: var(--bs-yellow-500) !important;
    color: var(--bs-black) !important;
}
.vkui-pan-warning-1 {
    background-color: var(--bs-yellow-100) !important;
    border-color: var(--bs-yellow-200) !important;
    color: var(--bs-yellow-600) !important;
}
.vkui-pan-warning-2 {
    background-color: var(--bs-yellow-200) !important;
    border-color: var(--bs-yellow-200) !important;
    color: var(--bs-yellow-600) !important;
}
.vkui-pan-warning-3 {
    background-color: var(--bs-yellow-600) !important;
    border-color: var(--bs-yellow-600) !important;
    color: var(--bs-white) !important;
}
/* ------------------------------------- */
/* 面板 —— 信息
/* ------------------------------------- */
.vkui-pan-info {
    background-color: var(--bs-cyan-500) !important;
    border-color: var(--bs-cyan-500) !important;
    color: var(--bs-black) !important;
}
.vkui-pan-info-1 {
    background-color: var(--bs-cyan-100) !important;
    border-color: var(--bs-cyan-200) !important;
    color: var(--bs-cyan-600) !important;
}
.vkui-pan-info-2 {
    background-color: var(--bs-cyan-200) !important;
    border-color: var(--bs-cyan-200) !important;
    color: var(--bs-cyan-600) !important;
}
.vkui-pan-info-3 {
    background-color: var(--bs-cyan-600) !important;
    border-color: var(--bs-cyan-600) !important;
    color: var(--bs-white) !important;
}
/* ------------------------------------- */
/* 面板 —— 亮色调
/* ------------------------------------- */
.vkui-pan-light {
    background-color: var(--bs-gray-100) !important;
    border-color: var(--bs-gray-300) !important;
    color: var(--bs-black) !important;
}
.vkui-pan-light-1 {
    background-color: var(--bs-gray-100) !important;
    border-color: var(--bs-gray-200) !important;
    color: var(--bs-gray-600) !important;
}
.vkui-pan-light-2 {
    background-color: var(--bs-gray-200) !important;
    border-color: var(--bs-gray-300) !important;
    color: var(--bs-gray-600) !important;
}
.vkui-pan-light-3 {
    background-color: var(--bs-gray-600) !important;
    border-color: var(--bs-gray-300) !important;
    color: var(--bs-white) !important;
}
/* ------------------------------------- */
/* 面板 —— 暗色调
/* ------------------------------------- */
.vkui-pan-dark {
    background-color: var(--bs-gray-900) !important;
    border-color: var(--bs-gray-300) !important;
    color: var(--bs-white) !important;
}
.vkui-pan-dark-1 {
    background-color: var(--bs-gray-400) !important;
    border-color: var(--bs-gray-500) !important;
    color: var(--bs-gray-700) !important;
}
.vkui-pan-dark-2 {
    background-color: var(--bs-gray-500) !important;
    border-color: var(--bs-gray-300) !important;
    color: var(--bs-gray-700) !important;
}
.vkui-pan-dark-3 {
    background-color: var(--bs-gray-700) !important;
    border-color: var(--bs-gray-300) !important;
    color: var(--bs-white) !important;
}

/* =========================================================================*/
/* 文章列表
/* =========================================================================*/
/*文章列表-基本式样*/
.vkui-ul li {
    font-size: 14px;
    line-height: 40px;
    height: 40px;
    color: var(--bs-gray-600);
    border-bottom: 1px dotted var(--bs-gray-300);
    position: relative;
    padding-left: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.vkui-ul li a{
    display: block;
    color: var(--bs-gray-600);
    white-space: nowrap; /* 不换行 */
    overflow: hidden; /* 隐藏超出部分 */
    text-overflow: ellipsis; /* 添加省略号 */
}
.vkui-ul li:before {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    top: 0;
    left: -2px;
    font-size: 12px;
    width: 1.28571429em;
    text-align: center;
    color: var(--bs-gray-500);
}
.vkui-ul li .date {
    float: right;
    display: block;
    margin-left: 16px;
}
/*文章列表-无列表标记*/
.vkui-ul-empty li{
    padding-left: 0;
}
.vkui-ul-empty li:before{
   content:""; 
}
/*文章列表-实心圆点标记*/
.vkui-ul-circle li:before{
   content:"\f111" !important; 
   font-size:6px;
   left:4px;
}
/*文章列表-空心圆标记*/
.vkui-ul-circle-o li:before{
   content:"\f1db" !important; 
   font-size:6px;
   left:4px;
}
/*文章列表-牛眼标记*/
.vkui-ul-bullseye li:before{
   content:"\f140" !important; 
}
/*文章列表-超大间距列表*/
.vkui-ul-xl li{
   height: 80px;
   line-height: 80px;
   font-size:16px;
}
/*文章列表-大间距列表*/
.vkui-ul-lg li{
   height: 60px;
   line-height: 60px;
   font-size:16px;
}
/*文章列表-小间距列表*/
.vkui-ul-sm li{
   height: 30px;
   line-height: 30px;
   font-size:12px;
}
/*文章列表-超小间距列表*/
.vkui-ul-xs li{
   height: 24px;
   line-height: 24px;
   font-size:12px;
}

/* =========================================================================*/
/* 图文混排
/* =========================================================================*/
/*图文混排-基本图文混排*/
.vkui-gallery {
    font-size: 14px;
    background-color: #FFFFFF;
    position: relative;
    cursor: pointer;
}
.vkui-gallery .img-box{
    height: 360px;
    overflow: hidden;
}
.vkui-gallery .img-box a{
    display: block;
}
.vkui-gallery .img-box img {
    width: 100%;
    height: 100%;
}
.vkui-gallery .title-box {
    font-size: 20px;
    color: #ee6237;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 25px;
    padding:16px;
}
.vkui-gallery .title-box a {
    display: block;
    color: #ee6237;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 25px;
    text-align: center;
}
.vkui-gallery .intro-box{
    display: block;
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    padding: 0 20px 15px;
    height: 55px;
    overflow: hidden;
}
/*图文混排-图片在左侧的图文混排*/
.vkui-gallery-left .img-box{
   float: left;
   width:150px;
   height: 100px;
}
.vkui-gallery-left .title-box{
    margin-left:166px;
}
.vkui-gallery-left .intro-box{
    margin-left:166px;
}
/*图文混排-图片在右侧的图文混排*/
.vkui-gallery-right .img-box{
   float: right;
   width:150px;
   height: 100px;
}
.vkui-gallery-right .title-box{
    margin-right:166px;
}
.vkui-gallery-right .intro-box{
    margin-right:166px;
}

/* =========================================================================*/
/* vkui 自定义控件及重定义 layui v2.9.14 的一些控件式样
/* =========================================================================*/
/* ------------------------------------- */
/* 面包屑
/* ------------------------------------- */
.vkui-crumbs {
    height: 40px;
    line-height: 40px;
    background: #FFFFFF;
    border: none;
    padding-left: 15px;
    border-bottom: 1px dotted var(--bs-gray-300);
    display: block;
    overflow: hidden;
    width: auto;
}
.vkui-crumbs ul li {
    float: left;
    padding-right: 24px;
    position: relative;
}
.vkui-crumbs ul li:first-child {
    padding-right: 5px;
    color: var(--bs-blue-300);
}
.vkui-crumbs ul li:before {
    content: "\e65b";
    color: var(--bs-gray-500);
    position: absolute;
    right: 5px;
    top: calc(50% - 19px);
    font-size: 10px;
    font-family: layui-icon !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.vkui-crumbs ul li:first-child:before,
.vkui-crumbs ul li:last-child:before {
    display: none;
}
/* ------------------------------------- */
/* 带标签的选择框
/* ------------------------------------- */
.vk-tool-select{display: table;padding-right:15px;width:100%; border-collapse:separate; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position: relative; }
.vk-tool-select .vk-tool-label{ display: table-cell; white-space:nowrap; text-align: center; width:1%; }
.vk-tool-select .vk-tool-label span{ text-align: center; background-color: #1E9FFF; color:#FFFFFF; position: relative; margin-right:-1px; padding:7px 10px; line-height: 28px; font-size:12px; }
.vk-tool-select .layui-input-inline{width:100%;}
.vk-tool-select .layui-unselect{border-color:#1E9FFF;}
.vk-tool-select .layui-input{height:28px;border-color:#1E9FFF;}
.vk-tool-select .layui-input:hover ,.vk-tool-select .layui-input:focus{border-color:#1E9FFF !important;}
.vk-tool-select>select{ display: table-cell; width:100%; }
.vk-tool-select .layui-form-selected dl{top:30px;}
.vk-tool-select .layui-form-select dl dd{font-size:12px;}
.vk-tool-select .layui-form-select dl dd.layui-this{background-color:#1E9FFF;}
.vk-tool-select .layui-select-title{position: relative;top:0px;font-size:12px;}
/* ------------------------------------- */
/* 带标签的输入框
/* ------------------------------------- */
.vk-input-label{width:100%;height:28px;position: relative;}
.vk-input-label input{font-size:14px;height:28px;border-radius:14px;border:1px solid #A4A4A4;padding:0 30px 0 16px;width:100%;box-sizing:border-box;background-color: transparent;}
.vk-input-label #vk-btnSearch{position: absolute;top:0px;right:6px;width:20px;height:20px;cursor: pointer;}
.vk-input-label #vk-btnSearch:hover{color:#1E9FFF;}
/* =========================================================================*/
/* 重定义 layui 表格中的一些控件式样
/* =========================================================================*/
/*4-重自定义layui控件-表格中的switch*/
.layui-table .layui-form-switch{margin-top:0;}
/*4-重自定义layui控件-表格中的button*/
.layui-table .layui-btn{height:28px;line-height:28px;padding:0 10px;font-size:12px;}
/* 表单输入框宽度 */
.layui-form-item .vk-input-inline2{width:510px;}
/* 表单 */
.vk-input-sm{height:32px;}
.layui-iconpicker-icon-limit{width: 200px;}
/* 颜色选择器 */
.layui-table .vkui-table-color-box{}
.vkui-table-color-box .vkui-colortext{
	margin-right: 38px;		
}
.vkui-table-color-box .vkui-colorpicker{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 189;
	padding:0;
	width: 38px;
    height: 38px;
    border-left: 1px solid #eee;
    padding: 5px;
    border-radius: 2px;
}
.vkui-table-color-box .layui-colorpicker{
	position: relative !important;
	padding:0;
	width:26px;
	height:26px;	
}
.layui-table .vkui-table-edit {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 189;
    min-width: 100%;
    min-height: 100%;
    padding: 5px 14px;
    border-radius: 0;
    box-shadow: 1px 1px 20px rgba(0, 0, 0, .15);
    background-color: #fff;
}
/* 日期时间选择器 */
.layui-table .vkui-table-datetime-box, .layui-table .vkui-table-select-box{
	position: absolute;
    left: 0;
    top: 0;
    z-index: 189;
}
/* 下拉列表框 */
.layui-table .vkui-table-select-box .layui-form-select .layui-input{
	height:38px;
	line-height: 38px;
}
/* 滑块 */
.layui-table .vkui-range{margin:10px; padding:0 10px;}

/*震动*/
@-webkit-keyframes shake { 10%, 90% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 20%, 80% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } 30%, 50%, 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 40%, 60% { -webkit-transform: rotate(-4deg); transform: rotate(-4deg); } }
@keyframes shake { 10%, 90% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 20%, 80% { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); } 30%, 50%, 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg); } 40%, 60% { -webkit-transform: rotate(-4deg); transform: rotate(-4deg); } }
/*向左飞入*/
.layui-anim-left { -webkit-animation-name: layui-left; animation-name: layui-left; }
@-webkit-keyframes layui-left { from { -webkit-transform: translate3d(1000px,0,0); opacity: .3 }  to { -webkit-transform: translate3d(0,0,0); opacity: 1 } }
@keyframes layui-left { from { transform: translate3d(1000px,0,0); opacity: .3 }  to { transform: translate3d(0,0,0); opacity: 1 } }
/*向右飞入*/
.layui-anim-right { -webkit-animation-name: layui-right; animation-name: layui-right; }
@-webkit-keyframes layui-right { from { -webkit-transform: translate3d(0,0,0); opacity: .3 }  to { -webkit-transform: translate3d(1000px,0,0); opacity: 1 } }
@keyframes layui-right { from { transform: translate3d(0,0,0); opacity: .3 }  to { transform: translate3d(1000px,0,0); opacity: 1 } }



/* =========================================================================
/* 旧规范的代码 —— 更新后删除
/* =========================================================================
/*6-VKES式样*/
.vkp-1{cursor: pointer;}
/*--------------------------------------------------------------------*/
/*1-颜色-前景颜色-蓝色*/
.vkc-ft-blue-100{color:var(--bs-blue-100) !important;}
.vkc-ft-blue-200{color:var(--bs-blue-200) !important;}
.vkc-ft-blue-300{color:var(--bs-blue-300) !important;}
.vkc-ft-blue-400{color:var(--bs-blue-400) !important;}
.vkc-ft-blue-500{color:var(--bs-blue-500) !important;}
.vkc-ft-blue-600{color:var(--bs-blue-600) !important;}
.vkc-ft-blue-700{color:var(--bs-blue-700) !important;}
.vkc-ft-blue-800{color:var(--bs-blue-800) !important;}
.vkc-ft-blue-900{color:var(--bs-blue-900) !important;}
/*1-颜色-前景颜色-靛蓝色*/
.vkc-ft-indigo-100{color:var(--bs-indigo-100) !important;}
.vkc-ft-indigo-200{color:var(--bs-indigo-200) !important;}
.vkc-ft-indigo-300{color:var(--bs-indigo-300) !important;}
.vkc-ft-indigo-400{color:var(--bs-indigo-400) !important;}
.vkc-ft-indigo-500{color:var(--bs-indigo-500) !important;}
.vkc-ft-indigo-600{color:var(--bs-indigo-600) !important;}
.vkc-ft-indigo-700{color:var(--bs-indigo-700) !important;}
.vkc-ft-indigo-800{color:var(--bs-indigo-800) !important;}
.vkc-ft-indigo-900{color:var(--bs-indigo-900) !important;}
/*1-颜色-前景颜色-紫色*/
.vkc-ft-purple-100{color:var(--bs-purple-100) !important;}
.vkc-ft-purple-200{color:var(--bs-purple-200) !important;}
.vkc-ft-purple-300{color:var(--bs-purple-300) !important;}
.vkc-ft-purple-400{color:var(--bs-purple-400) !important;}
.vkc-ft-purple-500{color:var(--bs-purple-500) !important;}
.vkc-ft-purple-600{color:var(--bs-purple-600) !important;}
.vkc-ft-purple-700{color:var(--bs-purple-700) !important;}
.vkc-ft-purple-800{color:var(--bs-purple-800) !important;}
.vkc-ft-purple-900{color:var(--bs-purple-900) !important;}
/*1-颜色-前景颜色-粉红色*/
.vkc-ft-pink-100{color:var(--bs-pink-100) !important;}
.vkc-ft-pink-200{color:var(--bs-pink-200) !important;}
.vkc-ft-pink-300{color:var(--bs-pink-300) !important;}
.vkc-ft-pink-400{color:var(--bs-pink-400) !important;}
.vkc-ft-pink-500{color:var(--bs-pink-500) !important;}
.vkc-ft-pink-600{color:var(--bs-pink-600) !important;}
.vkc-ft-pink-700{color:var(--bs-pink-700) !important;}
.vkc-ft-pink-800{color:var(--bs-pink-800) !important;}
.vkc-ft-pink-900{color:var(--bs-pink-900) !important;}
/*1-颜色-前景颜色-红色*/
.vkc-ft-red-100{color:var(--bs-red-100) !important;}
.vkc-ft-red-200{color:var(--bs-red-200) !important;}
.vkc-ft-red-300{color:var(--bs-red-300) !important;}
.vkc-ft-red-400{color:var(--bs-red-400) !important;}
.vkc-ft-red-500{color:var(--bs-red-500) !important;}
.vkc-ft-red-600{color:var(--bs-red-600) !important;}
.vkc-ft-red-700{color:var(--bs-red-700) !important;}
.vkc-ft-red-800{color:var(--bs-red-800) !important;}
.vkc-ft-red-900{color:var(--bs-red-900) !important;}
/*1-颜色-前景颜色-橙色*/
.vkc-ft-orange-100{color:var(--bs-orange-100) !important;}
.vkc-ft-orange-200{color:var(--bs-orange-200) !important;}
.vkc-ft-orange-300{color:var(--bs-orange-300) !important;}
.vkc-ft-orange-400{color:var(--bs-orange-400) !important;}
.vkc-ft-orange-500{color:var(--bs-orange-500) !important;}
.vkc-ft-orange-600{color:var(--bs-orange-600) !important;}
.vkc-ft-orange-700{color:var(--bs-orange-700) !important;}
.vkc-ft-orange-800{color:var(--bs-orange-800) !important;}
.vkc-ft-orange-900{color:var(--bs-orange-900) !important;}
/*1-颜色-前景颜色-黄色*/
.vkc-ft-yellow-100{color:var(--bs-yellow-100) !important;}
.vkc-ft-yellow-200{color:var(--bs-yellow-200) !important;}
.vkc-ft-yellow-300{color:var(--bs-yellow-300) !important;}
.vkc-ft-yellow-400{color:var(--bs-yellow-400) !important;}
.vkc-ft-yellow-500{color:var(--bs-yellow-500) !important;}
.vkc-ft-yellow-600{color:var(--bs-yellow-600) !important;}
.vkc-ft-yellow-700{color:var(--bs-yellow-700) !important;}
.vkc-ft-yellow-800{color:var(--bs-yellow-800) !important;}
.vkc-ft-yellow-900{color:var(--bs-yellow-900) !important;}
/*1-颜色-前景颜色-绿色*/
.vkc-ft-green-100{color:var(--bs-green-100) !important;}
.vkc-ft-green-200{color:var(--bs-green-200) !important;}
.vkc-ft-green-300{color:var(--bs-green-300) !important;}
.vkc-ft-green-400{color:var(--bs-green-400) !important;}
.vkc-ft-green-500{color:var(--bs-green-500) !important;}
.vkc-ft-green-600{color:var(--bs-green-600) !important;}
.vkc-ft-green-700{color:var(--bs-green-700) !important;}
.vkc-ft-green-800{color:var(--bs-green-800) !important;}
.vkc-ft-green-900{color:var(--bs-green-900) !important;}
/*1-颜色-前景颜色-青绿色*/
.vkc-ft-teal-100{color:var(--bs-teal-100) !important;}
.vkc-ft-teal-200{color:var(--bs-teal-200) !important;}
.vkc-ft-teal-300{color:var(--bs-teal-300) !important;}
.vkc-ft-teal-400{color:var(--bs-teal-400) !important;}
.vkc-ft-teal-500{color:var(--bs-teal-500) !important;}
.vkc-ft-teal-600{color:var(--bs-teal-600) !important;}
.vkc-ft-teal-700{color:var(--bs-teal-700) !important;}
.vkc-ft-teal-800{color:var(--bs-teal-800) !important;}
.vkc-ft-teal-900{color:var(--bs-teal-900) !important;}
/*1-颜色-前景颜色-青色*/
.vkc-ft-cyan-100{color:var(--bs-cyan-100) !important;}
.vkc-ft-cyan-200{color:var(--bs-cyan-200) !important;}
.vkc-ft-cyan-300{color:var(--bs-cyan-300) !important;}
.vkc-ft-cyan-400{color:var(--bs-cyan-400) !important;}
.vkc-ft-cyan-500{color:var(--bs-cyan-500) !important;}
.vkc-ft-cyan-600{color:var(--bs-cyan-600) !important;}
.vkc-ft-cyan-700{color:var(--bs-cyan-700) !important;}
.vkc-ft-cyan-800{color:var(--bs-cyan-800) !important;}
.vkc-ft-cyan-900{color:var(--bs-cyan-900) !important;}
/*1-颜色-前景颜色-灰色*/
.vkc-ft-gray-100{color:var(--bs-gray-100) !important;}
.vkc-ft-gray-200{color:var(--bs-gray-200) !important;}
.vkc-ft-gray-300{color:var(--bs-gray-300) !important;}
.vkc-ft-gray-400{color:var(--bs-gray-400) !important;}
.vkc-ft-gray-500{color:var(--bs-gray-500) !important;}
.vkc-ft-gray-600{color:var(--bs-gray-600) !important;}
.vkc-ft-gray-700{color:var(--bs-gray-700) !important;}
.vkc-ft-gray-800{color:var(--bs-gray-800) !important;}
.vkc-ft-gray-900{color:var(--bs-gray-900) !important;}
/*1-颜色-背景颜色-黑色*/
.vkc-ft-black{color:var(--bs-black) !important;}
/*1-颜色-背景颜色-白色*/
.vkc-ft-white{color:var(--bs-white) !important;}
/*--------------------------------------------------------------------*/
/*1-颜色-背景颜色-蓝色*/
.vkc-bg-blue-100{background-color:var(--bs-blue-100) !important;}
.vkc-bg-blue-200{background-color:var(--bs-blue-200) !important;}
.vkc-bg-blue-300{background-color:var(--bs-blue-300) !important;}
.vkc-bg-blue-400{background-color:var(--bs-blue-400) !important;}
.vkc-bg-blue-500{background-color:var(--bs-blue-500) !important;}
.vkc-bg-blue-600{background-color:var(--bs-blue-600) !important;}
.vkc-bg-blue-700{background-color:var(--bs-blue-700) !important;}
.vkc-bg-blue-800{background-color:var(--bs-blue-800) !important;}
.vkc-bg-blue-900{background-color:var(--bs-blue-900) !important;}
/*1-颜色-背景颜色-靛蓝色*/
.vkc-bg-indigo-100{background-color:var(--bs-indigo-100) !important;}
.vkc-bg-indigo-200{background-color:var(--bs-indigo-200) !important;}
.vkc-bg-indigo-300{background-color:var(--bs-indigo-300) !important;}
.vkc-bg-indigo-400{background-color:var(--bs-indigo-400) !important;}
.vkc-bg-indigo-500{background-color:var(--bs-indigo-500) !important;}
.vkc-bg-indigo-600{background-color:var(--bs-indigo-600) !important;}
.vkc-bg-indigo-700{background-color:var(--bs-indigo-700) !important;}
.vkc-bg-indigo-800{background-color:var(--bs-indigo-800) !important;}
.vkc-bg-indigo-900{background-color:var(--bs-indigo-900) !important;}
/*1-颜色-背景颜色-紫色*/
.vkc-bg-purple-100{background-color:var(--bs-purple-100) !important;}
.vkc-bg-purple-200{background-color:var(--bs-purple-200) !important;}
.vkc-bg-purple-300{background-color:var(--bs-purple-300) !important;}
.vkc-bg-purple-400{background-color:var(--bs-purple-400) !important;}
.vkc-bg-purple-500{background-color:var(--bs-purple-500) !important;}
.vkc-bg-purple-600{background-color:var(--bs-purple-600) !important;}
.vkc-bg-purple-700{background-color:var(--bs-purple-700) !important;}
.vkc-bg-purple-800{background-color:var(--bs-purple-800) !important;}
.vkc-bg-purple-900{background-color:var(--bs-purple-900) !important;}
/*1-颜色-背景颜色-粉红色*/
.vkc-bg-pink-100{background-color:var(--bs-pink-100) !important;}
.vkc-bg-pink-200{background-color:var(--bs-pink-200) !important;}
.vkc-bg-pink-300{background-color:var(--bs-pink-300) !important;}
.vkc-bg-pink-400{background-color:var(--bs-pink-400) !important;}
.vkc-bg-pink-500{background-color:var(--bs-pink-500) !important;}
.vkc-bg-pink-600{background-color:var(--bs-pink-600) !important;}
.vkc-bg-pink-700{background-color:var(--bs-pink-700) !important;}
.vkc-bg-pink-800{background-color:var(--bs-pink-800) !important;}
.vkc-bg-pink-900{background-color:var(--bs-pink-900) !important;}
/*1-颜色-背景颜色-红色*/
.vkc-bg-red-100{background-color:var(--bs-red-100) !important;}
.vkc-bg-red-200{background-color:var(--bs-red-200) !important;}
.vkc-bg-red-300{background-color:var(--bs-red-300) !important;}
.vkc-bg-red-400{background-color:var(--bs-red-400) !important;}
.vkc-bg-red-500{background-color:var(--bs-red-500) !important;}
.vkc-bg-red-600{background-color:var(--bs-red-600) !important;}
.vkc-bg-red-700{background-color:var(--bs-red-700) !important;}
.vkc-bg-red-800{background-color:var(--bs-red-800) !important;}
.vkc-bg-red-900{background-color:var(--bs-red-900) !important;}
/*1-颜色-背景颜色-橙色*/
.vkc-bg-orange-100{background-color:var(--bs-orange-100) !important;}
.vkc-bg-orange-200{background-color:var(--bs-orange-200) !important;}
.vkc-bg-orange-300{background-color:var(--bs-orange-300) !important;}
.vkc-bg-orange-400{background-color:var(--bs-orange-400) !important;}
.vkc-bg-orange-500{background-color:var(--bs-orange-500) !important;}
.vkc-bg-orange-600{background-color:var(--bs-orange-600) !important;}
.vkc-bg-orange-700{background-color:var(--bs-orange-700) !important;}
.vkc-bg-orange-800{background-color:var(--bs-orange-800) !important;}
.vkc-bg-orange-900{background-color:var(--bs-orange-900) !important;}
/*1-颜色-背景颜色-黄色*/
.vkc-bg-yellow-100{background-color:var(--bs-yellow-100) !important;}
.vkc-bg-yellow-200{background-color:var(--bs-yellow-200) !important;}
.vkc-bg-yellow-300{background-color:var(--bs-yellow-300) !important;}
.vkc-bg-yellow-400{background-color:var(--bs-yellow-400) !important;}
.vkc-bg-yellow-500{background-color:var(--bs-yellow-500) !important;}
.vkc-bg-yellow-600{background-color:var(--bs-yellow-600) !important;}
.vkc-bg-yellow-700{background-color:var(--bs-yellow-700) !important;}
.vkc-bg-yellow-800{background-color:var(--bs-yellow-800) !important;}
.vkc-bg-yellow-900{background-color:var(--bs-yellow-900) !important;}
/*1-颜色-背景颜色-绿色*/
.vkc-bg-green-100{background-color:var(--bs-green-100) !important;}
.vkc-bg-green-200{background-color:var(--bs-green-200) !important;}
.vkc-bg-green-300{background-color:var(--bs-green-300) !important;}
.vkc-bg-green-400{background-color:var(--bs-green-400) !important;}
.vkc-bg-green-500{background-color:var(--bs-green-500) !important;}
.vkc-bg-green-600{background-color:var(--bs-green-600) !important;}
.vkc-bg-green-700{background-color:var(--bs-green-700) !important;}
.vkc-bg-green-800{background-color:var(--bs-green-800) !important;}
.vkc-bg-green-900{background-color:var(--bs-green-900) !important;}
/*1-颜色-背景颜色-青绿色*/
.vkc-bg-teal-100{background-color:var(--bs-teal-100) !important;}
.vkc-bg-teal-200{background-color:var(--bs-teal-200) !important;}
.vkc-bg-teal-300{background-color:var(--bs-teal-300) !important;}
.vkc-bg-teal-400{background-color:var(--bs-teal-400) !important;}
.vkc-bg-teal-500{background-color:var(--bs-teal-500) !important;}
.vkc-bg-teal-600{background-color:var(--bs-teal-600) !important;}
.vkc-bg-teal-700{background-color:var(--bs-teal-700) !important;}
.vkc-bg-teal-800{background-color:var(--bs-teal-800) !important;}
.vkc-bg-teal-900{background-color:var(--bs-teal-900) !important;}
/*1-颜色-背景颜色-青色*/
.vkc-bg-cyan-100{background-color:var(--bs-cyan-100) !important;}
.vkc-bg-cyan-200{background-color:var(--bs-cyan-200) !important;}
.vkc-bg-cyan-300{background-color:var(--bs-cyan-300) !important;}
.vkc-bg-cyan-400{background-color:var(--bs-cyan-400) !important;}
.vkc-bg-cyan-500{background-color:var(--bs-cyan-500) !important;}
.vkc-bg-cyan-600{background-color:var(--bs-cyan-600) !important;}
.vkc-bg-cyan-700{background-color:var(--bs-cyan-700) !important;}
.vkc-bg-cyan-800{background-color:var(--bs-cyan-800) !important;}
.vkc-bg-cyan-900{background-color:var(--bs-cyan-900) !important;}
/*1-颜色-背景颜色-灰色*/
.vkc-bg-gray-100{background-color:var(--bs-gray-100) !important;}
.vkc-bg-gray-200{background-color:var(--bs-gray-200) !important;}
.vkc-bg-gray-300{background-color:var(--bs-gray-300) !important;}
.vkc-bg-gray-400{background-color:var(--bs-gray-400) !important;}
.vkc-bg-gray-500{background-color:var(--bs-gray-500) !important;}
.vkc-bg-gray-600{background-color:var(--bs-gray-600) !important;}
.vkc-bg-gray-700{background-color:var(--bs-gray-700) !important;}
.vkc-bg-gray-800{background-color:var(--bs-gray-800) !important;}
.vkc-bg-gray-900{background-color:var(--bs-gray-900) !important;}
/*1-颜色-背景颜色-黑色*/
.vkc-bg-black{background-color:var(--bs-black) !important;}
/*1-颜色-背景颜色-白色*/
.vkc-bg-white{background-color:var(--bs-white) !important;}
/*--------------------------------------------------------------------*/
/*1-颜色-边框颜色-蓝色*/
.vkc-bd-blue-100{border-color:var(--bs-blue-100) !important;}
.vkc-bd-blue-200{border-color:var(--bs-blue-200) !important;}
.vkc-bd-blue-300{border-color:var(--bs-blue-300) !important;}
.vkc-bd-blue-400{border-color:var(--bs-blue-400) !important;}
.vkc-bd-blue-500{border-color:var(--bs-blue-500) !important;}
.vkc-bd-blue-600{border-color:var(--bs-blue-600) !important;}
.vkc-bd-blue-700{border-color:var(--bs-blue-700) !important;}
.vkc-bd-blue-800{border-color:var(--bs-blue-800) !important;}
.vkc-bd-blue-900{border-color:var(--bs-blue-900) !important;}
/*1-颜色-边框颜色-靛蓝色*/
.vkc-bd-indigo-100{border-color:var(--bs-indigo-100) !important;}
.vkc-bd-indigo-200{border-color:var(--bs-indigo-200) !important;}
.vkc-bd-indigo-300{border-color:var(--bs-indigo-300) !important;}
.vkc-bd-indigo-400{border-color:var(--bs-indigo-400) !important;}
.vkc-bd-indigo-500{border-color:var(--bs-indigo-500) !important;}
.vkc-bd-indigo-600{border-color:var(--bs-indigo-600) !important;}
.vkc-bd-indigo-700{border-color:var(--bs-indigo-700) !important;}
.vkc-bd-indigo-800{border-color:var(--bs-indigo-800) !important;}
.vkc-bd-indigo-900{border-color:var(--bs-indigo-900) !important;}
/*1-颜色-边框颜色-紫色*/
.vkc-bd-purple-100{border-color:var(--bs-purple-100) !important;}
.vkc-bd-purple-200{border-color:var(--bs-purple-200) !important;}
.vkc-bd-purple-300{border-color:var(--bs-purple-300) !important;}
.vkc-bd-purple-400{border-color:var(--bs-purple-400) !important;}
.vkc-bd-purple-500{border-color:var(--bs-purple-500) !important;}
.vkc-bd-purple-600{border-color:var(--bs-purple-600) !important;}
.vkc-bd-purple-700{border-color:var(--bs-purple-700) !important;}
.vkc-bd-purple-800{border-color:var(--bs-purple-800) !important;}
.vkc-bd-purple-900{border-color:var(--bs-purple-900) !important;}
/*1-颜色-边框颜色-粉红色*/
.vkc-bd-pink-100{border-color:var(--bs-pink-100) !important;}
.vkc-bd-pink-200{border-color:var(--bs-pink-200) !important;}
.vkc-bd-pink-300{border-color:var(--bs-pink-300) !important;}
.vkc-bd-pink-400{border-color:var(--bs-pink-400) !important;}
.vkc-bd-pink-500{border-color:var(--bs-pink-500) !important;}
.vkc-bd-pink-600{border-color:var(--bs-pink-600) !important;}
.vkc-bd-pink-700{border-color:var(--bs-pink-700) !important;}
.vkc-bd-pink-800{border-color:var(--bs-pink-800) !important;}
.vkc-bd-pink-900{border-color:var(--bs-pink-900) !important;}
/*1-颜色-边框颜色-红色*/
.vkc-bd-red-100{border-color:var(--bs-red-100) !important;}
.vkc-bd-red-200{border-color:var(--bs-red-200) !important;}
.vkc-bd-red-300{border-color:var(--bs-red-300) !important;}
.vkc-bd-red-400{border-color:var(--bs-red-400) !important;}
.vkc-bd-red-500{border-color:var(--bs-red-500) !important;}
.vkc-bd-red-600{border-color:var(--bs-red-600) !important;}
.vkc-bd-red-700{border-color:var(--bs-red-700) !important;}
.vkc-bd-red-800{border-color:var(--bs-red-800) !important;}
.vkc-bd-red-900{border-color:var(--bs-red-900) !important;}
/*1-颜色-边框颜色-橙色*/
.vkc-bd-orange-100{border-color:var(--bs-orange-100) !important;}
.vkc-bd-orange-200{border-color:var(--bs-orange-200) !important;}
.vkc-bd-orange-300{border-color:var(--bs-orange-300) !important;}
.vkc-bd-orange-400{border-color:var(--bs-orange-400) !important;}
.vkc-bd-orange-500{border-color:var(--bs-orange-500) !important;}
.vkc-bd-orange-600{border-color:var(--bs-orange-600) !important;}
.vkc-bd-orange-700{border-color:var(--bs-orange-700) !important;}
.vkc-bd-orange-800{border-color:var(--bs-orange-800) !important;}
.vkc-bd-orange-900{border-color:var(--bs-orange-900) !important;}
/*1-颜色-边框颜色-黄色*/
.vkc-bd-yellow-100{border-color:var(--bs-yellow-100) !important;}
.vkc-bd-yellow-200{border-color:var(--bs-yellow-200) !important;}
.vkc-bd-yellow-300{border-color:var(--bs-yellow-300) !important;}
.vkc-bd-yellow-400{border-color:var(--bs-yellow-400) !important;}
.vkc-bd-yellow-500{border-color:var(--bs-yellow-500) !important;}
.vkc-bd-yellow-600{border-color:var(--bs-yellow-600) !important;}
.vkc-bd-yellow-700{border-color:var(--bs-yellow-700) !important;}
.vkc-bd-yellow-800{border-color:var(--bs-yellow-800) !important;}
.vkc-bd-yellow-900{border-color:var(--bs-yellow-900) !important;}
/*1-颜色-边框颜色-绿色*/
.vkc-bd-green-100{border-color:var(--bs-green-100) !important;}
.vkc-bd-green-200{border-color:var(--bs-green-200) !important;}
.vkc-bd-green-300{border-color:var(--bs-green-300) !important;}
.vkc-bd-green-400{border-color:var(--bs-green-400) !important;}
.vkc-bd-green-500{border-color:var(--bs-green-500) !important;}
.vkc-bd-green-600{border-color:var(--bs-green-600) !important;}
.vkc-bd-green-700{border-color:var(--bs-green-700) !important;}
.vkc-bd-green-800{border-color:var(--bs-green-800) !important;}
.vkc-bd-green-900{border-color:var(--bs-green-900) !important;}
/*1-颜色-边框颜色-青绿色*/
.vkc-bd-teal-100{border-color:var(--bs-teal-100) !important;}
.vkc-bd-teal-200{border-color:var(--bs-teal-200) !important;}
.vkc-bd-teal-300{border-color:var(--bs-teal-300) !important;}
.vkc-bd-teal-400{border-color:var(--bs-teal-400) !important;}
.vkc-bd-teal-500{border-color:var(--bs-teal-500) !important;}
.vkc-bd-teal-600{border-color:var(--bs-teal-600) !important;}
.vkc-bd-teal-700{border-color:var(--bs-teal-700) !important;}
.vkc-bd-teal-800{border-color:var(--bs-teal-800) !important;}
.vkc-bd-teal-900{border-color:var(--bs-teal-900) !important;}
/*1-颜色-边框颜色-青色*/
.vkc-bd-cyan-100{border-color:var(--bs-cyan-100) !important;}
.vkc-bd-cyan-200{border-color:var(--bs-cyan-200) !important;}
.vkc-bd-cyan-300{border-color:var(--bs-cyan-300) !important;}
.vkc-bd-cyan-400{border-color:var(--bs-cyan-400) !important;}
.vkc-bd-cyan-500{border-color:var(--bs-cyan-500) !important;}
.vkc-bd-cyan-600{border-color:var(--bs-cyan-600) !important;}
.vkc-bd-cyan-700{border-color:var(--bs-cyan-700) !important;}
.vkc-bd-cyan-800{border-color:var(--bs-cyan-800) !important;}
.vkc-bd-cyan-900{border-color:var(--bs-cyan-900) !important;}
/*1-颜色-边框颜色-灰色*/
.vkc-bd-gray-100{border-color:var(--bs-gray-100) !important;}
.vkc-bd-gray-200{border-color:var(--bs-gray-200) !important;}
.vkc-bd-gray-300{border-color:var(--bs-gray-300) !important;}
.vkc-bd-gray-400{border-color:var(--bs-gray-400) !important;}
.vkc-bd-gray-500{border-color:var(--bs-gray-500) !important;}
.vkc-bd-gray-600{border-color:var(--bs-gray-600) !important;}
.vkc-bd-gray-700{border-color:var(--bs-gray-700) !important;}
.vkc-bd-gray-800{border-color:var(--bs-gray-800) !important;}
.vkc-bd-gray-900{border-color:var(--bs-gray-900) !important;}
/*1-颜色-边框颜色-黑色*/
.vkc-bd-black{border-color:var(--bs-black) !important;}
/*1-颜色-边框颜色-白色*/
.vkc-bd-white{border-color:var(--bs-white) !important;}
/*--------------------------------------------------------------------*/
/*1-颜色-前端颜色-灰度*/
.vkc-f-h0{color:#000000 !important;}
.vkc-f-h1{color:#111111 !important;}
.vkc-f-h2{color:#222222 !important;}
.vkc-f-h3{color:#333333 !important;}
.vkc-f-h4{color:#444444 !important;}
.vkc-f-h5{color:#555555 !important;}
.vkc-f-h6{color:#666666 !important;}
.vkc-f-h7{color:#777777 !important;}
.vkc-f-h8{color:#888888 !important;}
.vkc-f-h9{color:#999999 !important;}
.vkc-f-h10{color:#AAAAAA !important;}
.vkc-f-h11{color:#BBBBBB !important;}
.vkc-f-h12{color:#CCCCCC !important;}
.vkc-f-h13{color:#DDDDDD !important;}
.vkc-f-h14{color:#EEEEEE !important;}
.vkc-f-h15{color:#FFFFFF !important;}
/*1-颜色-前端颜色-常用灰度*/
.vkc-f-h16{color:#F8F8F8;}
/*1-颜色-前端颜色-常用彩色*/
.vkc-f-b0{color:#0000FF !important;}
.vkc-f-b1{color:#1E9FFF !important;}
.vkc-f-b2{color:#669FC7 !important;}
.vkc-f-b3{color:#3F96D4 !important;}
.vkc-f-b4{color:#40AAE3 !important;}
.vkc-f-g0{color:#00FF00 !important;}
.vkc-f-g1{color:#009688 !important;}
.vkc-f-g2{color:#6C9842 !important;}
.vkc-f-o0{color:#FF5722 !important;}
.vkc-f-o1{color:#F89406 !important;}
.vkc-f-o2{color:#996633 !important;}
.vkc-f-p0{color:#A069C3 !important;}
.vkc-f-r0{color:#FF0000 !important;}
.vkc-f-r1{color:#DD5A43 !important;}
.vkc-f-r2{color:#B52C26 !important;}
.vkc-f-r3{color:#EBCCD1 !important;}
.vkc-f-y0{color:#FFFF00 !important;}
.vkc-f-y1{color:#FEE188 !important;}
/*1-颜色-背景颜色-灰度*/
.vkc-b-h0{background-color:#000000 !important;}
.vkc-b-h1{background-color:#111111 !important;}
.vkc-b-h2{background-color:#222222 !important;}
.vkc-b-h3{background-color:#333333 !important;}
.vkc-b-h4{background-color:#444444 !important;}
.vkc-b-h5{background-color:#555555 !important;}
.vkc-b-h6{background-color:#666666 !important;}
.vkc-b-h7{background-color:#777777 !important;}
.vkc-b-h8{background-color:#888888 !important;}
.vkc-b-h9{background-color:#999999 !important;}
.vkc-b-h10{background-color:#AAAAAA !important;}
.vkc-b-h11{background-color:#BBBBBB !important;}
.vkc-b-h12{background-color:#CCCCCC !important;}
.vkc-b-h13{background-color:#DDDDDD !important;}
.vkc-b-h14{background-color:#EEEEEE !important;}
.vkc-b-h15{background-color:#FFFFFF !important;}
/*1-颜色-背景颜色-常用灰度*/
.vkc-b-h16{background-color:#F8F8F8 !important;}
.vkc-b-h17{background-color:#F8F8F8 !important;}
.vkc-b-h18{background-color:#EDEDED !important;}
.vkc-b-h19{background-color:#F6F6F6 !important;}

/*1-颜色-背景颜色-常用彩色*/
.vkc-b-b0{background-color:#0000FF !important;}
.vkc-b-b1{background-color:#1E9FFF !important;}
.vkc-b-b2{background-color:#2A8BCB !important;}
.vkc-b-b3{background-color:#3F96D4 !important;}
.vkc-b-b4{background-color:#40AAE3 !important;}
.vkc-b-g0{background-color:#00FF00 !important;}
.vkc-b-g1{background-color:#009688 !important;}
.vkc-b-g2{background-color:#6C9842 !important;}
.vkc-b-o0{background-color:#FF5722 !important;}
.vkc-b-o1{background-color:#F89406 !important;}
.vkc-b-o2{background-color:#996633 !important;}
.vkc-b-p0{background-color:#A069C3 !important;}
.vkc-b-p1{background-color:#9889C1 !important;}
.vkc-b-p2{background-color:#BE2F64 !important;}
.vkc-b-r0{background-color:#FF0000 !important;}
.vkc-b-r1{background-color:#DD5A43 !important;}
.vkc-b-r2{background-color:#B52C26 !important;}
.vkc-b-r3{background-color:#EBCCD1 !important;}
.vkc-b-y0{background-color:#FFFF00 !important;}
.vkc-b-y1{background-color:#FEE188 !important;}
.vkc-b-y2{background-color:#FE9E19 !important;}
.vkc-b-y3{background-color:#FFB44B !important;}
.vkc-b-y4{background-color:#EDE8D5 !important;}
.vkc-b-y5{background-color:#CCC8B8 !important;}

/*1-颜色-边框颜色-灰度*/
.vkc-d-h0{border-color:#000000 !important;}
.vkc-d-h1{border-color:#111111 !important;}
.vkc-d-h2{border-color:#222222 !important;}
.vkc-d-h3{border-color:#333333 !important;}
.vkc-d-h4{border-color:#444444 !important;}
.vkc-d-h5{border-color:#555555 !important;}
.vkc-d-h6{border-color:#666666 !important;}
.vkc-d-h7{border-color:#777777 !important;}
.vkc-d-h8{border-color:#888888 !important;}
.vkc-d-h9{border-color:#999999 !important;}
.vkc-d-h10{border-color:#AAAAAA !important;}
.vkc-d-h11{border-color:#BBBBBB !important;}
.vkc-d-h12{border-color:#CCCCCC !important;}
.vkc-d-h13{border-color:#DDDDDD !important;}
.vkc-d-h14{border-color:#EEEEEE !important;}
.vkc-d-h15{border-color:#FFFFFF !important;}
/*1-颜色-边框颜色-常用彩色*/
.vkc-d-b0{border-color:#0000FF !important;}
.vkc-d-b1{border-color:#1E9FFF !important;}
.vkc-d-g0{border-color:#00FF00 !important;}
.vkc-d-g1{border-color:#009688 !important;}
.vkc-d-o0{border-color:#FF5722 !important;}
.vkc-d-o1{border-color:#F89406 !important;}
.vkc-d-o2{border-color:#996633 !important;}
.vkc-d-p0{border-color:#A069C3 !important;}
.vkc-d-r0{border-color:#FF0000 !important;}
.vkc-d-r1{border-color:#DD5A43 !important;}
.vkc-d-r4{border-color:#A94442 !important;}
.vkc-d-y0{border-color:#FFFF00 !important;}
.vkc-d-y1{border-color:#FEE188 !important;}

/*2-矩形-间距-内边距*/
.vkr-s-i-r05{padding:0.5rem !important;}
.vkr-s-i-r1{padding:1rem !important;}
.vkr-s-i-r2{padding:2rem !important;}
.vkr-s-i-d15{padding:0 15px !important;}
.vkr-s-i0{padding:0 !important;}
.vkr-s-i4{padding:4px !important;}
.vkr-s-i5{padding:5px !important;}
.vkr-s-i6{padding:6px !important;}
.vkr-s-i8{padding:8px !important;}
.vkr-s-i10{padding:10px !important;}
.vkr-s-i15{padding:15px !important;}
.vkr-s-i20{padding:20px !important;}
.vkr-s-i30{padding:30px !important;}
.vkr-s-i40{padding:40px !important;}
/*2-矩形-间距-外边距*/
.vkr-s-lr-15{margin:0 -15px !important;}
.vkr-s-lr-d15{margin:0 15px !important;}
.vkr-s-o0{margin:0 !important;}
.vkr-s-o4{margin:4px !important;}
.vkr-s-o5{margin:5px !important;}
.vkr-s-o6{margin:6px !important;}
.vkr-s-o8{margin:8px !important;}
.vkr-s-o10{margin:10px !important;}
.vkr-s-o15{margin:15px !important;}
.vkr-s-o20{margin:20px !important;}
.vkr-s-o30{margin:30px !important;}
.vkr-s-o40{margin:40px !important;}
.vkr-s-otn30{margin-top:-30px !important;}
.vkr-s-otn20{margin-top:-20px !important;}
.vkr-s-otn10{margin-top:-10px !important;}
.vkr-s-otn5{margin-top:-5px !important;}
.vkr-s-ot0{margin-top:0px !important;}
.vkr-s-ob0{margin-bottom:0px !important;}
.vkr-s-ol0{margin-left:0px !important;}
.vkr-s-or0{margin-right:0px !important;}
.vkr-s-or10{margin-right:10px !important;}
.vkr-s-ot40{margin-top:40px !important;}
.vkr-s-ob10{margin-bottom:10px !important;}
.vkr-s-ob20{margin-bottom:20px !important;}
.vkr-s-ob30{margin-bottom:30px !important;}
.vkr-s-ob40{margin-bottom:40px !important;}
.vkr-s-ob-15{margin-bottom:-15px !important;}
/*2-矩形-间距-本下级列间距*/
.vkr-s-c2{margin:0 -1px;zoom:1;}
.vkr-s-c2>* {padding:0 1px;}
.vkr-s-c4{margin:0 -2px;zoom:1;}
.vkr-s-c4>* {padding:0 2px;}
.vkr-s-c6{margin:0 -3px;zoom:1;}
.vkr-s-c6>* {padding:0 3px;}
.vkr-s-c8{margin:0 -4px;zoom:1;}
.vkr-s-c8>* {padding:0 4px;}
.vkr-s-c10{margin:0 -5px;zoom:1;}
.vkr-s-c10>* {padding:0 5px;}
.vkr-s-c12{margin:0 -6px;zoom:1;}
.vkr-s-c12>* {padding:0 6px;}
.vkr-s-c16{margin:0 -8px;zoom:1;}
.vkr-s-c16>* {padding:0 8px;}
.vkr-s-c20{margin:0 -10px;zoom:1;}
.vkr-s-c20>* {padding:0 10px;}
.vkr-s-c25{margin:0 -12.5px;zoom:1;}
.vkr-s-c25>* {padding:0 12.5px;}
.vkr-s-c28{margin:0 -14px;zoom:1;}
.vkr-s-c28>* {padding:0 14px;}
.vkr-s-c30{margin:0 -15px;zoom:1;}
.vkr-s-c30>* {padding:0 15px;}
.vkr-s-c40{margin:0 -20px;zoom:1;}
.vkr-s-c40>* {padding:0 20px;}
.vkr-s-c60{margin:0 -30px;zoom:1;}
.vkr-s-c60>* {padding:0 30px;}
/*2-矩形-下级矩形宽度*/
.vkr-w-s1>*{width:100%;}
.vkr-w-s2>*,.vkr-w-s3>*,.vkr-w-s4>*,.vkr-w-s5>*,.vkr-w-s6>*,.vkr-w-s7>*,.vkr-w-s8>*,.vkr-w-s9>*,.vkr-w-s10>*,.vkr-w-s11>*,.vkr-w-s12>*{float:left;display:block;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.vkr-w-s2>*{width:50%;}
.vkr-w-s3>*{width:33.333333%;}
.vkr-w-s4>*{width:25%;}
.vkr-w-s5>*{width:20%;}
.vkr-w-s6>*{width:16.666666%;}
.vkr-w-s7>*{width:14.2857143%;}
.vkr-w-s8>*{width:12.5%;}
.vkr-w-s9>*{width:11.1111111%;}
.vkr-w-s10>*{width:10%;}
.vkr-w-s11>*{width:9.0909091%;}
.vkr-w-s12>*{width:8.3333333%;}
/*2-矩形-宽度-当前矩形绝对值*/
.vkr-w-a100{width:100px;}
.vkr-w-a220{width:220px;}
.vkr-w-a240{width:240px;}
.vkr-w-a300{width:300px;}
.vkr-w-a400{width:400px;}
.vkr-w-a510{width:510px;}
.vkr-w-a600{width:600px;}
/*2-矩形-宽度-当前矩形百分比*/
.vkr-w-p1{width:100%;}
.vkr-w-p2{width:50%;}
.vkr-w-p3{width:33.333333%;}
.vkr-w-p4{width:25%;}
.vkr-w-p5{width:20%;}
.vkr-w-p6{width:16.666666%;}
.vkr-w-p7{width:14.2857143%;}
.vkr-w-p8{width:12.5%;}
.vkr-w-p9{width:11.1111111%;}
.vkr-w-p10{width:10%;}
.vkr-w-p11{width:9.0909091%;}
.vkr-w-p12{width:8.3333333%;}
.vkr-w-pa{width:auto;}
/*2-矩形-高度-当前矩形绝对值*/
.vkr-h-a5{height:5px;}
.vkr-h-a5{height: 5px;}
.vkr-h-a10{height: 10px;}
.vkr-h-a16{height: 16px;}
.vkr-h-a20{height: 20px;}
.vkr-h-a28{height: 28px;}
.vkr-h-a30{height: 30px;}
.vkr-h-a32{height: 32px;}
.vkr-h-a40{height: 40px;}
.vkr-h-a50{height: 50px;}
.vkr-h-a60{height: 60px;}
.vkr-h-a80{height: 80px;}
.vkr-h-a100{height:100px;}
.vkr-h-a200{height: 200px;}
.vkr-h-a300{height: 300px;}
.vkr-h-a400{height: 400px;}
.vkr-h-a540{height: 540px;}
.vkr-h-a600{height: 600px;}
.vkr-h-a800{height: 800px;}
/*2-矩形-行高度-当前矩形绝对值*/
.vkr-h-h5{line-height:5px;}
.vkr-h-h5{line-height: 5px;}
.vkr-h-h10{line-height: 10px;}
.vkr-h-h16{line-height: 16px;}
.vkr-h-h20{line-height: 20px;}
.vkr-h-h28{line-height: 28px;}
.vkr-h-h30{line-height: 30px;}
.vkr-h-h32{line-height: 32px;}
.vkr-h-h40{line-height: 40px;}
.vkr-h-h50{line-height: 50px;}
.vkr-h-h60{line-height: 60px;}
.vkr-h-h80{line-height: 80px;}
.vkr-h-h100{line-height:100px;}
.vkr-h-h200{line-height: 200px;}
.vkr-h-h300{line-height: 300px;}
.vkr-h-h400{line-height: 400px;}
/*2-矩形-高度-当前矩形百分比*/
.vkr-h-p1{height:100%;}
.vkr-h-p2{height:50%;}
.vkr-h-p3{height:33.333333%;}
.vkr-h-p4{height:25%;}
.vkr-h-p5{height:20%;}
.vkr-h-p6{height:16.666666%;}
.vkr-h-p7{height:14.2857143%;}
.vkr-h-p8{height:12.5%;}
.vkr-h-p9{height:11.1111111%;}
.vkr-h-p10{height:10%;}
.vkr-h-p11{height:9.0909091%;}
.vkr-h-p12{height:8.3333333%;}
/*2-矩形-边框——圆角*/
.vkr-b-r4{border-radius: 4px;}
.vkr-b-r5{border-radius: 5px;}
.vkr-b-r6{border-radius: 6px;}
.vkr-b-r8{border-radius: 8px;}
.vkr-b-r10{border-radius: 10px;}
/*2-矩形-边框——风格*/
.vkr-b-s0{border-style: hidden;}
.vkr-b-s1{border-style: solid;}
.vkr-b-s2{border-style: dotted;}
.vkr-b-s3{border-style: double;}
/*2-矩形-边框——粗细*/
.vkr-b-w0{border-width: 0;}
.vkr-b-w1{border-width: 1px;}
.vkr-b-w2{border-width: 2px;}
.vkr-b-w3{border-width: 3px;}
.vkr-b-w4{border-width: 4px;}
.vkr-b-t1{border-width: thin;}
.vkr-b-t2{border-width: thick;}
.vkr-b-t3{border-width: medium;}
/*2-矩形-浮动*/
.vkr-fl{float:left;}
.vkr-fn{float:none;}
.vkr-fr{float:right;}
.vkr-clear{clear: both; *zoom:1}
/*2-矩形-滚动浮动定位*/
.vkr-f-rx{overflow-x:auto;overflow-y:hidden;}
.vkr-f-ry{overflow-x:hidden;overflow-y:auto;}
.vkr-f-ra{overflow:auto;}
.vkr-f-rn{overflow:hidden;}
.vkr-f-fl{float:left;}
.vkr-f-fn{float:none;}
.vkr-f-fr{float:right;}
.vkr-f-pt{position: fixed;top:0;}
.vkr-f-pb{position: fixed;bottom:0;}
.vkr-f-pl{position: fixed;left:0;}
.vkr-f-pr{position: fixed;right:0;}
.vkr-f-z5{z-index: 5;}
.vkr-f-z10{z-index: 10;}
.vkr-f-z20{z-index: 20;}
.vkr-f-z99{z-index: 99;}
.vkr-f-z999{z-index: 999;}
.vkr-f-z9999{z-index: 9999;}
.vkr-f-t0{top:0 !important;}
/*2-矩形-对齐*/
.vkr-f-tl{text-align: left !important;}
.vkr-f-tc{text-align: center !important;}
.vkr-f-tr{text-align: right !important;}
.vkr-f-vt{vertical-align: top;}
.vkr-f-vm{vertical-align: middle;}
.vkr-f-vb{vertical-align: bottom;}
.vkr-f-di{display: inline-block;}
/*3-字体-字号*/
.vkf-s12,h6{font-size: 12px;}
.vkf-s13{font-size: 13px;}
.vkf-s14,h5{font-size: 14px;}
.vkf-s16,h4{font-size: 16px;}
.vkf-s18,h3{font-size: 18px;}
.vkf-s20,h2{font-size: 20px;}
.vkf-s24,h1{font-size: 24px;}
.vkf-s36{font-size: 36px;}
.vkf-s40{font-size: 40px;}
/*3-字体-风格*/
.vkf-t-i{font-style: italic;}
.vkf-t-n{font-style: normal;}
.vkf-t-o{font-style: oblique;}
/*3-字体-粗细*/
.vkf-w1{font-weight: 100 !important;}
.vkf-w2{font-weight: 200 !important;}
.vkf-w3{font-weight: 300 !important;}
.vkf-w4{font-weight: 400 !important;}
.vkf-w5{font-weight: 500 !important;}
.vkf-w6{font-weight: 600 !important;}
.vkf-w7{font-weight: 700 !important;}
.vkf-w8{font-weight: 800 !important;}
.vkf-wb{font-weight: bold !important;}
/*3-字体-家族*/
.vkf-f0{font-family:  "Arial","Microsoft YaHei",'微软雅黑', '黑体', '新宋体', 'Arial Unicode MS', serif ; -mox-osx-font-smoothing:antialiased; -webkit-font-smoothing:antialiased;}
.vkf-f1{font-family:  "Arial","Microsoft YaHei";}



/*--------------------------------------------------------------------*/
/*2-矩形-边框——圆角*/
.vkc-bd-r4{border-radius: 4px;}
.vkc-bd-r5{border-radius: 5px;}
.vkc-bd-r6{border-radius: 6px;}
.vkc-bd-r8{border-radius: 8px;}
.vkc-bd-r10{border-radius: 10px;}
/*2-矩形-边框——风格*/
.vkc-bd-s0{border-style: hidden;}
.vkc-bd-s1{border-style: solid;}
.vkc-bd-s2{border-style: dotted;}
.vkc-bd-s3{border-style: double;}
/*2-矩形-边框——粗细*/
.vkc-bd-w0{border-width: 0;}
.vkc-bd-w1{border-width: 1px;}
.vkc-bd-w2{border-width: 2px;}
.vkc-bd-w3{border-width: 3px;}
.vkc-bd-w4{border-width: 4px;}
.vkc-bd-t1{border-width: thin;}
.vkc-bd-t2{border-width: thick;}
.vkc-bd-t3{border-width: medium;}

/*2-矩形-间距-外边距*/
.vkc-mg-lr-m15{margin:0 -15px !important;}
.vkc-mg-lr-a15{margin:0 15px !important;}
.vkc-mg-tb-a5{margin:5px 0 !important;}
.vkc-mg-tb-a10{margin:10px 0 !important;}
.vkc-mg-tb-m15{margin:-15px 0 !important;}
.vkc-mg-tb-a15{margin:15px 0 !important;}

/*2-矩形-间距-内边距*/
.vkc-pd-all-r05{padding:0.5rem !important;}
.vkc-pd-all-r10{padding:1rem !important;}
.vkc-pd-all-r20{padding:2rem !important;}
.vkc-pd-lr-p15{padding:0 15px !important;}
.vkc-pd-tb-p15{padding:15px 0 !important;}


/* ------------------------------------- */
/* 面包屑
/* ------------------------------------- */
.vk-crumbs {
    height: 40px;
    line-height: 40px;
    background: #FFFFFF;
    border: none;
    padding-left: 15px;
    border-bottom: 1px dotted var(--bs-gray-300);
    display: block;
    overflow: hidden;
    width: auto;
}
.vk-crumbs ul li {
    float: left;
    padding-right: 24px;
    position: relative;
}
.vk-crumbs ul li:first-child {
    padding-right: 5px;
    color: var(--bs-blue-300);
}
.vk-crumbs ul li:before {
    content: "\e65b";
    color: var(--bs-gray-500);
    position: absolute;
    right: 5px;
    top: calc(50% - 19px);
    font-size: 10px;
    font-family: layui-icon !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.vk-crumbs ul li:first-child:before,
.vk-crumbs ul li:last-child:before {
    display: none;
}

/* ------------------------------------- */
/* 带标签的选择框
/* ------------------------------------- */
.vk-tool-select{display: table;padding-right:15px;width:100%; border-collapse:separate; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position: relative; }
.vk-tool-select .vk-tool-label{ display: table-cell; white-space:nowrap; text-align: center; width:1%; }
.vk-tool-select .vk-tool-label span{ text-align: center; background-color: #1E9FFF; color:#FFFFFF; position: relative; margin-right:-1px; padding:7px 10px; line-height: 28px; font-size:12px; }
.vk-tool-select .layui-input-inline{width:100%;}
.vk-tool-select .layui-unselect{border-color:#1E9FFF;}
.vk-tool-select .layui-input{height:28px;border-color:#1E9FFF;}
.vk-tool-select .layui-input:hover ,.vk-tool-select .layui-input:focus{border-color:#1E9FFF !important;}
.vk-tool-select>select{ display: table-cell; width:100%; }
.vk-tool-select .layui-form-selected dl{top:30px;}
.vk-tool-select .layui-form-select dl dd{font-size:12px;}
.vk-tool-select .layui-form-select dl dd.layui-this{background-color:#1E9FFF;}
.vk-tool-select .layui-select-title{position: relative;top:0px;font-size:12px;}
/* ------------------------------------- */
/* 带标签的输入框
/* ------------------------------------- */
.vk-input-label{width:100%;height:28px;position: relative;}
.vk-input-label input{font-size:14px;height:28px;border-radius:14px;border:1px solid #A4A4A4;padding:0 30px 0 16px;width:100%;box-sizing:border-box;background-color: transparent;}
.vk-input-label #vk-btnSearch{position: absolute;top:0px;right:6px;width:20px;height:20px;cursor: pointer;}
.vk-input-label #vk-btnSearch:hover{color:#1E9FFF;}
/* ------------------------------------- */
/* 重定义 layui 表格中的一些控件式样
/* ------------------------------------- */
/*4-重自定义layui控件-表格中的switch*/
.layui-table .layui-form-switch{margin-top:0;}
/*4-重自定义layui控件-表格中的button*/
.layui-table .layui-btn{height:28px;line-height:28px;padding:0 10px;font-size:12px;}
/* 表单输入框宽度 */
.layui-form-item .vk-input-inline2{width:510px;}
/* 表单 */
.vk-input-sm{height:32px;}
.layui-iconpicker-icon-limit{width: 200px;}