kviewui-uni/common/css/primary.css

基于UNI-APP框架的多端开发UI组件库，让您的开发效率加倍提升

/**
 * 主样式配置文件
 */

/* 字体图标库配置 */
@import "iconsforremix.css";
@import "./iconsforboot.css";

.kui-icons{font-family:"kui-booticons"; font-style:normal;}

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

/* 溢出 */
.kui-overflow-auto	{overflow: auto;}
.kui-overflow-hidden	{overflow: hidden;}
.kui-overflow-visible	{overflow: visible;}
.kui-overflow-scroll	{overflow: scroll;}
.kui-overflow-x-auto	{overflow-x: auto;}
.kui-overflow-y-auto	{overflow-y: auto;}
.kui-overflow-x-hidden	{overflow-x: hidden;}
.kui-overflow-y-hidden	{overflow-y: hidden;}
.kui-overflow-x-visible	{overflow-x: visible;}
.kui-overflow-y-visible	{overflow-y: visible;}
.kui-overflow-x-scroll	{overflow-x: scroll;}
.kui-overflow-y-scroll	{overflow-y: scroll;}

/* Box Sizing */
.kui-box-border {box-sizing: border-box;}
.kui-box-content {box-sizing: content-box;}

/* 定位 */
.kui-static	{position: static;}
.kui-fixed	{position: fixed;}
.kui-absolute	{position: absolute;}
.kui-relative	{position: relative;}
.kui-sticky	{position: sticky;}

/* zIndex */
.kui-z-0	{z-index: 0;}
.kui-z-10	{z-index: 10;}
.kui-z-20	{z-index: 20;}
.kui-z-30	{z-index: 30;}
.kui-z-40	{z-index: 40;}
.kui-z-50	{z-index: 50;}
.kui-z-auto	{z-index: auto;}

/* Flex */
.kui-flex {
	display: flex;
}

.kui-flex-1 {
	flex: 1 1 0%;
}

.kui-flex-auto {
	flex: 1 1 auto;
}

.kui-flex-initial {
	flex: 0 1 auto;
}

.kui-flex-none {
	flex: none;
}

/* Flex Direction */
.kui-flex-row {
	flex-direction: row;
}

.kui-flex-row-reverse {
	flex-direction: row-reverse;
}

.kui-flex-col {
	flex-direction: column;
}

.kui-flex-col-reverse {
	flex-direction: column-reverse;
}

/* Flex Wrap */
.kui-flex-wrap {
	flex-wrap: wrap;
}

.kui-flex-wrap-reverse {
	flex-wrap: wrap-reverse;
}

.kui-flex-nowrap {
	flex-wrap: nowrap;
}

/* Flex Grow */
.kui-flex-grow-0 {
	flex-grow: 0;
}

.kui-flex-grow {
	flex-grow: 1;
}

/* Flex Shrink */
.kui-flex-shrink-0 {
	flex-shrink: 0;
}

.kui-flex-shrink {
	flex-shrink: 1;
}

/* Grid Template Columns */
.kui-grid-cols-1 {
	grid-template-columns: repeat(1, minmax(0, 1fr));
}

