html,
body,
div,
p,
span,
a,
table {
  margin: 0;
  padding: 0;
  -webkit-touch-callout: none;
  user-select: text;
  box-sizing: border-box;
}
input,
textarea,
select {
  border: none;
  outline: none;
  min-width: 0;
  background-color: rgba(0, 0, 0, 0);
}

/* flex 布局 */
.flex-row{ 
	display:flex;
	flex-direction:row 
}
.flex-column{ 
	display:flex;
	flex-direction:column 
}
.flex-wrap{ flex-wrap:wrap;}
.flex-nowrap{ flex-wrap:nowrap;}
.justify-start{justify-content:flex-start;}
.justify-end{justify-content:flex-end;}
.justify-between{justify-content:space-between;}
.justify-around{justify-content:space-around;}
.justify-center{justify-content:center;}
.align-center{ align-items: center; }
.align-stretch{ align-items: stretch; }
.align-start{ align-items: flex-start; }
.align-end{ align-items: flex-end; }
.flex-1{ flex: 1; }
.flex-2{ flex: 2; }
.flex-3{ flex: 3; }
.flex-4{ flex: 4; }
.flex-5{ flex: 5; }

/* 内外边距 */
.m-auto{ margin: auto; }
.mx-auto{ margin-right: auto;margin-left: auto; }
.my-auto{ margin-top: auto;margin-bottom: auto; }
.m-0 {margin: 0;}
.m-1 { margin: 10px; }
.m-2 { margin: 20px; }
.m-3 { margin: 30px; }
.m-4 { margin: 40px; }
.m-5 { margin: 50px; }
.m-6 { margin: 60px; }
.m-7 { margin: 70px; }
.m-8 { margin: 80px; }
.m-9 { margin: 90px; }
.m-10 { margin: 100px; }
.mt-0 {margin-top: 0;}
.mt-05 { margin-top: 5px; }
.mt-1 { margin-top: 10px; }
.mt-2 { margin-top: 20px; }
.mt-3 { margin-top: 30px; }
.mt-4 { margin-top: 40px; }
.mt-5 { margin-top: 50px; }
.mt-6 { margin-top: 60px; }
.mt-7 { margin-top: 70px; }
.mt-8 { margin-top: 80px; }
.mt-9 { margin-top: 90px; }
.mt-10 { margin-top: 100px; }
.mb-0 {margin-bottom: 0;}
.mb-05 {margin-bottom: 5px;}
.mb-1 { margin-bottom: 10px; }
.mb-2 { margin-bottom: 20px; }
.mb-3 { margin-bottom: 30px; }
.mb-4 { margin-bottom: 40px; }
.mb-5 { margin-bottom: 50px; }
.mb-6 { margin-bottom: 60px; }
.mb-7 { margin-bottom: 70px; }
.mb-8 { margin-bottom: 80px; }
.mb-9 { margin-bottom: 90px; }
.mb-10 { margin-bottom: 100px; }
.ml-0 {margin-left: 0;}
.ml-05 { margin-left: 5px; }
.ml-1 { margin-left: 10px; }
.ml-2 { margin-left: 20px; }
.ml-3 { margin-left: 30px; }
.ml-4 { margin-left: 40px; }
.ml-5 { margin-left: 50px; }
.ml-6 { margin-left: 60px; }
.ml-7 { margin-left: 70px; }
.ml-8 { margin-left: 80px; }
.ml-9 { margin-left: 90px; }
.ml-10 { margin-left: 100px; }
.mr-0 {margin-right: 0;}
.mr-1 { margin-right: 10px; }
.mr-15 { margin-right: 15px; }
.mr-2 { margin-right: 20px; }
.mr-3 { margin-right: 30px; }
.mr-4 { margin-right: 40px; }
.mr-5 { margin-right: 50px; }
.mr-6 { margin-right: 60px; }
.mr-7 { margin-right: 70px; }
.mr-8 { margin-right: 80px; }
.mr-9 { margin-right: 90px; }
.mr-10 { margin-right: 100px; }
.mx-0 {margin-right: 0; margin-left: 0;}
.mx-1 { margin-right: 10px; margin-left: 10px; }
.mx-2 { margin-right: 20px; margin-left: 20px; }
.mx-3 { margin-right: 30px; margin-left: 30px; }
.mx-4 { margin-right: 40px; margin-left: 40px; }
.mx-5 { margin-right: 50px; margin-left: 50px; }
.mx-6 { margin-right: 60px; margin-left: 60px; }
.mx-7 { margin-right: 70px; margin-left: 70px; }
.mx-8 { margin-right: 80px; margin-left: 80px; }
.mx-9 { margin-right: 90px; margin-left: 90px; }
.mx-10 { margin-right: 100px; margin-left: 100px; }
.my-0 {margin-top: 0; margin-bottom: 0;}
.my-1 { margin-top: 10px; margin-bottom: 10px; }
.my-2 { margin-top: 20px; margin-bottom: 20px; }
.my-3 { margin-top: 30px; margin-bottom: 30px; }
.my-4 { margin-top: 40px; margin-bottom: 40px; }
.my-5 { margin-top: 50px; margin-bottom: 50px; }
.my-6 { margin-top: 60px; margin-bottom: 60px; }
.my-7 { margin-top: 70px; margin-bottom: 70px; }
.my-8 { margin-top: 80px; margin-bottom: 80px; }
.my-9 { margin-top: 90px; margin-bottom: 90px; }
.my-10 { margin-top: 100px; margin-bottom: 100px; }


