@kviewui/css/dist/index.css

kviewui组件库布局样式工具库

/**
* kviewui组件库布局样式库，由工具自动生成，请不要手动修改！！！
* 2023-06-14 13:48
* @author kviewui@163.com
* @version 1.0.3
* @see {@link git+https://github.com/kviewui/kviewui/tree/main/packages/kviewui-css}
* @license MIT
* Copyright (c) 2023 cn.kviewui.com
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in all
* copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
* SOFTWARE.
*
**/

/******** Primary *******/
/******** Dark Primary *******/
/******** Success *******/
/******** Dark Success *******/
/******** Danger *******/
/******** Dark Danger *******/
/******** Warning *******/
/******** Dark Warning *******/
/******** Link *******/
/******** Dark link *******/
/******** Info *******/
/******** Dark Info *******/
/******** White *******/
/******** Black *******/
/******** 变量 *******/
/******** Line Height *******/
/******** Font Size *******/
/**
* base-正文-常规
* sm-正文-中
* sm-辅助文案/次要文案
* xs-正文-小
* lg-标题-小
* xl-标题中
* 2xl-标题-大
* 4xl-运营标题-小
* 5xl-运营标题-中
* 6xl-运营标题-大
**/
/******** Border Radius *******/
/**
* none-直角
* xs-常规-小
* sm-常规-中
* base-常规
* lg-较大
* xl-大
* max-全圆角
**/
/******** Font Weight ********/
/**
* thin-极细
* extralight-纤细
* light-细体
* normal-常规
* medium-中等加粗
* semibold-半粗
* bold-粗体
* extrabold-中黑
* black-黑体
**/
/******** Red / 浪漫红 ********/
/******** Orangered / 晚秋红 ********/
/******** Orange / 活力橙 ********/
/******** Gold / 黄昏色 ********/
/******** Yellow / 柠檬黄 ********/
/******** Lime / 新生绿 ********/
/******** Green / 翡翠绿 ********/
/******** Cyan / 碧涛青 ********/
/******** Blue / 海空蓝 ********/
/******** Deepblue / 极致蓝 ********/
/******** Purple / 暗夜紫 ********/
/******** Pinkpurple / 青春紫 ********/
/******** Magenta / 品红色 ********/
/******** Grey / 中性灰 ********/
/******** Dark Red / 浪漫红 ********/
/******** Dark Orangered / 晚秋红 ********/
/******** Dark Orange / 活力橙 ********/
/******** Dark Gold / 黄昏色 ********/
/******** Dark Yellow / 柠檬黄 ********/
/******** Dark Lime / 新生绿 ********/
/******** Dark Green / 翡翠绿 ********/
/******** Dark Cyan / 碧涛青 ********/
/******** Dark Blue / 海空蓝 ********/
/******** Dark Deepblue / 极致蓝 ********/
/******** Dark Purple / 暗夜紫 ********/
/******** Dark Pinkpurple / 青春紫 ********/
/******** Dark Magenta / 品红色 ********/
/******** Dark Grey / 中性灰 ********/
/******** 品牌色 ********/
/******** Dark 品牌色 ********/
/******** 成功色 ********/
/******** Dark 成功色 ********/
/******** 危险色 ********/
/******** Dark 危险色 ********/
/******** 警告色 ********/
/******** Dark 警告色 ********/
/******** 链接色 ********/
/******** Dark 链接色 ********/
/******** 信息色 ********/
/******** Dark 信息色 ********/
@import url('./bg-gradient-t.css');
@import url('./bg-gradient-r.css');
@import url('./bg-gradient-b.css');
@import url('./bg-gradient-l.css');
@import url('./bg-gradient-tl.css');
@import url('./bg-gradient-br.css');
/* #ifndef APP-NVUE */
@import url('./bg-gradient-tr.css');
@import url('./bg-gradient-bl.css');
/* #endif */
/**
 * 主样式配置文件
 */