.kui-grid-cols-2 {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.kui-grid-cols-3 {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.kui-grid-cols-4 {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.kui-grid-cols-5 {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.kui-grid-cols-6 {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.kui-grid-cols-7 {
	grid-template-columns: repeat(7, minmax(0, 1fr));
}

.kui-grid-cols-8 {
	grid-template-columns: repeat(8, minmax(0, 1fr));
}

.kui-grid-cols-9 {
	grid-template-columns: repeat(9, minmax(0, 1fr));
}

.kui-grid-cols-10 {
	grid-template-columns: repeat(10, minmax(0, 1fr));
}

.kui-grid-cols-11 {
	grid-template-columns: repeat(11, minmax(0, 1fr));
}

.kui-grid-cols-12 {
	grid-template-columns: repeat(12, minmax(0, 1fr));
}

.kui-grid-cols-none {
	grid-template-columns: none;
}

/* Grid Column Start / End */
.kui-col-auto {
	grid-column: auto;
}

.kui-col-span-1 {
	grid-column: span 1 / span 1;
}

.kui-col-span-2 {
	grid-column: span 2 / span 2;
}

.kui-col-span-3 {
	grid-column: span 3 / span 3;
}

.kui-col-span-4 {
	grid-column: span 4 / span 4;
}

.kui-col-span-5 {
	grid-column: span 5 / span 5;
}

.kui-col-span-6 {
	grid-column: span 6 / span 6;
}

.kui-col-span-7 {
	grid-column: span 7 / span 7;
}

.kui-col-span-8 {
	grid-column: span 8 / span 8;
}

.kui-col-span-9 {
	grid-column: span 9 / span 9;
}

.kui-col-span-10 {
	grid-column: span 10 / span 10;
}

.kui-col-span-11 {
	grid-column: span 11 / span 11;
}

.kui-col-span-12 {
	grid-column: span 12 / span 12;
}

.kui-col-span-full {
	grid-column: 1 / -1;
}

/* Grid Template Rows */
.kui-grid-rows-1 {
	grid-template-rows: repeat(1, minmax(0, 1fr));
}

.kui-grid-rows-2 {
	grid-template-rows: repeat(2, minmax(0, 1fr));
}

.kui-grid-rows-3 {
	grid-template-rows: repeat(3, minmax(0, 1fr));
}

.kui-grid-rows-4 {
	grid-template-rows: repeat(4, minmax(0, 1fr));
}

.kui-grid-rows-5 {
	grid-template-rows: repeat(5, minmax(0, 1fr));
}

.kui-grid-rows-6 {
	grid-template-rows: repeat(6, minmax(0, 1fr));
}

.kui-grid-rows-none {
	grid-template-rows: none;
}

/* Grid Row Start / End */
.kui-row-auto {
	grid-row: auto;
}

.kui-row-span-1 {
	grid-row: span 1 / span 1;
}

.kui-row-span-2 {
	grid-row: span 2 / span 2;
}

.kui-row-span-3 {
	grid-row: span 3 / span 3;
}

.kui-row-span-4 {
	grid-row: span 4 / span 4;
}

.kui-row-span-5 {
	grid-row: span 5 / span 5;
}

.kui-row-span-6 {
	grid-row: span 6 / span 6;
}

.kui-row-span-full {
	grid-row: 1 / -1;
}

.kui-row-start-1 {
	grid-row-start: 1;
}

.kui-row-start-2 {
	grid-row-start: 2;
}

.kui-row-start-3 {
	grid-row-start: 3;
}

.kui-row-start-4 {
	grid-row-start: 4;
}

.kui-row-start-5 {
	grid-row-start: 5;
}

.kui-row-start-6 {
	grid-row-start: 6;
}

.kui-row-start-7 {
	grid-row-start: 7;
}

.kui-row-start-auto {
	grid-row-start: auto;
}

.kui-row-end-1 {
	grid-row-end: 1;
}

.kui-row-end-2 {
	grid-row-end: 2;
}

.kui-row-end-3 {
	grid-row-end: 3;
}

.kui-row-end-4 {
	grid-row-end: 4;
}

.kui-row-end-5 {
	grid-row-end: 5;
}

.kui-row-end-6 {
	grid-row-end: 6;
}

.kui-row-end-7 {
	grid-row-end: 7;
}

.kui-row-end-auto {
	grid-row-end: auto;
}

/* Grid Auto Flow */
.kui-grid-flow-row {
	grid-auto-flow: row;
}

.kui-grid-flow-col {
	grid-auto-flow: column;
}

.kui-grid-flow-row-dense {
	grid-auto-flow: row dense;
}

.kui-grid-flow-col-dense {
	grid-auto-flow: column dense;
}

/* Grid Auto Columns */
.kui-auto-cols-auto {
	grid-auto-columns: auto;
}

.kui-auto-cols-min {
	grid-auto-columns: min-content;
}

.kui-auto-cols-max {
	grid-auto-columns: max-content;
}

.kui-auto-cols-fr {
	grid-auto-columns: minmax(0, 1fr);
}

/* Grid Auto Rows */
.kui-auto-rows-auto {
	grid-auto-rows: auto;
}

.kui-auto-rows-min {
	grid-auto-rows: min-content;
}

.kui-auto-rows-max {
	grid-auto-rows: max-content;
}

.kui-auto-rows-fr {
	grid-auto-rows: minmax(0, 1fr);
}

/* Gap */
.kui-gap-0 {
	gap: 0px;
}

.kui-gap-x-0 {
	column-gap: 0px;
}

.kui-gap-y-0 {
	row-gap: 0px;
}

.kui-gap-px {
	gap: 1px;
}

.kui-gap-x-px {
	column-gap: 1px;
}

.kui-gap-y-px {
	row-gap: 1px;
}

.kui-gap-0.5 {
	gap: 0.125rem;
}

.kui-gap-x-0.5 {
	column-gap: 0.125rem;
}

.kui-gap-y-0.5 {
	row-gap: 0.125rem;
}

.kui-gap-1 {
	gap: 0.25rem;
}

.kui-gap-x-1 {
	column-gap: 0.25rem;
}

.kui-gap-y-1 {
	row-gap: 0.25rem;
}

.kui-gap-1.5 {
	gap: 0.375rem;
}

.kui-gap-x-1.5 {
	column-gap: 0.375rem;
}

.kui-gap-y-1.5 {
	row-gap: 0.375rem;
}

.kui-gap-2 {
	gap: 0.5rem;
}

.kui-gap-x-2 {
	column-gap: 0.5rem;
}

.kui-gap-y-2 {
	row-gap: 0.5rem;
}

.kui-gap-2.5 {
	gap: 0.625rem;
}

.kui-gap-x-2.5 {
	column-gap: 0.625rem;
}

.kui-gap-y-2.5 {
	row-gap: 0.625rem;
}

.kui-gap-3 {
	gap: 0.75rem;
}

.kui-gap-x-3 {
	column-gap: 0.75rem;
}

.kui-gap-y-3 {
	row-gap: 0.75rem;
}

.kui-gap-3.5 {
	gap: 0.875rem;
}

.kui-gap-x-3.5 {
	column-gap: 0.875rem;
}

.kui-gap-y-3.5 {
	row-gap: 0.875rem;
}

.kui-gap-4 {
	gap: 1rem;
}

.kui-gap-x-4 {
	column-gap: 1rem;
}

.kui-gap-y-4 {
	row-gap: 1rem;
}

.kui-gap-5 {
	gap: 1.25rem;
}

.kui-gap-x-5 {
	column-gap: 1.25rem;
}

.kui-gap-y-5 {
	row-gap: 1.25rem;
}

.kui-gap-6 {
	gap: 1.5rem;
}

.kui-gap-x-6 {
	column-gap: 1.5rem;
}

.kui-gap-y-6 {
	row-gap: 1.5rem;
}

.kui-gap-7 {
	gap: 1.75rem;
}

.kui-gap-x-7 {
	column-gap: 1.75rem;
}

.kui-gap-y-7 {
	row-gap: 1.75rem;
}

.kui-gap-8 {
	gap: 2rem;
}

.kui-gap-x-8 {
	column-gap: 2rem;
}

.kui-gap-y-8 {
	row-gap: 2rem;
}

/* Justify Content */
.kui-justify-start {
	justify-content: flex-start;
}

.kui-justify-end {
	justify-content: flex-end;
}

.kui-justify-center {
	justify-content: center;
}

.kui-justify-between {
	justify-content: space-between;
}

.kui-justify-around {
	justify-content: space-around;
}

.kui-justify-evenly {
	justify-content: space-evenly;
}

/* Justify Items */
.kui-justify-items-start {
	justify-items: start;
}

.kui-justify-items-end {
	justify-items: end;
}

.kui-justify-items-center {
	justify-items: center;
}

.kui-justify-items-stretch {
	justify-items: stretch;
}

/* Justify Self */
.kui-justify-self-auto {
	justify-self: auto;
}

.kui-justify-self-start {
	justify-self: start;
}

.kui-justify-self-end {
	justify-self: end;
}

.kui-justify-self-center {
	justify-self: center;
}

.kui-justify-self-stretch {
	justify-self: stretch;
}

/* Align Content */
.kui-content-start {
	align-content: flex-start;
}

.kui-content-end {
	align-content: flex-end;
}

.kui-content-center {
	align-content: center;
}

.kui-content-between {
	align-content: space-between;
}

.kui-content-around {
	align-content: space-around;
}

.kui-content-evenly {
	align-content: space-evenly;
}

/* Align Items */
.kui-items-start {
	align-items: start;
}

.kui-items-end {
	align-items: end;
}

.kui-items-center {
	align-items: center;
}

.kui-items-stretch {
	align-items: stretch;
}

.kui-items-baseline {
	align-items: baseline;
}

/* Align Self */
.kui-self-auto {
	align-self: auto;
}

.kui-self-start {
	align-self: start;
}

.kui-self-end {
	align-self: end;
}

.kui-self-center {
	align-self: center;
}

.kui-self-stretch {
	align-self: stretch;
}

.kui-self-baseline {
	align-self: baseline;
}

/* Place Content */
.kui-place-content-start {
	place-content: start;
}

.kui-place-content-end {
	place-content: end;
}

.kui-place-content-center {
	place-content: center;
}

.kui-place-content-between {
	place-content: space-between;
}

.kui-place-content-around {
	place-content: space-around;
}

.kui-place-content-evenly {
	place-content: space-evenly;
}

.kui-place-content-stretch {
	place-content: stretch;
}

/* Place Items */
.kui-place-items-start {
	place-items: start;
}

.kui-place-items-end {
	place-items: end;
}

.kui-place-items-center {
	place-items: center;
}

.kui-place-items-stretch {
	place-items: stretch;
}

/* Place Self */
.kui-place-self-auto {
	place-self: auto;
}

.kui-place-self-start {
	place-self: start;
}

.kui-place-self-end {
	place-self: end;
}

.kui-place-self-center {
	place-self: center;
}

.kui-place-self-stretch {
	place-self: stretch;
}

/* 内边距 */
.kui-p-0{padding: 0px;}
.kui-p-px{padding: 1px;}
.kui-p-0.5{padding: 0.125rem;}
.kui-p-1{padding: 0.25rem;}
.kui-p-1.5{padding: 0.375rem;}
.kui-p-2{padding: 0.5rem;}
.kui-p-2.5{padding: 0.625rem;}
.kui-p-3{padding: 0.75rem;}
.kui-p-3.5{padding: 0.875rem;}
.kui-p-4{padding: 1rem;}
.kui-p-5{padding: 1.25rem;}
.kui-p-6{padding: 1.5rem;}
.kui-p-7{padding: 1.75rem;}
.kui-p-8{padding: 2rem;}
.kui-p-9{padding: 2.25rem;}
.kui-p-10{padding: 2.5rem;}
.kui-p-11{padding: 2.75rem;}
.kui-p-12{padding: 3rem;}
.kui-p-14{padding: 3.5rem;}
.kui-p-16{padding: 4rem;}
.kui-p-20{padding: 5rem;}
.kui-p-24{padding: 6rem;}
.kui-p-28{padding: 7rem;}
.kui-p-32{padding: 8rem;}
.kui-p-36{padding: 9rem;}
.kui-p-40{padding: 10rem;}
.kui-p-44{padding: 11rem;}
.kui-p-48{padding: 12rem;}
.kui-p-52{padding: 13rem;}
.kui-p-56{padding: 14rem;}
.kui-p-60{padding: 15rem;}
.kui-p-64{padding: 16rem;}
.kui-p-72{padding: 18rem;}
.kui-p-80{padding: 20rem;}
.kui-p-96{padding: 24rem;}
.kui-px-0{padding-left: 0px;padding-right: 0px;}
.kui-px-px{padding-left: 1px;padding-right: 1px;}
.kui-px-0.5{padding-left: 0.125rem;padding-right: 0.125rem;}
.kui-px-1{padding-left: 0.25rem;padding-right: 0.25rem;}
.kui-px-1.5{padding-left: 0.375rem;padding-right: 0.375rem;}
.kui-px-2{padding-left: 0.5rem;padding-right: 0.5rem;}
.kui-px-2.5{padding-left: 0.625rem;padding-right: 0.625rem;}
.kui-px-3{padding-left: 0.75rem;padding-right: 0.75rem;}
.kui-px-3.5{padding-left: 0.875rem;padding-right: 0.875rem;}
.kui-px-4{padding-left: 1rem;padding-right: 1rem;}
.kui-px-5{padding-left: 1.25rem;padding-right: 1.25rem;}
.kui-px-6{padding-left: 1.5rem;padding-right: 1.5rem;}
.kui-px-7{padding-left: 1.75rem;padding-right: 1.75rem;}
.kui-px-8{padding-left: 2rem;padding-right: 2rem;}
.kui-px-9{padding-left: 2.25rem;padding-right: 2.25rem;}
.kui-px-10{padding-left: 2.5rem;padding-right: 2.5rem;}
.kui-px-11{padding-left: 2.75rem;padding-right: 2.75rem;}
.kui-px-12{padding-left: 3rem;padding-right: 3rem;}
.kui-px-14{padding-left: 3.5rem;padding-right: 3.5rem;}
.kui-px-16{padding-left: 4rem;padding-right: 4rem;}
.kui-px-20{padding-left: 5rem;padding-right: 5rem;}
.kui-px-24{padding-left: 6rem;padding-right: 6rem;}
.kui-px-28{padding-left: 7rem;padding-right: 7rem;}
.kui-px-32{padding-left: 8rem;padding-right: 8rem;}
.kui-px-36{padding-left: 9rem;padding-right: 9rem;}
.kui-px-40{padding-left: 10rem;padding-right: 10rem;}
.kui-px-44{padding-left: 11rem;padding-right: 11rem;}
.kui-px-48{padding-left: 12rem;padding-right: 12rem;}
.kui-px-52{padding-left: 13rem;padding-right: 13rem;}
.kui-px-56{padding-left: 14rem;padding-right: 14rem;}
.kui-px-60{padding-left: 15rem;padding-right: 15rem;}
.kui-px-64{padding-left: 16rem;padding-right: 16rem;}
.kui-px-72{padding-left: 18rem;padding-right: 18rem;}
.kui-px-80{padding-left: 20rem;padding-right: 20rem;}
.kui-px-96{padding-left: 24rem;padding-right: 24rem;}
.kui-py-0{padding-top: 0px;padding-bottom: 0px;}
.kui-py-px{padding-top: 1px;padding-bottom: 1px;}
.kui-py-0.5{padding-top: 0.125rem;padding-bottom: 0.125rem;}
.kui-py-1{padding-top: 0.25rem;padding-bottom: 0.25rem;}
.kui-py-1.5{padding-top: 0.375rem;padding-bottom: 0.375rem;}
.kui-py-2{padding-top: 0.5rem;padding-bottom: 0.5rem;}
.kui-py-2.5{padding-top: 0.625rem;padding-bottom: 0.625rem;}
.kui-py-3{padding-top: 0.75rem;padding-bottom: 0.75rem;}
.kui-py-3.5{padding-top: 0.875rem;padding-bottom: 0.875rem;}
.kui-py-4{padding-top: 1rem;padding-bottom: 1rem;}
.kui-py-5{padding-top: 1.25rem;padding-bottom: 1.25rem;}
.kui-py-6{padding-top: 1.5rem;padding-bottom: 1.5rem;}
.kui-py-7{padding-top: 1.75rem;padding-bottom: 1.75rem;}
.kui-py-8{padding-top: 2rem;padding-bottom: 2rem;}
.kui-py-9{padding-top: 2.25rem;padding-bottom: 2.25rem;}
.kui-py-10{padding-top: 2.5rem;padding-bottom: 2.5rem;}
.kui-py-11{padding-top: 2.75rem;padding-bottom: 2.75rem;}
.kui-py-12{padding-top: 3rem;padding-bottom: 3rem;}
.kui-py-14{padding-top: 3.5rem;padding-bottom: 3.5rem;}
.kui-py-16{padding-top: 4rem;padding-bottom: 4rem;}
.kui-py-20{padding-top: 5rem;padding-bottom: 5rem;}
.kui-py-24{padding-top: 6rem;padding-bottom: 6rem;}
.kui-py-28{padding-top: 7rem;padding-bottom: 7rem;}
.kui-py-32{padding-top: 8rem;padding-bottom: 8rem;}
.kui-py-36{padding-top: 9rem;padding-bottom: 9rem;}
.kui-py-40{padding-top: 10rem;padding-bottom: 10rem;}
.kui-py-44{padding-top: 11rem;padding-bottom: 11rem;}
.kui-py-48{padding-top: 12rem;padding-bottom: 12rem;}
.kui-py-52{padding-top: 13rem;padding-bottom: 13rem;}
.kui-py-56{padding-top: 14rem;padding-bottom: 14rem;}
.kui-py-60{padding-top: 15rem;padding-bottom: 15rem;}
.kui-py-64{padding-top: 16rem;padding-bottom: 16rem;}
.kui-py-72{padding-top: 18rem;padding-bottom: 18rem;}
.kui-py-80{padding-top: 20rem;padding-bottom: 20rem;}
.kui-py-96{padding-top: 24rem;padding-bottom: 24rem;}
.kui-pt-0{padding-top: 0px;}
.kui-pt-px{padding-top: 1px;}
.kui-pt-0.5{padding-top: 0.125rem;}
.kui-pt-1{padding-top: 0.25rem;}
.kui-pt-1.5{padding-top: 0.375rem;}
.kui-pt-2{padding-top: 0.5rem;}
.kui-pt-2.5{padding-top: 0.625rem;}
.kui-pt-3{padding-top: 0.75rem;}
.kui-pt-3.5{padding-top: 0.875rem;}
.kui-pt-4{padding-top: 1rem;}
.kui-pt-5{padding-top: 1.25rem;}
.kui-pt-6{padding-top: 1.5rem;}
.kui-pt-7{padding-top: 1.75rem;}
.kui-pt-8{padding-top: 2rem;}
.kui-pt-9{padding-top: 2.25rem;}
.kui-pt-10{padding-top: 2.5rem;}
.kui-pt-11{padding-top: 2.75rem;}
.kui-pt-12{padding-top: 3rem;}
.kui-pt-14{padding-top: 3.5rem;}
.kui-pt-16{padding-top: 4rem;}
.kui-pt-20{padding-top: 5rem;}
.kui-pt-24{padding-top: 6rem;}
.kui-pt-28{padding-top: 7rem;}
.kui-pt-32{padding-top: 8rem;}
.kui-pt-36{padding-top: 9rem;}
.kui-pt-40{padding-top: 10rem;}
.kui-pt-44{padding-top: 11rem;}
.kui-pt-48{padding-top: 12rem;}
.kui-pt-52{padding-top: 13rem;}
.kui-pt-56{padding-top: 14rem;}
.kui-pt-60{padding-top: 15rem;}
.kui-pt-64{padding-top: 16rem;}
.kui-pt-72{padding-top: 18rem;}
.kui-pt-80{padding-top: 20rem;}
.kui-pt-96{padding-top: 24rem;}
.kui-pr-0{padding-right: 0px;}
.kui-pr-px{padding-right: 1px;}
.kui-pr-0.5{padding-right: 0.125rem;}
.kui-pr-1{padding-right: 0.25rem;}
.kui-pr-1.5{padding-right: 0.375rem;}
.kui-pr-2{padding-right: 0.5rem;}
.kui-pr-2.5{padding-right: 0.625rem;}
.kui-pr-3{padding-right: 0.75rem;}
.kui-pr-3.5{padding-right: 0.875rem;}
.kui-pr-4{padding-right: 1rem;}
.kui-pr-5{padding-right: 1.25rem;}
.kui-pr-6{padding-right: 1.5rem;}
.kui-pr-7{padding-right: 1.75rem;}
.kui-pr-8{padding-right: 2rem;}
.kui-pr-9{padding-right: 2.25rem;}
.kui-pr-10{padding-right: 2.5rem;}
.kui-pr-11{padding-right: 2.75rem;}
.kui-pr-12{padding-right: 3rem;}
.kui-pr-14{padding-right: 3.5rem;}
.kui-pr-16{padding-right: 4rem;}
.kui-pr-20{padding-right: 5rem;}
.kui-pr-24{padding-right: 6rem;}
.kui-pr-28{padding-right: 7rem;}
.kui-pr-32{padding-right: 8rem;}
.kui-pr-36{padding-right: 9rem;}
.kui-pr-40{padding-right: 10rem;}
.kui-pr-44{padding-right: 11rem;}
.kui-pr-48{padding-right: 12rem;}
.kui-pr-52{padding-right: 13rem;}
.kui-pr-56{padding-right: 14rem;}
.kui-pr-60{padding-right: 15rem;}
.kui-pr-64{padding-right: 16rem;}
.kui-pr-72{padding-right: 18rem;}
.kui-pr-80{padding-right: 20rem;}
.kui-pr-96{padding-right: 24rem;}
.kui-pb-0{padding-bottom: 0px;}
.kui-pb-px{padding-bottom: 1px;}
.kui-pb-0.5{padding-bottom: 0.125rem;}
.kui-pb-1{padding-bottom: 0.25rem;}
.kui-pb-1.5{padding-bottom: 0.375rem;}
.kui-pb-2{padding-bottom: 0.5rem;}
.kui-pb-2.5{padding-bottom: 0.625rem;}
.kui-pb-3{padding-bottom: 0.75rem;}
.kui-pb-3.5{padding-bottom: 0.875rem;}
.kui-pb-4{padding-bottom: 1rem;}
.kui-pb-5{padding-bottom: 1.25rem;}
.kui-pb-6{padding-bottom: 1.5rem;}
.kui-pb-7{padding-bottom: 1.75rem;}
.kui-pb-8{padding-bottom: 2rem;}
.kui-pb-9{padding-bottom: 2.25rem;}
.kui-pb-10{padding-bottom: 2.5rem;}
.kui-pb-11{padding-bottom: 2.75rem;}
.kui-pb-12{padding-bottom: 3rem;}
.kui-pb-14{padding-bottom: 3.5rem;}
.kui-pb-16{padding-bottom: 4rem;}
.kui-pb-20{padding-bottom: 5rem;}
.kui-pb-24{padding-bottom: 6rem;}
.kui-pb-28{padding-bottom: 7rem;}
.kui-pb-32{padding-bottom: 8rem;}
.kui-pb-36{padding-bottom: 9rem;}
.kui-pb-40{padding-bottom: 10rem;}
.kui-pb-44{padding-bottom: 11rem;}
.kui-pb-48{padding-bottom: 12rem;}
.kui-pb-52{padding-bottom: 13rem;}
.kui-pb-56{padding-bottom: 14rem;}
.kui-pb-60{padding-bottom: 15rem;}
.kui-pb-64{padding-bottom: 16rem;}
.kui-pb-72{padding-bottom: 18rem;}
.kui-pb-80{padding-bottom: 20rem;}
.kui-pb-96{padding-bottom: 24rem;}
.kui-pl-0{padding-left: 0px;}
.kui-pl-px{padding-left: 1px;}
.kui-pl-0.5{padding-left: 0.125rem;}
.kui-pl-1{padding-left: 0.25rem;}
.kui-pl-1.5{padding-left: 0.375rem;}
.kui-pl-2{padding-left: 0.5rem;}
.kui-pl-2.5{padding-left: 0.625rem;}
.kui-pl-3{padding-left: 0.75rem;}
.kui-pl-3.5{padding-left: 0.875rem;}
.kui-pl-4{padding-left: 1rem;}
.kui-pl-5{padding-left: 1.25rem;}
.kui-pl-6{padding-left: 1.5rem;}
.kui-pl-7{padding-left: 1.75rem;}
.kui-pl-8{padding-left: 2rem;}
.kui-pl-9{padding-left: 2.25rem;}
.kui-pl-10{padding-left: 2.5rem;}
.kui-pl-11{padding-left: 2.75rem;}
.kui-pl-12{padding-left: 3rem;}
.kui-pl-14{padding-left: 3.5rem;}
.kui-pl-16{padding-left: 4rem;}
.kui-pl-20{padding-left: 5rem;}
.kui-pl-24{padding-left: 6rem;}
.kui-pl-28{padding-left: 7rem;}
.kui-pl-32{padding-left: 8rem;}
.kui-pl-36{padding-left: 9rem;}
.kui-pl-40{padding-left: 10rem;}
.kui-pl-44{padding-left: 11rem;}
.kui-pl-48{padding-left: 12rem;}
.kui-pl-52{padding-left: 13rem;}
.kui-pl-56{padding-left: 14rem;}
.kui-pl-60{padding-left: 15rem;}
.kui-pl-64{padding-left: 16rem;}
.kui-pl-72{padding-left: 18rem;}
.kui-pl-80{padding-left: 20rem;}
.kui-pl-96{padding-left: 24rem;}

/* 外边距 */
.kui-m-0{margin: 0px;}
.kui-m-px{margin: 1px;}
.kui-m-0.5{margin: 0.125rem;}
.kui-m-1{margin: 0.25rem;}
.kui-m-1.5{margin: 0.375rem;}
.kui-m-2{margin: 0.5rem;}
.kui-m-2.5{margin: 0.625rem;}
.kui-m-3{margin: 0.75rem;}
.kui-m-3.5{margin: 0.875rem;}
.kui-m-4{margin: 1rem;}
.kui-m-5{margin: 1.25rem;}
.kui-m-6{margin: 1.5rem;}
.kui-m-7{margin: 1.75rem;}
.kui-m-8{margin: 2rem;}
.kui-m-9{margin: 2.25rem;}
.kui-m-10{margin: 2.5rem;}
.kui-m-11{margin: 2.75rem;}
.kui-m-12{margin: 3rem;}
.kui-m-14{margin: 3.5rem;}
.kui-m-16{margin: 4rem;}
.kui-m-20{margin: 5rem;}
.kui-m-24{margin: 6rem;}
.kui-m-28{margin: 7rem;}
.kui-m-32{margin: 8rem;}
.kui-m-36{margin: 9rem;}
.kui-m-40{margin: 10rem;}
.kui-m-44{margin: 11rem;}
.kui-m-48{margin: 12rem;}
.kui-m-52{margin: 13rem;}
.kui-m-56{margin: 14rem;}
.kui-m-60{margin: 15rem;}
.kui-m-64{margin: 16rem;}
.kui-m-72{margin: 18rem;}
.kui-m-80{margin: 20rem;}
.kui-m-96{margin: 24rem;}
.kui-mx-0{margin-left: 0px;margin-right: 0px;}
.kui-mx-px{margin-left: 1px;margin-right: 1px;}
.kui-mx-0.5{margin-left: 0.125rem;margin-right: 0.125rem;}
.kui-mx-1{margin-left: 0.25rem;margin-right: 0.25rem;}
.kui-mx-1.5{margin-left: 0.375rem;margin-right: 0.375rem;}
.kui-mx-2{margin-left: 0.5rem;margin-right: 0.5rem;}
.kui-mx-2.5{margin-left: 0.625rem;margin-right: 0.625rem;}
.kui-mx-3{margin-left: 0.75rem;margin-right: 0.75rem;}
.kui-mx-3.5{margin-left: 0.875rem;margin-right: 0.875rem;}
.kui-mx-4{margin-left: 1rem;margin-right: 1rem;}
.kui-mx-5{margin-left: 1.25rem;margin-right: 1.25rem;}
.kui-mx-6{margin-left: 1.5rem;margin-right: 1.5rem;}
.kui-mx-7{margin-left: 1.75rem;margin-right: 1.75rem;}
.kui-mx-8{margin-left: 2rem;margin-right: 2rem;}
.kui-mx-9{margin-left: 2.25rem;margin-right: 2.25rem;}
.kui-mx-10{margin-left: 2.5rem;margin-right: 2.5rem;}
.kui-mx-11{margin-left: 2.75rem;margin-right: 2.75rem;}
.kui-mx-12{margin-left: 3rem;margin-right: 3rem;}
.kui-mx-14{margin-left: 3.5rem;margin-right: 3.5rem;}
.kui-mx-16{margin-left: 4rem;margin-right: 4rem;}
.kui-mx-20{margin-left: 5rem;margin-right: 5rem;}
.kui-mx-24{margin-left: 6rem;margin-right: 6rem;}
.kui-mx-28{margin-left: 7rem;margin-right: 7rem;}
.kui-mx-32{margin-left: 8rem;margin-right: 8rem;}
.kui-mx-36{margin-left: 9rem;margin-right: 9rem;}
.kui-mx-40{margin-left: 10rem;margin-right: 10rem;}
.kui-mx-44{margin-left: 11rem;margin-right: 11rem;}
.kui-mx-48{margin-left: 12rem;margin-right: 12rem;}
.kui-mx-52{margin-left: 13rem;margin-right: 13rem;}
.kui-mx-56{margin-left: 14rem;margin-right: 14rem;}
.kui-mx-60{margin-left: 15rem;margin-right: 15rem;}
.kui-mx-64{margin-left: 16rem;margin-right: 16rem;}
.kui-mx-72{margin-left: 18rem;margin-right: 18rem;}
.kui-mx-80{margin-left: 20rem;margin-right: 20rem;}
.kui-mx-96{margin-left: 24rem;margin-right: 24rem;}
.kui-my-0{margin-top: 0px;margin-bottom: 0px;}
.kui-my-px{margin-top: 1px;margin-bottom: 1px;}
.kui-my-0.5{margin-top: 0.125rem;margin-bottom: 0.125rem;}
.kui-my-1{margin-top: 0.25rem;margin-bottom: 0.25rem;}
.kui-my-1.5{margin-top: 0.375rem;margin-bottom: 0.375rem;}
.kui-my-2{margin-top: 0.5rem;margin-bottom: 0.5rem;}
.kui-my-2.5{margin-top: 0.625rem;margin-bottom: 0.625rem;}
.kui-my-3{margin-top: 0.75rem;margin-bottom: 0.75rem;}
.kui-my-3.5{margin-top: 0.875rem;margin-bottom: 0.875rem;}
.kui-my-4{margin-top: 1rem;margin-bottom: 1rem;}
.kui-my-5{margin-top: 1.25rem;margin-bottom: 1.25rem;}
.kui-my-6{margin-top: 1.5rem;margin-bottom: 1.5rem;}
.kui-my-7{margin-top: 1.75rem;margin-bottom: 1.75rem;}
.kui-my-8{margin-top: 2rem;margin-bottom: 2rem;}
.kui-my-9{margin-top: 2.25rem;margin-bottom: 2.25rem;}
.kui-my-10{margin-top: 2.5rem;margin-bottom: 2.5rem;}
.kui-my-11{margin-top: 2.75rem;margin-bottom: 2.75rem;}
.kui-my-12{margin-top: 3rem;margin-bottom: 3rem;}
.kui-my-14{margin-top: 3.5rem;margin-bottom: 3.5rem;}
.kui-my-16{margin-top: 4rem;margin-bottom: 4rem;}
.kui-my-20{margin-top: 5rem;margin-bottom: 5rem;}
.kui-my-24{margin-top: 6rem;margin-bottom: 6rem;}
.kui-my-28{margin-top: 7rem;margin-bottom: 7rem;}
.kui-my-32{margin-top: 8rem;margin-bottom: 8rem;}
.kui-my-36{margin-top: 9rem;margin-bottom: 9rem;}
.kui-my-40{margin-top: 10rem;margin-bottom: 10rem;}
.kui-my-44{margin-top: 11rem;margin-bottom: 11rem;}
.kui-my-48{margin-top: 12rem;margin-bottom: 12rem;}
.kui-my-52{margin-top: 13rem;margin-bottom: 13rem;}
.kui-my-56{margin-top: 14rem;margin-bottom: 14rem;}
.kui-my-60{margin-top: 15rem;margin-bottom: 15rem;}
.kui-my-64{margin-top: 16rem;margin-bottom: 16rem;}
.kui-my-72{margin-top: 18rem;margin-bottom: 18rem;}
.kui-my-80{margin-top: 20rem;margin-bottom: 20rem;}
.kui-my-96{margin-top: 24rem;margin-bottom: 24rem;}
.kui-mt-0{margin-top: 0px;}
.kui-mt-px{margin-top: 1px;}
.kui-mt-0.5{margin-top: 0.125rem;}
.kui-mt-1{margin-top: 0.25rem;}
.kui-mt-1.5{margin-top: 0.375rem;}
.kui-mt-2{margin-top: 0.5rem;}
.kui-mt-2.5{margin-top: 0.625rem;}
.kui-mt-3{margin-top: 0.75rem;}
.kui-mt-3.5{margin-top: 0.875rem;}
.kui-mt-4{margin-top: 1rem;}
.kui-mt-5{margin-top: 1.25rem;}
.kui-mt-6{margin-top: 1.5rem;}
.kui-mt-7{margin-top: 1.75rem;}
.kui-mt-8{margin-top: 2rem;}
.kui-mt-9{margin-top: 2.25rem;}
.kui-mt-10{margin-top: 2.5rem;}
.kui-mt-11{margin-top: 2.75rem;}
.kui-mt-12{margin-top: 3rem;}
.kui-mt-14{margin-top: 3.5rem;}
.kui-mt-16{margin-top: 4rem;}
.kui-mt-20{margin-top: 5rem;}
.kui-mt-24{margin-top: 6rem;}
.kui-mt-28{margin-top: 7rem;}
.kui-mt-32{margin-top: 8rem;}
.kui-mt-36{margin-top: 9rem;}
.kui-mt-40{margin-top: 10rem;}
.kui-mt-44{margin-top: 11rem;}
.kui-mt-48{margin-top: 12rem;}
.kui-mt-52{margin-top: 13rem;}
.kui-mt-56{margin-top: 14rem;}
.kui-mt-60{margin-top: 15rem;}
.kui-mt-64{margin-top: 16rem;}
.kui-mt-72{margin-top: 18rem;}
.kui-mt-80{margin-top: 20rem;}
.kui-mt-96{margin-top: 24rem;}
.kui-mr-0{margin-right: 0px;}
.kui-mr-px{margin-right: 1px;}
.kui-mr-0.5{margin-right: 0.125rem;}
.kui-mr-1{margin-right: 0.25rem;}
.kui-mr-1.5{margin-right: 0.375rem;}
.kui-mr-2{margin-right: 0.5rem;}
.kui-mr-2.5{margin-right: 0.625rem;}
.kui-mr-3{margin-right: 0.75rem;}
.kui-mr-3.5{margin-right: 0.875rem;}
.kui-mr-4{margin-right: 1rem;}
.kui-mr-5{margin-right: 1.25rem;}
.kui-mr-6{margin-right: 1.5rem;}
.kui-mr-7{margin-right: 1.75rem;}
.kui-mr-8{margin-right: 2rem;}
.kui-mr-9{margin-right: 2.25rem;}
.kui-mr-10{margin-right: 2.5rem;}
.kui-mr-11{margin-right: 2.75rem;}
.kui-mr-12{margin-right: 3rem;}
.kui-mr-14{margin-right: 3.5rem;}
.kui-mr-16{margin-right: 4rem;}
.kui-mr-20{margin-right: 5rem;}
.kui-mr-24{margin-right: 6rem;}
.kui-mr-28{margin-right: 7rem;}
.kui-mr-32{margin-right: 8rem;}
.kui-mr-36{margin-right: 9rem;}
.kui-mr-40{margin-right: 10rem;}
.kui-mr-44{margin-right: 11rem;}
.kui-mr-48{margin-right: 12rem;}
.kui-mr-52{margin-right: 13rem;}
.kui-mr-56{margin-right: 14rem;}
.kui-mr-60{margin-right: 15rem;}
.kui-mr-64{margin-right: 16rem;}
.kui-mr-72{margin-right: 18rem;}
.kui-mr-80{margin-right: 20rem;}
.kui-mr-96{margin-right: 24rem;}
.kui-mb-0{margin-bottom: 0px;}
.kui-mb-px{margin-bottom: 1px;}
.kui-mb-0.5{margin-bottom: 0.125rem;}
.kui-mb-1{margin-bottom: 0.25rem;}
.kui-mb-1.5{margin-bottom: 0.375rem;}
.kui-mb-2{margin-bottom: 0.5rem;}
.kui-mb-2.5{margin-bottom: 0.625rem;}
.kui-mb-3{margin-bottom: 0.75rem;}
.kui-mb-3.5{margin-bottom: 0.875rem;}
.kui-mb-4{margin-bottom: 1rem;}
.kui-mb-5{margin-bottom: 1.25rem;}
.kui-mb-6{margin-bottom: 1.5rem;}
.kui-mb-7{margin-bottom: 1.75rem;}
.kui-mb-8{margin-bottom: 2rem;}
.kui-mb-9{margin-bottom: 2.25rem;}
.kui-mb-10{margin-bottom: 2.5rem;}
.kui-mb-11{margin-bottom: 2.75rem;}
.kui-mb-12{margin-bottom: 3rem;}
.kui-mb-14{margin-bottom: 3.5rem;}
.kui-mb-16{margin-bottom: 4rem;}
.kui-mb-20{margin-bottom: 5rem;}
.kui-mb-24{margin-bottom: 6rem;}
.kui-mb-28{margin-bottom: 7rem;}
.kui-mb-32{margin-bottom: 8rem;}
.kui-mb-36{margin-bottom: 9rem;}
.kui-mb-40{margin-bottom: 10rem;}
.kui-mb-44{margin-bottom: 11rem;}
.kui-mb-48{margin-bottom: 12rem;}
.kui-mb-52{margin-bottom: 13rem;}
.kui-mb-56{margin-bottom: 14rem;}
.kui-mb-60{margin-bottom: 15rem;}
.kui-mb-64{margin-bottom: 16rem;}
.kui-mb-72{margin-bottom: 18rem;}
.kui-mb-80{margin-bottom: 20rem;}
.kui-mb-96{margin-bottom: 24rem;}
.kui-ml-0{margin-left: 0px;}
.kui-ml-px{margin-left: 1px;}
.kui-ml-0.5{margin-left: 0.125rem;}
.kui-ml-1{margin-left: 0.25rem;}
.kui-ml-1.5{margin-left: 0.375rem;}
.kui-ml-2{margin-left: 0.5rem;}
.kui-ml-2.5{margin-left: 0.625rem;}
.kui-ml-3{margin-left: 0.75rem;}
.kui-ml-3.5{margin-left: 0.875rem;}
.kui-ml-4{margin-left: 1rem;}
.kui-ml-5{margin-left: 1.25rem;}
.kui-ml-6{margin-left: 1.5rem;}
.kui-ml-7{margin-left: 1.75rem;}
.kui-ml-8{margin-left: 2rem;}
.kui-ml-9{margin-left: 2.25rem;}
.kui-ml-10{margin-left: 2.5rem;}
.kui-ml-11{margin-left: 2.75rem;}
.kui-ml-12{margin-left: 3rem;}
.kui-ml-14{margin-left: 3.5rem;}
.kui-ml-16{margin-left: 4rem;}
.kui-ml-20{margin-left: 5rem;}
.kui-ml-24{margin-left: 6rem;}
.kui-ml-28{margin-left: 7rem;}
.kui-ml-32{margin-left: 8rem;}
.kui-ml-36{margin-left: 9rem;}
.kui-ml-40{margin-left: 10rem;}
.kui-ml-44{margin-left: 11rem;}
.kui-ml-48{margin-left: 12rem;}
.kui-ml-52{margin-left: 13rem;}
.kui-ml-56{margin-left: 14rem;}
.kui-ml-60{margin-left: 15rem;}
.kui-ml-64{margin-left: 16rem;}
.kui-ml-72{margin-left: 18rem;}
.kui-ml-80{margin-left: 20rem;}
.kui-ml-96{margin-left: 24rem;}

/* 宽度 */
.kui-w-0 {
	width: 0px;
}

.kui-w-px {
	width: 1px;
}

.kui-w-0.5 {
	width: 0.125rem;
}

.kui-w-1 {
	width: 0.25rem;
}

.kui-w-1.5 {
	width: 0.375rem;
}

.kui-w-2 {
	width: 0.5rem;
}

.kui-w-2.5 {
	width: 0.625rem;
}

.kui-w-3 {
	width: 0.75rem;
}

.kui-w-3.5 {
	width: 0.875rem;
}

.kui-w-4 {
	width: 1rem;
}

.kui-w-5 {
	width: 1.25rem;
}

.kui-w-6 {
	width: 1.5rem;
}

.kui-w-7 {
	width: 1.75rem;
}

.kui-w-8 {
	width: 2rem;
}

.kui-w-9 {
	width: 2.25rem;
}

.kui-w-10 {
	width: 2.5rem;
}

.kui-w-11 {
	width: 2.75rem;
}

.kui-w-12 {
	width: 3rem;
}

.kui-w-14 {
	width: 3.5rem;
}

.kui-w-16 {
	width: 4rem;
}

.kui-w-20 {
	width: 5rem;
}

.kui-w-24 {
	width: 6rem;
}

.kui-w-28 {
	width: 7rem;
}

.kui-w-32 {
	width: 8rem;
}

.kui-w-36 {
	width: 9rem;
}

.kui-w-40 {
	width: 10rem;
}

.kui-w-44 {
	width: 11rem;
}

.kui-w-48 {
	width: 12rem;
}

.kui-w-52 {
	width: 13rem;
}

.kui-w-56 {
	width: 14rem;
}

.kui-w-60 {
	width: 15rem;
}

.kui-w-64 {
	width: 16rem;
}

.kui-w-72 {
	width: 18rem;
}

.kui-w-80 {
	width: 20rem;
}

.kui-w-96 {
	width: 24rem;
}

.kui-w-auto {
	width: auto;
}

.kui-w-1-2 {
	width: 50%;
}

.kui-w-1-3 {
	width: 33.333333%;
}

.kui-w-2-3 {
	width: 66.666667%;
}

.kui-w-1-4 {
	width: 25%;
}

.kui-w-2-4 {
	width: 50%;
}

.kui-w-3-4 {
	width: 75%;
}

.kui-w-1-5 {
	width: 20%;
}

.kui-w-2-5 {
	width: 40%;
}

.kui-w-3-5 {
	width: 60%;
}

.kui-w-4-5 {
	width: 80%;
}

.kui-w-1-6 {
	width: 16.666667%;
}

.kui-w-2-6 {
	width: 33.333333%;
}

.kui-w-3-6 {
	width: 50%;
}

.kui-w-4-6 {
	width: 66.666667%;
}

.kui-w-5-6 {
	width: 83.333333%;
}

.kui-w-1-12 {
	width: 8.333333%;
}

.kui-w-2-12 {
	width: 16.666667%;
}

.kui-w-3-12 {
	width: 25%;
}

.kui-w-4-12 {
	width: 33.333333%;
}

.kui-w-5-12 {
	width: 41.666667%;
}

.kui-w-6-12 {
	width: 50%;
}

.kui-w-7-12 {
	width: 58.333333%;
}

.kui-w-8-12 {
	width: 66.666667%;
}

.kui-w-9-12 {
	width: 75%;
}

.kui-w-10-12 {
	width: 83.333333%;
}

.kui-w-11-12 {
	width: 91.666667%;
}

.kui-w-full {
	width: 100%;
}

.kui-w-screen {
	width: 100vw;
}

.kui-w-min {
	width: min-content;
}

.kui-w-max {
	width: max-content;
}

/* 最小宽度 */
.kui-min-w-0 {
	min-width: 0px;
}

.kui-min-w-full {
	min-width: 100%;
}

.kui-min-w-min {
	min-width: min-content;
}

.kui-min-w-max {
	min-width: max-content;
}

/* 最大宽度 */
.kui-max-w-0 {
	max-width: 0rem;
}

.kui-max-w-none {
	max-width: none;
}

.kui-max-w-xs {
	max-width: 20rem;
}

.kui-max-w-sm {
	max-width: 24rem;
}

.kui-max-w-md {
	max-width: 28rem;
}

.kui-max-w-lg {
	max-width: 32rem;
}

.kui-max-w-xl {
	max-width: 36rem;
}

.kui-max-w-2xl {
	max-width: 42rem;
}

.kui-max-w-3xl {
	max-width: 48rem;
}

.kui-max-w-4xl {
	max-width: 56rem;
}

.kui-max-w-5xl {
	max-width: 64rem;
}

.kui-max-w-6xl {
	max-width: 72rem;
}

.kui-max-w-7xl {
	max-width: 80rem;
}

.kui-max-w-full {
	max-width: 100%;
}

.kui-max-w-min {
	max-width: min-content;
}

.kui-max-w-max {
	max-width: max-content;
}

.kui-max-w-prose {
	max-width: 65ch;
}

.kui-max-w-screen-sm {
	max-width: 640px;
}

.kui-max-w-screen-md {
	max-width: 768px;
}

.kui-max-w-screen-lg {
	max-width: 1024px;
}

.kui-max-w-screen-xl {
	max-width: 1280px;
}

.kui-max-w-screen-2xl {
	max-width: 1536px;
}

/* 高度 */
.kui-h-0 {
	height: 0px;
}

.kui-h-px {
	height: 1px;
}

.kui-h-0.5 {
	height: 0.125rem;
}

.kui-h-1 {
	height: 0.25rem;
}

.kui-h-1.5 {
	height: 0.375rem;
}

.kui-h-2 {
	height: 0.5rem;
}

.kui-h-2.5 {
	height: 0.625rem;
}

.kui-h-3 {
	height: 0.75rem;
}

.kui-h-3.5 {
	height: 0.875rem;
}

.kui-h-4 {
	height: 1rem;
}

.kui-h-5 {
	height: 1.25rem;
}

.kui-h-6 {
	height: 1.5rem;
}

.kui-h-7 {
	height: 1.75rem;
}

.kui-h-8 {
	height: 2rem;
}

.kui-h-9 {
	height: 2.25rem;
}

.kui-h-10 {
	height: 2.5rem;
}

.kui-h-11 {
	height: 2.75rem;
}

.kui-h-12 {
	height: 3rem;
}

.kui-h-14 {
	height: 3.5rem;
}

.kui-h-16 {
	height: 4rem;
}

.kui-h-20 {
	height: 5rem;
}

.kui-h-24 {
	height: 6rem;
}

.kui-h-28 {
	height: 7rem;
}

.kui-h-32 {
	height: 8rem;
}

.kui-h-36 {
	height: 9rem;
}

.kui-h-40 {
	height: 10rem;
}

.kui-h-44 {
	height: 11rem;
}

.kui-h-48 {
	height: 12rem;
}

.kui-h-52 {
	height: 13rem;
}

.kui-h-56 {
	height: 14rem;
}

.kui-h-60 {
	height: 15rem;
}

.kui-h-64 {
	height: 16rem;
}

.kui-h-72 {
	height: 18rem;
}

.kui-h-80 {
	height: 20rem;
}

.kui-h-96 {
	height: 24rem;
}

.kui-h-auto {
	height: auto;
}

.kui-h-1-2 {
	height: 50%;
}

.kui-h-1-3 {
	height: 33.333333%;
}

.kui-h-2-3 {
	height: 66.666667%;
}

.kui-h-1-4 {
	height: 25%;
}

.kui-h-2-4 {
	height: 50%;
}

.kui-h-3-4 {
	height: 75%;
}

.kui-h-1-5 {
	height: 20%;
}

.kui-h-2-5 {
	height: 40%;
}

.kui-h-3-5 {
	height: 60%;
}

.kui-h-4-5 {
	height: 80%;
}

.kui-h-1-6 {
	height: 16.666667%;
}

.kui-h-2-6 {
	height: 33.333333%;
}

.kui-h-3-6 {
	height: 50%;
}

.kui-h-4-6 {
	height: 66.666667%;
}

.kui-h-5-6 {
	height: 83.333333%;
}

.kui-h-full {
	height: 100%;
}

.kui-h-screen {
	height: 100vh;
}

/* 最小高度 */
.kui-min-h-0 {
	min-height: 0px;
}

.kui-min-h-full {
	min-height: 100%;
}

.kui-min-h-screen {
	min-height: 100vh;
}

/* 最大高度 */
.kui-max-h-0 {
	max-height: 0px;
}

.kui-max-h-px {
	max-height: 1px;
}

.kui-max-h-0.5 {
	max-height: 0.125rem;
}

.kui-max-h-1 {
	max-height: 0.25rem;
}

.kui-max-h-1.5 {
	max-height: 0.375rem;
}

.kui-max-h-2 {
	max-height: 0.5rem;
}

.kui-max-h-2.5 {
	max-height: 0.625rem;
}

.kui-max-h-3 {
	max-height: 0.75rem;
}

.kui-max-h-3.5 {
	max-height: 0.875rem;
}

.kui-max-h-4 {
	max-height: 1rem;
}

.kui-max-h-5 {
	max-height: 1.25rem;
}

.kui-max-h-6 {
	max-height: 1.5rem;
}

.kui-max-h-7 {
	max-height: 1.75rem;
}

.kui-max-h-8 {
	max-height: 2rem;
}

.kui-max-h-9 {
	max-height: 2.25rem;
}

.kui-max-h-10 {
	max-height: 2.5rem;
}

.kui-max-h-11 {
	max-height: 2.75rem;
}

.kui-max-h-12 {
	max-height: 3rem;
}

.kui-max-h-14 {
	max-height: 3.5rem;
}

.kui-max-h-16 {
	max-height: 4rem;
}

.kui-max-h-20 {
	max-height: 5rem;
}

.kui-max-h-24 {
	max-height: 6rem;
}

.kui-max-h-28 {
	max-height: 7rem;
}

.kui-max-h-32 {
	max-height: 8rem;
}

.kui-max-h-36 {
	max-height: 9rem;
}

.kui-max-h-40 {
	max-height: 10rem;
}

.kui-max-h-44 {
	max-height: 11rem;
}

.kui-max-h-48 {
	max-height: 12rem;
}

.kui-max-h-52 {
	max-height: 13rem;
}

.kui-max-h-56 {
	max-height: 14rem;
}

.kui-max-h-60 {
	max-height: 15rem;
}

.kui-max-h-64 {
	max-height: 16rem;
}

.kui-max-h-72 {
	max-height: 18rem;
}

.kui-max-h-80 {
	max-height: 20rem;
}

.kui-max-h-96 {
	max-height: 24rem;
}

.kui-max-h-full {
	max-height: 100%;
}

.kui-max-h-screen {
	max-height: 100vh;
}

/* 字体序列 */
.kui-font-sans {
	font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.kui-font-serif {
	font-family: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;
}

.kui-font-mono {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/* 字体大小 */
.kui-text-xs {
	font-size: 0.75rem;
	line-height: 1rem;
}

.kui-text-sm {
	font-size: 0.875rem;
	line-height: 1.25rem;
}

.kui-text-base {
	font-size: 1rem;
	line-height: 1.5rem;
}

.kui-text-lg {
	font-size: 1.125rem;
	line-height: 1.75rem;
}

.kui-text-xl {
	font-size: 1.25rem;
	line-height: 1.75rem;
}

.kui-text-2xl {
	font-size: 1.5rem;
	line-height: 2rem;
}

.kui-text-3xl {
	font-size: 1.875rem;
	line-height: 2.25rem;
}

.kui-text-4xl {
	font-size: 2.25rem;
	line-height: 2.5rem;
}

.kui-text-5xl {
	font-size: 3rem;
	line-height: 1;
}

.kui-text-6xl {
	font-size: 3.75rem;
	line-height: 1;
}

.kui-text-7xl {
	font-size: 4.5rem;
	line-height: 1;
}

.kui-text-8xl {
	font-size: 6rem;
	line-height: 1;
}

.kui-text-9xl {
	font-size: 8rem;
	line-height: 1;
}

/* 字体平滑度 */
.kui-antialiased {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.kui-subpixel-antialiased {
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
}

/* 字体样式 */
.kui-italic {
	font-style: italic;
}

.kui-not-italic {
	font-style: normal;
}

/* 字体粗细 */
.kui-font-thin {
	font-weight: 100;
}

.kui-font-extralight {
	font-weight: 200;
}

.kui-font-light {
	font-weight: 300;
}

.kui-font-normal {
	font-weight: 400;
}

.kui-font-medium {
	font-weight: 500;
}

.kui-font-semibold {
	font-weight: 600;
}

.kui-font-bold {
	font-weight: 700;
}

.kui-font-extrabold {
	font-weight: 800;
}

.kui-font-black {
	font-weight: 900;
}

/* Font Variant Numeric */
.kui-normal-nums {
	font-variant-numeric: normal;
}

.kui-ordinal {
	font-variant-numeric: ordinal;
}

.kui-slashed-zero {
	font-variant-numeric: slashed-zero;
}

.kui-lining-nums {
	font-variant-numeric: lining-nums;
}

.kui-oldstyle-nums {
	font-variant-numeric: oldstyle-nums;
}

.kui-proportional-nums {
	font-variant-numeric: proportional-nums;
}

.kui-tabular-nums {
	font-variant-numeric: tabular-nums;
}

.kui-diagonal-fractions {
	font-variant-numeric: diagonal-fractions;
}

.kui-stacked-fractions {
	font-variant-numeric: stacked-fractions;
}

/* 字母间距 */
.kui-tracking-tighter {
	letter-spacing: -0.05em;
}

.kui-tracking-tight {
	letter-spacing: -0.025em;
}

.kui-tracking-normal {
	letter-spacing: 0em;
}

.kui-tracking-wide {
	letter-spacing: 0.025em;
}

.kui-tracking-wider {
	letter-spacing: 0.05em;
}

.kui-tracking-widest {
	letter-spacing: 0.1em;
}

/* 行高 */
.kui-leading-3 {
	line-height: .75rem;
}

.kui-leading-4 {
	line-height: 1rem;
}

.kui-leading-5 {
	line-height: 1.25rem;
}

.kui-leading-6 {
	line-height: 1.5rem;
}

.kui-leading-7 {
	line-height: 1.75rem;
}

.kui-leading-8 {
	line-height: 2rem;
}

.kui-leading-9 {
	line-height: 2.25rem;
}

.kui-leading-10 {
	line-height: 2.5rem;
}

.kui-leading-none {
	line-height: 1;
}

.kui-leading-tight {
	line-height: 1.25;
}

.kui-leading-snug {
	line-height: 1.375;
}

.kui-leading-normal {
	line-height: 1.5;
}

.kui-leading-relaxed {
	line-height: 1.625;
}

.kui-leading-loose {
	line-height: 2;
}

/* 占位文本颜色 */
.kui-placeholder-transparent::placeholder {
	color: transparent;
}

.kui-placeholder-current::placeholder {
	color: currentColor;
}

.kui-placeholder-black::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(0, 0, 0, var(--tw-placeholder-opacity));
}

.kui-placeholder-white::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
}

.kui-placeholder-gray-50::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(249, 250, 251, var(--tw-placeholder-opacity));
}

.kui-placeholder-gray-100::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(243, 244, 246, var(--tw-placeholder-opacity));
}

.kui-placeholder-gray-200::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(229, 231, 235, var(--tw-placeholder-opacity));
}

.kui-placeholder-gray-300::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(209, 213, 219, var(--tw-placeholder-opacity));
}

.kui-placeholder-gray-400::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(156, 163, 175, var(--tw-placeholder-opacity));
}

.kui-placeholder-gray-500::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(107, 114, 128, var(--tw-placeholder-opacity));
}

