learn_applet/unpackage/dist/dev/mp-weixin/app.wxss

/* 水平间距 */
/* 水平间距 */
/*每个页面公共css */
.u-line-1 {







  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical !important;
}
.u-line-2 {







  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical !important;
}
.u-line-3 {







  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical !important;
}
.u-line-4 {







  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical !important;
}
.u-line-5 {







  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical !important;
}
.u-border {
  border-width: 0.5px !important;
  border-color: #dadbde !important;
  border-style: solid;
}
.u-border-top {
  border-top-width: 0.5px !important;
  border-color: #dadbde !important;
  border-top-style: solid;
}
.u-border-left {
  border-left-width: 0.5px !important;
  border-color: #dadbde !important;
  border-left-style: solid;
}
.u-border-right {
  border-right-width: 0.5px !important;
  border-color: #dadbde !important;
  border-right-style: solid;
}
.u-border-bottom {
  border-bottom-width: 0.5px !important;
  border-color: #dadbde !important;
  border-bottom-style: solid;
}
.u-border-top-bottom {
  border-top-width: 0.5px !important;
  border-bottom-width: 0.5px !important;
  border-color: #dadbde !important;
  border-top-style: solid;
  border-bottom-style: solid;
}
.u-reset-button {
  padding: 0;
  background-color: transparent;

  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
.u-reset-button::after {
  border: none;
}
.u-hover-class {
  opacity: 0.7;
}
.cursor-pointer {
  cursor: pointer;
}
.u-flex,
.u-flex-row,
.u-flex-x {
  display: flex;
  flex-direction: row;
}
.u-flex-y,
.u-flex-column {
  display: flex;
  flex-direction: column;
}
.u-flex-x-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.u-flex-xy-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.u-flex-y-center {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.u-flex-x-left {
  display: flex;
  flex-direction: row;
}
.u-flex-x-reverse,
.u-flex-row-reverse {
  flex-direction: row-reverse;
}
.u-flex-y-reverse,
.u-flex-column-reverse {
  flex-direction: column-reverse;
}
.u-flex.u-flex-reverse,
.u-flex-row.u-flex-reverse,
.u-flex-x.u-flex-reverse {
  flex-direction: row-reverse;
}
.u-flex-column.u-flex-reverse,
.u-flex-y.u-flex-reverse {
  flex-direction: column-reverse;
}
.u-flex-fill {
  flex: 1 1 auto;
}
.u-margin-top-auto,
.u-m-t-auto {
  margin-top: auto !important;
}
.u-margin-right-auto,
.u-m-r-auto {
  margin-right: auto !important;
}
.u-margin-bottom-auto,
.u-m-b-auto {
  margin-bottom: auto !important;
}
.u-margin-left-auto,
.u-m-l-auto {
  margin-left: auto !important;
}
.u-margin-center-auto,
.u-m-c-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.u-margin-middle-auto,
.u-m-m-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.u-flex-wrap {
  flex-wrap: wrap;
}
.u-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}
.u-flex-start {
  justify-content: flex-start;
}
.u-flex-center {
  justify-content: center;
}
.u-flex-end {
  justify-content: flex-end;
}
.u-flex-between {
  justify-content: space-between;
}
.u-flex-around {
  justify-content: space-around;
}
.u-flex-items-start {
  align-items: flex-start;
}
.u-flex-items-center {
  align-items: center;
}
.u-flex-items-end {
  align-items: flex-end;
}
.u-flex-items-baseline {

  align-items: baseline;
}
.u-flex-items-stretch {
  align-items: stretch;
}
.u-flex-self-start {
  align-self: flex-start;
}
.u-flex-self-center {
  align-self: center;
}
.u-flex-self-end {
  align-self: flex-end;
}
.u-flex-self-baseline {
  align-self: baseline;
}
.u-flex-self-stretch {
  align-self: stretch;
}
.u-flex-content-start {
  align-content: flex-start;
}
.u-flex-content-center {
  align-content: center;
}
.u-flex-content-end {
  align-content: flex-end;
}
.u-flex-content-between {
  align-content: space-between;
}
.u-flex-content-around {
  align-content: space-around;
}
.u-flex-middle {
  justify-content: center;
  align-items: center;
  align-self: center;
  align-content: center;
}
.u-flex-grow {
  flex-grow: 1;
}
.u-flex-shrink {
  flex-shrink: 1;
}
.u-margin-0, .u-m-0 {
  margin: 0rpx !important;
}
.u-padding-0, .u-p-0 {
  padding: 0rpx !important;
}
.u-m-l-0 {
  margin-left: 0rpx !important;
}
.u-p-l-0 {
  padding-left: 0rpx !important;
}
.u-margin-left-0 {
  margin-left: 0rpx !important;
}
.u-padding-left-0 {
  padding-left: 0rpx !important;
}
.u-m-t-0 {
  margin-top: 0rpx !important;
}
.u-p-t-0 {
  padding-top: 0rpx !important;
}
.u-margin-top-0 {
  margin-top: 0rpx !important;
}
.u-padding-top-0 {
  padding-top: 0rpx !important;
}
.u-m-r-0 {
  margin-right: 0rpx !important;
}
.u-p-r-0 {
  padding-right: 0rpx !important;
}
.u-margin-right-0 {
  margin-right: 0rpx !important;
}
.u-padding-right-0 {
  padding-right: 0rpx !important;
}
.u-m-b-0 {
  margin-bottom: 0rpx !important;
}
.u-p-b-0 {
  padding-bottom: 0rpx !important;
}
.u-margin-bottom-0 {
  margin-bottom: 0rpx !important;
}
.u-padding-bottom-0 {
  padding-bottom: 0rpx !important;
}
.u-margin-2, .u-m-2 {
  margin: 2rpx !important;
}
.u-padding-2, .u-p-2 {
  padding: 2rpx !important;
}
.u-m-l-2 {
  margin-left: 2rpx !important;
}
.u-p-l-2 {
  padding-left: 2rpx !important;
}
.u-margin-left-2 {
  margin-left: 2rpx !important;
}
.u-padding-left-2 {
  padding-left: 2rpx !important;
}
.u-m-t-2 {
  margin-top: 2rpx !important;
}
.u-p-t-2 {
  padding-top: 2rpx !important;
}
.u-margin-top-2 {
  margin-top: 2rpx !important;
}
.u-padding-top-2 {
  padding-top: 2rpx !important;
}
.u-m-r-2 {
  margin-right: 2rpx !important;
}
.u-p-r-2 {
  padding-right: 2rpx !important;
}
.u-margin-right-2 {
  margin-right: 2rpx !important;
}
.u-padding-right-2 {
  padding-right: 2rpx !important;
}
.u-m-b-2 {
  margin-bottom: 2rpx !important;
}
.u-p-b-2 {
  padding-bottom: 2rpx !important;
}
.u-margin-bottom-2 {
  margin-bottom: 2rpx !important;
}
.u-padding-bottom-2 {
  padding-bottom: 2rpx !important;
}
.u-margin-4, .u-m-4 {
  margin: 4rpx !important;
}
.u-padding-4, .u-p-4 {
  padding: 4rpx !important;
}
.u-m-l-4 {
  margin-left: 4rpx !important;
}
.u-p-l-4 {
  padding-left: 4rpx !important;
}
.u-margin-left-4 {
  margin-left: 4rpx !important;
}
.u-padding-left-4 {
  padding-left: 4rpx !important;
}
.u-m-t-4 {
  margin-top: 4rpx !important;
}
.u-p-t-4 {
  padding-top: 4rpx !important;
}
.u-margin-top-4 {
  margin-top: 4rpx !important;
}
.u-padding-top-4 {
  padding-top: 4rpx !important;
}
.u-m-r-4 {
  margin-right: 4rpx !important;
}
.u-p-r-4 {
  padding-right: 4rpx !important;
}
.u-margin-right-4 {
  margin-right: 4rpx !important;
}
.u-padding-right-4 {
  padding-right: 4rpx !important;
}
.u-m-b-4 {
  margin-bottom: 4rpx !important;
}
.u-p-b-4 {
  padding-bottom: 4rpx !important;
}
.u-margin-bottom-4 {
  margin-bottom: 4rpx !important;
}
.u-padding-bottom-4 {
  padding-bottom: 4rpx !important;
}
.u-margin-5, .u-m-5 {
  margin: 5rpx !important;
}
.u-padding-5, .u-p-5 {
  padding: 5rpx !important;
}
.u-m-l-5 {
  margin-left: 5rpx !important;
}
.u-p-l-5 {
  padding-left: 5rpx !important;
}
.u-margin-left-5 {
  margin-left: 5rpx !important;
}
.u-padding-left-5 {
  padding-left: 5rpx !important;
}
.u-m-t-5 {
  margin-top: 5rpx !important;
}
.u-p-t-5 {
  padding-top: 5rpx !important;
}
.u-margin-top-5 {
  margin-top: 5rpx !important;
}
.u-padding-top-5 {
  padding-top: 5rpx !important;
}
.u-m-r-5 {
  margin-right: 5rpx !important;
}
.u-p-r-5 {
  padding-right: 5rpx !important;
}
.u-margin-right-5 {
  margin-right: 5rpx !important;
}
.u-padding-right-5 {
  padding-right: 5rpx !important;
}
.u-m-b-5 {
  margin-bottom: 5rpx !important;
}
.u-p-b-5 {
  padding-bottom: 5rpx !important;
}
.u-margin-bottom-5 {
  margin-bottom: 5rpx !important;
}
.u-padding-bottom-5 {
  padding-bottom: 5rpx !important;
}
.u-margin-6, .u-m-6 {
  margin: 6rpx !important;
}
.u-padding-6, .u-p-6 {
  padding: 6rpx !important;
}
.u-m-l-6 {
  margin-left: 6rpx !important;
}
.u-p-l-6 {
  padding-left: 6rpx !important;
}
.u-margin-left-6 {
  margin-left: 6rpx !important;
}
.u-padding-left-6 {
  padding-left: 6rpx !important;
}
.u-m-t-6 {
  margin-top: 6rpx !important;
}
.u-p-t-6 {
  padding-top: 6rpx !important;
}
.u-margin-top-6 {
  margin-top: 6rpx !important;
}
.u-padding-top-6 {
  padding-top: 6rpx !important;
}
.u-m-r-6 {
  margin-right: 6rpx !important;
}
.u-p-r-6 {
  padding-right: 6rpx !important;
}
.u-margin-right-6 {
  margin-right: 6rpx !important;
}
.u-padding-right-6 {
  padding-right: 6rpx !important;
}
.u-m-b-6 {
  margin-bottom: 6rpx !important;
}
.u-p-b-6 {
  padding-bottom: 6rpx !important;
}
.u-margin-bottom-6 {
  margin-bottom: 6rpx !important;
}
.u-padding-bottom-6 {
  padding-bottom: 6rpx !important;
}
.u-margin-8, .u-m-8 {
  margin: 8rpx !important;
}
.u-padding-8, .u-p-8 {
  padding: 8rpx !important;
}
.u-m-l-8 {
  margin-left: 8rpx !important;
}
.u-p-l-8 {
  padding-left: 8rpx !important;
}
.u-margin-left-8 {
  margin-left: 8rpx !important;
}
.u-padding-left-8 {
  padding-left: 8rpx !important;
}
.u-m-t-8 {
  margin-top: 8rpx !important;
}
.u-p-t-8 {
  padding-top: 8rpx !important;
}
.u-margin-top-8 {
  margin-top: 8rpx !important;
}
.u-padding-top-8 {
  padding-top: 8rpx !important;
}
.u-m-r-8 {
  margin-right: 8rpx !important;
}
.u-p-r-8 {
  padding-right: 8rpx !important;
}
.u-margin-right-8 {
  margin-right: 8rpx !important;
}
.u-padding-right-8 {
  padding-right: 8rpx !important;
}
.u-m-b-8 {
  margin-bottom: 8rpx !important;
}
.u-p-b-8 {
  padding-bottom: 8rpx !important;
}
.u-margin-bottom-8 {
  margin-bottom: 8rpx !important;
}
.u-padding-bottom-8 {
  padding-bottom: 8rpx !important;
}
.u-margin-10, .u-m-10 {
  margin: 10rpx !important;
}
.u-padding-10, .u-p-10 {
  padding: 10rpx !important;
}
.u-m-l-10 {
  margin-left: 10rpx !important;
}
.u-p-l-10 {
  padding-left: 10rpx !important;
}
.u-margin-left-10 {
  margin-left: 10rpx !important;
}
.u-padding-left-10 {
  padding-left: 10rpx !important;
}
.u-m-t-10 {
  margin-top: 10rpx !important;
}
.u-p-t-10 {
  padding-top: 10rpx !important;
}
.u-margin-top-10 {
  margin-top: 10rpx !important;
}
.u-padding-top-10 {
  padding-top: 10rpx !important;
}
.u-m-r-10 {
  margin-right: 10rpx !important;
}
.u-p-r-10 {
  padding-right: 10rpx !important;
}
.u-margin-right-10 {
  margin-right: 10rpx !important;
}
.u-padding-right-10 {
  padding-right: 10rpx !important;
}
.u-m-b-10 {
  margin-bottom: 10rpx !important;
}
.u-p-b-10 {
  padding-bottom: 10rpx !important;
}
.u-margin-bottom-10 {
  margin-bottom: 10rpx !important;
}
.u-padding-bottom-10 {
  padding-bottom: 10rpx !important;
}
.u-margin-12, .u-m-12 {
  margin: 12rpx !important;
}
.u-padding-12, .u-p-12 {
  padding: 12rpx !important;
}
.u-m-l-12 {
  margin-left: 12rpx !important;
}
.u-p-l-12 {
  padding-left: 12rpx !important;
}
.u-margin-left-12 {
  margin-left: 12rpx !important;
}
.u-padding-left-12 {
  padding-left: 12rpx !important;
}
.u-m-t-12 {
  margin-top: 12rpx !important;
}
.u-p-t-12 {
  padding-top: 12rpx !important;
}
.u-margin-top-12 {
  margin-top: 12rpx !important;
}
.u-padding-top-12 {
  padding-top: 12rpx !important;
}
.u-m-r-12 {
  margin-right: 12rpx !important;
}
.u-p-r-12 {
  padding-right: 12rpx !important;
}
.u-margin-right-12 {
  margin-right: 12rpx !important;
}
.u-padding-right-12 {
  padding-right: 12rpx !important;
}
.u-m-b-12 {
  margin-bottom: 12rpx !important;
}
.u-p-b-12 {
  padding-bottom: 12rpx !important;
}
.u-margin-bottom-12 {
  margin-bottom: 12rpx !important;
}
.u-padding-bottom-12 {
  padding-bottom: 12rpx !important;
}
.u-margin-14, .u-m-14 {
  margin: 14rpx !important;
}
.u-padding-14, .u-p-14 {
  padding: 14rpx !important;
}
.u-m-l-14 {
  margin-left: 14rpx !important;
}
.u-p-l-14 {
  padding-left: 14rpx !important;
}
.u-margin-left-14 {
  margin-left: 14rpx !important;
}
.u-padding-left-14 {
  padding-left: 14rpx !important;
}
.u-m-t-14 {
  margin-top: 14rpx !important;
}
.u-p-t-14 {
  padding-top: 14rpx !important;
}
.u-margin-top-14 {
  margin-top: 14rpx !important;
}
.u-padding-top-14 {
  padding-top: 14rpx !important;
}
.u-m-r-14 {
  margin-right: 14rpx !important;
}
.u-p-r-14 {
  padding-right: 14rpx !important;
}
.u-margin-right-14 {
  margin-right: 14rpx !important;
}
.u-padding-right-14 {
  padding-right: 14rpx !important;
}
.u-m-b-14 {
  margin-bottom: 14rpx !important;
}
.u-p-b-14 {
  padding-bottom: 14rpx !important;
}
.u-margin-bottom-14 {
  margin-bottom: 14rpx !important;
}
.u-padding-bottom-14 {
  padding-bottom: 14rpx !important;
}
.u-margin-15, .u-m-15 {
  margin: 15rpx !important;
}
.u-padding-15, .u-p-15 {
  padding: 15rpx !important;
}
.u-m-l-15 {
  margin-left: 15rpx !important;
}
.u-p-l-15 {
  padding-left: 15rpx !important;
}
.u-margin-left-15 {
  margin-left: 15rpx !important;
}
.u-padding-left-15 {
  padding-left: 15rpx !important;
}
.u-m-t-15 {
  margin-top: 15rpx !important;
}
.u-p-t-15 {
  padding-top: 15rpx !important;
}
.u-margin-top-15 {
  margin-top: 15rpx !important;
}
.u-padding-top-15 {
  padding-top: 15rpx !important;
}
.u-m-r-15 {
  margin-right: 15rpx !important;
}
.u-p-r-15 {
  padding-right: 15rpx !important;
}
.u-margin-right-15 {
  margin-right: 15rpx !important;
}
.u-padding-right-15 {
  padding-right: 15rpx !important;
}
.u-m-b-15 {
  margin-bottom: 15rpx !important;
}
.u-p-b-15 {
  padding-bottom: 15rpx !important;
}
.u-margin-bottom-15 {
  margin-bottom: 15rpx !important;
}
.u-padding-bottom-15 {
  padding-bottom: 15rpx !important;
}
.u-margin-16, .u-m-16 {
  margin: 16rpx !important;
}
.u-padding-16, .u-p-16 {
  padding: 16rpx !important;
}
.u-m-l-16 {
  margin-left: 16rpx !important;
}
.u-p-l-16 {
  padding-left: 16rpx !important;
}
.u-margin-left-16 {
  margin-left: 16rpx !important;
}
.u-padding-left-16 {
  padding-left: 16rpx !important;
}
.u-m-t-16 {
  margin-top: 16rpx !important;
}
.u-p-t-16 {
  padding-top: 16rpx !important;
}
.u-margin-top-16 {
  margin-top: 16rpx !important;
}
.u-padding-top-16 {
  padding-top: 16rpx !important;
}
.u-m-r-16 {
  margin-right: 16rpx !important;
}
.u-p-r-16 {
  padding-right: 16rpx !important;
}
.u-margin-right-16 {
  margin-right: 16rpx !important;
}
.u-padding-right-16 {
  padding-right: 16rpx !important;
}
.u-m-b-16 {
  margin-bottom: 16rpx !important;
}
.u-p-b-16 {
  padding-bottom: 16rpx !important;
}
.u-margin-bottom-16 {
  margin-bottom: 16rpx !important;
}
.u-padding-bottom-16 {
  padding-bottom: 16rpx !important;
}
.u-margin-18, .u-m-18 {
  margin: 18rpx !important;
}
.u-padding-18, .u-p-18 {
  padding: 18rpx !important;
}
.u-m-l-18 {
  margin-left: 18rpx !important;
}
.u-p-l-18 {
  padding-left: 18rpx !important;
}
.u-margin-left-18 {
  margin-left: 18rpx !important;
}
.u-padding-left-18 {
  padding-left: 18rpx !important;
}
.u-m-t-18 {
  margin-top: 18rpx !important;
}
.u-p-t-18 {
  padding-top: 18rpx !important;
}
.u-margin-top-18 {
  margin-top: 18rpx !important;
}
.u-padding-top-18 {
  padding-top: 18rpx !important;
}
.u-m-r-18 {
  margin-right: 18rpx !important;
}
.u-p-r-18 {
  padding-right: 18rpx !important;
}
.u-margin-right-18 {
  margin-right: 18rpx !important;
}
.u-padding-right-18 {
  padding-right: 18rpx !important;
}
.u-m-b-18 {
  margin-bottom: 18rpx !important;
}
.u-p-b-18 {
  padding-bottom: 18rpx !important;
}
.u-margin-bottom-18 {
  margin-bottom: 18rpx !important;
}
.u-padding-bottom-18 {
  padding-bottom: 18rpx !important;
}
.u-margin-20, .u-m-20 {
  margin: 20rpx !important;
}
.u-padding-20, .u-p-20 {
  padding: 20rpx !important;
}
.u-m-l-20 {
  margin-left: 20rpx !important;
}
.u-p-l-20 {
  padding-left: 20rpx !important;
}
.u-margin-left-20 {
  margin-left: 20rpx !important;
}
.u-padding-left-20 {
  padding-left: 20rpx !important;
}
.u-m-t-20 {
  margin-top: 20rpx !important;
}
.u-p-t-20 {
  padding-top: 20rpx !important;
}
.u-margin-top-20 {
  margin-top: 20rpx !important;
}
.u-padding-top-20 {
  padding-top: 20rpx !important;
}
.u-m-r-20 {
  margin-right: 20rpx !important;
}
.u-p-r-20 {
  padding-right: 20rpx !important;
}
.u-margin-right-20 {
  margin-right: 20rpx !important;
}
.u-padding-right-20 {
  padding-right: 20rpx !important;
}
.u-m-b-20 {
  margin-bottom: 20rpx !important;
}
.u-p-b-20 {
  padding-bottom: 20rpx !important;
}
.u-margin-bottom-20 {
  margin-bottom: 20rpx !important;
}
.u-padding-bottom-20 {
  padding-bottom: 20rpx !important;
}
.u-margin-22, .u-m-22 {
  margin: 22rpx !important;
}
.u-padding-22, .u-p-22 {
  padding: 22rpx !important;
}
.u-m-l-22 {
  margin-left: 22rpx !important;
}
.u-p-l-22 {
  padding-left: 22rpx !important;
}
.u-margin-left-22 {
  margin-left: 22rpx !important;
}
.u-padding-left-22 {
  padding-left: 22rpx !important;
}
.u-m-t-22 {
  margin-top: 22rpx !important;
}
.u-p-t-22 {
  padding-top: 22rpx !important;
}
.u-margin-top-22 {
  margin-top: 22rpx !important;
}
.u-padding-top-22 {
  padding-top: 22rpx !important;
}
.u-m-r-22 {
  margin-right: 22rpx !important;
}
.u-p-r-22 {
  padding-right: 22rpx !important;
}
.u-margin-right-22 {
  margin-right: 22rpx !important;
}
.u-padding-right-22 {
  padding-right: 22rpx !important;
}
.u-m-b-22 {
  margin-bottom: 22rpx !important;
}
.u-p-b-22 {
  padding-bottom: 22rpx !important;
}
.u-margin-bottom-22 {
  margin-bottom: 22rpx !important;
}
.u-padding-bottom-22 {
  padding-bottom: 22rpx !important;
}
.u-margin-24, .u-m-24 {
  margin: 24rpx !important;
}
.u-padding-24, .u-p-24 {
  padding: 24rpx !important;
}
.u-m-l-24 {
  margin-left: 24rpx !important;
}
.u-p-l-24 {
  padding-left: 24rpx !important;
}
.u-margin-left-24 {
  margin-left: 24rpx !important;
}
.u-padding-left-24 {
  padding-left: 24rpx !important;
}
.u-m-t-24 {
  margin-top: 24rpx !important;
}
.u-p-t-24 {
  padding-top: 24rpx !important;
}
.u-margin-top-24 {
  margin-top: 24rpx !important;
}
.u-padding-top-24 {
  padding-top: 24rpx !important;
}
.u-m-r-24 {
  margin-right: 24rpx !important;
}
.u-p-r-24 {
  padding-right: 24rpx !important;
}
.u-margin-right-24 {
  margin-right: 24rpx !important;
}
.u-padding-right-24 {
  padding-right: 24rpx !important;
}
.u-m-b-24 {
  margin-bottom: 24rpx !important;
}
.u-p-b-24 {
  padding-bottom: 24rpx !important;
}
.u-margin-bottom-24 {
  margin-bottom: 24rpx !important;
}
.u-padding-bottom-24 {
  padding-bottom: 24rpx !important;
}
.u-margin-25, .u-m-25 {
  margin: 25rpx !important;
}
.u-padding-25, .u-p-25 {
  padding: 25rpx !important;
}
.u-m-l-25 {
  margin-left: 25rpx !important;
}
.u-p-l-25 {
  padding-left: 25rpx !important;
}
.u-margin-left-25 {
  margin-left: 25rpx !important;
}
.u-padding-left-25 {
  padding-left: 25rpx !important;
}
.u-m-t-25 {
  margin-top: 25rpx !important;
}
.u-p-t-25 {
  padding-top: 25rpx !important;
}
.u-margin-top-25 {
  margin-top: 25rpx !important;
}
.u-padding-top-25 {
  padding-top: 25rpx !important;
}
.u-m-r-25 {
  margin-right: 25rpx !important;
}
.u-p-r-25 {
  padding-right: 25rpx !important;
}
.u-margin-right-25 {
  margin-right: 25rpx !important;
}
.u-padding-right-25 {
  padding-right: 25rpx !important;
}
.u-m-b-25 {
  margin-bottom: 25rpx !important;
}
.u-p-b-25 {
  padding-bottom: 25rpx !important;
}
.u-margin-bottom-25 {
  margin-bottom: 25rpx !important;
}
.u-padding-bottom-25 {
  padding-bottom: 25rpx !important;
}
.u-margin-26, .u-m-26 {
  margin: 26rpx !important;
}
.u-padding-26, .u-p-26 {
  padding: 26rpx !important;
}
.u-m-l-26 {
  margin-left: 26rpx !important;
}
.u-p-l-26 {
  padding-left: 26rpx !important;
}
.u-margin-left-26 {
  margin-left: 26rpx !important;
}
.u-padding-left-26 {
  padding-left: 26rpx !important;
}
.u-m-t-26 {
  margin-top: 26rpx !important;
}
.u-p-t-26 {
  padding-top: 26rpx !important;
}
.u-margin-top-26 {
  margin-top: 26rpx !important;
}
.u-padding-top-26 {
  padding-top: 26rpx !important;
}
.u-m-r-26 {
  margin-right: 26rpx !important;
}
.u-p-r-26 {
  padding-right: 26rpx !important;
}
.u-margin-right-26 {
  margin-right: 26rpx !important;
}
.u-padding-right-26 {
  padding-right: 26rpx !important;
}
.u-m-b-26 {
  margin-bottom: 26rpx !important;
}
.u-p-b-26 {
  padding-bottom: 26rpx !important;
}
.u-margin-bottom-26 {
  margin-bottom: 26rpx !important;
}
.u-padding-bottom-26 {
  padding-bottom: 26rpx !important;
}
.u-margin-28, .u-m-28 {
  margin: 28rpx !important;
}
.u-padding-28, .u-p-28 {
  padding: 28rpx !important;
}
.u-m-l-28 {
  margin-left: 28rpx !important;
}
.u-p-l-28 {
  padding-left: 28rpx !important;
}
.u-margin-left-28 {
  margin-left: 28rpx !important;
}
.u-padding-left-28 {
  padding-left: 28rpx !important;
}
.u-m-t-28 {
  margin-top: 28rpx !important;
}
.u-p-t-28 {
  padding-top: 28rpx !important;
}
.u-margin-top-28 {
  margin-top: 28rpx !important;
}
.u-padding-top-28 {
  padding-top: 28rpx !important;
}
.u-m-r-28 {
  margin-right: 28rpx !important;
}
.u-p-r-28 {
  padding-right: 28rpx !important;
}
.u-margin-right-28 {
  margin-right: 28rpx !important;
}
.u-padding-right-28 {
  padding-right: 28rpx !important;
}
.u-m-b-28 {
  margin-bottom: 28rpx !important;
}
.u-p-b-28 {
  padding-bottom: 28rpx !important;
}
.u-margin-bottom-28 {
  margin-bottom: 28rpx !important;
}
.u-padding-bottom-28 {
  padding-bottom: 28rpx !important;
}
.u-margin-30, .u-m-30 {
  margin: 30rpx !important;
}
.u-padding-30, .u-p-30 {
  padding: 30rpx !important;
}
.u-m-l-30 {
  margin-left: 30rpx !important;
}
.u-p-l-30 {
  padding-left: 30rpx !important;
}
.u-margin-left-30 {
  margin-left: 30rpx !important;
}
.u-padding-left-30 {
  padding-left: 30rpx !important;
}
.u-m-t-30 {
  margin-top: 30rpx !important;
}
.u-p-t-30 {
  padding-top: 30rpx !important;
}
.u-margin-top-30 {
  margin-top: 30rpx !important;
}
.u-padding-top-30 {
  padding-top: 30rpx !important;
}
.u-m-r-30 {
  margin-right: 30rpx !important;
}
.u-p-r-30 {
  padding-right: 30rpx !important;
}
.u-margin-right-30 {
  margin-right: 30rpx !important;
}
.u-padding-right-30 {
  padding-right: 30rpx !important;
}
.u-m-b-30 {
  margin-bottom: 30rpx !important;
}
.u-p-b-30 {
  padding-bottom: 30rpx !important;
}
.u-margin-bottom-30 {
  margin-bottom: 30rpx !important;
}
.u-padding-bottom-30 {
  padding-bottom: 30rpx !important;
}
.u-margin-32, .u-m-32 {
  margin: 32rpx !important;
}
.u-padding-32, .u-p-32 {
  padding: 32rpx !important;
}
.u-m-l-32 {
  margin-left: 32rpx !important;
}
.u-p-l-32 {
  padding-left: 32rpx !important;
}
.u-margin-left-32 {
  margin-left: 32rpx !important;
}
.u-padding-left-32 {
  padding-left: 32rpx !important;
}
.u-m-t-32 {
  margin-top: 32rpx !important;
}
.u-p-t-32 {
  padding-top: 32rpx !important;
}
.u-margin-top-32 {
  margin-top: 32rpx !important;
}
.u-padding-top-32 {
  padding-top: 32rpx !important;
}
.u-m-r-32 {
  margin-right: 32rpx !important;
}
.u-p-r-32 {
  padding-right: 32rpx !important;
}
.u-margin-right-32 {
  margin-right: 32rpx !important;
}
.u-padding-right-32 {
  padding-right: 32rpx !important;
}
.u-m-b-32 {
  margin-bottom: 32rpx !important;
}
.u-p-b-32 {
  padding-bottom: 32rpx !important;
}
.u-margin-bottom-32 {
  margin-bottom: 32rpx !important;
}
.u-padding-bottom-32 {
  padding-bottom: 32rpx !important;
}
.u-margin-34, .u-m-34 {
  margin: 34rpx !important;
}
.u-padding-34, .u-p-34 {
  padding: 34rpx !important;
}
.u-m-l-34 {
  margin-left: 34rpx !important;
}
.u-p-l-34 {
  padding-left: 34rpx !important;
}
.u-margin-left-34 {
  margin-left: 34rpx !important;
}
.u-padding-left-34 {
  padding-left: 34rpx !important;
}
.u-m-t-34 {
  margin-top: 34rpx !important;
}
.u-p-t-34 {
  padding-top: 34rpx !important;
}
.u-margin-top-34 {
  margin-top: 34rpx !important;
}
.u-padding-top-34 {
  padding-top: 34rpx !important;
}
.u-m-r-34 {
  margin-right: 34rpx !important;
}
.u-p-r-34 {
  padding-right: 34rpx !important;
}
.u-margin-right-34 {
  margin-right: 34rpx !important;
}
.u-padding-right-34 {
  padding-right: 34rpx !important;
}
.u-m-b-34 {
  margin-bottom: 34rpx !important;
}
.u-p-b-34 {
  padding-bottom: 34rpx !important;
}
.u-margin-bottom-34 {
  margin-bottom: 34rpx !important;
}
.u-padding-bottom-34 {
  padding-bottom: 34rpx !important;
}
.u-margin-35, .u-m-35 {
  margin: 35rpx !important;
}
.u-padding-35, .u-p-35 {
  padding: 35rpx !important;
}
.u-m-l-35 {
  margin-left: 35rpx !important;
}
.u-p-l-35 {
  padding-left: 35rpx !important;
}
.u-margin-left-35 {
  margin-left: 35rpx !important;
}
.u-padding-left-35 {
  padding-left: 35rpx !important;
}
.u-m-t-35 {
  margin-top: 35rpx !important;
}
.u-p-t-35 {
  padding-top: 35rpx !important;
}
.u-margin-top-35 {
  margin-top: 35rpx !important;
}
.u-padding-top-35 {
  padding-top: 35rpx !important;
}
.u-m-r-35 {
  margin-right: 35rpx !important;
}
.u-p-r-35 {
  padding-right: 35rpx !important;
}
.u-margin-right-35 {
  margin-right: 35rpx !important;
}
.u-padding-right-35 {
  padding-right: 35rpx !important;
}
.u-m-b-35 {
  margin-bottom: 35rpx !important;
}
.u-p-b-35 {
  padding-bottom: 35rpx !important;
}
.u-margin-bottom-35 {
  margin-bottom: 35rpx !important;
}
.u-padding-bottom-35 {
  padding-bottom: 35rpx !important;
}
.u-margin-36, .u-m-36 {
  margin: 36rpx !important;
}
.u-padding-36, .u-p-36 {
  padding: 36rpx !important;
}
.u-m-l-36 {
  margin-left: 36rpx !important;
}
.u-p-l-36 {
  padding-left: 36rpx !important;
}
.u-margin-left-36 {
  margin-left: 36rpx !important;
}
.u-padding-left-36 {
  padding-left: 36rpx !important;
}
.u-m-t-36 {
  margin-top: 36rpx !important;
}
.u-p-t-36 {
  padding-top: 36rpx !important;
}
.u-margin-top-36 {
  margin-top: 36rpx !important;
}
.u-padding-top-36 {
  padding-top: 36rpx !important;
}
.u-m-r-36 {
  margin-right: 36rpx !important;
}
.u-p-r-36 {
  padding-right: 36rpx !important;
}
.u-margin-right-36 {
  margin-right: 36rpx !important;
}
.u-padding-right-36 {
  padding-right: 36rpx !important;
}
.u-m-b-36 {
  margin-bottom: 36rpx !important;
}
.u-p-b-36 {
  padding-bottom: 36rpx !important;
}
.u-margin-bottom-36 {
  margin-bottom: 36rpx !important;
}
.u-padding-bottom-36 {
  padding-bottom: 36rpx !important;
}
.u-margin-38, .u-m-38 {
  margin: 38rpx !important;
}
.u-padding-38, .u-p-38 {
  padding: 38rpx !important;
}
.u-m-l-38 {
  margin-left: 38rpx !important;
}
.u-p-l-38 {
  padding-left: 38rpx !important;
}
.u-margin-left-38 {
  margin-left: 38rpx !important;
}
.u-padding-left-38 {
  padding-left: 38rpx !important;
}
.u-m-t-38 {
  margin-top: 38rpx !important;
}
.u-p-t-38 {
  padding-top: 38rpx !important;
}
.u-margin-top-38 {
  margin-top: 38rpx !important;
}
.u-padding-top-38 {
  padding-top: 38rpx !important;
}
.u-m-r-38 {
  margin-right: 38rpx !important;
}
.u-p-r-38 {
  padding-right: 38rpx !important;
}
.u-margin-right-38 {
  margin-right: 38rpx !important;
}
.u-padding-right-38 {
  padding-right: 38rpx !important;
}
.u-m-b-38 {
  margin-bottom: 38rpx !important;
}
.u-p-b-38 {
  padding-bottom: 38rpx !important;
}
.u-margin-bottom-38 {
  margin-bottom: 38rpx !important;
}
.u-padding-bottom-38 {
  padding-bottom: 38rpx !important;
}
.u-margin-40, .u-m-40 {
  margin: 40rpx !important;
}
.u-padding-40, .u-p-40 {
  padding: 40rpx !important;
}
.u-m-l-40 {
  margin-left: 40rpx !important;
}
.u-p-l-40 {
  padding-left: 40rpx !important;
}
.u-margin-left-40 {
  margin-left: 40rpx !important;
}
.u-padding-left-40 {
  padding-left: 40rpx !important;
}
.u-m-t-40 {
  margin-top: 40rpx !important;
}
.u-p-t-40 {
  padding-top: 40rpx !important;
}
.u-margin-top-40 {
  margin-top: 40rpx !important;
}
.u-padding-top-40 {
  padding-top: 40rpx !important;
}
.u-m-r-40 {
  margin-right: 40rpx !important;
}
.u-p-r-40 {
  padding-right: 40rpx !important;
}
.u-margin-right-40 {
  margin-right: 40rpx !important;
}
.u-padding-right-40 {
  padding-right: 40rpx !important;
}
.u-m-b-40 {
  margin-bottom: 40rpx !important;
}
.u-p-b-40 {
  padding-bottom: 40rpx !important;
}
.u-margin-bottom-40 {
  margin-bottom: 40rpx !important;
}
.u-padding-bottom-40 {
  padding-bottom: 40rpx !important;
}
.u-margin-42, .u-m-42 {
  margin: 42rpx !important;
}
.u-padding-42, .u-p-42 {
  padding: 42rpx !important;
}
.u-m-l-42 {
  margin-left: 42rpx !important;
}
.u-p-l-42 {
  padding-left: 42rpx !important;
}
.u-margin-left-42 {
  margin-left: 42rpx !important;
}
.u-padding-left-42 {
  padding-left: 42rpx !important;
}
.u-m-t-42 {
  margin-top: 42rpx !important;
}
.u-p-t-42 {
  padding-top: 42rpx !important;
}
.u-margin-top-42 {
  margin-top: 42rpx !important;
}
.u-padding-top-42 {
  padding-top: 42rpx !important;
}
.u-m-r-42 {
  margin-right: 42rpx !important;
}
.u-p-r-42 {
  padding-right: 42rpx !important;
}
.u-margin-right-42 {
  margin-right: 42rpx !important;
}
.u-padding-right-42 {
  padding-right: 42rpx !important;
}
.u-m-b-42 {
  margin-bottom: 42rpx !important;
}
.u-p-b-42 {
  padding-bottom: 42rpx !important;
}
.u-margin-bottom-42 {
  margin-bottom: 42rpx !important;
}
.u-padding-bottom-42 {
  padding-bottom: 42rpx !important;
}
.u-margin-44, .u-m-44 {
  margin: 44rpx !important;
}
.u-padding-44, .u-p-44 {
  padding: 44rpx !important;
}
.u-m-l-44 {
  margin-left: 44rpx !important;
}
.u-p-l-44 {
  padding-left: 44rpx !important;
}
.u-margin-left-44 {
  margin-left: 44rpx !important;
}
.u-padding-left-44 {
  padding-left: 44rpx !important;
}
.u-m-t-44 {
  margin-top: 44rpx !important;
}
.u-p-t-44 {
  padding-top: 44rpx !important;
}
.u-margin-top-44 {
  margin-top: 44rpx !important;
}
.u-padding-top-44 {
  padding-top: 44rpx !important;
}
.u-m-r-44 {
  margin-right: 44rpx !important;
}
.u-p-r-44 {
  padding-right: 44rpx !important;
}
.u-margin-right-44 {
  margin-right: 44rpx !important;
}
.u-padding-right-44 {
  padding-right: 44rpx !important;
}
.u-m-b-44 {
  margin-bottom: 44rpx !important;
}
.u-p-b-44 {
  padding-bottom: 44rpx !important;
}
.u-margin-bottom-44 {
  margin-bottom: 44rpx !important;
}
.u-padding-bottom-44 {
  padding-bottom: 44rpx !important;
}
.u-margin-45, .u-m-45 {
  margin: 45rpx !important;
}
.u-padding-45, .u-p-45 {
  padding: 45rpx !important;
}
.u-m-l-45 {
  margin-left: 45rpx !important;
}
.u-p-l-45 {
  padding-left: 45rpx !important;
}
.u-margin-left-45 {
  margin-left: 45rpx !important;
}
.u-padding-left-45 {
  padding-left: 45rpx !important;
}
.u-m-t-45 {
  margin-top: 45rpx !important;
}
.u-p-t-45 {
  padding-top: 45rpx !important;
}
.u-margin-top-45 {
  margin-top: 45rpx !important;
}
.u-padding-top-45 {
  padding-top: 45rpx !important;
}
.u-m-r-45 {
  margin-right: 45rpx !important;
}
.u-p-r-45 {
  padding-right: 45rpx !important;
}
.u-margin-right-45 {
  margin-right: 45rpx !important;
}
.u-padding-right-45 {
  padding-right: 45rpx !important;
}
.u-m-b-45 {
  margin-bottom: 45rpx !important;
}
.u-p-b-45 {
  padding-bottom: 45rpx !important;
}
.u-margin-bottom-45 {
  margin-bottom: 45rpx !important;
}
.u-padding-bottom-45 {
  padding-bottom: 45rpx !important;
}
.u-margin-46, .u-m-46 {
  margin: 46rpx !important;
}
.u-padding-46, .u-p-46 {
  padding: 46rpx !important;
}
.u-m-l-46 {
  margin-left: 46rpx !important;
}
.u-p-l-46 {
  padding-left: 46rpx !important;
}
.u-margin-left-46 {
  margin-left: 46rpx !important;
}
.u-padding-left-46 {
  padding-left: 46rpx !important;
}
.u-m-t-46 {
  margin-top: 46rpx !important;
}
.u-p-t-46 {
  padding-top: 46rpx !important;
}
.u-margin-top-46 {
  margin-top: 46rpx !important;
}
.u-padding-top-46 {
  padding-top: 46rpx !important;
}
.u-m-r-46 {
  margin-right: 46rpx !important;
}
.u-p-r-46 {
  padding-right: 46rpx !important;
}
.u-margin-right-46 {
  margin-right: 46rpx !important;
}
.u-padding-right-46 {
  padding-right: 46rpx !important;
}
.u-m-b-46 {
  margin-bottom: 46rpx !important;
}
.u-p-b-46 {
  padding-bottom: 46rpx !important;
}
.u-margin-bottom-46 {
  margin-bottom: 46rpx !important;
}
.u-padding-bottom-46 {
  padding-bottom: 46rpx !important;
}
.u-margin-48, .u-m-48 {
  margin: 48rpx !important;
}
.u-padding-48, .u-p-48 {
  padding: 48rpx !important;
}
.u-m-l-48 {
  margin-left: 48rpx !important;
}
.u-p-l-48 {
  padding-left: 48rpx !important;
}
.u-margin-left-48 {
  margin-left: 48rpx !important;
}
.u-padding-left-48 {
  padding-left: 48rpx !important;
}
.u-m-t-48 {
  margin-top: 48rpx !important;
}
.u-p-t-48 {
  padding-top: 48rpx !important;
}
.u-margin-top-48 {
  margin-top: 48rpx !important;
}
.u-padding-top-48 {
  padding-top: 48rpx !important;
}
.u-m-r-48 {
  margin-right: 48rpx !important;
}
.u-p-r-48 {
  padding-right: 48rpx !important;
}
.u-margin-right-48 {
  margin-right: 48rpx !important;
}
.u-padding-right-48 {
  padding-right: 48rpx !important;
}
.u-m-b-48 {
  margin-bottom: 48rpx !important;
}
.u-p-b-48 {
  padding-bottom: 48rpx !important;
}
.u-margin-bottom-48 {
  margin-bottom: 48rpx !important;
}
.u-padding-bottom-48 {
  padding-bottom: 48rpx !important;
}
.u-margin-50, .u-m-50 {
  margin: 50rpx !important;
}
.u-padding-50, .u-p-50 {
  padding: 50rpx !important;
}
.u-m-l-50 {
  margin-left: 50rpx !important;
}
.u-p-l-50 {
  padding-left: 50rpx !important;
}
.u-margin-left-50 {
  margin-left: 50rpx !important;
}
.u-padding-left-50 {
  padding-left: 50rpx !important;
}
.u-m-t-50 {
  margin-top: 50rpx !important;
}
.u-p-t-50 {
  padding-top: 50rpx !important;
}
.u-margin-top-50 {
  margin-top: 50rpx !important;
}
.u-padding-top-50 {
  padding-top: 50rpx !important;
}
.u-m-r-50 {
  margin-right: 50rpx !important;
}
.u-p-r-50 {
  padding-right: 50rpx !important;
}
.u-margin-right-50 {
  margin-right: 50rpx !important;
}
.u-padding-right-50 {
  padding-right: 50rpx !important;
}
.u-m-b-50 {
  margin-bottom: 50rpx !important;
}
.u-p-b-50 {
  padding-bottom: 50rpx !important;
}
.u-margin-bottom-50 {
  margin-bottom: 50rpx !important;
}
.u-padding-bottom-50 {
  padding-bottom: 50rpx !important;
}
.u-margin-52, .u-m-52 {
  margin: 52rpx !important;
}
.u-padding-52, .u-p-52 {
  padding: 52rpx !important;
}
.u-m-l-52 {
  margin-left: 52rpx !important;
}
.u-p-l-52 {
  padding-left: 52rpx !important;
}
.u-margin-left-52 {
  margin-left: 52rpx !important;
}
.u-padding-left-52 {
  padding-left: 52rpx !important;
}
.u-m-t-52 {
  margin-top: 52rpx !important;
}
.u-p-t-52 {
  padding-top: 52rpx !important;
}
.u-margin-top-52 {
  margin-top: 52rpx !important;
}
.u-padding-top-52 {
  padding-top: 52rpx !important;
}
.u-m-r-52 {
  margin-right: 52rpx !important;
}
.u-p-r-52 {
  padding-right: 52rpx !important;
}
.u-margin-right-52 {
  margin-right: 52rpx !important;
}
.u-padding-right-52 {
  padding-right: 52rpx !important;
}
.u-m-b-52 {
  margin-bottom: 52rpx !important;
}
.u-p-b-52 {
  padding-bottom: 52rpx !important;
}
.u-margin-bottom-52 {
  margin-bottom: 52rpx !important;
}
.u-padding-bottom-52 {
  padding-bottom: 52rpx !important;
}
.u-margin-54, .u-m-54 {
  margin: 54rpx !important;
}
.u-padding-54, .u-p-54 {
  padding: 54rpx !important;
}
.u-m-l-54 {
  margin-left: 54rpx !important;
}
.u-p-l-54 {
  padding-left: 54rpx !important;
}
.u-margin-left-54 {
  margin-left: 54rpx !important;
}
.u-padding-left-54 {
  padding-left: 54rpx !important;
}
.u-m-t-54 {
  margin-top: 54rpx !important;
}
.u-p-t-54 {
  padding-top: 54rpx !important;
}
.u-margin-top-54 {
  margin-top: 54rpx !important;
}
.u-padding-top-54 {
  padding-top: 54rpx !important;
}
.u-m-r-54 {
  margin-right: 54rpx !important;
}
.u-p-r-54 {
  padding-right: 54rpx !important;
}
.u-margin-right-54 {
  margin-right: 54rpx !important;
}
.u-padding-right-54 {
  padding-right: 54rpx !important;
}
.u-m-b-54 {
  margin-bottom: 54rpx !important;
}
.u-p-b-54 {
  padding-bottom: 54rpx !important;
}
.u-margin-bottom-54 {
  margin-bottom: 54rpx !important;
}
.u-padding-bottom-54 {
  padding-bottom: 54rpx !important;
}
.u-margin-55, .u-m-55 {
  margin: 55rpx !important;
}
.u-padding-55, .u-p-55 {
  padding: 55rpx !important;
}
.u-m-l-55 {
  margin-left: 55rpx !important;
}
.u-p-l-55 {
  padding-left: 55rpx !important;
}
.u-margin-left-55 {
  margin-left: 55rpx !important;
}
.u-padding-left-55 {
  padding-left: 55rpx !important;
}
.u-m-t-55 {
  margin-top: 55rpx !important;
}
.u-p-t-55 {
  padding-top: 55rpx !important;
}
.u-margin-top-55 {
  margin-top: 55rpx !important;
}
.u-padding-top-55 {
  padding-top: 55rpx !important;
}
.u-m-r-55 {
  margin-right: 55rpx !important;
}
.u-p-r-55 {
  padding-right: 55rpx !important;
}
.u-margin-right-55 {
  margin-right: 55rpx !important;
}
.u-padding-right-55 {
  padding-right: 55rpx !important;
}
.u-m-b-55 {
  margin-bottom: 55rpx !important;
}
.u-p-b-55 {
  padding-bottom: 55rpx !important;
}
.u-margin-bottom-55 {
  margin-bottom: 55rpx !important;
}
.u-padding-bottom-55 {
  padding-bottom: 55rpx !important;
}
.u-margin-56, .u-m-56 {
  margin: 56rpx !important;
}
.u-padding-56, .u-p-56 {
  padding: 56rpx !important;
}
.u-m-l-56 {
  margin-left: 56rpx !important;
}
.u-p-l-56 {
  padding-left: 56rpx !important;
}
.u-margin-left-56 {
  margin-left: 56rpx !important;
}
.u-padding-left-56 {
  padding-left: 56rpx !important;
}
.u-m-t-56 {
  margin-top: 56rpx !important;
}
.u-p-t-56 {
  padding-top: 56rpx !important;
}
.u-margin-top-56 {
  margin-top: 56rpx !important;
}
.u-padding-top-56 {
  padding-top: 56rpx !important;
}
.u-m-r-56 {
  margin-right: 56rpx !important;
}
.u-p-r-56 {
  padding-right: 56rpx !important;
}
.u-margin-right-56 {
  margin-right: 56rpx !important;
}
.u-padding-right-56 {
  padding-right: 56rpx !important;
}
.u-m-b-56 {
  margin-bottom: 56rpx !important;
}
.u-p-b-56 {
  padding-bottom: 56rpx !important;
}
.u-margin-bottom-56 {
  margin-bottom: 56rpx !important;
}
.u-padding-bottom-56 {
  padding-bottom: 56rpx !important;
}
.u-margin-58, .u-m-58 {
  margin: 58rpx !important;
}
.u-padding-58, .u-p-58 {
  padding: 58rpx !important;
}
.u-m-l-58 {
  margin-left: 58rpx !important;
}
.u-p-l-58 {
  padding-left: 58rpx !important;
}
.u-margin-left-58 {
  margin-left: 58rpx !important;
}
.u-padding-left-58 {
  padding-left: 58rpx !important;
}
.u-m-t-58 {
  margin-top: 58rpx !important;
}
.u-p-t-58 {
  padding-top: 58rpx !important;
}
.u-margin-top-58 {
  margin-top: 58rpx !important;
}
.u-padding-top-58 {
  padding-top: 58rpx !important;
}
.u-m-r-58 {
  margin-right: 58rpx !important;
}
.u-p-r-58 {
  padding-right: 58rpx !important;
}
.u-margin-right-58 {
  margin-right: 58rpx !important;
}
.u-padding-right-58 {
  padding-right: 58rpx !important;
}
.u-m-b-58 {
  margin-bottom: 58rpx !important;
}
.u-p-b-58 {
  padding-bottom: 58rpx !important;
}
.u-margin-bottom-58 {
  margin-bottom: 58rpx !important;
}
.u-padding-bottom-58 {
  padding-bottom: 58rpx !important;
}
.u-margin-60, .u-m-60 {
  margin: 60rpx !important;
}
.u-padding-60, .u-p-60 {
  padding: 60rpx !important;
}
.u-m-l-60 {
  margin-left: 60rpx !important;
}
.u-p-l-60 {
  padding-left: 60rpx !important;
}
.u-margin-left-60 {
  margin-left: 60rpx !important;
}
.u-padding-left-60 {
  padding-left: 60rpx !important;
}
.u-m-t-60 {
  margin-top: 60rpx !important;
}
.u-p-t-60 {
  padding-top: 60rpx !important;
}
.u-margin-top-60 {
  margin-top: 60rpx !important;
}
.u-padding-top-60 {
  padding-top: 60rpx !important;
}
.u-m-r-60 {
  margin-right: 60rpx !important;
}
.u-p-r-60 {
  padding-right: 60rpx !important;
}
.u-margin-right-60 {
  margin-right: 60rpx !important;
}
.u-padding-right-60 {
  padding-right: 60rpx !important;
}
.u-m-b-60 {
  margin-bottom: 60rpx !important;
}
.u-p-b-60 {
  padding-bottom: 60rpx !important;
}
.u-margin-bottom-60 {
  margin-bottom: 60rpx !important;
}
.u-padding-bottom-60 {
  padding-bottom: 60rpx !important;
}
.u-margin-62, .u-m-62 {
  margin: 62rpx !important;
}
.u-padding-62, .u-p-62 {
  padding: 62rpx !important;
}
.u-m-l-62 {
  margin-left: 62rpx !important;
}
.u-p-l-62 {
  padding-left: 62rpx !important;
}
.u-margin-left-62 {
  margin-left: 62rpx !important;
}
.u-padding-left-62 {
  padding-left: 62rpx !important;
}
.u-m-t-62 {
  margin-top: 62rpx !important;
}
.u-p-t-62 {
  padding-top: 62rpx !important;
}
.u-margin-top-62 {
  margin-top: 62rpx !important;
}
.u-padding-top-62 {
  padding-top: 62rpx !important;
}
.u-m-r-62 {
  margin-right: 62rpx !important;
}
.u-p-r-62 {
  padding-right: 62rpx !important;
}
.u-margin-right-62 {
  margin-right: 62rpx !important;
}
.u-padding-right-62 {
  padding-right: 62rpx !important;
}
.u-m-b-62 {
  margin-bottom: 62rpx !important;
}
.u-p-b-62 {
  padding-bottom: 62rpx !important;
}
.u-margin-bottom-62 {
  margin-bottom: 62rpx !important;
}
.u-padding-bottom-62 {
  padding-bottom: 62rpx !important;
}
.u-margin-64, .u-m-64 {
  margin: 64rpx !important;
}
.u-padding-64, .u-p-64 {
  padding: 64rpx !important;
}
.u-m-l-64 {
  margin-left: 64rpx !important;
}
.u-p-l-64 {
  padding-left: 64rpx !important;
}
.u-margin-left-64 {
  margin-left: 64rpx !important;
}
.u-padding-left-64 {
  padding-left: 64rpx !important;
}
.u-m-t-64 {
  margin-top: 64rpx !important;
}
.u-p-t-64 {
  padding-top: 64rpx !important;
}
.u-margin-top-64 {
  margin-top: 64rpx !important;
}
.u-padding-top-64 {
  padding-top: 64rpx !important;
}
.u-m-r-64 {
  margin-right: 64rpx !important;
}
.u-p-r-64 {
  padding-right: 64rpx !important;
}
.u-margin-right-64 {
  margin-right: 64rpx !important;
}
.u-padding-right-64 {
  padding-right: 64rpx !important;
}
.u-m-b-64 {
  margin-bottom: 64rpx !important;
}
.u-p-b-64 {
  padding-bottom: 64rpx !important;
}
.u-margin-bottom-64 {
  margin-bottom: 64rpx !important;
}
.u-padding-bottom-64 {
  padding-bottom: 64rpx !important;
}
.u-margin-65, .u-m-65 {
  margin: 65rpx !important;
}
.u-padding-65, .u-p-65 {
  padding: 65rpx !important;
}
.u-m-l-65 {
  margin-left: 65rpx !important;
}
.u-p-l-65 {
  padding-left: 65rpx !important;
}
.u-margin-left-65 {
  margin-left: 65rpx !important;
}
.u-padding-left-65 {
  padding-left: 65rpx !important;
}
.u-m-t-65 {
  margin-top: 65rpx !important;
}
.u-p-t-65 {
  padding-top: 65rpx !important;
}
.u-margin-top-65 {
  margin-top: 65rpx !important;
}
.u-padding-top-65 {
  padding-top: 65rpx !important;
}
.u-m-r-65 {
  margin-right: 65rpx !important;
}
.u-p-r-65 {
  padding-right: 65rpx !important;
}
.u-margin-right-65 {
  margin-right: 65rpx !important;
}
.u-padding-right-65 {
  padding-right: 65rpx !important;
}
.u-m-b-65 {
  margin-bottom: 65rpx !important;
}
.u-p-b-65 {
  padding-bottom: 65rpx !important;
}
.u-margin-bottom-65 {
  margin-bottom: 65rpx !important;
}
.u-padding-bottom-65 {
  padding-bottom: 65rpx !important;
}
.u-margin-66, .u-m-66 {
  margin: 66rpx !important;
}
.u-padding-66, .u-p-66 {
  padding: 66rpx !important;
}
.u-m-l-66 {
  margin-left: 66rpx !important;
}
.u-p-l-66 {
  padding-left: 66rpx !important;
}
.u-margin-left-66 {
  margin-left: 66rpx !important;
}
.u-padding-left-66 {
  padding-left: 66rpx !important;
}
.u-m-t-66 {
  margin-top: 66rpx !important;
}
.u-p-t-66 {
  padding-top: 66rpx !important;
}
.u-margin-top-66 {
  margin-top: 66rpx !important;
}
.u-padding-top-66 {
  padding-top: 66rpx !important;
}
.u-m-r-66 {
  margin-right: 66rpx !important;
}
.u-p-r-66 {
  padding-right: 66rpx !important;
}
.u-margin-right-66 {
  margin-right: 66rpx !important;
}
.u-padding-right-66 {
  padding-right: 66rpx !important;
}
.u-m-b-66 {
  margin-bottom: 66rpx !important;
}
.u-p-b-66 {
  padding-bottom: 66rpx !important;
}
.u-margin-bottom-66 {
  margin-bottom: 66rpx !important;
}
.u-padding-bottom-66 {
  padding-bottom: 66rpx !important;
}
.u-margin-68, .u-m-68 {
  margin: 68rpx !important;
}
.u-padding-68, .u-p-68 {
  padding: 68rpx !important;
}
.u-m-l-68 {
  margin-left: 68rpx !important;
}
.u-p-l-68 {
  padding-left: 68rpx !important;
}
.u-margin-left-68 {
  margin-left: 68rpx !important;
}
.u-padding-left-68 {
  padding-left: 68rpx !important;
}
.u-m-t-68 {
  margin-top: 68rpx !important;
}
.u-p-t-68 {
  padding-top: 68rpx !important;
}
.u-margin-top-68 {
  margin-top: 68rpx !important;
}
.u-padding-top-68 {
  padding-top: 68rpx !important;
}
.u-m-r-68 {
  margin-right: 68rpx !important;
}
.u-p-r-68 {
  padding-right: 68rpx !important;
}
.u-margin-right-68 {
  margin-right: 68rpx !important;
}
.u-padding-right-68 {
  padding-right: 68rpx !important;
}
.u-m-b-68 {
  margin-bottom: 68rpx !important;
}
.u-p-b-68 {
  padding-bottom: 68rpx !important;
}
.u-margin-bottom-68 {
  margin-bottom: 68rpx !important;
}
.u-padding-bottom-68 {
  padding-bottom: 68rpx !important;
}
.u-margin-70, .u-m-70 {
  margin: 70rpx !important;
}
.u-padding-70, .u-p-70 {
  padding: 70rpx !important;
}
.u-m-l-70 {
  margin-left: 70rpx !important;
}
.u-p-l-70 {
  padding-left: 70rpx !important;
}
.u-margin-left-70 {
  margin-left: 70rpx !important;
}
.u-padding-left-70 {
  padding-left: 70rpx !important;
}
.u-m-t-70 {
  margin-top: 70rpx !important;
}
.u-p-t-70 {
  padding-top: 70rpx !important;
}
.u-margin-top-70 {
  margin-top: 70rpx !important;
}
.u-padding-top-70 {
  padding-top: 70rpx !important;
}
.u-m-r-70 {
  margin-right: 70rpx !important;
}
.u-p-r-70 {
  padding-right: 70rpx !important;
}
.u-margin-right-70 {
  margin-right: 70rpx !important;
}
.u-padding-right-70 {
  padding-right: 70rpx !important;
}
.u-m-b-70 {
  margin-bottom: 70rpx !important;
}
.u-p-b-70 {
  padding-bottom: 70rpx !important;
}
.u-margin-bottom-70 {
  margin-bottom: 70rpx !important;
}
.u-padding-bottom-70 {
  padding-bottom: 70rpx !important;
}
.u-margin-72, .u-m-72 {
  margin: 72rpx !important;
}
.u-padding-72, .u-p-72 {
  padding: 72rpx !important;
}
.u-m-l-72 {
  margin-left: 72rpx !important;
}
.u-p-l-72 {
  padding-left: 72rpx !important;
}
.u-margin-left-72 {
  margin-left: 72rpx !important;
}
.u-padding-left-72 {
  padding-left: 72rpx !important;
}
.u-m-t-72 {
  margin-top: 72rpx !important;
}
.u-p-t-72 {
  padding-top: 72rpx !important;
}
.u-margin-top-72 {
  margin-top: 72rpx !important;
}
.u-padding-top-72 {
  padding-top: 72rpx !important;
}
.u-m-r-72 {
  margin-right: 72rpx !important;
}
.u-p-r-72 {
  padding-right: 72rpx !important;
}
.u-margin-right-72 {
  margin-right: 72rpx !important;
}
.u-padding-right-72 {
  padding-right: 72rpx !important;
}
.u-m-b-72 {
  margin-bottom: 72rpx !important;
}
.u-p-b-72 {
  padding-bottom: 72rpx !important;
}
.u-margin-bottom-72 {
  margin-bottom: 72rpx !important;
}
.u-padding-bottom-72 {
  padding-bottom: 72rpx !important;
}
.u-margin-74, .u-m-74 {
  margin: 74rpx !important;
}
.u-padding-74, .u-p-74 {
  padding: 74rpx !important;
}
.u-m-l-74 {
  margin-left: 74rpx !important;
}
.u-p-l-74 {
  padding-left: 74rpx !important;
}
.u-margin-left-74 {
  margin-left: 74rpx !important;
}
.u-padding-left-74 {
  padding-left: 74rpx !important;
}
.u-m-t-74 {
  margin-top: 74rpx !important;
}
.u-p-t-74 {
  padding-top: 74rpx !important;
}
.u-margin-top-74 {
  margin-top: 74rpx !important;
}
.u-padding-top-74 {
  padding-top: 74rpx !important;
}
.u-m-r-74 {
  margin-right: 74rpx !important;
}
.u-p-r-74 {
  padding-right: 74rpx !important;
}
.u-margin-right-74 {
  margin-right: 74rpx !important;
}
.u-padding-right-74 {
  padding-right: 74rpx !important;
}
.u-m-b-74 {
  margin-bottom: 74rpx !important;
}
.u-p-b-74 {
  padding-bottom: 74rpx !important;
}
.u-margin-bottom-74 {
  margin-bottom: 74rpx !important;
}
.u-padding-bottom-74 {
  padding-bottom: 74rpx !important;
}
.u-margin-75, .u-m-75 {
  margin: 75rpx !important;
}
.u-padding-75, .u-p-75 {
  padding: 75rpx !important;
}
.u-m-l-75 {
  margin-left: 75rpx !important;
}
.u-p-l-75 {
  padding-left: 75rpx !important;
}
.u-margin-left-75 {
  margin-left: 75rpx !important;
}
.u-padding-left-75 {
  padding-left: 75rpx !important;
}
.u-m-t-75 {
  margin-top: 75rpx !important;
}
.u-p-t-75 {
  padding-top: 75rpx !important;
}
.u-margin-top-75 {
  margin-top: 75rpx !important;
}
.u-padding-top-75 {
  padding-top: 75rpx !important;
}
.u-m-r-75 {
  margin-right: 75rpx !important;
}
.u-p-r-75 {
  padding-right: 75rpx !important;
}
.u-margin-right-75 {
  margin-right: 75rpx !important;
}
.u-padding-right-75 {
  padding-right: 75rpx !important;
}
.u-m-b-75 {
  margin-bottom: 75rpx !important;
}
.u-p-b-75 {
  padding-bottom: 75rpx !important;
}
.u-margin-bottom-75 {
  margin-bottom: 75rpx !important;
}
.u-padding-bottom-75 {
  padding-bottom: 75rpx !important;
}
.u-margin-76, .u-m-76 {
  margin: 76rpx !important;
}
.u-padding-76, .u-p-76 {
  padding: 76rpx !important;
}
.u-m-l-76 {
  margin-left: 76rpx !important;
}
.u-p-l-76 {
  padding-left: 76rpx !important;
}
.u-margin-left-76 {
  margin-left: 76rpx !important;
}
.u-padding-left-76 {
  padding-left: 76rpx !important;
}
.u-m-t-76 {
  margin-top: 76rpx !important;
}
.u-p-t-76 {
  padding-top: 76rpx !important;
}
.u-margin-top-76 {
  margin-top: 76rpx !important;
}
.u-padding-top-76 {
  padding-top: 76rpx !important;
}
.u-m-r-76 {
  margin-right: 76rpx !important;
}
.u-p-r-76 {
  padding-right: 76rpx !important;
}
.u-margin-right-76 {
  margin-right: 76rpx !important;
}
.u-padding-right-76 {
  padding-right: 76rpx !important;
}
.u-m-b-76 {
  margin-bottom: 76rpx !important;
}
.u-p-b-76 {
  padding-bottom: 76rpx !important;
}
.u-margin-bottom-76 {
  margin-bottom: 76rpx !important;
}
.u-padding-bottom-76 {
  padding-bottom: 76rpx !important;
}
.u-margin-78, .u-m-78 {
  margin: 78rpx !important;
}
.u-padding-78, .u-p-78 {
  padding: 78rpx !important;
}
.u-m-l-78 {
  margin-left: 78rpx !important;
}
.u-p-l-78 {
  padding-left: 78rpx !important;
}
.u-margin-left-78 {
  margin-left: 78rpx !important;
}
.u-padding-left-78 {
  padding-left: 78rpx !important;
}
.u-m-t-78 {
  margin-top: 78rpx !important;
}
.u-p-t-78 {
  padding-top: 78rpx !important;
}
.u-margin-top-78 {
  margin-top: 78rpx !important;
}
.u-padding-top-78 {
  padding-top: 78rpx !important;
}
.u-m-r-78 {
  margin-right: 78rpx !important;
}
.u-p-r-78 {
  padding-right: 78rpx !important;
}
.u-margin-right-78 {
  margin-right: 78rpx !important;
}
.u-padding-right-78 {
  padding-right: 78rpx !important;
}
.u-m-b-78 {
  margin-bottom: 78rpx !important;
}
.u-p-b-78 {
  padding-bottom: 78rpx !important;
}
.u-margin-bottom-78 {
  margin-bottom: 78rpx !important;
}
.u-padding-bottom-78 {
  padding-bottom: 78rpx !important;
}
.u-margin-80, .u-m-80 {
  margin: 80rpx !important;
}
.u-padding-80, .u-p-80 {
  padding: 80rpx !important;
}
.u-m-l-80 {
  margin-left: 80rpx !important;
}
.u-p-l-80 {
  padding-left: 80rpx !important;
}
.u-margin-left-80 {
  margin-left: 80rpx !important;
}
.u-padding-left-80 {
  padding-left: 80rpx !important;
}
.u-m-t-80 {
  margin-top: 80rpx !important;
}
.u-p-t-80 {
  padding-top: 80rpx !important;
}
.u-margin-top-80 {
  margin-top: 80rpx !important;
}
.u-padding-top-80 {
  padding-top: 80rpx !important;
}
.u-m-r-80 {
  margin-right: 80rpx !important;
}
.u-p-r-80 {
  padding-right: 80rpx !important;
}
.u-margin-right-80 {
  margin-right: 80rpx !important;
}
.u-padding-right-80 {
  padding-right: 80rpx !important;
}
.u-m-b-80 {
  margin-bottom: 80rpx !important;
}
.u-p-b-80 {
  padding-bottom: 80rpx !important;
}
.u-margin-bottom-80 {
  margin-bottom: 80rpx !important;
}
.u-padding-bottom-80 {
  padding-bottom: 80rpx !important;
}
.u-primary-light {
  color: #ecf5ff;
}
.u-warning-light {
  color: #fdf6ec;
}
.u-success-light {
  color: #f5fff0;
}
.u-error-light {
  color: #fef0f0;
}
.u-info-light {
  color: #f4f4f5;
}
.u-primary-light-bg {
  background-color: #ecf5ff;
}
.u-warning-light-bg {
  background-color: #fdf6ec;
}
.u-success-light-bg {
  background-color: #f5fff0;
}
.u-error-light-bg {
  background-color: #fef0f0;
}
.u-info-light-bg {
  background-color: #f4f4f5;
}
.u-primary-dark {
  color: #398ade;
}
.u-warning-dark {
  color: #f1a532;
}
.u-success-dark {
  color: #53c21d;
}
.u-error-dark {
  color: #e45656;
}
.u-info-dark {
  color: #767a82;
}
.u-primary-dark-bg {
  background-color: #398ade;
}
.u-warning-dark-bg {
  background-color: #f1a532;
}
.u-success-dark-bg {
  background-color: #53c21d;
}
.u-error-dark-bg {
  background-color: #e45656;
}
.u-info-dark-bg {
  background-color: #767a82;
}
.u-primary-disabled {
  color: #9acafc;
}
.u-warning-disabled {
  color: #f9d39b;
}
.u-success-disabled {
  color: #a9e08f;
}
.u-error-disabled {
  color: #f7b2b2;
}
.u-info-disabled {
  color: #c4c6c9;
}
.u-primary {
  color: #3c9cff;
}
.u-warning {
  color: #f9ae3d;
}
.u-success {
  color: #5ac725;
}
.u-error {
  color: #f56c6c;
}
.u-info {
  color: #909399;
}
.u-primary-bg {
  background-color: #3c9cff;
}
.u-warning-bg {
  background-color: #f9ae3d;
}
.u-success-bg {
  background-color: #5ac725;
}
.u-error-bg {
  background-color: #f56c6c;
}
.u-info-bg {
  background-color: #909399;
}
.u-main-color {
  color: #303133;
}
.u-content-color {
  color: #606266;
}
.u-tips-color {
  color: #909193;
}
.u-light-color {
  color: #c0c4cc;
}
.u-safe-area-inset-top {
  padding-top: 0;
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}
.u-safe-area-inset-right {
  padding-right: 0;
  padding-right: constant(safe-area-inset-right);
  padding-right: env(safe-area-inset-right);
}
.u-safe-area-inset-bottom {
  padding-bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}
.u-safe-area-inset-left {
  padding-left: 0;
  padding-left: constant(safe-area-inset-left);
  padding-left: env(safe-area-inset-left);
}
::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0 !important;
  -webkit-appearance: none;
  background: transparent;
}
/* 水平间距 */
.uni-border {
  border: 1px #F0F0F0 solid;
}
.uni-primary {
  color: #2979ff;
}
.uni-primary-bg {
  background-color: #2979ff;
}
.uni-primary-disable {
  color: #94bcff;
}
.uni-primary-disable-bg {
  background-color: #94bcff;
}
.uni-primary-light {
  color: #d4e4ff;
}
.uni-primary-light-bg {
  background-color: #d4e4ff;
}
.uni-success {
  color: #18bc37;
}
.uni-success-bg {
  background-color: #18bc37;
}
.uni-success-disable {
  color: #8cde9b;
}
.uni-success-disable-bg {
  background-color: #8cde9b;
}
.uni-success-light {
  color: #d1f2d7;
}
.uni-success-light-bg {
  background-color: #d1f2d7;
}
.uni-warning {
  color: #f3a73f;
}
.uni-warning-bg {
  background-color: #f3a73f;
}
.uni-warning-disable {
  color: #f9d39f;
}
.uni-warning-disable-bg {
  background-color: #f9d39f;
}
.uni-warning-light {
  color: #fdedd9;
}
.uni-warning-light-bg {
  background-color: #fdedd9;
}
.uni-error {
  color: #e43d33;
}
.uni-error-bg {
  background-color: #e43d33;
}
.uni-error-disable {
  color: #f29e99;
}
.uni-error-disable-bg {
  background-color: #f29e99;
}
.uni-error-light {
  color: #fad8d6;
}
.uni-error-light-bg {
  background-color: #fad8d6;
}
.uni-info {
  color: #8f939c;
}
.uni-info-bg {
  background-color: #8f939c;
}
.uni-info-disable {
  color: #c7c9ce;
}
.uni-info-disable-bg {
  background-color: #c7c9ce;
}
.uni-info-light {
  color: #e9e9eb;
}
.uni-info-light-bg {
  background-color: #e9e9eb;
}
.uni-main-color {
  color: #3a3a3a;
}
.uni-main-color-bg {
  background-color: #3a3a3a;
}
.uni-base-color {
  color: #6a6a6a;
}
.uni-base-color-bg {
  background-color: #6a6a6a;
}
.uni-secondary-color {
  color: #909399;
}
.uni-secondary-color-bg {
  background-color: #909399;
}
.uni-extra-color {
  color: #c7c7c7;
}
.uni-extra-color-bg {
  background-color: #c7c7c7;
}
.uni-bg-color {
  color: #f7f7f7;
}
.uni-bg-color-bg {
  background-color: #f7f7f7;
}
.uni-border-1 {
  color: #F0F0F0;
}
.uni-border-1-bg {
  background-color: #F0F0F0;
}
.uni-border-2 {
  color: #EDEDED;
}
.uni-border-2-bg {
  background-color: #EDEDED;
}
.uni-border-3 {
  color: #DCDCDC;
}
.uni-border-3-bg {
  background-color: #DCDCDC;
}
.uni-border-4 {
  color: #B9B9B9;
}
.uni-border-4-bg {
  background-color: #B9B9B9;
}
.uni-black {
  color: #000000;
}
.uni-black-bg {
  background-color: #000000;
}
.uni-white {
  color: #ffffff;
}
.uni-white-bg {
  background-color: #ffffff;
}
.uni-transparent {
  color: rgba(0, 0, 0, 0);
}
.uni-transparent-bg {
  background-color: rgba(0, 0, 0, 0);
}
.uni-shadow-sm {
  box-shadow: 0 0 5px rgba(216, 216, 216, 0.5);
}
.uni-shadow-base {
  box-shadow: 0 1px 8px 1px rgba(165, 165, 165, 0.2);
}
.uni-shadow-lg {
  box-shadow: 0px 1px 10px 2px rgba(165, 164, 164, 0.5);
}
.uni-mask {
  background-color: rgba(0, 0, 0, 0.4);
}
.uni-mt-0 {
  margin-top: 0px;
}
.uni-mt-n0 {
  margin-top: 0px;
}
.uni-mr-0 {
  margin-right: 0px;
}
.uni-mr-n0 {
  margin-right: 0px;
}
.uni-mb-0 {
  margin-bottom: 0px;
}
.uni-mb-n0 {
  margin-bottom: 0px;
}
.uni-ml-0 {
  margin-left: 0px;
}
.uni-ml-n0 {
  margin-left: 0px;
}
.uni-mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}
.uni-mx-n0 {
  margin-left: 0px;
  margin-right: 0px;
}
.uni-my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.uni-my-n0 {
  margin-top: 0px;
  margin-bottom: 0px;
}
.uni-ma-0 {
  margin: 0px;
}
.uni-ma-n0 {
  margin: 0px;
}
.uni-mt-1 {
  margin-top: 2px;
}
.uni-mt-n1 {
  margin-top: -2px;
}
.uni-mr-1 {
  margin-right: 2px;
}
.uni-mr-n1 {
  margin-right: -2px;
}
.uni-mb-1 {
  margin-bottom: 2px;
}
.uni-mb-n1 {
  margin-bottom: -2px;
}
.uni-ml-1 {
  margin-left: 2px;
}
.uni-ml-n1 {
  margin-left: -2px;
}
.uni-mx-1 {
  margin-left: 2px;
  margin-right: 2px;
}
.uni-mx-n1 {
  margin-left: -2px;
  margin-right: -2px;
}
.uni-my-1 {
  margin-top: 2px;
  margin-bottom: 2px;
}
.uni-my-n1 {
  margin-top: -2px;
  margin-bottom: -2px;
}
.uni-ma-1 {
  margin: 2px;
}
.uni-ma-n1 {
  margin: -2px;
}
.uni-mt-2 {
  margin-top: 4px;
}
.uni-mt-n2 {
  margin-top: -4px;
}
.uni-mr-2 {
  margin-right: 4px;
}
.uni-mr-n2 {
  margin-right: -4px;
}
.uni-mb-2 {
  margin-bottom: 4px;
}
.uni-mb-n2 {
  margin-bottom: -4px;
}
.uni-ml-2 {
  margin-left: 4px;
}
.uni-ml-n2 {
  margin-left: -4px;
}
.uni-mx-2 {
  margin-left: 4px;
  margin-right: 4px;
}
.uni-mx-n2 {
  margin-left: -4px;
  margin-right: -4px;
}
.uni-my-2 {
  margin-top: 4px;
  margin-bottom: 4px;
}
.uni-my-n2 {
  margin-top: -4px;
  margin-bottom: -4px;
}
.uni-ma-2 {
  margin: 4px;
}
.uni-ma-n2 {
  margin: -4px;
}
.uni-mt-3 {
  margin-top: 6px;
}
.uni-mt-n3 {
  margin-top: -6px;
}
.uni-mr-3 {
  margin-right: 6px;
}
.uni-mr-n3 {
  margin-right: -6px;
}
.uni-mb-3 {
  margin-bottom: 6px;
}
.uni-mb-n3 {
  margin-bottom: -6px;
}
.uni-ml-3 {
  margin-left: 6px;
}
.uni-ml-n3 {
  margin-left: -6px;
}
.uni-mx-3 {
  margin-left: 6px;
  margin-right: 6px;
}
.uni-mx-n3 {
  margin-left: -6px;
  margin-right: -6px;
}
.uni-my-3 {
  margin-top: 6px;
  margin-bottom: 6px;
}
.uni-my-n3 {
  margin-top: -6px;
  margin-bottom: -6px;
}
.uni-ma-3 {
  margin: 6px;
}
.uni-ma-n3 {
  margin: -6px;
}
.uni-mt-4 {
  margin-top: 8px;
}
.uni-mt-n4 {
  margin-top: -8px;
}
.uni-mr-4 {
  margin-right: 8px;
}
.uni-mr-n4 {
  margin-right: -8px;
}
.uni-mb-4 {
  margin-bottom: 8px;
}
.uni-mb-n4 {
  margin-bottom: -8px;
}
.uni-ml-4 {
  margin-left: 8px;
}
.uni-ml-n4 {
  margin-left: -8px;
}
.uni-mx-4 {
  margin-left: 8px;
  margin-right: 8px;
}
.uni-mx-n4 {
  margin-left: -8px;
  margin-right: -8px;
}
.uni-my-4 {
  margin-top: 8px;
  margin-bottom: 8px;
}
.uni-my-n4 {
  margin-top: -8px;
  margin-bottom: -8px;
}
.uni-ma-4 {
  margin: 8px;
}
.uni-ma-n4 {
  margin: -8px;
}
.uni-mt-5 {
  margin-top: 10px;
}
.uni-mt-n5 {
  margin-top: -10px;
}
.uni-mr-5 {
  margin-right: 10px;
}
.uni-mr-n5 {
  margin-right: -10px;
}
.uni-mb-5 {
  margin-bottom: 10px;
}
.uni-mb-n5 {
  margin-bottom: -10px;
}
.uni-ml-5 {
  margin-left: 10px;
}
.uni-ml-n5 {
  margin-left: -10px;
}
.uni-mx-5 {
  margin-left: 10px;
  margin-right: 10px;
}
.uni-mx-n5 {
  margin-left: -10px;
  margin-right: -10px;
}
.uni-my-5 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.uni-my-n5 {
  margin-top: -10px;
  margin-bottom: -10px;
}
.uni-ma-5 {
  margin: 10px;
}
.uni-ma-n5 {
  margin: -10px;
}
.uni-mt-6 {
  margin-top: 12px;
}
.uni-mt-n6 {
  margin-top: -12px;
}
.uni-mr-6 {
  margin-right: 12px;
}
.uni-mr-n6 {
  margin-right: -12px;
}
.uni-mb-6 {
  margin-bottom: 12px;
}
.uni-mb-n6 {
  margin-bottom: -12px;
}
.uni-ml-6 {
  margin-left: 12px;
}
.uni-ml-n6 {
  margin-left: -12px;
}
.uni-mx-6 {
  margin-left: 12px;
  margin-right: 12px;
}
.uni-mx-n6 {
  margin-left: -12px;
  margin-right: -12px;
}
.uni-my-6 {
  margin-top: 12px;
  margin-bottom: 12px;
}
.uni-my-n6 {
  margin-top: -12px;
  margin-bottom: -12px;
}
.uni-ma-6 {
  margin: 12px;
}
.uni-ma-n6 {
  margin: -12px;
}
.uni-mt-7 {
  margin-top: 14px;
}
.uni-mt-n7 {
  margin-top: -14px;
}
.uni-mr-7 {
  margin-right: 14px;
}
.uni-mr-n7 {
  margin-right: -14px;
}
.uni-mb-7 {
  margin-bottom: 14px;
}
.uni-mb-n7 {
  margin-bottom: -14px;
}
.uni-ml-7 {
  margin-left: 14px;
}
.uni-ml-n7 {
  margin-left: -14px;
}
.uni-mx-7 {
  margin-left: 14px;
  margin-right: 14px;
}
.uni-mx-n7 {
  margin-left: -14px;
  margin-right: -14px;
}
.uni-my-7 {
  margin-top: 14px;
  margin-bottom: 14px;
}
.uni-my-n7 {
  margin-top: -14px;
  margin-bottom: -14px;
}
.uni-ma-7 {
  margin: 14px;
}
.uni-ma-n7 {
  margin: -14px;
}
.uni-mt-8 {
  margin-top: 16px;
}
.uni-mt-n8 {
  margin-top: -16px;
}
.uni-mr-8 {
  margin-right: 16px;
}
.uni-mr-n8 {
  margin-right: -16px;
}
.uni-mb-8 {
  margin-bottom: 16px;
}
.uni-mb-n8 {
  margin-bottom: -16px;
}
.uni-ml-8 {
  margin-left: 16px;
}
.uni-ml-n8 {
  margin-left: -16px;
}
.uni-mx-8 {
  margin-left: 16px;
  margin-right: 16px;
}
.uni-mx-n8 {
  margin-left: -16px;
  margin-right: -16px;
}
.uni-my-8 {
  margin-top: 16px;
  margin-bottom: 16px;
}
.uni-my-n8 {
  margin-top: -16px;
  margin-bottom: -16px;
}
.uni-ma-8 {
  margin: 16px;
}
.uni-ma-n8 {
  margin: -16px;
}
.uni-mt-9 {
  margin-top: 18px;
}
.uni-mt-n9 {
  margin-top: -18px;
}
.uni-mr-9 {
  margin-right: 18px;
}
.uni-mr-n9 {
  margin-right: -18px;
}
.uni-mb-9 {
  margin-bottom: 18px;
}
.uni-mb-n9 {
  margin-bottom: -18px;
}
.uni-ml-9 {
  margin-left: 18px;
}
.uni-ml-n9 {
  margin-left: -18px;
}
.uni-mx-9 {
  margin-left: 18px;
  margin-right: 18px;
}
.uni-mx-n9 {
  margin-left: -18px;
  margin-right: -18px;
}
.uni-my-9 {
  margin-top: 18px;
  margin-bottom: 18px;
}
.uni-my-n9 {
  margin-top: -18px;
  margin-bottom: -18px;
}
.uni-ma-9 {
  margin: 18px;
}
.uni-ma-n9 {
  margin: -18px;
}
.uni-mt-10 {
  margin-top: 20px;
}
.uni-mt-n10 {
  margin-top: -20px;
}
.uni-mr-10 {
  margin-right: 20px;
}
.uni-mr-n10 {
  margin-right: -20px;
}
.uni-mb-10 {
  margin-bottom: 20px;
}
.uni-mb-n10 {
  margin-bottom: -20px;
}
.uni-ml-10 {
  margin-left: 20px;
}
.uni-ml-n10 {
  margin-left: -20px;
}
.uni-mx-10 {
  margin-left: 20px;
  margin-right: 20px;
}
.uni-mx-n10 {
  margin-left: -20px;
  margin-right: -20px;
}
.uni-my-10 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.uni-my-n10 {
  margin-top: -20px;
  margin-bottom: -20px;
}
.uni-ma-10 {
  margin: 20px;
}
.uni-ma-n10 {
  margin: -20px;
}
.uni-mt-11 {
  margin-top: 22px;
}
.uni-mt-n11 {
  margin-top: -22px;
}
.uni-mr-11 {
  margin-right: 22px;
}
.uni-mr-n11 {
  margin-right: -22px;
}
.uni-mb-11 {
  margin-bottom: 22px;
}
.uni-mb-n11 {
  margin-bottom: -22px;
}
.uni-ml-11 {
  margin-left: 22px;
}
.uni-ml-n11 {
  margin-left: -22px;
}
.uni-mx-11 {
  margin-left: 22px;
  margin-right: 22px;
}
.uni-mx-n11 {
  margin-left: -22px;
  margin-right: -22px;
}
.uni-my-11 {
  margin-top: 22px;
  margin-bottom: 22px;
}
.uni-my-n11 {
  margin-top: -22px;
  margin-bottom: -22px;
}
.uni-ma-11 {
  margin: 22px;
}
.uni-ma-n11 {
  margin: -22px;
}
.uni-mt-12 {
  margin-top: 24px;
}
.uni-mt-n12 {
  margin-top: -24px;
}
.uni-mr-12 {
  margin-right: 24px;
}
.uni-mr-n12 {
  margin-right: -24px;
}
.uni-mb-12 {
  margin-bottom: 24px;
}
.uni-mb-n12 {
  margin-bottom: -24px;
}
.uni-ml-12 {
  margin-left: 24px;
}
.uni-ml-n12 {
  margin-left: -24px;
}
.uni-mx-12 {
  margin-left: 24px;
  margin-right: 24px;
}
.uni-mx-n12 {
  margin-left: -24px;
  margin-right: -24px;
}
.uni-my-12 {
  margin-top: 24px;
  margin-bottom: 24px;
}
.uni-my-n12 {
  margin-top: -24px;
  margin-bottom: -24px;
}
.uni-ma-12 {
  margin: 24px;
}
.uni-ma-n12 {
  margin: -24px;
}
.uni-mt-13 {
  margin-top: 26px;
}
.uni-mt-n13 {
  margin-top: -26px;
}
.uni-mr-13 {
  margin-right: 26px;
}
.uni-mr-n13 {
  margin-right: -26px;
}
.uni-mb-13 {
  margin-bottom: 26px;
}
.uni-mb-n13 {
  margin-bottom: -26px;
}
.uni-ml-13 {
  margin-left: 26px;
}
.uni-ml-n13 {
  margin-left: -26px;
}
.uni-mx-13 {
  margin-left: 26px;
  margin-right: 26px;
}
.uni-mx-n13 {
  margin-left: -26px;
  margin-right: -26px;
}
.uni-my-13 {
  margin-top: 26px;
  margin-bottom: 26px;
}
.uni-my-n13 {
  margin-top: -26px;
  margin-bottom: -26px;
}
.uni-ma-13 {
  margin: 26px;
}
.uni-ma-n13 {
  margin: -26px;
}
.uni-mt-14 {
  margin-top: 28px;
}
.uni-mt-n14 {
  margin-top: -28px;
}
.uni-mr-14 {
  margin-right: 28px;
}
.uni-mr-n14 {
  margin-right: -28px;
}
.uni-mb-14 {
  margin-bottom: 28px;
}
.uni-mb-n14 {
  margin-bottom: -28px;
}
.uni-ml-14 {
  margin-left: 28px;
}
.uni-ml-n14 {
  margin-left: -28px;
}
.uni-mx-14 {
  margin-left: 28px;
  margin-right: 28px;
}
.uni-mx-n14 {
  margin-left: -28px;
  margin-right: -28px;
}
.uni-my-14 {
  margin-top: 28px;
  margin-bottom: 28px;
}
.uni-my-n14 {
  margin-top: -28px;
  margin-bottom: -28px;
}
.uni-ma-14 {
  margin: 28px;
}
.uni-ma-n14 {
  margin: -28px;
}
.uni-mt-15 {
  margin-top: 30px;
}
.uni-mt-n15 {
  margin-top: -30px;
}
.uni-mr-15 {
  margin-right: 30px;
}
.uni-mr-n15 {
  margin-right: -30px;
}
.uni-mb-15 {
  margin-bottom: 30px;
}
.uni-mb-n15 {
  margin-bottom: -30px;
}
.uni-ml-15 {
  margin-left: 30px;
}
.uni-ml-n15 {
  margin-left: -30px;
}
.uni-mx-15 {
  margin-left: 30px;
  margin-right: 30px;
}
.uni-mx-n15 {
  margin-left: -30px;
  margin-right: -30px;
}
.uni-my-15 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.uni-my-n15 {
  margin-top: -30px;
  margin-bottom: -30px;
}
.uni-ma-15 {
  margin: 30px;
}
.uni-ma-n15 {
  margin: -30px;
}
.uni-mt-16 {
  margin-top: 32px;
}
.uni-mt-n16 {
  margin-top: -32px;
}
.uni-mr-16 {
  margin-right: 32px;
}
.uni-mr-n16 {
  margin-right: -32px;
}
.uni-mb-16 {
  margin-bottom: 32px;
}
.uni-mb-n16 {
  margin-bottom: -32px;
}
.uni-ml-16 {
  margin-left: 32px;
}
.uni-ml-n16 {
  margin-left: -32px;
}
.uni-mx-16 {
  margin-left: 32px;
  margin-right: 32px;
}
.uni-mx-n16 {
  margin-left: -32px;
  margin-right: -32px;
}
.uni-my-16 {
  margin-top: 32px;
  margin-bottom: 32px;
}
.uni-my-n16 {
  margin-top: -32px;
  margin-bottom: -32px;
}
.uni-ma-16 {
  margin: 32px;
}
.uni-ma-n16 {
  margin: -32px;
}
.uni-pt-0 {
  padding-top: 0px;
}
.uni-pt-n0 {
  padding-top: 0px;
}
.uni-pr-0 {
  padding-right: 0px;
}
.uni-pr-n0 {
  padding-right: 0px;
}
.uni-pb-0 {
  padding-bottom: 0px;
}
.uni-pb-n0 {
  padding-bottom: 0px;
}
.uni-pl-0 {
  padding-left: 0px;
}
.uni-pl-n0 {
  padding-left: 0px;
}
.uni-px-0 {
  padding-left: 0px;
  padding-right: 0px;
}
.uni-px-n0 {
  padding-left: 0px;
  padding-right: 0px;
}
.uni-py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.uni-py-n0 {
  padding-top: 0px;
  padding-bottom: 0px;
}
.uni-pa-0 {
  padding: 0px;
}
.uni-pa-n0 {
  padding: 0px;
}
.uni-pt-1 {
  padding-top: 2px;
}
.uni-pt-n1 {
  padding-top: -2px;
}
.uni-pr-1 {
  padding-right: 2px;
}
.uni-pr-n1 {
  padding-right: -2px;
}
.uni-pb-1 {
  padding-bottom: 2px;
}
.uni-pb-n1 {
  padding-bottom: -2px;
}
.uni-pl-1 {
  padding-left: 2px;
}
.uni-pl-n1 {
  padding-left: -2px;
}
.uni-px-1 {
  padding-left: 2px;
  padding-right: 2px;
}
.uni-px-n1 {
  padding-left: -2px;
  padding-right: -2px;
}
.uni-py-1 {
  padding-top: 2px;
  padding-bottom: 2px;
}
.uni-py-n1 {
  padding-top: -2px;
  padding-bottom: -2px;
}
.uni-pa-1 {
  padding: 2px;
}
.uni-pa-n1 {
  padding: -2px;
}
.uni-pt-2 {
  padding-top: 4px;
}
.uni-pt-n2 {
  padding-top: -4px;
}
.uni-pr-2 {
  padding-right: 4px;
}
.uni-pr-n2 {
  padding-right: -4px;
}
.uni-pb-2 {
  padding-bottom: 4px;
}
.uni-pb-n2 {
  padding-bottom: -4px;
}
.uni-pl-2 {
  padding-left: 4px;
}
.uni-pl-n2 {
  padding-left: -4px;
}
.uni-px-2 {
  padding-left: 4px;
  padding-right: 4px;
}
.uni-px-n2 {
  padding-left: -4px;
  padding-right: -4px;
}
.uni-py-2 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.uni-py-n2 {
  padding-top: -4px;
  padding-bottom: -4px;
}
.uni-pa-2 {
  padding: 4px;
}
.uni-pa-n2 {
  padding: -4px;
}
.uni-pt-3 {
  padding-top: 6px;
}
.uni-pt-n3 {
  padding-top: -6px;
}
.uni-pr-3 {
  padding-right: 6px;
}
.uni-pr-n3 {
  padding-right: -6px;
}
.uni-pb-3 {
  padding-bottom: 6px;
}
.uni-pb-n3 {
  padding-bottom: -6px;
}
.uni-pl-3 {
  padding-left: 6px;
}
.uni-pl-n3 {
  padding-left: -6px;
}
.uni-px-3 {
  padding-left: 6px;
  padding-right: 6px;
}
.uni-px-n3 {
  padding-left: -6px;
  padding-right: -6px;
}
.uni-py-3 {
  padding-top: 6px;
  padding-bottom: 6px;
}
.uni-py-n3 {
  padding-top: -6px;
  padding-bottom: -6px;
}
.uni-pa-3 {
  padding: 6px;
}
.uni-pa-n3 {
  padding: -6px;
}
.uni-pt-4 {
  padding-top: 8px;
}
.uni-pt-n4 {
  padding-top: -8px;
}
.uni-pr-4 {
  padding-right: 8px;
}
.uni-pr-n4 {
  padding-right: -8px;
}
.uni-pb-4 {
  padding-bottom: 8px;
}
.uni-pb-n4 {
  padding-bottom: -8px;
}
.uni-pl-4 {
  padding-left: 8px;
}
.uni-pl-n4 {
  padding-left: -8px;
}
.uni-px-4 {
  padding-left: 8px;
  padding-right: 8px;
}
.uni-px-n4 {
  padding-left: -8px;
  padding-right: -8px;
}
.uni-py-4 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.uni-py-n4 {
  padding-top: -8px;
  padding-bottom: -8px;
}
.uni-pa-4 {
  padding: 8px;
}
.uni-pa-n4 {
  padding: -8px;
}
.uni-pt-5 {
  padding-top: 10px;
}
.uni-pt-n5 {
  padding-top: -10px;
}
.uni-pr-5 {
  padding-right: 10px;
}
.uni-pr-n5 {
  padding-right: -10px;
}
.uni-pb-5 {
  padding-bottom: 10px;
}
.uni-pb-n5 {
  padding-bottom: -10px;
}
.uni-pl-5 {
  padding-left: 10px;
}
.uni-pl-n5 {
  padding-left: -10px;
}
.uni-px-5 {
  padding-left: 10px;
  padding-right: 10px;
}
.uni-px-n5 {
  padding-left: -10px;
  padding-right: -10px;
}
.uni-py-5 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.uni-py-n5 {
  padding-top: -10px;
  padding-bottom: -10px;
}
.uni-pa-5 {
  padding: 10px;
}
.uni-pa-n5 {
  padding: -10px;
}
.uni-pt-6 {
  padding-top: 12px;
}
.uni-pt-n6 {
  padding-top: -12px;
}
.uni-pr-6 {
  padding-right: 12px;
}
.uni-pr-n6 {
  padding-right: -12px;
}
.uni-pb-6 {
  padding-bottom: 12px;
}
.uni-pb-n6 {
  padding-bottom: -12px;
}
.uni-pl-6 {
  padding-left: 12px;
}
.uni-pl-n6 {
  padding-left: -12px;
}
.uni-px-6 {
  padding-left: 12px;
  padding-right: 12px;
}
.uni-px-n6 {
  padding-left: -12px;
  padding-right: -12px;
}
.uni-py-6 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.uni-py-n6 {
  padding-top: -12px;
  padding-bottom: -12px;
}
.uni-pa-6 {
  padding: 12px;
}
.uni-pa-n6 {
  padding: -12px;
}
.uni-pt-7 {
  padding-top: 14px;
}
.uni-pt-n7 {
  padding-top: -14px;
}
.uni-pr-7 {
  padding-right: 14px;
}
.uni-pr-n7 {
  padding-right: -14px;
}
.uni-pb-7 {
  padding-bottom: 14px;
}
.uni-pb-n7 {
  padding-bottom: -14px;
}
.uni-pl-7 {
  padding-left: 14px;
}
.uni-pl-n7 {
  padding-left: -14px;
}
.uni-px-7 {
  padding-left: 14px;
  padding-right: 14px;
}
.uni-px-n7 {
  padding-left: -14px;
  padding-right: -14px;
}
.uni-py-7 {
  padding-top: 14px;
  padding-bottom: 14px;
}
.uni-py-n7 {
  padding-top: -14px;
  padding-bottom: -14px;
}
.uni-pa-7 {
  padding: 14px;
}
.uni-pa-n7 {
  padding: -14px;
}
.uni-pt-8 {
  padding-top: 16px;
}
.uni-pt-n8 {
  padding-top: -16px;
}
.uni-pr-8 {
  padding-right: 16px;
}
.uni-pr-n8 {
  padding-right: -16px;
}
.uni-pb-8 {
  padding-bottom: 16px;
}
.uni-pb-n8 {
  padding-bottom: -16px;
}
.uni-pl-8 {
  padding-left: 16px;
}
.uni-pl-n8 {
  padding-left: -16px;
}
.uni-px-8 {
  padding-left: 16px;
  padding-right: 16px;
}
.uni-px-n8 {
  padding-left: -16px;
  padding-right: -16px;
}
.uni-py-8 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.uni-py-n8 {
  padding-top: -16px;
  padding-bottom: -16px;
}
.uni-pa-8 {
  padding: 16px;
}
.uni-pa-n8 {
  padding: -16px;
}
.uni-pt-9 {
  padding-top: 18px;
}
.uni-pt-n9 {
  padding-top: -18px;
}
.uni-pr-9 {
  padding-right: 18px;
}
.uni-pr-n9 {
  padding-right: -18px;
}
.uni-pb-9 {
  padding-bottom: 18px;
}
.uni-pb-n9 {
  padding-bottom: -18px;
}
.uni-pl-9 {
  padding-left: 18px;
}
.uni-pl-n9 {
  padding-left: -18px;
}
.uni-px-9 {
  padding-left: 18px;
  padding-right: 18px;
}
.uni-px-n9 {
  padding-left: -18px;
  padding-right: -18px;
}
.uni-py-9 {
  padding-top: 18px;
  padding-bottom: 18px;
}
.uni-py-n9 {
  padding-top: -18px;
  padding-bottom: -18px;
}
.uni-pa-9 {
  padding: 18px;
}
.uni-pa-n9 {
  padding: -18px;
}
.uni-pt-10 {
  padding-top: 20px;
}
.uni-pt-n10 {
  padding-top: -20px;
}
.uni-pr-10 {
  padding-right: 20px;
}
.uni-pr-n10 {
  padding-right: -20px;
}
.uni-pb-10 {
  padding-bottom: 20px;
}
.uni-pb-n10 {
  padding-bottom: -20px;
}
.uni-pl-10 {
  padding-left: 20px;
}
.uni-pl-n10 {
  padding-left: -20px;
}
.uni-px-10 {
  padding-left: 20px;
  padding-right: 20px;
}
.uni-px-n10 {
  padding-left: -20px;
  padding-right: -20px;
}
.uni-py-10 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.uni-py-n10 {
  padding-top: -20px;
  padding-bottom: -20px;
}
.uni-pa-10 {
  padding: 20px;
}
.uni-pa-n10 {
  padding: -20px;
}
.uni-pt-11 {
  padding-top: 22px;
}
.uni-pt-n11 {
  padding-top: -22px;
}
.uni-pr-11 {
  padding-right: 22px;
}
.uni-pr-n11 {
  padding-right: -22px;
}
.uni-pb-11 {
  padding-bottom: 22px;
}
.uni-pb-n11 {
  padding-bottom: -22px;
}
.uni-pl-11 {
  padding-left: 22px;
}
.uni-pl-n11 {
  padding-left: -22px;
}
.uni-px-11 {
  padding-left: 22px;
  padding-right: 22px;
}
.uni-px-n11 {
  padding-left: -22px;
  padding-right: -22px;
}
.uni-py-11 {
  padding-top: 22px;
  padding-bottom: 22px;
}
.uni-py-n11 {
  padding-top: -22px;
  padding-bottom: -22px;
}
.uni-pa-11 {
  padding: 22px;
}
.uni-pa-n11 {
  padding: -22px;
}
.uni-pt-12 {
  padding-top: 24px;
}
.uni-pt-n12 {
  padding-top: -24px;
}
.uni-pr-12 {
  padding-right: 24px;
}
.uni-pr-n12 {
  padding-right: -24px;
}
.uni-pb-12 {
  padding-bottom: 24px;
}
.uni-pb-n12 {
  padding-bottom: -24px;
}
.uni-pl-12 {
  padding-left: 24px;
}
.uni-pl-n12 {
  padding-left: -24px;
}
.uni-px-12 {
  padding-left: 24px;
  padding-right: 24px;
}
.uni-px-n12 {
  padding-left: -24px;
  padding-right: -24px;
}
.uni-py-12 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.uni-py-n12 {
  padding-top: -24px;
  padding-bottom: -24px;
}
.uni-pa-12 {
  padding: 24px;
}
.uni-pa-n12 {
  padding: -24px;
}
.uni-pt-13 {
  padding-top: 26px;
}
.uni-pt-n13 {
  padding-top: -26px;
}
.uni-pr-13 {
  padding-right: 26px;
}
.uni-pr-n13 {
  padding-right: -26px;
}
.uni-pb-13 {
  padding-bottom: 26px;
}
.uni-pb-n13 {
  padding-bottom: -26px;
}
.uni-pl-13 {
  padding-left: 26px;
}
.uni-pl-n13 {
  padding-left: -26px;
}
.uni-px-13 {
  padding-left: 26px;
  padding-right: 26px;
}
.uni-px-n13 {
  padding-left: -26px;
  padding-right: -26px;
}
.uni-py-13 {
  padding-top: 26px;
  padding-bottom: 26px;
}
.uni-py-n13 {
  padding-top: -26px;
  padding-bottom: -26px;
}
.uni-pa-13 {
  padding: 26px;
}
.uni-pa-n13 {
  padding: -26px;
}
.uni-pt-14 {
  padding-top: 28px;
}
.uni-pt-n14 {
  padding-top: -28px;
}
.uni-pr-14 {
  padding-right: 28px;
}
.uni-pr-n14 {
  padding-right: -28px;
}
.uni-pb-14 {
  padding-bottom: 28px;
}
.uni-pb-n14 {
  padding-bottom: -28px;
}
.uni-pl-14 {
  padding-left: 28px;
}
.uni-pl-n14 {
  padding-left: -28px;
}
.uni-px-14 {
  padding-left: 28px;
  padding-right: 28px;
}
.uni-px-n14 {
  padding-left: -28px;
  padding-right: -28px;
}
.uni-py-14 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.uni-py-n14 {
  padding-top: -28px;
  padding-bottom: -28px;
}
.uni-pa-14 {
  padding: 28px;
}
.uni-pa-n14 {
  padding: -28px;
}
.uni-pt-15 {
  padding-top: 30px;
}
.uni-pt-n15 {
  padding-top: -30px;
}
.uni-pr-15 {
  padding-right: 30px;
}
.uni-pr-n15 {
  padding-right: -30px;
}
.uni-pb-15 {
  padding-bottom: 30px;
}
.uni-pb-n15 {
  padding-bottom: -30px;
}
.uni-pl-15 {
  padding-left: 30px;
}
.uni-pl-n15 {
  padding-left: -30px;
}
.uni-px-15 {
  padding-left: 30px;
  padding-right: 30px;
}
.uni-px-n15 {
  padding-left: -30px;
  padding-right: -30px;
}
.uni-py-15 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.uni-py-n15 {
  padding-top: -30px;
  padding-bottom: -30px;
}
.uni-pa-15 {
  padding: 30px;
}
.uni-pa-n15 {
  padding: -30px;
}
.uni-pt-16 {
  padding-top: 32px;
}
.uni-pt-n16 {
  padding-top: -32px;
}
.uni-pr-16 {
  padding-right: 32px;
}
.uni-pr-n16 {
  padding-right: -32px;
}
.uni-pb-16 {
  padding-bottom: 32px;
}
.uni-pb-n16 {
  padding-bottom: -32px;
}
.uni-pl-16 {
  padding-left: 32px;
}
.uni-pl-n16 {
  padding-left: -32px;
}
.uni-px-16 {
  padding-left: 32px;
  padding-right: 32px;
}
.uni-px-n16 {
  padding-left: -32px;
  padding-right: -32px;
}
.uni-py-16 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.uni-py-n16 {
  padding-top: -32px;
  padding-bottom: -32px;
}
.uni-pa-16 {
  padding: 32px;
}
.uni-pa-n16 {
  padding: -32px;
}
.uni-radius-0 {
  border-radius: 0;
}
.uni-radius {
  border-radius: 5px;
}
.uni-radius-lg {
  border-radius: 10px;
}
.uni-radius-xl {
  border-radius: 30px;
}
.uni-radius-pill {
  border-radius: 9999px;
}
.uni-radius-circle {
  border-radius: 50%;
}
.uni-radius-t-0 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.uni-radius-t {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.uni-radius-t-lg {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.uni-radius-t-xl {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
.uni-radius-t-pill {
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
}
.uni-radius-t-circle {
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}
.uni-radius-r-0 {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.uni-radius-r {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.uni-radius-r-lg {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.uni-radius-r-xl {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.uni-radius-r-pill {
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
.uni-radius-r-circle {
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
}
.uni-radius-b-0 {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.uni-radius-b {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.uni-radius-b-lg {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.uni-radius-b-xl {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
.uni-radius-b-pill {
  border-bottom-left-radius: 9999px;
  border-bottom-right-radius: 9999px;
}
.uni-radius-b-circle {
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
}
.uni-radius-l-0 {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.uni-radius-l {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.uni-radius-l-lg {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.uni-radius-l-xl {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}
.uni-radius-l-pill {
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
}
.uni-radius-l-circle {
  border-top-left-radius: 50%;
  border-bottom-left-radius: 50%;
}
.uni-radius-tl-0 {
  border-top-left-radius: 0;
}
.uni-radius-tl {
  border-top-left-radius: 5px;
}
.uni-radius-tl-lg {
  border-top-left-radius: 10px;
}
.uni-radius-tl-xl {
  border-top-left-radius: 30px;
}
.uni-radius-tl-pill {
  border-top-left-radius: 9999px;
}
.uni-radius-tl-circle {
  border-top-left-radius: 50%;
}
.uni-radius-tr-0 {
  border-top-right-radius: 0;
}
.uni-radius-tr {
  border-top-right-radius: 5px;
}
.uni-radius-tr-lg {
  border-top-right-radius: 10px;
}
.uni-radius-tr-xl {
  border-top-right-radius: 30px;
}
.uni-radius-tr-pill {
  border-top-right-radius: 9999px;
}
.uni-radius-tr-circle {
  border-top-right-radius: 50%;
}
.uni-radius-br-0 {
  border-bottom-right-radius: 0;
}
.uni-radius-br {
  border-bottom-right-radius: 5px;
}
.uni-radius-br-lg {
  border-bottom-right-radius: 10px;
}
.uni-radius-br-xl {
  border-bottom-right-radius: 30px;
}
.uni-radius-br-pill {
  border-bottom-right-radius: 9999px;
}
.uni-radius-br-circle {
  border-bottom-right-radius: 50%;
}
.uni-radius-bl-0 {
  border-bottom-left-radius: 0;
}
.uni-radius-bl {
  border-bottom-left-radius: 5px;
}
.uni-radius-bl-lg {
  border-bottom-left-radius: 10px;
}
.uni-radius-bl-xl {
  border-bottom-left-radius: 30px;
}
.uni-radius-bl-pill {
  border-bottom-left-radius: 9999px;
}
.uni-radius-bl-circle {
  border-bottom-left-radius: 50%;
}
.uni-h1 {
  font-size: 32px;
  font-weight: 300;
  line-height: 50px;
}
.uni-h2 {
  font-size: 28px;
  font-weight: 300;
  line-height: 40px;
}
.uni-h3 {
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
}
.uni-h4 {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}
.uni-h5 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.uni-h6 {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}
.uni-subtitle {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.uni-body {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}
.uni-caption {
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.uni-btn {
  margin: 5px;
  color: #393939;
  border: 1px solid #ccc;
  font-size: 16px;
  font-weight: 200;
  background-color: #F9F9F9;
  overflow: visible;
}
.uni-btn::after {
  border: none;
}
.uni-btn:not([type]), .uni-btn[type=default] {
  color: #999;
}
.uni-btn:not([type])[loading], .uni-btn[type=default][loading] {
  background: none;
}
.uni-btn:not([type])[loading]::before, .uni-btn[type=default][loading]::before {
  margin-right: 5px;
}
.uni-btn:not([type])[disabled], .uni-btn[type=default][disabled] {
  color: #d6d6d6;
}
.uni-btn:not([type])[disabled], .uni-btn:not([type])[disabled][loading], .uni-btn:not([type])[disabled]:active, .uni-btn[type=default][disabled], .uni-btn[type=default][disabled][loading], .uni-btn[type=default][disabled]:active {
  color: #d6d6d6;
  background-color: #fafafa;
  border-color: #f0f0f0;
}
.uni-btn:not([type])[plain], .uni-btn[type=default][plain] {
  color: #999;
  background: none;
  border-color: #F0F0F0;
}
.uni-btn:not([type])[plain]:not([hover-class]):active, .uni-btn[type=default][plain]:not([hover-class]):active {
  background: none;
  color: #cccccc;
  border-color: #e6e6e6;
  outline: none;
}
.uni-btn:not([type])[plain][disabled], .uni-btn:not([type])[plain][disabled][loading], .uni-btn:not([type])[plain][disabled]:active, .uni-btn[type=default][plain][disabled], .uni-btn[type=default][plain][disabled][loading], .uni-btn[type=default][plain][disabled]:active {
  background: none;
  color: #d6d6d6;
  border-color: #f0f0f0;
}
.uni-btn:not([hover-class]):active {
  color: gray;
}
.uni-btn[size=mini] {
  font-size: 16px;
  font-weight: 200;
  border-radius: 8px;
}
.uni-btn.uni-btn-small {
  font-size: 14px;
}
.uni-btn.uni-btn-mini {
  font-size: 12px;
}
.uni-btn.uni-btn-radius {
  border-radius: 999px;
}
.uni-btn[type=primary] {
  color: #fff;
  background-color: #2979ff;
  border-color: #266feb;
}
.uni-btn[type=primary]:not([hover-class]):active {
  background: #256de6;
  border-color: #2161cc;
  color: #fff;
  outline: none;
}
.uni-btn[type=primary][loading] {
  color: #fff;
  background-color: #2979ff;
  border-color: #266feb;
}
.uni-btn[type=primary][loading]:not([hover-class]):active {
  background: #256de6;
  border-color: #2161cc;
  color: #fff;
  outline: none;
}
.uni-btn[type=primary][loading]::before {
  margin-right: 5px;
}
.uni-btn[type=primary][disabled], .uni-btn[type=primary][disabled][loading], .uni-btn[type=primary][disabled]:not([hover-class]):active {
  color: #fff;
  border-color: #80aefa;
  background-color: #94bcff;
}
.uni-btn[type=primary][plain] {
  color: #2979ff;
  background-color: #eaf2ff;
  border-color: #bfd7ff;
}
.uni-btn[type=primary][plain]:not([hover-class]):active {
  background: #d4e4ff;
  color: #2979ff;
  outline: none;
  border-color: #94bcff;
}
.uni-btn[type=primary][plain][loading] {
  color: #2979ff;
  background-color: #eaf2ff;
  border-color: #bfd7ff;
}
.uni-btn[type=primary][plain][loading]:not([hover-class]):active {
  background: #d4e4ff;
  color: #2979ff;
  outline: none;
  border-color: #94bcff;
}
.uni-btn[type=primary][plain][loading]::before {
  margin-right: 5px;
}
.uni-btn[type=primary][plain][disabled], .uni-btn[type=primary][plain][disabled]:active {
  color: #7fafff;
  background-color: #eaf2ff;
  border-color: #d4e4ff;
}
.uni-btn[type=success] {
  color: #fff;
  background-color: #18bc37;
  border-color: #16ad33;
}
.uni-btn[type=success]:not([hover-class]):active {
  background: #16a932;
  border-color: #13962c;
  color: #fff;
  outline: none;
}
.uni-btn[type=success][loading] {
  color: #fff;
  background-color: #18bc37;
  border-color: #16ad33;
}
.uni-btn[type=success][loading]:not([hover-class]):active {
  background: #16a932;
  border-color: #13962c;
  color: #fff;
  outline: none;
}
.uni-btn[type=success][loading]::before {
  margin-right: 5px;
}
.uni-btn[type=success][disabled], .uni-btn[type=success][disabled][loading], .uni-btn[type=success][disabled]:not([hover-class]):active {
  color: #fff;
  border-color: #89c795;
  background-color: #8cde9b;
}
.uni-btn[type=success][plain] {
  color: #18bc37;
  background-color: #e8f8eb;
  border-color: #baebc3;
}
.uni-btn[type=success][plain]:not([hover-class]):active {
  background: #d1f2d7;
  color: #18bc37;
  outline: none;
  border-color: #8cde9b;
}
.uni-btn[type=success][plain][loading] {
  color: #18bc37;
  background-color: #e8f8eb;
  border-color: #baebc3;
}
.uni-btn[type=success][plain][loading]:not([hover-class]):active {
  background: #d1f2d7;
  color: #18bc37;
  outline: none;
  border-color: #8cde9b;
}
.uni-btn[type=success][plain][loading]::before {
  margin-right: 5px;
}
.uni-btn[type=success][plain][disabled], .uni-btn[type=success][plain][disabled]:active {
  color: #74d787;
  background-color: #e8f8eb;
  border-color: #d1f2d7;
}
.uni-btn[type=error] {
  color: #fff;
  background-color: #e43d33;
  border-color: #d2382f;
}
.uni-btn[type=error]:not([hover-class]):active {
  background: #cd372e;
  border-color: #b63129;
  color: #fff;
  outline: none;
}
.uni-btn[type=error][loading] {
  color: #fff;
  background-color: #e43d33;
  border-color: #d2382f;
}
.uni-btn[type=error][loading]:not([hover-class]):active {
  background: #cd372e;
  border-color: #b63129;
  color: #fff;
  outline: none;
}
.uni-btn[type=error][loading]::before {
  margin-right: 5px;
}
.uni-btn[type=error][disabled], .uni-btn[type=error][disabled][loading], .uni-btn[type=error][disabled]:not([hover-class]):active {
  color: #fff;
  border-color: #e4928d;
  background-color: #f29e99;
}
.uni-btn[type=error][plain] {
  color: #e43d33;
  background-color: #fceceb;
  border-color: #f7c5c2;
}
.uni-btn[type=error][plain]:not([hover-class]):active {
  background: #fad8d6;
  color: #e43d33;
  outline: none;
  border-color: #f29e99;
}
.uni-btn[type=error][plain][loading] {
  color: #e43d33;
  background-color: #fceceb;
  border-color: #f7c5c2;
}
.uni-btn[type=error][plain][loading]:not([hover-class]):active {
  background: #fad8d6;
  color: #e43d33;
  outline: none;
  border-color: #f29e99;
}
.uni-btn[type=error][plain][loading]::before {
  margin-right: 5px;
}
.uni-btn[type=error][plain][disabled], .uni-btn[type=error][plain][disabled]:active {
  color: #ef8b85;
  background-color: #fceceb;
  border-color: #fad8d6;
}
.uni-btn[type=warning] {
  color: #fff;
  background-color: #f3a73f;
  border-color: #e09a3a;
}
.uni-btn[type=warning]:not([hover-class]):active {
  background: #db9639;
  border-color: #c28632;
  color: #fff;
  outline: none;
}
.uni-btn[type=warning][loading] {
  color: #fff;
  background-color: #f3a73f;
  border-color: #e09a3a;
}
.uni-btn[type=warning][loading]:not([hover-class]):active {
  background: #db9639;
  border-color: #c28632;
  color: #fff;
  outline: none;
}
.uni-btn[type=warning][loading]::before {
  margin-right: 5px;
}
.uni-btn[type=warning][disabled], .uni-btn[type=warning][disabled][loading], .uni-btn[type=warning][disabled]:not([hover-class]):active {
  color: #fff;
  border-color: #f8c887;
  background-color: #f9d39f;
}
.uni-btn[type=warning][plain] {
  color: #f3a73f;
  background-color: #fef6ec;
  border-color: #fbe5c5;
}
.uni-btn[type=warning][plain]:not([hover-class]):active {
  background: #fdedd9;
  color: #f3a73f;
  outline: none;
  border-color: #f9d39f;
}
.uni-btn[type=warning][plain][loading] {
  color: #f3a73f;
  background-color: #fef6ec;
  border-color: #fbe5c5;
}
.uni-btn[type=warning][plain][loading]:not([hover-class]):active {
  background: #fdedd9;
  color: #f3a73f;
  outline: none;
  border-color: #f9d39f;
}
.uni-btn[type=warning][plain][loading]::before {
  margin-right: 5px;
}
.uni-btn[type=warning][plain][disabled], .uni-btn[type=warning][plain][disabled]:active {
  color: #f8ca8c;
  background-color: #fef6ec;
  border-color: #fdedd9;
}
.uni-btn[type=info] {
  color: #fff;
  background-color: #8f939c;
  border-color: #848790;
}
.uni-btn[type=info]:not([hover-class]):active {
  background: #81848c;
  border-color: #72767d;
  color: #fff;
  outline: none;
}
.uni-btn[type=info][loading] {
  color: #fff;
  background-color: #8f939c;
  border-color: #848790;
}
.uni-btn[type=info][loading]:not([hover-class]):active {
  background: #81848c;
  border-color: #72767d;
  color: #fff;
  outline: none;
}
.uni-btn[type=info][loading]::before {
  margin-right: 5px;
}
.uni-btn[type=info][disabled], .uni-btn[type=info][disabled][loading], .uni-btn[type=info][disabled]:not([hover-class]):active {
  color: #fff;
  border-color: #babcc2;
  background-color: #c7c9ce;
}
.uni-btn[type=info][plain] {
  color: #8f939c;
  background-color: #f4f4f5;
  border-color: #dddfe1;
}
.uni-btn[type=info][plain]:not([hover-class]):active {
  background: #e9e9eb;
  color: #8f939c;
  outline: none;
  border-color: #c7c9ce;
}
.uni-btn[type=info][plain][loading] {
  color: #8f939c;
  background-color: #f4f4f5;
  border-color: #dddfe1;
}
.uni-btn[type=info][plain][loading]:not([hover-class]):active {
  background: #e9e9eb;
  color: #8f939c;
  outline: none;
  border-color: #c7c9ce;
}
.uni-btn[type=info][plain][loading]::before {
  margin-right: 5px;
}
.uni-btn[type=info][plain][disabled], .uni-btn[type=info][plain][disabled]:active {
  color: #bcbec4;
  background-color: #f4f4f5;
  border-color: #e9e9eb;
}

/* 公用 */
.container {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100vw;
  height: 100vh;
}
.textOne {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}
.textOver {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
/* 设置整个项目的公用样式*/
page {
  font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
  /* 窗口可用高度 */
  /* 有头有底 */
  --oneHeight: 100vh;
  /* 有头无底 */
  --twoHeight: 92vh;
  /* 可用窗口背景颜色 */
  --mainColor: #ffffff;
  /* 底部菜单背景颜色 */
  --footColor: #f1f1f1;
  /* 字体大小 */
  --font20Size: 20px;
  --font19Size: 19px;
  --font18Size: 18px;
  --font17Size: 17px;
  --font16Size: 16px;
  --font15Size: 15px;
  --font14Size: 14px;
  --font13Size: 13px;
  --font12Size: 12px;
  /* 颜色 */
  --f1Color: #f1f1f1;
  --f2Color: #f2f2f2;
  --f3Color: #f3f3f3;
  --f4Color: #f4f4f4;
  --f5Color: #f5f5f5;
  --f6Color: #f6f6f6;
  --f7Color: #f7f7f7;
  --f8Color: #f8f8f8;
  --f9Color: #f9f9f9;
  --f99Color: #999999;
  --f85Color: #858585;
  --f69Color: #696969;
  --f80Color: #808080;
  --f33Color: #333333;
  --fFB1Color: #7A7E83;
  --f828Color: #82848a;
  --fDCColor: #DCDCDC;
  --fcColor: #cccccc;
  --f00Color: #000000;
  --fffColor: #ffffff;
  --32CColor: #32C8DA;
  --262Color: #262D3D;
}page{--status-bar-height:25px;--top-window-height:0px;--window-top:0px;--window-bottom:0px;--window-left:0px;--window-right:0px;--window-magin:0px}[data-c-h="true"]{display: none !important;}