.p-0 {padding: 0;}
.p-1 { padding: 10px; }
.p-2 { padding: 20px; }
.p-3 { padding: 30px; }
.p-4 { padding: 40px; }
.p-5 { padding: 50px; }
.p-6 { padding: 60px; }
.p-7 { padding: 70px; }
.p-8 { padding: 80px; }
.p-9 { padding: 90px; }
.p-10 { padding: 100px; }
.pt-0 {padding-top: 0;}
.pt-1 { padding-top: 10px; }
.pt-15 { padding-top: 15px; }
.pt-2 { padding-top: 20px; }
.pt-3 { padding-top: 30px; }
.pt-4 { padding-top: 40px; }
.pt-5 { padding-top: 50px; }
.pt-6 { padding-top: 60px; }
.pt-7 { padding-top: 70px; }
.pt-8 { padding-top: 80px; }
.pt-9 { padding-top: 90px; }
.pt-10 { padding-top: 100px; }
.pb-0 {padding-bottom: 0;}
.pb-1 { padding-bottom: 10px; }
.pb-2 { padding-bottom: 20px; }
.pb-3 { padding-bottom: 30px; }
.pb-4 { padding-bottom: 40px; }
.pb-5 { padding-bottom: 50px; }
.pb-6 { padding-bottom: 60px; }
.pb-7 { padding-bottom: 70px; }
.pb-8 { padding-bottom: 80px; }
.pb-9 { padding-bottom: 90px; }
.pb-10 { padding-bottom: 100px; }
.pl-0 {padding-left: 0;}
.pl-1 { padding-left: 10px; }
.pl-2 { padding-left: 20px; }
.pl-3 { padding-left: 30px; }
.pl-4 { padding-left: 40px; }
.pl-5 { padding-left: 50px; }
.pl-6 { padding-left: 60px; }
.pl-7 { padding-left: 70px; }
.pl-8 { padding-left: 80px; }
.pl-9 { padding-left: 90px; }
.pl-10 { padding-left: 100px; }
.pr-0 {padding-right: 0;}
.pr-1 { padding-right: 10px; }
.pr-2 { padding-right: 20px; }
.pr-3 { padding-right: 30px; }
.pr-4 { padding-right: 40px; }
.pr-5 { padding-right: 50px; }
.pr-6 { padding-right: 60px; }
.pr-7 { padding-right: 70px; }
.pr-8 { padding-right: 80px; }
.pr-9 { padding-right: 90px; }
.pr-10 { padding-right: 100px; }
.px-0 {padding-right: 0; padding-left: 0;}
.px-1 { padding-right: 10px; padding-left: 10px; }
.px-15 { padding-right: 15px; padding-left: 15px; }
.px-2 { padding-right: 20px; padding-left: 20px; }
.px-3 { padding-right: 30px; padding-left: 30px; }
.px-4 { padding-right: 40px; padding-left: 40px; }
.px-5 { padding-right: 50px; padding-left: 50px; }
.px-6 { padding-right: 60px; padding-left: 60px; }
.px-7 { padding-right: 70px; padding-left: 70px; }
.px-8 { padding-right: 80px; padding-left: 80px; }
.px-9 { padding-right: 90px; padding-left: 90px; }
.px-10 { padding-right: 100px; padding-left: 100px; }
.py-0 {padding-top: 0; padding-bottom: 0;}
.py-05 {padding-top: 5px; padding-bottom: 5px;}
.py-1 { padding-top: 10px; padding-bottom: 10px; }
.py-2 { padding-top: 20px; padding-bottom: 20px; }
.py-3 { padding-top: 30px; padding-bottom: 30px; }
.py-4 { padding-top: 40px; padding-bottom: 40px; }
.py-5 { padding-top: 50px; padding-bottom: 50px; }
.py-6 { padding-top: 60px; padding-bottom: 60px; }
.py-7 { padding-top: 70px; padding-bottom: 70px; }
.py-8 { padding-top: 80px; padding-bottom: 80px; }
.py-9 { padding-top: 90px; padding-bottom: 90px; }
.py-10 { padding-top: 100px; padding-bottom: 100px; }