.kui-placeholder-gray-600::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(75, 85, 99, var(--tw-placeholder-opacity));
}

.kui-placeholder-gray-700::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(55, 65, 81, var(--tw-placeholder-opacity));
}

.kui-placeholder-gray-800::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(31, 41, 55, var(--tw-placeholder-opacity));
}

.kui-placeholder-gray-900::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(17, 24, 39, var(--tw-placeholder-opacity));
}

.kui-placeholder-red-50::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(254, 242, 242, var(--tw-placeholder-opacity));
}

.kui-placeholder-red-100::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(254, 226, 226, var(--tw-placeholder-opacity));
}

.kui-placeholder-red-200::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(254, 202, 202, var(--tw-placeholder-opacity));
}

.kui-placeholder-red-300::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(252, 165, 165, var(--tw-placeholder-opacity));
}

.kui-placeholder-red-400::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(248, 113, 113, var(--tw-placeholder-opacity));
}

.kui-placeholder-red-500::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(239, 68, 68, var(--tw-placeholder-opacity));
}

.kui-placeholder-red-600::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(220, 38, 38, var(--tw-placeholder-opacity));
}

.kui-placeholder-red-700::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(185, 28, 28, var(--tw-placeholder-opacity));
}

.kui-placeholder-red-800::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(153, 27, 27, var(--tw-placeholder-opacity));
}