/* #ifndef APP-NVUE */
view {
  font-size: 30rpx;
}
/* #endif */
.kui-bg-transparent {
  background-color: transparent !important;
}
/* Box Sizing */
/* #ifndef APP-NVUE */
.kui-box-border {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.kui-box-content {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
/* #endif */
/* 溢出 */
/* #ifndef APP-NVUE */
.kui-overflow-auto {
  overflow: auto !important;
}
.kui-overflow-hidden {
  overflow: hidden !important;
}
.kui-overflow-visible {
  overflow: visible !important;
}
.kui-overflow-scroll {
  overflow: scroll !important;
}
.kui-overflow-x-auto {
  overflow-x: auto !important;
}
.kui-overflow-y-auto {
  overflow-y: auto !important;
}
.kui-overflow-x-hidden {
  overflow-x: hidden !important;
}
.kui-overflow-y-hidden {
  overflow-y: hidden !important;
}
.kui-overflow-x-visible {
  overflow-x: visible !important;
}
.kui-overflow-y-visible {
  overflow-y: visible !important;
}
.kui-overflow-x-scroll {
  overflow-x: scroll !important;
}
.kui-overflow-y-scroll {
  overflow-y: scroll !important;
}
/* #endif */
/* 定位 */
.kui-fixed {
  position: fixed !important;
}
.kui-absolute {
  position: absolute !important;
}
.kui-relative {
  position: relative !important;
}
.kui-top-0 {
  top: 0px !important;
}
.kui-right-0 {
  right: 0px !important;
}
.kui-bottom-0 {
  bottom: 0px !important;
}
.kui-left-0 {
  left: 0px !important;
}
/* zIndex */
/* #ifndef APP-NVUE */
.kui-z-auto {
  z-index: auto !important;
}
/* #endif */
/* zIndex 0-5 */
.kui-z-0 {
  z-index: 0 !important;
}
.kui-z-1 {
  z-index: 1 !important;
}
.kui-z-2 {
  z-index: 2 !important;
}
.kui-z-3 {
  z-index: 3 !important;
}
.kui-z-4 {
  z-index: 4 !important;
}
.kui-z-5 {
  z-index: 5 !important;
}
/* zIndex 10-60 */
.kui-z-10 {
  z-index: 10 !important;
}
.kui-z-20 {
  z-index: 20 !important;
}
.kui-z-30 {
  z-index: 30 !important;
}
.kui-z-40 {
  z-index: 40 !important;
}
.kui-z-50 {
  z-index: 50 !important;
}
.kui-z-60 {
  z-index: 60 !important;
}
/* zIndex -1--5 */
.-kui-z-5 {
  z-index: -5 !important;
}
.-kui-z-4 {
  z-index: -4 !important;
}
.-kui-z-3 {
  z-index: -3 !important;
}
.-kui-z-2 {
  z-index: -2 !important;
}
.-kui-z-1 {
  z-index: -1 !important;
}
/* Top/Right/Bottom/Left */
.kui-inset-0 {
  top: 0px !important;
  right: 0px !important;
  bottom: 0px !important;
  left: 0px !important;
}
.kui-inset-x-0 {
  left: 0px !important;
  right: 0px !important;
}
.kui-inset-y-0 {
  top: 0px !important;
  bottom: 0px !important;
}
.kui-inset-t-0 {
  top: 0px !important;
}
.kui-inset-b-0 {
  bottom: 0px !important;
}
.kui-inset-l-0 {
  left: 0px !important;
}
.kui-inset-r-0 {
  right: 0px !important;
}
/* Flex Grow */
/* #ifndef APP-NVUE */
.kui-flex-grow-0 {
  -webkit-box-flex: 0 !important;
      -ms-flex-positive: 0 !important;
          flex-grow: 0 !important;
}
.kui-flex-grow {
  -webkit-box-flex: 1 !important;
      -ms-flex-positive: 1 !important;
          flex-grow: 1 !important;
}
/* #endif */
/* Flex Shrink */
/* #ifndef APP-NVUE */
.kui-flex-shrink-0 {
  -ms-flex-negative: 0 !important;
      flex-shrink: 0 !important;
}
.kui-flex-shrink {
  -ms-flex-negative: 1 !important;
      flex-shrink: 1 !important;
}
/* #endif */
/* #ifndef APP-NVUE */
/* Grid */
.kui-grid {
  display: grid !important;
}
/* Grid Template Columns */
.kui-grld-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
.kui-grld-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.kui-grld-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.kui-grld-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
.kui-grld-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.kui-grld-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}
.kui-grld-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
}
.kui-grld-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}
.kui-grld-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
}
.kui-grld-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr)) !important;
}
.kui-grld-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr)) !important;
}
.kui-grld-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
.kui-grid-cols-none {
  grid-template-columns: none !important;
}
/* Grid Column Start / End */
.kui-col-auto {
  grid-column: auto !important;
}
.kui-col-span-1 {
  grid-column: span 1 / span 1 !important;
}
.kui-col-span-2 {
  grid-column: span 2 / span 2 !important;
}
.kui-col-span-3 {
  grid-column: span 3 / span 3 !important;
}
.kui-col-span-4 {
  grid-column: span 4 / span 4 !important;
}
.kui-col-span-5 {
  grid-column: span 5 / span 5 !important;
}
.kui-col-span-6 {
  grid-column: span 6 / span 6 !important;
}
.kui-col-span-7 {
  grid-column: span 7 / span 7 !important;
}
.kui-col-span-8 {
  grid-column: span 8 / span 8 !important;
}
.kui-col-span-9 {
  grid-column: span 9 / span 9 !important;
}
.kui-col-span-10 {
  grid-column: span 10 / span 10 !important;
}
.kui-col-span-11 {
  grid-column: span 11 / span 11 !important;
}
.kui-col-span-12 {
  grid-column: span 12 / span 12 !important;
}
.kui-col-span-full {
  grid-column: 1 / -1 !important;
}
.kui-col-start-1 {
  grid-column-start: 1;
}
.kui-col-start-2 {
  grid-column-start: 2;
}
.kui-col-start-3 {
  grid-column-start: 3;
}
.kui-col-start-4 {
  grid-column-start: 4;
}
.kui-col-start-5 {
  grid-column-start: 5;
}
.kui-col-start-6 {
  grid-column-start: 6;
}
.kui-col-start-7 {
  grid-column-start: 7;
}
.kui-col-start-8 {
  grid-column-start: 8;
}
.kui-col-start-9 {
  grid-column-start: 9;
}
.kui-col-start-10 {
  grid-column-start: 10;
}
.kui-col-start-11 {
  grid-column-start: 11;
}
.kui-col-start-12 {
  grid-column-start: 12;
}
.kui-col-start-13 {
  grid-column-start: 13;
}
.kui-col-start-auto {
  grid-column-start: auto;
}
.kui-col-end-1 {
  grid-column-end: 1;
}
.kui-col-end-2 {
  grid-column-end: 2;
}
.kui-col-end-3 {
  grid-column-end: 3;
}
.kui-col-end-4 {
  grid-column-end: 4;
}
.kui-col-end-5 {
  grid-column-end: 5;
}
.kui-col-end-6 {
  grid-column-end: 6;
}
.kui-col-end-7 {
  grid-column-end: 7;
}
.kui-col-end-8 {
  grid-column-end: 8;
}
.kui-col-end-9 {
  grid-column-end: 9;
}
.kui-col-end-10 {
  grid-column-end: 10;
}
.kui-col-end-11 {
  grid-column-end: 11;
}
.kui-col-end-12 {
  grid-column-end: 12;
}
.kui-col-end-13 {
  grid-column-end: 13;
}
.kui-col-end-auto {
  grid-column-end: auto;
}
/* Grid Template Rows */
.kui-grid-rows-1 {
  grid-template-rows: repeat(1, minmax(0, 1fr)) !important;
}
.kui-grid-rows-2 {
  grid-template-rows: repeat(2, minmax(0, 1fr)) !important;
}
.kui-grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
}
.kui-grid-rows-4 {
  grid-template-rows: repeat(4, minmax(0, 1fr)) !important;
}
.kui-grid-rows-5 {
  grid-template-rows: repeat(5, minmax(0, 1fr)) !important;
}
.kui-grid-rows-6 {
  grid-template-rows: repeat(6, minmax(0, 1fr)) !important;
}
.kui-grid-rows-none {
  grid-template-rows: none !important;
}
/* Grid Row Start / End */
.kui-row-auto {
  grid-row: auto !important;
}
.kui-row-span-1 {
  grid-row: span 1 / span 1 !important;
}
.kui-row-span-2 {
  grid-row: span 2 / span 2 !important;
}
.kui-row-span-3 {
  grid-row: span 3 / span 3 !important;
}
.kui-row-span-4 {
  grid-row: span 4 / span 4 !important;
}
.kui-row-span-5 {
  grid-row: span 5 / span 5 !important;
}
.kui-row-span-6 {
  grid-row: span 6 / span 6 !important;
}
.kui-row-span-full {
  grid-row: 1 / -1 !important;
}
.kui-row-start-1 {
  grid-row-start: 1 !important;
}
.kui-row-start-2 {
  grid-row-start: 2 !important;
}
.kui-row-start-3 {
  grid-row-start: 3 !important;
}
.kui-row-start-4 {
  grid-row-start: 4 !important;
}
.kui-row-start-5 {
  grid-row-start: 5 !important;
}
.kui-row-start-6 {
  grid-row-start: 6 !important;
}
.kui-row-start-7 {
  grid-row-start: 7 !important;
}
.kui-row-start-auto {
  grid-row-start: auto !important;
}
.kui-row-end-1 {
  grid-row-end: 1 !important;
}
.kui-row-end-2 {
  grid-row-end: 2 !important;
}
.kui-row-end-3 {
  grid-row-end: 3 !important;
}
.kui-row-end-4 {
  grid-row-end: 4 !important;
}
.kui-row-end-5 {
  grid-row-end: 5 !important;
}
.kui-row-end-6 {
  grid-row-end: 6 !important;
}
.kui-row-end-7 {
  grid-row-end: 7 !important;
}
.kui-row-end-auto {
  grid-row-end: auto !important;
}
/* Grid Auto Flow */
.kui-grid-flow-row {
  grid-auto-flow: row !important;
}
.kui-grid-flow-col {
  grid-auto-flow: column !important;
}
.kui-grid-flow-row-dense {
  grid-auto-flow: row dense !important;
}
.kui-grid-flow-col-dense {
  grid-auto-flow: column dense !important;
}
/* Grid Auto Columns */
.kui-auto-cols-auto {
  grid-auto-columns: auto !important;
}
.kui-auto-cols-min {
  grid-auto-columns: -webkit-min-content !important;
  grid-auto-columns: min-content !important;
}
.kui-auto-cols-max {
  grid-auto-columns: -webkit-max-content !important;
  grid-auto-columns: max-content !important;
}
.kui-auto-cols-fr {
  grid-auto-columns: minmax(0, 1fr) !important;
}
/* Grid Auto Rows */
.kui-auto-rows-auto {
  grid-auto-rows: auto !important;
}
.kui-auto-rows-min {
  grid-auto-rows: -webkit-min-content !important;
  grid-auto-rows: min-content !important;
}
.kui-auto-rows-max {
  grid-auto-rows: -webkit-max-content !important;
  grid-auto-rows: max-content !important;
}
.kui-auto-rows-fr {
  grid-auto-rows: minmax(0, 1fr) !important;
}
/* Gap */
.kui-gap-0 {
  gap: 0px !important;
}
.kui-gap-x-0 {
  -webkit-column-gap: 0px !important;
     -moz-column-gap: 0px !important;
          column-gap: 0px !important;
}
.kui-gap-y-0 {
  row-gap: 0px !important;
}
.kui-gap-px {
  gap: 1px !important;
}
.kui-gap-x-px {
  -webkit-column-gap: 1px !important;
     -moz-column-gap: 1px !important;
          column-gap: 1px !important;
}
.kui-gap-y-px {
  row-gap: 1px !important;
}
.kui-gap-0.5 {
  gap: 4.6875rpx !important;
}
.kui-gap-x-0.5 {
  -webkit-column-gap: 4.6875rpx !important;
     -moz-column-gap: 4.6875rpx !important;
          column-gap: 4.6875rpx !important;
}
.kui-gap-y-0.5 {
  row-gap: 4.6875rpx !important;
}
.kui-gap-1 {
  gap: 9.375rpx !important;
}
.kui-gap-x-1 {
  -webkit-column-gap: 9.375rpx !important;
     -moz-column-gap: 9.375rpx !important;
          column-gap: 9.375rpx !important;
}
.kui-gap-y-1 {
  row-gap: 9.375rpx !important;
}
.kui-gap-1.5 {
  gap: 14.0625rpx !important;
}
.kui-gap-x-1.5 {
  -webkit-column-gap: 14.0625rpx !important;
     -moz-column-gap: 14.0625rpx !important;
          column-gap: 14.0625rpx !important;
}
.kui-gap-y-1.5 {
  row-gap: 14.0625rpx !important;
}
.kui-gap-2 {
  gap: 18.75rpx !important;
}
.kui-gap-x-2 {
  -webkit-column-gap: 18.75rpx !important;
     -moz-column-gap: 18.75rpx !important;
          column-gap: 18.75rpx !important;
}
.kui-gap-y-2 {
  row-gap: 18.75rpx !important;
}
.kui-gap-2.5 {
  gap: 23.4375rpx !important;
}
.kui-gap-x-2.5 {
  -webkit-column-gap: 23.4375rpx !important;
     -moz-column-gap: 23.4375rpx !important;
          column-gap: 23.4375rpx !important;
}
.kui-gap-y-2.5 {
  row-gap: 23.4375rpx !important;
}
.kui-gap-3 {
  gap: 28.125rpx !important;
}
.kui-gap-x-3 {
  -webkit-column-gap: 28.125rpx !important;
     -moz-column-gap: 28.125rpx !important;
          column-gap: 28.125rpx !important;
}
.kui-gap-y-3 {
  row-gap: 28.125rpx !important;
}
.kui-gap-3.5 {
  gap: 32.8125rpx !important;
}
.kui-gap-x-3.5 {
  -webkit-column-gap: 32.8125rpx !important;
     -moz-column-gap: 32.8125rpx !important;
          column-gap: 32.8125rpx !important;
}
.kui-gap-y-3.5 {
  row-gap: 32.8125rpx !important;
}
.kui-gap-4 {
  gap: 37.5rpx !important;
}
.kui-gap-5 {
  gap: 46.875rpx !important;
}
.kui-gap-6 {
  gap: 56.25rpx !important;
}
.kui-gap-7 {
  gap: 65.625rpx !important;
}
.kui-gap-8 {
  gap: 75rpx !important;
}
.kui-gap-9 {
  gap: 84.375rpx !important;
}
.kui-gap-10 {
  gap: 93.75rpx !important;
}
.kui-gap-11 {
  gap: 103.125rpx !important;
}
.kui-gap-12 {
  gap: 112.5rpx !important;
}
.kui-gap-x-4 {
  -webkit-column-gap: 37.5rpx !important;
     -moz-column-gap: 37.5rpx !important;
          column-gap: 37.5rpx !important;
}
.kui-gap-y-4 {
  row-gap: 37.5rpx !important;
}
.kui-gap-14 {
  gap: 131.25rpx !important;
}
.kui-gap-x-14 {
  -webkit-column-gap: 131.25rpx !important;
     -moz-column-gap: 131.25rpx !important;
          column-gap: 131.25rpx !important;
}
.kui-gap-y-14 {
  row-gap: 131.25rpx !important;
}
.kui-gap-16 {
  gap: 150rpx !important;
}
.kui-gap-20 {
  gap: 187.5rpx !important;
}
.kui-gap-24 {
  gap: 225rpx !important;
}
.kui-gap-28 {
  gap: 262.5rpx !important;
}
.kui-gap-32 {
  gap: 300rpx !important;
}
.kui-gap-36 {
  gap: 337.5rpx !important;
}
.kui-gap-40 {
  gap: 375rpx !important;
}
.kui-gap-44 {
  gap: 412.5rpx !important;
}
.kui-gap-48 {
  gap: 450rpx !important;
}
.kui-gap-52 {
  gap: 487.5rpx !important;
}
.kui-gap-56 {
  gap: 525rpx !important;
}
.kui-gap-60 {
  gap: 562.5rpx !important;
}
.kui-gap-64 {
  gap: 600rpx !important;
}
.kui-gap-x-16 {
  -webkit-column-gap: 150rpx !important;
     -moz-column-gap: 150rpx !important;
          column-gap: 150rpx !important;
}
.kui-gap-x-20 {
  -webkit-column-gap: 187.5rpx !important;
     -moz-column-gap: 187.5rpx !important;
          column-gap: 187.5rpx !important;
}
.kui-gap-x-24 {
  -webkit-column-gap: 225rpx !important;
     -moz-column-gap: 225rpx !important;
          column-gap: 225rpx !important;
}
.kui-gap-x-28 {
  -webkit-column-gap: 262.5rpx !important;
     -moz-column-gap: 262.5rpx !important;
          column-gap: 262.5rpx !important;
}
.kui-gap-x-32 {
  -webkit-column-gap: 300rpx !important;
     -moz-column-gap: 300rpx !important;
          column-gap: 300rpx !important;
}
.kui-gap-x-36 {
  -webkit-column-gap: 337.5rpx !important;
     -moz-column-gap: 337.5rpx !important;
          column-gap: 337.5rpx !important;
}
.kui-gap-x-40 {
  -webkit-column-gap: 375rpx !important;
     -moz-column-gap: 375rpx !important;
          column-gap: 375rpx !important;
}
.kui-gap-x-44 {
  -webkit-column-gap: 412.5rpx !important;
     -moz-column-gap: 412.5rpx !important;
          column-gap: 412.5rpx !important;
}
.kui-gap-x-48 {
  -webkit-column-gap: 450rpx !important;
     -moz-column-gap: 450rpx !important;
          column-gap: 450rpx !important;
}
.kui-gap-x-52 {
  -webkit-column-gap: 487.5rpx !important;
     -moz-column-gap: 487.5rpx !important;
          column-gap: 487.5rpx !important;
}
.kui-gap-x-56 {
  -webkit-column-gap: 525rpx !important;
     -moz-column-gap: 525rpx !important;
          column-gap: 525rpx !important;
}
.kui-gap-x-60 {
  -webkit-column-gap: 562.5rpx !important;
     -moz-column-gap: 562.5rpx !important;
          column-gap: 562.5rpx !important;
}
.kui-gap-x-64 {
  -webkit-column-gap: 600rpx !important;
     -moz-column-gap: 600rpx !important;
          column-gap: 600rpx !important;
}
.kui-gap-y-16 {
  row-gap: 150rpx !important;
}
.kui-gap-y-20 {
  row-gap: 187.5rpx !important;
}
.kui-gap-y-24 {
  row-gap: 225rpx !important;
}
.kui-gap-y-28 {
  row-gap: 262.5rpx !important;
}
.kui-gap-y-32 {
  row-gap: 300rpx !important;
}
.kui-gap-y-36 {
  row-gap: 337.5rpx !important;
}
.kui-gap-y-40 {
  row-gap: 375rpx !important;
}
.kui-gap-y-44 {
  row-gap: 412.5rpx !important;
}
.kui-gap-y-48 {
  row-gap: 450rpx !important;
}
.kui-gap-y-52 {
  row-gap: 487.5rpx !important;
}
.kui-gap-y-56 {
  row-gap: 525rpx !important;
}
.kui-gap-y-60 {
  row-gap: 562.5rpx !important;
}
.kui-gap-y-64 {
  row-gap: 600rpx !important;
}
.kui-gap-72 {
  gap: 675rpx !important;
}
.kui-gap-80 {
  gap: 750rpx !important;
}
.kui-gap-96 {
  gap: 900rpx !important;
}
.kui-gap-x-72 {
  -webkit-column-gap: 675rpx !important;
     -moz-column-gap: 675rpx !important;
          column-gap: 675rpx !important;
}
.kui-gap-x-80 {
  -webkit-column-gap: 750rpx !important;
     -moz-column-gap: 750rpx !important;
          column-gap: 750rpx !important;
}
.kui-gap-x-96 {
  -webkit-column-gap: 900rpx !important;
     -moz-column-gap: 900rpx !important;
          column-gap: 900rpx !important;
}
.kui-gap-y-72 {
  row-gap: 675rpx !important;
}
.kui-gap-y-80 {
  row-gap: 750rpx !important;
}
.kui-gap-y-96 {
  row-gap: 900rpx !important;
}
/* #endif */
/* #ifndef APP-NVUE */
/* Justify Items */
.kui-justify-items-start {
  justify-items: start !important;
}
.kui-justify-items-end {
  justify-items: end !important;
}
.kui-justify-items-center {
  justify-items: center !important;
}
.kui-justify-items-stretch {
  justify-items: stretch !important;
}
/* Justify Self */
.kui-justify-self-auto {
  justify-self: auto !important;
}
.kui-justify-self-start {
  justify-self: start !important;
}
.kui-justify-self-end {
  justify-self: end !important;
}
.kui-justify-self-center {
  justify-self: center !important;
}
.kui-justify-self-stretch {
  justify-self: stretch !important;
}
/* Align Content */
.kui-content-start {
  -ms-flex-line-pack: start !important;
      align-content: flex-start !important;
}
.kui-content-end {
  -ms-flex-line-pack: end !important;
      align-content: flex-end !important;
}
.kui-content-center {
  -ms-flex-line-pack: center !important;
      align-content: center !important;
}
.kui-content-between {
  -ms-flex-line-pack: justify !important;
      align-content: space-between !important;
}
.kui-content-around {
  -ms-flex-line-pack: distribute !important;
      align-content: space-around !important;
}
.kui-content-evenly {
  -ms-flex-line-pack: space-evenly !important;
      align-content: space-evenly !important;
}
/* #endif */
/* #ifndef APP-NVUE */
/* Align Self */
.kui-self-auto {
  -ms-flex-item-align: auto !important;
      align-self: auto !important;
}
.kui-self-start {
  -ms-flex-item-align: start !important;
      align-self: start !important;
}
.kui-self-end {
  -ms-flex-item-align: end !important;
      align-self: end !important;
}
.kui-self-center {
  -ms-flex-item-align: center !important;
      align-self: center !important;
}
.kui-self-stretch {
  -ms-flex-item-align: stretch !important;
      align-self: stretch !important;
}
.kui-self-baseline {
  -ms-flex-item-align: baseline !important;
      align-self: baseline !important;
}
/* Place Content */
.kui-place-content-start {
  place-content: start !important;
}
.kui-place-content-end {
  place-content: end !important;
}
.kui-place-content-center {
  place-content: center !important;
}
.kui-place-content-between {
  place-content: space-between !important;
}
.kui-place-content-around {
  place-content: space-around !important;
}
.kui-place-content-evenly {
  place-content: space-evenly !important;
}
.kui-place-content-stretch {
  place-content: stretch !important;
}
/* Place Items */
.kui-place-items-start {
  place-items: start !important;
}
.kui-place-items-end {
  place-items: end !important;
}
.kui-place-items-center {
  place-items: center !important;
}
.kui-place-items-stretch {
  place-items: stretch !important;
}
/* Place Self */
.kui-place-self-auto {
  place-self: auto !important;
}
.kui-place-self-start {
  place-self: start !important;
}
.kui-place-self-end {
  place-self: end !important;
}
.kui-place-self-center {
  place-self: center !important;
}
.kui-place-self-stretch {
  place-self: stretch !important;
}
/* #endif */
/* 内边距 */
.kui-p-0 {
  /* #ifndef APP-NVUE */
  padding: 0px !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 0px;
  /* #endif */
}
.kui-p-px {
  /* #ifndef APP-NVUE */
  padding: 1px !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 1px;
  /* #endif */
}
.kui-p-0.5 {
  /* #ifndef APP-NVUE */
  padding: 4.6875rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 4.6875rpx;
  /* #endif */
}
.kui-p-1 {
  /* #ifndef APP-NVUE */
  padding: 9.375rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 9.375rpx;
  /* #endif */
}
.kui-p-1.5 {
  /* #ifndef APP-NVUE */
  padding: 14.0625rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 14.0625rpx;
  /* #endif */
}
.kui-p-2 {
  /* #ifndef APP-NVUE */
  padding: 18.75rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 18.75rpx;
  /* #endif */
}
.kui-p-2.5 {
  /* #ifndef APP-NVUE */
  padding: 23.4375rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 23.4375rpx;
  /* #endif */
}
.kui-p-3 {
  /* #ifndef APP-NVUE */
  padding: 28.125rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 28.125rpx;
  /* #endif */
}
.kui-p-3.5 {
  /* #ifndef APP-NVUE */
  padding: 32.8125rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 32.8125rpx;
  /* #endif */
}
.kui-p-4 {
  /* #ifndef APP-NVUE */
  padding: 37.5rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 37.5rpx;
  /* #endif */
}
.kui-p-5 {
  /* #ifndef APP-NVUE */
  padding: 46.875rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 46.875rpx;
  /* #endif */
}
.kui-p-6 {
  /* #ifndef APP-NVUE */
  padding: 56.25rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 56.25rpx;
  /* #endif */
}
.kui-p-7 {
  /* #ifndef APP-NVUE */
  padding: 65.625rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 65.625rpx;
  /* #endif */
}
.kui-p-8 {
  /* #ifndef APP-NVUE */
  padding: 75rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 75rpx;
  /* #endif */
}
.kui-p-9 {
  /* #ifndef APP-NVUE */
  padding: 84.375rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 84.375rpx;
  /* #endif */
}
.kui-p-10 {
  /* #ifndef APP-NVUE */
  padding: 93.75rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 93.75rpx;
  /* #endif */
}
.kui-p-11 {
  /* #ifndef APP-NVUE */
  padding: 103.125rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 103.125rpx;
  /* #endif */
}
.kui-p-12 {
  /* #ifndef APP-NVUE */
  padding: 112.5rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 112.5rpx;
  /* #endif */
}
.kui-p-14 {
  /* #ifndef APP-NVUE */
  padding: 131.25rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 131.25rpx;
  /* #endif */
}
.kui-p-16 {
  /* #ifndef APP-NVUE */
  padding: 150rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 150rpx;
  /* #endif */
}
.kui-p-20 {
  /* #ifndef APP-NVUE */
  padding: 187.5rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 187.5rpx;
  /* #endif */
}
.kui-p-24 {
  /* #ifndef APP-NVUE */
  padding: 225rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 225rpx;
  /* #endif */
}
.kui-p-28 {
  /* #ifndef APP-NVUE */
  padding: 262.5rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 262.5rpx;
  /* #endif */
}
.kui-p-32 {
  /* #ifndef APP-NVUE */
  padding: 300rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 300rpx;
  /* #endif */
}
.kui-p-36 {
  /* #ifndef APP-NVUE */
  padding: 337.5rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 337.5rpx;
  /* #endif */
}
.kui-p-40 {
  /* #ifndef APP-NVUE */
  padding: 375rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 375rpx;
  /* #endif */
}
.kui-p-44 {
  /* #ifndef APP-NVUE */
  padding: 412.5rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 412.5rpx;
  /* #endif */
}
.kui-p-48 {
  /* #ifndef APP-NVUE */
  padding: 450rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 450rpx;
  /* #endif */
}
.kui-p-52 {
  /* #ifndef APP-NVUE */
  padding: 487.5rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 487.5rpx;
  /* #endif */
}
.kui-p-56 {
  /* #ifndef APP-NVUE */
  padding: 525rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 525rpx;
  /* #endif */
}
.kui-p-60 {
  /* #ifndef APP-NVUE */
  padding: 562.5rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 562.5rpx;
  /* #endif */
}
.kui-p-64 {
  /* #ifndef APP-NVUE */
  padding: 600rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 600rpx;
  /* #endif */
}
.kui-p-72 {
  /* #ifndef APP-NVUE */
  padding: 675rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 675rpx;
  /* #endif */
}
.kui-p-80 {
  /* #ifndef APP-NVUE */
  padding: 750rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 750rpx;
  /* #endif */
}
.kui-p-96 {
  /* #ifndef APP-NVUE */
  padding: 900rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  padding: 900rpx;
  /* #endif */
}
.kui-px-0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.kui-px-px {
  padding-left: 1px !important;
  padding-right: 1px !important;
}
.kui-px-0.5 {
  padding-left: 4.6875rpx !important;
  padding-right: 4.6875rpx !important;
}
.kui-px-1 {
  padding-left: 9.375rpx !important;
  padding-right: 9.375rpx !important;
}
.kui-px-1.5 {
  padding-left: 14.0625rpx !important;
  padding-right: 14.0625rpx !important;
}
.kui-px-2 {
  padding-left: 18.75rpx !important;
  padding-right: 18.75rpx !important;
}
.kui-px-2.5 {
  padding-left: 23.4375rpx !important;
  padding-right: 23.4375rpx !important;
}
.kui-px-3 {
  padding-left: 28.125rpx !important;
  padding-right: 28.125rpx !important;
}
.kui-px-3.5 {
  padding-left: 32.8125rpx !important;
  padding-right: 32.8125rpx !important;
}
.kui-px-4 {
  padding-left: 37.5rpx !important;
  padding-right: 37.5rpx !important;
}
.kui-px-5 {
  padding-left: 46.875rpx !important;
  padding-right: 46.875rpx !important;
}
.kui-px-6 {
  padding-left: 56.25rpx !important;
  padding-right: 56.25rpx !important;
}
.kui-px-7 {
  padding-left: 65.625rpx !important;
  padding-right: 65.625rpx !important;
}
.kui-px-8 {
  padding-left: 75rpx !important;
  padding-right: 75rpx !important;
}
.kui-px-9 {
  padding-left: 84.375rpx !important;
  padding-right: 84.375rpx !important;
}
.kui-px-10 {
  padding-left: 93.75rpx !important;
  padding-right: 93.75rpx !important;
}
.kui-px-11 {
  padding-left: 103.125rpx !important;
  padding-right: 103.125rpx !important;
}
.kui-px-12 {
  padding-left: 112.5rpx !important;
  padding-right: 112.5rpx !important;
}
.kui-px-14 {
  padding-left: 131.25rpx !important;
  padding-right: 131.25rpx !important;
}
.kui-px-16 {
  padding-left: 150rpx !important;
  padding-right: 150rpx !important;
}
.kui-px-20 {
  padding-left: 187.5rpx !important;
  padding-right: 187.5rpx !important;
}
.kui-px-24 {
  padding-left: 225rpx !important;
  padding-right: 225rpx !important;
}
.kui-px-28 {
  padding-left: 262.5rpx !important;
  padding-right: 262.5rpx !important;
}
.kui-px-32 {
  padding-left: 300rpx !important;
  padding-right: 300rpx !important;
}
.kui-px-36 {
  padding-left: 337.5rpx !important;
  padding-right: 337.5rpx !important;
}
.kui-px-40 {
  padding-left: 375rpx !important;
  padding-right: 375rpx !important;
}
.kui-px-44 {
  padding-left: 412.5rpx !important;
  padding-right: 412.5rpx !important;
}
.kui-px-48 {
  padding-left: 450rpx !important;
  padding-right: 450rpx !important;
}
.kui-px-52 {
  padding-left: 487.5rpx !important;
  padding-right: 487.5rpx !important;
}
.kui-px-56 {
  padding-left: 525rpx !important;
  padding-right: 525rpx !important;
}
.kui-px-60 {
  padding-left: 562.5rpx !important;
  padding-right: 562.5rpx !important;
}
.kui-px-64 {
  padding-left: 600rpx !important;
  padding-right: 600rpx !important;
}
.kui-px-72 {
  padding-left: 675rpx !important;
  padding-right: 675rpx !important;
}
.kui-px-80 {
  padding-left: 750rpx !important;
  padding-right: 750rpx !important;
}
.kui-px-96 {
  padding-left: 900rpx !important;
  padding-right: 900rpx !important;
}
.kui-py-0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.kui-py-px {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}
.kui-py-0.5 {
  padding-top: 4.6875rpx !important;
  padding-bottom: 4.6875rpx !important;
}
.kui-py-1 {
  padding-top: 9.375rpx !important;
  padding-bottom: 9.375rpx !important;
}
.kui-py-1.5 {
  padding-top: 14.0625rpx !important;
  padding-bottom: 14.0625rpx !important;
}
.kui-py-2 {
  padding-top: 18.75rpx !important;
  padding-bottom: 18.75rpx !important;
}
.kui-py-2.5 {
  padding-top: 23.4375rpx !important;
  padding-bottom: 23.4375rpx !important;
}
.kui-py-3 {
  padding-top: 28.125rpx !important;
  padding-bottom: 28.125rpx !important;
}
.kui-py-3.5 {
  padding-top: 32.8125rpx !important;
  padding-bottom: 32.8125rpx !important;
}
.kui-py-4 {
  padding-top: 37.5rpx !important;
  padding-bottom: 37.5rpx !important;
}
.kui-py-5 {
  padding-top: 46.875rpx !important;
  padding-bottom: 46.875rpx !important;
}
.kui-py-6 {
  padding-top: 56.25rpx !important;
  padding-bottom: 56.25rpx !important;
}
.kui-py-7 {
  padding-top: 65.625rpx !important;
  padding-bottom: 65.625rpx !important;
}
.kui-py-8 {
  padding-top: 75rpx !important;
  padding-bottom: 75rpx !important;
}
.kui-py-9 {
  padding-top: 84.375rpx !important;
  padding-bottom: 84.375rpx !important;
}
.kui-py-10 {
  padding-top: 93.75rpx !important;
  padding-bottom: 93.75rpx !important;
}
.kui-py-11 {
  padding-top: 103.125rpx !important;
  padding-bottom: 103.125rpx !important;
}
.kui-py-12 {
  padding-top: 112.5rpx !important;
  padding-bottom: 112.5rpx !important;
}
.kui-py-14 {
  padding-top: 131.25rpx !important;
  padding-bottom: 131.25rpx !important;
}
.kui-py-16 {
  padding-top: 150rpx !important;
  padding-bottom: 150rpx !important;
}
.kui-py-20 {
  padding-top: 187.5rpx !important;
  padding-bottom: 187.5rpx !important;
}
.kui-py-24 {
  padding-top: 225rpx !important;
  padding-bottom: 225rpx !important;
}
.kui-py-28 {
  padding-top: 262.5rpx !important;
  padding-bottom: 262.5rpx !important;
}
.kui-py-32 {
  padding-top: 300rpx !important;
  padding-bottom: 300rpx !important;
}
.kui-py-36 {
  padding-top: 337.5rpx !important;
  padding-bottom: 337.5rpx !important;
}
.kui-py-40 {
  padding-top: 375rpx !important;
  padding-bottom: 375rpx !important;
}
.kui-py-44 {
  padding-top: 412.5rpx !important;
  padding-bottom: 412.5rpx !important;
}
.kui-py-48 {
  padding-top: 450rpx !important;
  padding-bottom: 450rpx !important;
}
.kui-py-52 {
  padding-top: 487.5rpx !important;
  padding-bottom: 487.5rpx !important;
}
.kui-py-56 {
  padding-top: 525rpx !important;
  padding-bottom: 525rpx !important;
}
.kui-py-60 {
  padding-top: 562.5rpx !important;
  padding-bottom: 562.5rpx !important;
}
.kui-py-64 {
  padding-top: 600rpx !important;
  padding-bottom: 600rpx !important;
}
.kui-py-72 {
  padding-top: 675rpx !important;
  padding-bottom: 675rpx !important;
}
.kui-py-80 {
  padding-top: 750rpx !important;
  padding-bottom: 750rpx !important;
}
.kui-py-96 {
  padding-top: 900rpx !important;
  padding-bottom: 900rpx !important;
}
.kui-pt-0 {
  padding-top: 0px !important;
}
.kui-pt-px {
  padding-top: 1px !important;
}
.kui-pt-0.5 {
  padding-top: 4.6875rpx !important;
}
.kui-pt-1 {
  padding-top: 9.375rpx !important;
}
.kui-pt-1.5 {
  padding-top: 14.0625rpx !important;
}
.kui-pt-2 {
  padding-top: 18.75rpx !important;
}
.kui-pt-2.5 {
  padding-top: 23.4375rpx !important;
}
.kui-pt-3 {
  padding-top: 28.125rpx !important;
}
.kui-pt-3.5 {
  padding-top: 32.8125rpx !important;
}
.kui-pt-4 {
  padding-top: 37.5rpx !important;
}
.kui-pt-5 {
  padding-top: 46.875rpx !important;
}
.kui-pt-6 {
  padding-top: 56.25rpx !important;
}
.kui-pt-7 {
  padding-top: 65.625rpx !important;
}
.kui-pt-8 {
  padding-top: 75rpx !important;
}
.kui-pt-9 {
  padding-top: 84.375rpx !important;
}
.kui-pt-10 {
  padding-top: 93.75rpx !important;
}
.kui-pt-11 {
  padding-top: 103.125rpx !important;
}
.kui-pt-12 {
  padding-top: 112.5rpx !important;
}
.kui-pt-14 {
  padding-top: 131.25rpx !important;
}
.kui-pt-16 {
  padding-top: 150rpx !important;
}
.kui-pt-20 {
  padding-top: 187.5rpx !important;
}
.kui-pt-24 {
  padding-top: 225rpx !important;
}
.kui-pt-28 {
  padding-top: 262.5rpx !important;
}
.kui-pt-32 {
  padding-top: 300rpx !important;
}
.kui-pt-36 {
  padding-top: 337.5rpx !important;
}
.kui-pt-40 {
  padding-top: 375rpx !important;
}
.kui-pt-44 {
  padding-top: 412.5rpx !important;
}
.kui-pt-48 {
  padding-top: 450rpx !important;
}
.kui-pt-52 {
  padding-top: 487.5rpx !important;
}
.kui-pt-56 {
  padding-top: 525rpx !important;
}
.kui-pt-60 {
  padding-top: 562.5rpx !important;
}
.kui-pt-64 {
  padding-top: 600rpx !important;
}
.kui-pt-72 {
  padding-top: 675rpx !important;
}
.kui-pt-80 {
  padding-top: 750rpx !important;
}
.kui-pt-96 {
  padding-top: 900rpx !important;
}
.kui-pr-0 {
  padding-right: 0px !important;
}
.kui-pr-px {
  padding-right: 1px !important;
}
.kui-pr-0.5 {
  padding-right: 4.6875rpx !important;
}
.kui-pr-1 {
  padding-right: 9.375rpx !important;
}
.kui-pr-1.5 {
  padding-right: 14.0625rpx !important;
}
.kui-pr-2 {
  padding-right: 18.75rpx !important;
}
.kui-pr-2.5 {
  padding-right: 23.4375rpx !important;
}
.kui-pr-3 {
  padding-right: 28.125rpx !important;
}
.kui-pr-3.5 {
  padding-right: 32.8125rpx !important;
}
.kui-pr-4 {
  padding-right: 37.5rpx !important;
}
.kui-pr-5 {
  padding-right: 46.875rpx !important;
}
.kui-pr-6 {
  padding-right: 56.25rpx !important;
}
.kui-pr-7 {
  padding-right: 65.625rpx !important;
}
.kui-pr-8 {
  padding-right: 75rpx !important;
}
.kui-pr-9 {
  padding-right: 84.375rpx !important;
}
.kui-pr-10 {
  padding-right: 93.75rpx !important;
}
.kui-pr-11 {
  padding-right: 103.125rpx !important;
}
.kui-pr-12 {
  padding-right: 112.5rpx !important;
}
.kui-pr-14 {
  padding-right: 131.25rpx !important;
}
.kui-pr-16 {
  padding-right: 150rpx !important;
}
.kui-pr-20 {
  padding-right: 187.5rpx !important;
}
.kui-pr-24 {
  padding-right: 225rpx !important;
}
.kui-pr-28 {
  padding-right: 262.5rpx !important;
}
.kui-pr-32 {
  padding-right: 300rpx !important;
}
.kui-pr-36 {
  padding-right: 337.5rpx !important;
}
.kui-pr-40 {
  padding-right: 375rpx !important;
}
.kui-pr-44 {
  padding-right: 412.5rpx !important;
}
.kui-pr-48 {
  padding-right: 450rpx !important;
}
.kui-pr-52 {
  padding-right: 487.5rpx !important;
}
.kui-pr-56 {
  padding-right: 525rpx !important;
}
.kui-pr-60 {
  padding-right: 562.5rpx !important;
}
.kui-pr-64 {
  padding-right: 600rpx !important;
}
.kui-pr-72 {
  padding-right: 675rpx !important;
}
.kui-pr-80 {
  padding-right: 750rpx !important;
}
.kui-pr-96 {
  padding-right: 900rpx !important;
}
.kui-pb-0 {
  padding-bottom: 0px !important;
}
.kui-pb-px {
  padding-bottom: 1px !important;
}
.kui-pb-0.5 {
  padding-bottom: 4.6875rpx !important;
}
.kui-pb-1 {
  padding-bottom: 9.375rpx !important;
}
.kui-pb-1.5 {
  padding-bottom: 14.0625rpx !important;
}
.kui-pb-2 {
  padding-bottom: 18.75rpx !important;
}
.kui-pb-2.5 {
  padding-bottom: 23.4375rpx !important;
}
.kui-pb-3 {
  padding-bottom: 28.125rpx !important;
}
.kui-pb-3.5 {
  padding-bottom: 32.8125rpx !important;
}
.kui-pb-4 {
  padding-bottom: 37.5rpx !important;
}
.kui-pb-5 {
  padding-bottom: 46.875rpx !important;
}
.kui-pb-6 {
  padding-bottom: 56.25rpx !important;
}
.kui-pb-7 {
  padding-bottom: 65.625rpx !important;
}
.kui-pb-8 {
  padding-bottom: 75rpx !important;
}
.kui-pb-9 {
  padding-bottom: 84.375rpx !important;
}
.kui-pb-10 {
  padding-bottom: 93.75rpx !important;
}
.kui-pb-11 {
  padding-bottom: 103.125rpx !important;
}
.kui-pb-12 {
  padding-bottom: 112.5rpx !important;
}
.kui-pb-14 {
  padding-bottom: 131.25rpx !important;
}
.kui-pb-16 {
  padding-bottom: 150rpx !important;
}
.kui-pb-20 {
  padding-bottom: 187.5rpx !important;
}
.kui-pb-24 {
  padding-bottom: 225rpx !important;
}
.kui-pb-28 {
  padding-bottom: 262.5rpx !important;
}
.kui-pb-32 {
  padding-bottom: 300rpx !important;
}
.kui-pb-36 {
  padding-bottom: 337.5rpx !important;
}
.kui-pb-40 {
  padding-bottom: 375rpx !important;
}
.kui-pb-44 {
  padding-bottom: 412.5rpx !important;
}
.kui-pb-48 {
  padding-bottom: 450rpx !important;
}
.kui-pb-52 {
  padding-bottom: 487.5rpx !important;
}
.kui-pb-56 {
  padding-bottom: 525rpx !important;
}
.kui-pb-60 {
  padding-bottom: 562.5rpx !important;
}
.kui-pb-64 {
  padding-bottom: 600rpx !important;
}
.kui-pb-72 {
  padding-bottom: 675rpx !important;
}
.kui-pb-80 {
  padding-bottom: 750rpx !important;
}
.kui-pb-96 {
  padding-bottom: 900rpx !important;
}
.kui-pl-0 {
  padding-left: 0px !important;
}
.kui-pl-px {
  padding-left: 1px !important;
}
.kui-pl-0.5 {
  padding-left: 4.6875rpx !important;
}
.kui-pl-1 {
  padding-left: 9.375rpx !important;
}
.kui-pl-1.5 {
  padding-left: 14.0625rpx !important;
}
.kui-pl-2 {
  padding-left: 18.75rpx !important;
}
.kui-pl-2.5 {
  padding-left: 23.4375rpx !important;
}
.kui-pl-3 {
  padding-left: 28.125rpx !important;
}
.kui-pl-3.5 {
  padding-left: 32.8125rpx !important;
}
.kui-pl-4 {
  padding-left: 37.5rpx !important;
}
.kui-pl-5 {
  padding-left: 46.875rpx !important;
}
.kui-pl-6 {
  padding-left: 56.25rpx !important;
}
.kui-pl-7 {
  padding-left: 65.625rpx !important;
}
.kui-pl-8 {
  padding-left: 75rpx !important;
}
.kui-pl-9 {
  padding-left: 84.375rpx !important;
}
.kui-pl-10 {
  padding-left: 93.75rpx !important;
}
.kui-pl-11 {
  padding-left: 103.125rpx !important;
}
.kui-pl-12 {
  padding-left: 112.5rpx !important;
}
.kui-pl-14 {
  padding-left: 131.25rpx !important;
}
.kui-pl-16 {
  padding-left: 150rpx !important;
}
.kui-pl-20 {
  padding-left: 187.5rpx !important;
}
.kui-pl-24 {
  padding-left: 225rpx !important;
}
.kui-pl-28 {
  padding-left: 262.5rpx !important;
}
.kui-pl-32 {
  padding-left: 300rpx !important;
}
.kui-pl-36 {
  padding-left: 337.5rpx !important;
}
.kui-pl-40 {
  padding-left: 375rpx !important;
}
.kui-pl-44 {
  padding-left: 412.5rpx !important;
}
.kui-pl-48 {
  padding-left: 450rpx !important;
}
.kui-pl-52 {
  padding-left: 487.5rpx !important;
}
.kui-pl-56 {
  padding-left: 525rpx !important;
}
.kui-pl-60 {
  padding-left: 562.5rpx !important;
}
.kui-pl-64 {
  padding-left: 600rpx !important;
}
.kui-pl-72 {
  padding-left: 675rpx !important;
}
.kui-pl-80 {
  padding-left: 750rpx !important;
}
.kui-pl-96 {
  padding-left: 900rpx !important;
}
/* 外边距 */
.kui-m-0 {
  /* #ifndef APP-NVUE */
  margin: 0px !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 0px;
  /* #endif */
}
.kui-m-px {
  /* #ifndef APP-NVUE */
  margin: 1px !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 1px;
  /* #endif */
}
.kui-m-0.5 {
  /* #ifndef APP-NVUE */
  margin: 4.6875rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 4.6875rpx;
  /* #endif */
}
.kui-m-1 {
  /* #ifndef APP-NVUE */
  margin: 9.375rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 9.375rpx;
  /* #endif */
}
.kui-m-1.5 {
  /* #ifndef APP-NVUE */
  margin: 14.0625rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 14.0625rpx;
  /* #endif */
}
.kui-m-2 {
  /* #ifndef APP-NVUE */
  margin: 18.75rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 18.75rpx;
  /* #endif */
}
.kui-m-2.5 {
  /* #ifndef APP-NVUE */
  margin: 23.4375rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 23.4375rpx;
  /* #endif */
}
.kui-m-3 {
  /* #ifndef APP-NVUE */
  margin: 28.125rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 28.125rpx;
  /* #endif */
}
.kui-m-3.5 {
  /* #ifndef APP-NVUE */
  margin: 32.8125rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 32.8125rpx;
  /* #endif */
}
.kui-m-4 {
  /* #ifndef APP-NVUE */
  margin: 37.5rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 37.5rpx;
  /* #endif */
}
.kui-m-5 {
  /* #ifndef APP-NVUE */
  margin: 46.875rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 46.875rpx;
  /* #endif */
}
.kui-m-6 {
  /* #ifndef APP-NVUE */
  margin: 56.25rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 56.25rpx;
  /* #endif */
}
.kui-m-7 {
  /* #ifndef APP-NVUE */
  margin: 65.625rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 65.625rpx;
  /* #endif */
}
.kui-m-8 {
  /* #ifndef APP-NVUE */
  margin: 75rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 75rpx;
  /* #endif */
}
.kui-m-9 {
  /* #ifndef APP-NVUE */
  margin: 84.375rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 84.375rpx;
  /* #endif */
}
.kui-m-10 {
  /* #ifndef APP-NVUE */
  margin: 93.75rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 93.75rpx;
  /* #endif */
}
.kui-m-11 {
  /* #ifndef APP-NVUE */
  margin: 103.125rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 103.125rpx;
  /* #endif */
}
.kui-m-12 {
  /* #ifndef APP-NVUE */
  margin: 112.5rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 112.5rpx;
  /* #endif */
}
.kui-m-14 {
  /* #ifndef APP-NVUE */
  margin: 131.25rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 131.25rpx;
  /* #endif */
}
.kui-m-16 {
  /* #ifndef APP-NVUE */
  margin: 150rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 150rpx;
  /* #endif */
}
.kui-m-20 {
  /* #ifndef APP-NVUE */
  margin: 187.5rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 187.5rpx;
  /* #endif */
}
.kui-m-24 {
  /* #ifndef APP-NVUE */
  margin: 225rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 225rpx;
  /* #endif */
}
.kui-m-28 {
  /* #ifndef APP-NVUE */
  margin: 262.5rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 262.5rpx;
  /* #endif */
}
.kui-m-32 {
  /* #ifndef APP-NVUE */
  margin: 300rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 300rpx;
  /* #endif */
}
.kui-m-36 {
  /* #ifndef APP-NVUE */
  margin: 337.5rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 337.5rpx;
  /* #endif */
}
.kui-m-40 {
  /* #ifndef APP-NVUE */
  margin: 375rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 375rpx;
  /* #endif */
}
.kui-m-44 {
  /* #ifndef APP-NVUE */
  margin: 412.5rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 412.5rpx;
  /* #endif */
}
.kui-m-48 {
  /* #ifndef APP-NVUE */
  margin: 450rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 450rpx;
  /* #endif */
}
.kui-m-52 {
  /* #ifndef APP-NVUE */
  margin: 487.5rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 487.5rpx;
  /* #endif */
}
.kui-m-56 {
  /* #ifndef APP-NVUE */
  margin: 525rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 525rpx;
  /* #endif */
}
.kui-m-60 {
  /* #ifndef APP-NVUE */
  margin: 562.5rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 562.5rpx;
  /* #endif */
}
.kui-m-64 {
  /* #ifndef APP-NVUE */
  margin: 600rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 600rpx;
  /* #endif */
}
.kui-m-72 {
  /* #ifndef APP-NVUE */
  margin: 675rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 675rpx;
  /* #endif */
}
.kui-m-80 {
  /* #ifndef APP-NVUE */
  margin: 750rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 750rpx;
  /* #endif */
}
.kui-m-96 {
  /* #ifndef APP-NVUE */
  margin: 900rpx !important;
  /* #endif */
  /* #ifdef APP-NVUE */
  margin: 900rpx;
  /* #endif */
}
.kui-mx-0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
.kui-mx-px {
  margin-left: 1px !important;
  margin-right: 1px !important;
}
.kui-mx-0.5 {
  margin-left: 4.6875rpx !important;
  margin-right: 4.6875rpx !important;
}
.kui-mx-1 {
  margin-left: 9.375rpx !important;
  margin-right: 9.375rpx !important;
}
.kui-mx-1.5 {
  margin-left: 14.0625rpx !important;
  margin-right: 14.0625rpx !important;
}
.kui-mx-2 {
  margin-left: 18.75rpx !important;
  margin-right: 18.75rpx !important;
}
.kui-mx-2.5 {
  margin-left: 23.4375rpx !important;
  margin-right: 23.4375rpx !important;
}
.kui-mx-3 {
  margin-left: 28.125rpx !important;
  margin-right: 28.125rpx !important;
}
.kui-mx-3.5 {
  margin-left: 32.8125rpx !important;
  margin-right: 32.8125rpx !important;
}
.kui-mx-4 {
  margin-left: 37.5rpx !important;
  margin-right: 37.5rpx !important;
}
.kui-mx-5 {
  margin-left: 46.875rpx !important;
  margin-right: 46.875rpx !important;
}
.kui-mx-6 {
  margin-left: 56.25rpx !important;
  margin-right: 56.25rpx !important;
}
.kui-mx-7 {
  margin-left: 65.625rpx !important;
  margin-right: 65.625rpx !important;
}
.kui-mx-8 {
  margin-left: 75rpx !important;
  margin-right: 75rpx !important;
}
.kui-mx-9 {
  margin-left: 84.375rpx !important;
  margin-right: 84.375rpx !important;
}
.kui-mx-10 {
  margin-left: 93.75rpx !important;
  margin-right: 93.75rpx !important;
}
.kui-mx-11 {
  margin-left: 103.125rpx !important;
  margin-right: 103.125rpx !important;
}
.kui-mx-12 {
  margin-left: 112.5rpx !important;
  margin-right: 112.5rpx !important;
}
.kui-mx-14 {
  margin-left: 131.25rpx !important;
  margin-right: 131.25rpx !important;
}
.kui-mx-16 {
  margin-left: 150rpx !important;
  margin-right: 150rpx !important;
}
.kui-mx-20 {
  margin-left: 187.5rpx !important;
  margin-right: 187.5rpx !important;
}
.kui-mx-24 {
  margin-left: 225rpx !important;
  margin-right: 225rpx !important;
}
.kui-mx-28 {
  margin-left: 262.5rpx !important;
  margin-right: 262.5rpx !important;
}
.kui-mx-32 {
  margin-left: 300rpx !important;
  margin-right: 300rpx !important;
}
.kui-mx-36 {
  margin-left: 337.5rpx !important;
  margin-right: 337.5rpx !important;
}
.kui-mx-40 {
  margin-left: 375rpx !important;
  margin-right: 375rpx !important;
}
.kui-mx-44 {
  margin-left: 412.5rpx !important;
  margin-right: 412.5rpx !important;
}
.kui-mx-48 {
  margin-left: 450rpx !important;
  margin-right: 450rpx !important;
}
.kui-mx-52 {
  margin-left: 487.5rpx !important;
  margin-right: 487.5rpx !important;
}
.kui-mx-56 {
  margin-left: 525rpx !important;
  margin-right: 525rpx !important;
}
.kui-mx-60 {
  margin-left: 562.5rpx !important;
  margin-right: 562.5rpx !important;
}
.kui-mx-64 {
  margin-left: 600rpx !important;
  margin-right: 600rpx !important;
}
.kui-mx-72 {
  margin-left: 675rpx !important;
  margin-right: 675rpx !important;
}
.kui-mx-80 {
  margin-left: 750rpx !important;
  margin-right: 750rpx !important;
}
.kui-mx-96 {
  margin-left: 900rpx !important;
  margin-right: 900rpx !important;
}
.kui-my-0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}
.kui-my-px {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}
.kui-my-0.5 {
  margin-top: 4.6875rpx !important;
  margin-bottom: 4.6875rpx !important;
}
.kui-my-1 {
  margin-top: 9.375rpx !important;
  margin-bottom: 9.375rpx !importan