/* 字体 */
.font-s0 { font-size: 0px;}
.font-s1 { font-size: 12px;}
.font-s2 { font-size: 20px;}
.font-s22 { font-size: 22px;}
.font-s3 { font-size: 30px;}
.font-s4 { font-size: 40px;}
.font-s5 { font-size: 50px;}
.font-s6 { font-size: 60px;}
.font-s7 { font-size: 70px;}
.font-s8 { font-size: 80px;}
.font-s9 { font-size: 90px;}
.font-s10 { font-size: 100px;}
/* 文字垂直间距 */
.l-h1 { line-height:10px;}
.l-h2 { line-height:20px;}
.l-h3 { line-height:30px;}
.l-h4 { line-height:40px;}
.l-h5 { line-height:50px;}
.l-h6 { line-height:60px;}
.l-h7 { line-height:70px;}
.l-h8 { line-height:80px;}
.l-h9 { line-height:90px;}
.l-h10 { line-height:100px;}
/* 文字对齐 */
.text-left { text-align: left;}
.text-right { text-align: right;}
.text-center { text-align: center;}
.text-delete { text-decoration:line-through;}

/* 禁止换行 */
.text-nowrap {
  white-space: nowrap;
}
/* 超出部分显示省略 */
.text-ell {
  text-overflow: ellipsis;
  /* #ifndef APP-PLUS-NVUE */
  overflow: hidden;
  white-space: nowrap;
  /* #endif */
  /* #ifdef APP-PLUS-NVUE */
  lines: 1;
  /* #endif */
}
.text-ell-two {
  text-overflow: ellipsis;
  /* #ifndef APP-PLUS-NVUE */
  overflow: hidden;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  /* #endif */
  /* #ifdef APP-PLUS-NVUE */
  lines: 2;
  /* #endif */
}
/* 文字粗细和斜体 */
.font-weight-light {font-weight: 300;}      /*细*/
.font-weight-lighter {font-weight: 100;}/*更细*/
.font-weight-normal { font-weight: 400;}    /*正常*/
.font-weight-bold { font-weight: 700;}      /*粗*/
.font-weight-bolder { font-weight: bold;} /*更粗*/
.font-italic { font-style: italic;} /*斜体*/