.kui-placeholder-red-900::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(127, 29, 29, var(--tw-placeholder-opacity));
}

.kui-placeholder-yellow-50::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(255, 251, 235, var(--tw-placeholder-opacity));
}

.kui-placeholder-yellow-100::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(254, 243, 199, var(--tw-placeholder-opacity));
}

.kui-placeholder-yellow-200::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(253, 230, 138, var(--tw-placeholder-opacity));
}

.kui-placeholder-yellow-300::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(252, 211, 77, var(--tw-placeholder-opacity));
}

.kui-placeholder-yellow-400::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(251, 191, 36, var(--tw-placeholder-opacity));
}

.kui-placeholder-yellow-500::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(245, 158, 11, var(--tw-placeholder-opacity));
}

.kui-placeholder-yellow-600::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(217, 119, 6, var(--tw-placeholder-opacity));
}

.kui-placeholder-yellow-700::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(180, 83, 9, var(--tw-placeholder-opacity));
}

.kui-placeholder-yellow-800::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(146, 64, 14, var(--tw-placeholder-opacity));
}

.kui-placeholder-yellow-900::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(120, 53, 15, var(--tw-placeholder-opacity));
}

.kui-placeholder-green-50::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(236, 253, 245, var(--tw-placeholder-opacity));
}

.kui-placeholder-green-100::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(209, 250, 229, var(--tw-placeholder-opacity));
}

.kui-placeholder-green-200::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(167, 243, 208, var(--tw-placeholder-opacity));
}

.kui-placeholder-green-300::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(110, 231, 183, var(--tw-placeholder-opacity));
}

.kui-placeholder-green-400::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(52, 211, 153, var(--tw-placeholder-opacity));
}

.kui-placeholder-green-500::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(16, 185, 129, var(--tw-placeholder-opacity));
}

.kui-placeholder-green-600::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(5, 150, 105, var(--tw-placeholder-opacity));
}

.kui-placeholder-green-700::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(4, 120, 87, var(--tw-placeholder-opacity));
}

.kui-placeholder-green-800::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(6, 95, 70, var(--tw-placeholder-opacity));
}

.kui-placeholder-green-900::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(6, 78, 59, var(--tw-placeholder-opacity));
}

.kui-placeholder-blue-50::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(239, 246, 255, var(--tw-placeholder-opacity));
}

.kui-placeholder-blue-100::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(219, 234, 254, var(--tw-placeholder-opacity));
}

.kui-placeholder-blue-200::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(191, 219, 254, var(--tw-placeholder-opacity));
}

.kui-placeholder-blue-300::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(147, 197, 253, var(--tw-placeholder-opacity));
}