/* 文字颜色 */
.color-white {color: #ffffff;}
.color-green {color: #89ED61;}
.color-blue {color: #165AA2;}
.color-red {color: #ff2130;}
.color-yellow {color: #FDA827;}

/* 背景颜色 */
.bg-white {background-color: #ffffff;}
.bg-green {background-color: #89ED61;}
.bg-blue {background-color: #165AA2;}
.bg-red {background-color: #ff2130;}
.bg-yellow {background-color: #FDA827;}
.bg-gray {background-color: #CCCCCC;}
.bg-gray-q {background-color: #efefef;}

/* 圆角 */
.radius-06 {border-radius: 6px;}
.radius-1 {border-radius: 10px;}
.radius-2 {border-radius: 20px;}
.radius-3 {border-radius: 30px;}
.radius-4 {border-radius: 40px;}
.radius-5 {border-radius: 50px;}
.radius-6 {border-radius: 60px;}
.radius-7 {border-radius: 70px;}
.radius-8 {border-radius: 80px;}
.radius-9 {border-radius: 90px;}
.radius-10 {border-radius: 100px;}

/* 内容溢出 */
.overflow-hidden { overflow: hidden;}
.overflow-scroll-ns { overflow-y: scroll;overflow-x: scroll;}
.overflow-scroll { overflow: scroll;scrollbar-width: none;-ms-overflow-style:none;}
.overflow-scroll::-webkit-scrollbar {
  display: none;
}
.overflow-y-scroll-ns { overflow-y: scroll;overflow-x: hidden;}
.overflow-y-scroll { overflow-y: scroll;overflow-x: hidden;scrollbar-width: none;-ms-overflow-style:none;}
.overflow-y-scroll::-webkit-scrollbar {
  display: none;
}
.overflow-x-scroll-ns { overflow-x: scroll;overflow-y: hidden;}
.overflow-x-scroll { overflow-x: scroll;overflow-y: hidden;scrollbar-width: none;-ms-overflow-style:none;}
.overflow-x-scroll::-webkit-scrollbar {
  display: none;
}


/* 显示 */
/* #ifndef APP-PLUS-NVUE */
.d-none{ display: none; }
.d-inline-block{ display: inline-block; }
.d-block{ display: block; }
/* #endif */
/*吸顶*/
.position-sticky {
  position: sticky;
  position: -webkit-sticky;
}
/* 定位 */
.postion-fixed {position: fixed;}
.postion-relative {position: relative;}
.postion-absolute {position: absolute;}
.postion-box {top: 0; bottom: 0; left: 0; right: 0;}
.position-fixed {position: fixed;}
.position-relative {position: relative;}
.position-absolute {position: absolute;}
.position-box {top: 0; bottom: 0; left: 0; right: 0;}
.left-0 {left: 0;}
.left-1 {left: 10px;}
.left-2 {left: 20px;}
.left-3 {left: 30px;}
.left-4 {left: 40px;}
.left-5 {left: 50px;}
.left-6 {left: 60px;}
.left-7 {left: 70px;}
.left-8 {left: 80px;}
.left-9 {left: 90px;}
.left-10 {left: 100px;}
.right-0 {right: 0;}
.right-1 {right: 10px;}
.right-2 {right: 20px;}
.right-3 {right: 30px;}
.right-4 {right: 40px;}
.right-5 {right: 50px;}
.right-6 {right: 60px;}
.right-7 {right: 70px;}
.right-8 {right: 80px;}
.right-9 {right: 90px;}
.right-10 {right: 100px;}
.bottom-0 {bottom: 0;}
.bottom-1 {bottom: 10px;}
.bottom-2 {bottom: 20px;}
.bottom-3 {bottom: 30px;}
.bottom-4 {bottom: 40px;}
.bottom-5 {bottom: 50px;}
.bottom-6 {bottom: 60px;}
.bottom-7 {bottom: 70px;}
.bottom-8 {bottom: 80px;}
.bottom-9 {bottom: 90px;}
.bottom-10 {bottom: 100px;}
.top-0 {top: 0;}
.top-1 {top: 10px;}
.top-2 {top: 20px;}
.top-3 {top: 30px;}
.top-4 {top: 40px;}
.top-5 {top: 50px;}
.top-6 {top: 60px;}
.top-7 {top: 70px;}
.top-8 {top: 80px;}
.top-9 {top: 90px;}
.top-10 {top: 100px;}