.kui-placeholder-blue-400::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(96, 165, 250, var(--tw-placeholder-opacity));
}

.kui-placeholder-blue-500::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(59, 130, 246, var(--tw-placeholder-opacity));
}

.kui-placeholder-blue-600::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(37, 99, 235, var(--tw-placeholder-opacity));
}

.kui-placeholder-blue-700::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(29, 78, 216, var(--tw-placeholder-opacity));
}

.kui-placeholder-blue-800::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(30, 64, 175, var(--tw-placeholder-opacity));
}

.kui-placeholder-blue-900::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(30, 58, 138, var(--tw-placeholder-opacity));
}

.kui-placeholder-indigo-50::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(238, 242, 255, var(--tw-placeholder-opacity));
}

.kui-placeholder-indigo-100::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(224, 231, 255, var(--tw-placeholder-opacity));
}

.kui-placeholder-indigo-200::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(199, 210, 254, var(--tw-placeholder-opacity));
}

.kui-placeholder-indigo-300::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(165, 180, 252, var(--tw-placeholder-opacity));
}

.kui-placeholder-indigo-400::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(129, 140, 248, var(--tw-placeholder-opacity));
}

.kui-placeholder-indigo-500::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(99, 102, 241, var(--tw-placeholder-opacity));
}

.kui-placeholder-indigo-600::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(79, 70, 229, var(--tw-placeholder-opacity));
}

.kui-placeholder-indigo-700::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(67, 56, 202, var(--tw-placeholder-opacity));
}

.kui-placeholder-indigo-800::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(55, 48, 163, var(--tw-placeholder-opacity));
}

.kui-placeholder-indigo-900::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(49, 46, 129, var(--tw-placeholder-opacity));
}

.kui-placeholder-purple-50::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(245, 243, 255, var(--tw-placeholder-opacity));
}

.kui-placeholder-purple-100::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(237, 233, 254, var(--tw-placeholder-opacity));
}

.kui-placeholder-purple-200::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(221, 214, 254, var(--tw-placeholder-opacity));
}

.kui-placeholder-purple-300::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(196, 181, 253, var(--tw-placeholder-opacity));
}

.kui-placeholder-purple-400::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(167, 139, 250, var(--tw-placeholder-opacity));
}

.kui-placeholder-purple-500::placeholder {
	--tw-placeholder-opacity: 1;
	color: rgba(139, 92, 246, var(--tw-placeholder-opacity));
}

.kui-placeholde