yl-view/libs/index.css

一个基于uniapp的ui框架

@charset "UTF-8";
/* Transition
-------------------------- */
/* color */
/* fontWeight */
/* borderradius */
/* Transition
-------------------------- */
/* color */
/* fontWeight */
/* borderradius */
.mt-0 {
  margin-top: 0rpx; }

.mb-0 {
  margin-bottom: 0rpx; }

.ml-0 {
  margin-left: 0rpx; }

.mr-0 {
  margin-right: 0rpx; }

.pt-0 {
  padding-top: 0rpx; }

.pb-0 {
  padding-bottom: 0rpx; }

.pl-0 {
  padding-left: 0rpx; }

.pr-0 {
  padding-right: 0rpx; }

.mx-0 {
  margin-left: 0rpx;
  margin-right: 0rpx; }

.my-0 {
  margin-top: 0rpx;
  margin-bottom: 0rpx; }

.px-0 {
  padding-left: 0rpx;
  padding-right: 0rpx; }

.py-0 {
  padding-top: 0rpx;
  padding-bottom: 0rpx; }

.p-0 {
  padding: 0rpx 0rpx 0rpx 0rpx; }

.m-0 {
  margin: 0rpx 0rpx 0rpx 0rpx; }

.mt-4 {
  margin-top: 4rpx; }

.mb-4 {
  margin-bottom: 4rpx; }

.ml-4 {
  margin-left: 4rpx; }

.mr-4 {
  margin-right: 4rpx; }

.pt-4 {
  padding-top: 4rpx; }

.pb-4 {
  padding-bottom: 4rpx; }

.pl-4 {
  padding-left: 4rpx; }

.pr-4 {
  padding-right: 4rpx; }

.mx-4 {
  margin-left: 4rpx;
  margin-right: 4rpx; }

.my-4 {
  margin-top: 4rpx;
  margin-bottom: 4rpx; }

.px-4 {
  padding-left: 4rpx;
  padding-right: 4rpx; }

.py-4 {
  padding-top: 4rpx;
  padding-bottom: 4rpx; }

.p-4 {
  padding: 4rpx 4rpx 4rpx 4rpx; }

.m-4 {
  margin: 4rpx 4rpx 4rpx 4rpx; }

.mt-6 {
  margin-top: 6rpx; }

.mb-6 {
  margin-bottom: 6rpx; }

.ml-6 {
  margin-left: 6rpx; }

.mr-6 {
  margin-right: 6rpx; }

.pt-6 {
  padding-top: 6rpx; }

.pb-6 {
  padding-bottom: 6rpx; }

.pl-6 {
  padding-left: 6rpx; }

.pr-6 {
  padding-right: 6rpx; }

.mx-6 {
  margin-left: 6rpx;
  margin-right: 6rpx; }

.my-6 {
  margin-top: 6rpx;
  margin-bottom: 6rpx; }

.px-6 {
  padding-left: 6rpx;
  padding-right: 6rpx; }

.py-6 {
  padding-top: 6rpx;
  padding-bottom: 6rpx; }

.p-6 {
  padding: 6rpx 6rpx 6rpx 6rpx; }

.m-6 {
  margin: 6rpx 6rpx 6rpx 6rpx; }

.mt-8 {
  margin-top: 8rpx; }

.mb-8 {
  margin-bottom: 8rpx; }

.ml-8 {
  margin-left: 8rpx; }

.mr-8 {
  margin-right: 8rpx; }

.pt-8 {
  padding-top: 8rpx; }

.pb-8 {
  padding-bottom: 8rpx; }

.pl-8 {
  padding-left: 8rpx; }

.pr-8 {
  padding-right: 8rpx; }

.mx-8 {
  margin-left: 8rpx;
  margin-right: 8rpx; }

.my-8 {
  margin-top: 8rpx;
  margin-bottom: 8rpx; }

.px-8 {
  padding-left: 8rpx;
  padding-right: 8rpx; }

.py-8 {
  padding-top: 8rpx;
  padding-bottom: 8rpx; }

.p-8 {
  padding: 8rpx 8rpx 8rpx 8rpx; }

.m-8 {
  margin: 8rpx 8rpx 8rpx 8rpx; }

.mt-10 {
  margin-top: 10rpx; }

.mb-10 {
  margin-bottom: 10rpx; }

.ml-10 {
  margin-left: 10rpx; }

.mr-10 {
  margin-right: 10rpx; }

.pt-10 {
  padding-top: 10rpx; }

.pb-10 {
  padding-bottom: 10rpx; }

.pl-10 {
  padding-left: 10rpx; }

.pr-10 {
  padding-right: 10rpx; }

.mx-10 {
  margin-left: 10rpx;
  margin-right: 10rpx; }

.my-10 {
  margin-top: 10rpx;
  margin-bottom: 10rpx; }

.px-10 {
  padding-left: 10rpx;
  padding-right: 10rpx; }

.py-10 {
  padding-top: 10rpx;
  padding-bottom: 10rpx; }

.p-10 {
  padding: 10rpx 10rpx 10rpx 10rpx; }

.m-10 {
  margin: 10rpx 10rpx 10rpx 10rpx; }

.mt-16 {
  margin-top: 16rpx; }

.mb-16 {
  margin-bottom: 16rpx; }

.ml-16 {
  margin-left: 16rpx; }

.mr-16 {
  margin-right: 16rpx; }

.pt-16 {
  padding-top: 16rpx; }

.pb-16 {
  padding-bottom: 16rpx; }

.pl-16 {
  padding-left: 16rpx; }

.pr-16 {
  padding-right: 16rpx; }

.mx-16 {
  margin-left: 16rpx;
  margin-right: 16rpx; }

.my-16 {
  margin-top: 16rpx;
  margin-bottom: 16rpx; }

.px-16 {
  padding-left: 16rpx;
  padding-right: 16rpx; }

.py-16 {
  padding-top: 16rpx;
  padding-bottom: 16rpx; }

.p-16 {
  padding: 16rpx 16rpx 16rpx 16rpx; }

.m-16 {
  margin: 16rpx 16rpx 16rpx 16rpx; }

.mt-20 {
  margin-top: 20rpx; }

.mb-20 {
  margin-bottom: 20rpx; }

.ml-20 {
  margin-left: 20rpx; }

.mr-20 {
  margin-right: 20rpx; }

.pt-20 {
  padding-top: 20rpx; }

.pb-20 {
  padding-bottom: 20rpx; }

.pl-20 {
  padding-left: 20rpx; }

.pr-20 {
  padding-right: 20rpx; }

.mx-20 {
  margin-left: 20rpx;
  margin-right: 20rpx; }

.my-20 {
  margin-top: 20rpx;
  margin-bottom: 20rpx; }

.px-20 {
  padding-left: 20rpx;
  padding-right: 20rpx; }

.py-20 {
  padding-top: 20rpx;
  padding-bottom: 20rpx; }

.p-20 {
  padding: 20rpx 20rpx 20rpx 20rpx; }

.m-20 {
  margin: 20rpx 20rpx 20rpx 20rpx; }

.mt-24 {
  margin-top: 24rpx; }

.mb-24 {
  margin-bottom: 24rpx; }

.ml-24 {
  margin-left: 24rpx; }

.mr-24 {
  margin-right: 24rpx; }

.pt-24 {
  padding-top: 24rpx; }

.pb-24 {
  padding-bottom: 24rpx; }

.pl-24 {
  padding-left: 24rpx; }

.pr-24 {
  padding-right: 24rpx; }

.mx-24 {
  margin-left: 24rpx;
  margin-right: 24rpx; }

.my-24 {
  margin-top: 24rpx;
  margin-bottom: 24rpx; }

.px-24 {
  padding-left: 24rpx;
  padding-right: 24rpx; }

.py-24 {
  padding-top: 24rpx;
  padding-bottom: 24rpx; }

.p-24 {
  padding: 24rpx 24rpx 24rpx 24rpx; }

.m-24 {
  margin: 24rpx 24rpx 24rpx 24rpx; }

.mt-30 {
  margin-top: 30rpx; }

.mb-30 {
  margin-bottom: 30rpx; }

.ml-30 {
  margin-left: 30rpx; }

.mr-30 {
  margin-right: 30rpx; }

.pt-30 {
  padding-top: 30rpx; }

.pb-30 {
  padding-bottom: 30rpx; }

.pl-30 {
  padding-left: 30rpx; }

.pr-30 {
  padding-right: 30rpx; }

.mx-30 {
  margin-left: 30rpx;
  margin-right: 30rpx; }

.my-30 {
  margin-top: 30rpx;
  margin-bottom: 30rpx; }

.px-30 {
  padding-left: 30rpx;
  padding-right: 30rpx; }

.py-30 {
  padding-top: 30rpx;
  padding-bottom: 30rpx; }

.p-30 {
  padding: 30rpx 30rpx 30rpx 30rpx; }

.m-30 {
  margin: 30rpx 30rpx 30rpx 30rpx; }

.mt-32 {
  margin-top: 32rpx; }

.mb-32 {
  margin-bottom: 32rpx; }

.ml-32 {
  margin-left: 32rpx; }

.mr-32 {
  margin-right: 32rpx; }

.pt-32 {
  padding-top: 32rpx; }

.pb-32 {
  padding-bottom: 32rpx; }

.pl-32 {
  padding-left: 32rpx; }

.pr-32 {
  padding-right: 32rpx; }

.mx-32 {
  margin-left: 32rpx;
  margin-right: 32rpx; }

.my-32 {
  margin-top: 32rpx;
  margin-bottom: 32rpx; }

.px-32 {
  padding-left: 32rpx;
  padding-right: 32rpx; }

.py-32 {
  padding-top: 32rpx;
  padding-bottom: 32rpx; }

.p-32 {
  padding: 32rpx 32rpx 32rpx 32rpx; }

.m-32 {
  margin: 32rpx 32rpx 32rpx 32rpx; }

.mt-40 {
  margin-top: 40rpx; }

.mb-40 {
  margin-bottom: 40rpx; }

.ml-40 {
  margin-left: 40rpx; }

.mr-40 {
  margin-right: 40rpx; }

.pt-40 {
  padding-top: 40rpx; }

.pb-40 {
  padding-bottom: 40rpx; }

.pl-40 {
  padding-left: 40rpx; }

.pr-40 {
  padding-right: 40rpx; }

.mx-40 {
  margin-left: 40rpx;
  margin-right: 40rpx; }

.my-40 {
  margin-top: 40rpx;
  margin-bottom: 40rpx; }

.px-40 {
  padding-left: 40rpx;
  padding-right: 40rpx; }

.py-40 {
  padding-top: 40rpx;
  padding-bottom: 40rpx; }

.p-40 {
  padding: 40rpx 40rpx 40rpx 40rpx; }

.m-40 {
  margin: 40rpx 40rpx 40rpx 40rpx; }

.mt-48 {
  margin-top: 48rpx; }

.mb-48 {
  margin-bottom: 48rpx; }

.ml-48 {
  margin-left: 48rpx; }

.mr-48 {
  margin-right: 48rpx; }

.pt-48 {
  padding-top: 48rpx; }

.pb-48 {
  padding-bottom: 48rpx; }

.pl-48 {
  padding-left: 48rpx; }

.pr-48 {
  padding-right: 48rpx; }

.mx-48 {
  margin-left: 48rpx;
  margin-right: 48rpx; }

.my-48 {
  margin-top: 48rpx;
  margin-bottom: 48rpx; }

.px-48 {
  padding-left: 48rpx;
  padding-right: 48rpx; }

.py-48 {
  padding-top: 48rpx;
  padding-bottom: 48rpx; }

.p-48 {
  padding: 48rpx 48rpx 48rpx 48rpx; }

.m-48 {
  margin: 48rpx 48rpx 48rpx 48rpx; }

.mt-50 {
  margin-top: 50rpx; }

.mb-50 {
  margin-bottom: 50rpx; }

.ml-50 {
  margin-left: 50rpx; }

.mr-50 {
  margin-right: 50rpx; }

.pt-50 {
  padding-top: 50rpx; }

.pb-50 {
  padding-bottom: 50rpx; }

.pl-50 {
  padding-left: 50rpx; }

.pr-50 {
  padding-right: 50rpx; }

.mx-50 {
  margin-left: 50rpx;
  margin-right: 50rpx; }

.my-50 {
  margin-top: 50rpx;
  margin-bottom: 50rpx; }

.px-50 {
  padding-left: 50rpx;
  padding-right: 50rpx; }

.py-50 {
  padding-top: 50rpx;
  padding-bottom: 50rpx; }

.p-50 {
  padding: 50rpx 50rpx 50rpx 50rpx; }

.m-50 {
  margin: 50rpx 50rpx 50rpx 50rpx; }

.font-16 {
  font-size: 16rpx; }

.font-20 {
  font-size: 20rpx; }

.font-24 {
  font-size: 24rpx; }

.font-28 {
  font-size: 28rpx; }

.font-30 {
  font-size: 30rpx; }

.font-32 {
  font-size: 32rpx; }

.font-36 {
  font-size: 36rpx; }

.font-40 {
  font-size: 40rpx; }

.font-48 {
  font-size: 48rpx; }

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

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

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

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

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

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

.justify-start {
  justify-content: flex-start; }

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

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

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

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

.content-start {
  align-content: flex-start; }

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

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

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

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

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

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

.align-start {
  align-items: flex-start; }

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

.border-color-primary {
  border: solid 2rpx #3c9cff; }

.border-top-color-primary {
  border-top: solid 2rpx #3c9cff; }

.border-right-color-primary {
  border-right: solid 2rpx #3c9cff; }

.border-bottom-color-primary {
  border-bottom: solid 2rpx #3c9cff; }

.border-left-color-primary {
  border-left: solid 2rpx #3c9cff; }

.border-color-primary-dark {
  border: solid 2rpx #398ade; }

.border-top-color-primary-dark {
  border-top: solid 2rpx #398ade; }

.border-right-color-primary-dark {
  border-right: solid 2rpx #398ade; }

.border-bottom-color-primary-dark {
  border-bottom: solid 2rpx #398ade; }

.border-left-color-primary-dark {
  border-left: solid 2rpx #398ade; }

.border-color-primary-light {
  border: solid 2rpx #ecf5ff; }

.border-top-color-primary-light {
  border-top: solid 2rpx #ecf5ff; }

.border-right-color-primary-light {
  border-right: solid 2rpx #ecf5ff; }

.border-bottom-color-primary-light {
  border-bottom: solid 2rpx #ecf5ff; }

.border-left-color-primary-light {
  border-left: solid 2rpx #ecf5ff; }

.border-color-primary-disabled {
  border: solid 2rpx #9acafc; }

.border-top-color-primary-disabled {
  border-top: solid 2rpx #9acafc; }

.border-right-color-primary-disabled {
  border-right: solid 2rpx #9acafc; }

.border-bottom-color-primary-disabled {
  border-bottom: solid 2rpx #9acafc; }

.border-left-color-primary-disabled {
  border-left: solid 2rpx #9acafc; }

.border-color-warning {
  border: solid 2rpx #f9ae3d; }

.border-top-color-warning {
  border-top: solid 2rpx #f9ae3d; }

.border-right-color-warning {
  border-right: solid 2rpx #f9ae3d; }

.border-bottom-color-warning {
  border-bottom: solid 2rpx #f9ae3d; }

.border-left-color-warning {
  border-left: solid 2rpx #f9ae3d; }

.border-color-warning-dark {
  border: solid 2rpx #f1a532; }

.border-top-color-warning-dark {
  border-top: solid 2rpx #f1a532; }

.border-right-color-warning-dark {
  border-right: solid 2rpx #f1a532; }

.border-bottom-color-warning-dark {
  border-bottom: solid 2rpx #f1a532; }

.border-left-color-warning-dark {
  border-left: solid 2rpx #f1a532; }

.border-color-warning-light {
  border: solid 2rpx #fdf6ec; }

.border-top-color-warning-light {
  border-top: solid 2rpx #fdf6ec; }

.border-right-color-warning-light {
  border-right: solid 2rpx #fdf6ec; }

.border-bottom-color-warning-light {
  border-bottom: solid 2rpx #fdf6ec; }

.border-left-color-warning-light {
  border-left: solid 2rpx #fdf6ec; }

.border-color-warning-disabled {
  border: solid 2rpx #f9d39b; }

.border-top-color-warning-disabled {
  border-top: solid 2rpx #f9d39b; }

.border-right-color-warning-disabled {
  border-right: solid 2rpx #f9d39b; }

.border-bottom-color-warning-disabled {
  border-bottom: solid 2rpx #f9d39b; }

.border-left-color-warning-disabled {
  border-left: solid 2rpx #f9d39b; }

.border-color-success {
  border: solid 2rpx #5ac725; }

.border-top-color-success {
  border-top: solid 2rpx #5ac725; }

.border-right-color-success {
  border-right: solid 2rpx #5ac725; }

.border-bottom-color-success {
  border-bottom: solid 2rpx #5ac725; }

.border-left-color-success {
  border-left: solid 2rpx #5ac725; }

.border-color-success-dark {
  border: solid 2rpx #53c21d; }

.border-top-color-success-dark {
  border-top: solid 2rpx #53c21d; }

.border-right-color-success-dark {
  border-right: solid 2rpx #53c21d; }

.border-bottom-color-success-dark {
  border-bottom: solid 2rpx #53c21d; }

.border-left-color-success-dark {
  border-left: solid 2rpx #53c21d; }

.border-color-success-light {
  border: solid 2rpx #f5fff0; }

.border-top-color-success-light {
  border-top: solid 2rpx #f5fff0; }

.border-right-color-success-light {
  border-right: solid 2rpx #f5fff0; }

.border-bottom-color-success-light {
  border-bottom: solid 2rpx #f5fff0; }

.border-left-color-success-light {
  border-left: solid 2rpx #f5fff0; }

.border-color-success-disabled {
  border: solid 2rpx #a9e08f; }

.border-top-color-success-disabled {
  border-top: solid 2rpx #a9e08f; }

.border-right-color-success-disabled {
  border-right: solid 2rpx #a9e08f; }

.border-bottom-color-success-disabled {
  border-bottom: solid 2rpx #a9e08f; }

.border-left-color-success-disabled {
  border-left: solid 2rpx #a9e08f; }

.border-color-error {
  border: solid 2rpx #f56c6c; }

.border-top-color-error {
  border-top: solid 2rpx #f56c6c; }

.border-right-color-error {
  border-right: solid 2rpx #f56c6c; }

.border-bottom-color-error {
  border-bottom: solid 2rpx #f56c6c; }

.border-left-color-error {
  border-left: solid 2rpx #f56c6c; }

.border-color-error-dark {
  border: solid 2rpx #e45656; }

.border-top-color-error-dark {
  border-top: solid 2rpx #e45656; }

.border-right-color-error-dark {
  border-right: solid 2rpx #e45656; }

.border-bottom-color-error-dark {
  border-bottom: solid 2rpx #e45656; }

.border-left-color-error-dark {
  border-left: solid 2rpx #e45656; }

.border-color-error-light {
  border: solid 2rpx #fef0f0; }

.border-top-color-error-light {
  border-top: solid 2rpx #fef0f0; }

.border-right-color-error-light {
  border-right: solid 2rpx #fef0f0; }

.border-bottom-color-error-light {
  border-bottom: solid 2rpx #fef0f0; }

.border-left-color-error-light {
  border-left: solid 2rpx #fef0f0; }

.border-color-error-disabled {
  border: solid 2rpx #f7b2b2; }

.border-top-color-error-disabled {
  border-top: solid 2rpx #f7b2b2; }

.border-right-color-error-disabled {
  border-right: solid 2rpx #f7b2b2; }

.border-bottom-color-error-disabled {
  border-bottom: solid 2rpx #f7b2b2; }

.border-left-color-error-disabled {
  border-left: solid 2rpx #f7b2b2; }

.border-color-info {
  border: solid 2rpx #909399; }

.border-top-color-info {
  border-top: solid 2rpx #909399; }

.border-right-color-info {
  border-right: solid 2rpx #909399; }

.border-bottom-color-info {
  border-bottom: solid 2rpx #909399; }

.border-left-color-info {
  border-left: solid 2rpx #909399; }

.border-color-info-dark {
  border: solid 2rpx #767a82; }

.border-top-color-info-dark {
  border-top: solid 2rpx #767a82; }

.border-right-color-info-dark {
  border-right: solid 2rpx #767a82; }

.border-bottom-color-info-dark {
  border-bottom: solid 2rpx #767a82; }

.border-left-color-info-dark {
  border-left: solid 2rpx #767a82; }

.border-color-info-light {
  border: solid 2rpx #f4f4f5; }

.border-top-color-info-light {
  border-top: solid 2rpx #f4f4f5; }

.border-right-color-info-light {
  border-right: solid 2rpx #f4f4f5; }

.border-bottom-color-info-light {
  border-bottom: solid 2rpx #f4f4f5; }

.border-left-color-info-light {
  border-left: solid 2rpx #f4f4f5; }

.border-color-info-disabled {
  border: solid 2rpx #c4c6c9; }

.border-top-color-info-disabled {
  border-top: solid 2rpx #c4c6c9; }

.border-right-color-info-disabled {
  border-right: solid 2rpx #c4c6c9; }

.border-bottom-color-info-disabled {
  border-bottom: solid 2rpx #c4c6c9; }

.border-left-color-info-disabled {
  border-left: solid 2rpx #c4c6c9; }

.border-dashed-color-primary {
  border: dashed 2rpx #3c9cff; }

.border-dashed-top-color-primary {
  border-top: dashed 2rpx #3c9cff; }

.border-dashed-right-color-primary {
  border-right: dashed 2rpx #3c9cff; }

.border-dashed-bottom-color-primary {
  border-bottom: dashed 2rpx #3c9cff; }

.border-dashed-left-color-primary {
  border-left: dashed 2rpx #3c9cff; }

.border-dashed-color-primary-dark {
  border: dashed 2rpx #398ade; }

.border-dashed-top-color-primary-dark {
  border-top: dashed 2rpx #398ade; }

.border-dashed-right-color-primary-dark {
  border-right: dashed 2rpx #398ade; }

.border-dashed-bottom-color-primary-dark {
  border-bottom: dashed 2rpx #398ade; }

.border-dashed-left-color-primary-dark {
  border-left: dashed 2rpx #398ade; }

.border-dashed-color-primary-light {
  border: dashed 2rpx #ecf5ff; }

.border-dashed-top-color-primary-light {
  border-top: dashed 2rpx #ecf5ff; }

.border-dashed-right-color-primary-light {
  border-right: dashed 2rpx #ecf5ff; }

.border-dashed-bottom-color-primary-light {
  border-bottom: dashed 2rpx #ecf5ff; }

.border-dashed-left-color-primary-light {
  border-left: dashed 2rpx #ecf5ff; }

.border-dashed-color-primary-disabled {
  border: dashed 2rpx #9acafc; }

.border-dashed-top-color-primary-disabled {
  border-top: dashed 2rpx #9acafc; }

.border-dashed-right-color-primary-disabled {
  border-right: dashed 2rpx #9acafc; }

.border-dashed-bottom-color-primary-disabled {
  border-bottom: dashed 2rpx #9acafc; }

.border-dashed-left-color-primary-disabled {
  border-left: dashed 2rpx #9acafc; }

.border-dashed-color-warning {
  border: dashed 2rpx #f9ae3d; }

.border-dashed-top-color-warning {
  border-top: dashed 2rpx #f9ae3d; }

.border-dashed-right-color-warning {
  border-right: dashed 2rpx #f9ae3d; }

.border-dashed-bottom-color-warning {
  border-bottom: dashed 2rpx #f9ae3d; }

.border-dashed-left-color-warning {
  border-left: dashed 2rpx #f9ae3d; }

.border-dashed-color-warning-dark {
  border: dashed 2rpx #f1a532; }

.border-dashed-top-color-warning-dark {
  border-top: dashed 2rpx #f1a532; }

.border-dashed-right-color-warning-dark {
  border-right: dashed 2rpx #f1a532; }

.border-dashed-bottom-color-warning-dark {
  border-bottom: dashed 2rpx #f1a532; }

.border-dashed-left-color-warning-dark {
  border-left: dashed 2rpx #f1a532; }

.border-dashed-color-warning-light {
  border: dashed 2rpx #fdf6ec; }

.border-dashed-top-color-warning-light {
  border-top: dashed 2rpx #fdf6ec; }

.border-dashed-right-color-warning-light {
  border-right: dashed 2rpx #fdf6ec; }

.border-dashed-bottom-color-warning-light {
  border-bottom: dashed 2rpx #fdf6ec; }

.border-dashed-left-color-warning-light {
  border-left: dashed 2rpx #fdf6ec; }

.border-dashed-color-warning-disabled {
  border: dashed 2rpx #f9d39b; }

.border-dashed-top-color-warning-disabled {
  border-top: dashed 2rpx #f9d39b; }

.border-dashed-right-color-warning-disabled {
  border-right: dashed 2rpx #f9d39b; }

.border-dashed-bottom-color-warning-disabled {
  border-bottom: dashed 2rpx #f9d39b; }

.border-dashed-left-color-warning-disabled {
  border-left: dashed 2rpx #f9d39b; }

.border-dashed-color-success {
  border: dashed 2rpx #5ac725; }

.border-dashed-top-color-success {
  border-top: dashed 2rpx #5ac725; }

.border-dashed-right-color-success {
  border-right: dashed 2rpx #5ac725; }

.border-dashed-bottom-color-success {
  border-bottom: dashed 2rpx #5ac725; }

.border-dashed-left-color-success {
  border-left: dashed 2rpx #5ac725; }

.border-dashed-color-success-dark {
  border: dashed 2rpx #53c21d; }

.border-dashed-top-color-success-dark {
  border-top: dashed 2rpx #53c21d; }

.border-dashed-right-color-success-dark {
  border-right: dashed 2rpx #53c21d; }

.border-dashed-bottom-color-success-dark {
  border-bottom: dashed 2rpx #53c21d; }

.border-dashed-left-color-success-dark {
  border-left: dashed 2rpx #53c21d; }

.border-dashed-color-success-light {
  border: dashed 2rpx #f5fff0; }

.border-dashed-top-color-success-light {
  border-top: dashed 2rpx #f5fff0; }

.border-dashed-right-color-success-light {
  border-right: dashed 2rpx #f5fff0; }

.border-dashed-bottom-color-success-light {
  border-bottom: dashed 2rpx #f5fff0; }

.border-dashed-left-color-success-light {
  border-left: dashed 2rpx #f5fff0; }

.border-dashed-color-success-disabled {
  border: dashed 2rpx #a9e08f; }

.border-dashed-top-color-success-disabled {
  border-top: dashed 2rpx #a9e08f; }

.border-dashed-right-color-success-disabled {
  border-right: dashed 2rpx #a9e08f; }

.border-dashed-bottom-color-success-disabled {
  border-bottom: dashed 2rpx #a9e08f; }

.border-dashed-left-color-success-disabled {
  border-left: dashed 2rpx #a9e08f; }

.border-dashed-color-error {
  border: dashed 2rpx #f56c6c; }

.border-dashed-top-color-error {
  border-top: dashed 2rpx #f56c6c; }

.border-dashed-right-color-error {
  border-right: dashed 2rpx #f56c6c; }

.border-dashed-bottom-color-error {
  border-bottom: dashed 2rpx #f56c6c; }

.border-dashed-left-color-error {
  border-left: dashed 2rpx #f56c6c; }

.border-dashed-color-error-dark {
  border: dashed 2rpx #e45656; }

.border-dashed-top-color-error-dark {
  border-top: dashed 2rpx #e45656; }

.border-dashed-right-color-error-dark {
  border-right: dashed 2rpx #e45656; }

.border-dashed-bottom-color-error-dark {
  border-bottom: dashed 2rpx #e45656; }

.border-dashed-left-color-error-dark {
  border-left: dashed 2rpx #e45656; }

.border-dashed-color-error-light {
  border: dashed 2rpx #fef0f0; }

.border-dashed-top-color-error-light {
  border-top: dashed 2rpx #fef0f0; }

.border-dashed-right-color-error-light {
  border-right: dashed 2rpx #fef0f0; }

.border-dashed-bottom-color-error-light {
  border-bottom: dashed 2rpx #fef0f0; }

.border-dashed-left-color-error-light {
  border-left: dashed 2rpx #fef0f0; }

.border-dashed-color-error-disabled {
  border: dashed 2rpx #f7b2b2; }

.border-dashed-top-color-error-disabled {
  border-top: dashed 2rpx #f7b2b2; }

.border-dashed-right-color-error-disabled {
  border-right: dashed 2rpx #f7b2b2; }

.border-dashed-bottom-color-error-disabled {
  border-bottom: dashed 2rpx #f7b2b2; }

.border-dashed-left-color-error-disabled {
  border-left: dashed 2rpx #f7b2b2; }

.border-dashed-color-info {
  border: dashed 2rpx #909399; }

.border-dashed-top-color-info {
  border-top: dashed 2rpx #909399; }

.border-dashed-right-color-info {
  border-right: dashed 2rpx #909399; }

.border-dashed-bottom-color-info {
  border-bottom: dashed 2rpx #909399; }

.border-dashed-left-color-info {
  border-left: dashed 2rpx #909399; }

.border-dashed-color-info-dark {
  border: dashed 2rpx #767a82; }

.border-dashed-top-color-info-dark {
  border-top: dashed 2rpx #767a82; }

.border-dashed-right-color-info-dark {
  border-right: dashed 2rpx #767a82; }

.border-dashed-bottom-color-info-dark {
  border-bottom: dashed 2rpx #767a82; }

.border-dashed-left-color-info-dark {
  border-left: dashed 2rpx #767a82; }

.border-dashed-color-info-light {
  border: dashed 2rpx #f4f4f5; }

.border-dashed-top-color-info-light {
  border-top: dashed 2rpx #f4f4f5; }

.border-dashed-right-color-info-light {
  border-right: dashed 2rpx #f4f4f5; }

.border-dashed-bottom-color-info-light {
  border-bottom: dashed 2rpx #f4f4f5; }

.border-dashed-left-color-info-light {
  border-left: dashed 2rpx #f4f4f5; }

.border-dashed-color-info-disabled {
  border: dashed 2rpx #c4c6c9; }

.border-dashed-top-color-info-disabled {
  border-top: dashed 2rpx #c4c6c9; }

.border-dashed-right-color-info-disabled {
  border-right: dashed 2rpx #c4c6c9; }

.border-dashed-bottom-color-info-disabled {
  border-bottom: dashed 2rpx #c4c6c9; }

.border-dashed-left-color-info-disabled {
  border-left: dashed 2rpx #c4c6c9; }

.border-dotted-color-primary {
  border: dotted 2rpx #3c9cff; }

.border-dotted-top-color-primary {
  border-top: dotted 2rpx #3c9cff; }

.border-dotted-right-color-primary {
  border-right: dotted 2rpx #3c9cff; }

.border-dotted-bottom-color-primary {
  border-bottom: dotted 2rpx #3c9cff; }

.border-dotted-left-color-primary {
  border-left: dotted 2rpx #3c9cff; }

.border-dotted-color-primary-dark {
  border: dotted 2rpx #398ade; }

.border-dotted-top-color-primary-dark {
  border-top: dotted 2rpx #398ade; }

.border-dotted-right-color-primary-dark {
  border-right: dotted 2rpx #398ade; }

.border-dotted-bottom-color-primary-dark {
  border-bottom: dotted 2rpx #398ade; }

.border-dotted-left-color-primary-dark {
  border-left: dotted 2rpx #398ade; }

.border-dotted-color-primary-light {
  border: dotted 2rpx #ecf5ff; }

.border-dotted-top-color-primary-light {
  border-top: dotted 2rpx #ecf5ff; }

.border-dotted-right-color-primary-light {
  border-right: dotted 2rpx #ecf5ff; }

.border-dotted-bottom-color-primary-light {
  border-bottom: dotted 2rpx #ecf5ff; }

.border-dotted-left-color-primary-light {
  border-left: dotted 2rpx #ecf5ff; }

.border-dotted-color-primary-disabled {
  border: dotted 2rpx #9acafc; }

.border-dotted-top-color-primary-disabled {
  border-top: dotted 2rpx #9acafc; }

.border-dotted-right-color-primary-disabled {
  border-right: dotted 2rpx #9acafc; }

.border-dotted-bottom-color-primary-disabled {
  border-bottom: dotted 2rpx #9acafc; }

.border-dotted-left-color-primary-disabled {
  border-left: dotted 2rpx #9acafc; }

.border-dotted-color-warning {
  border: dotted 2rpx #f9ae3d; }

.border-dotted-top-color-warning {
  border-top: dotted 2rpx #f9ae3d; }

.border-dotted-right-color-warning {
  border-right: dotted 2rpx #f9ae3d; }

.border-dotted-bottom-color-warning {
  border-bottom: dotted 2rpx #f9ae3d; }

.border-dotted-left-color-warning {
  border-left: dotted 2rpx #f9ae3d; }

.border-dotted-color-warning-dark {
  border: dotted 2rpx #f1a532; }

.border-dotted-top-color-warning-dark {
  border-top: dotted 2rpx #f1a532; }

.border-dotted-right-color-warning-dark {
  border-right: dotted 2rpx #f1a532; }

.border-dotted-bottom-color-warning-dark {
  border-bottom: dotted 2rpx #f1a532; }

.border-dotted-left-color-warning-dark {
  border-left: dotted 2rpx #f1a532; }

.border-dotted-color-warning-light {
  border: dotted 2rpx #fdf6ec; }

.border-dotted-top-color-warning-light {
  border-top: dotted 2rpx #fdf6ec; }

.border-dotted-right-color-warning-light {
  border-right: dotted 2rpx #fdf6ec; }

.border-dotted-bottom-color-warning-light {
  border-bottom: dotted 2rpx #fdf6ec; }

.border-dotted-left-color-warning-light {
  border-left: dotted 2rpx #fdf6ec; }

.border-dotted-color-warning-disabled {
  border: dotted 2rpx #f9d39b; }

.border-dotted-top-color-warning-disabled {
  border-top: dotted 2rpx #f9d39b; }

.border-dotted-right-color-warning-disabled {
  border-right: dotted 2rpx #f9d39b; }

.border-dotted-bottom-color-warning-disabled {
  border-bottom: dotted 2rpx #f9d39b; }

.border-dotted-left-color-warning-disabled {
  border-left: dotted 2rpx #f9d39b; }

.border-dotted-color-success {
  border: dotted 2rpx #5ac725; }

.border-dotted-top-color-success {
  border-top: dotted 2rpx #5ac725; }

.border-dotted-right-color-success {
  border-right: dotted 2rpx #5ac725; }

.border-dotted-bottom-color-success {
  border-bottom: dotted 2rpx #5ac725; }

.border-dotted-left-color-success {
  border-left: dotted 2rpx #5ac725; }

.border-dotted-color-success-dark {
  border: dotted 2rpx #53c21d; }

.border-dotted-top-color-success-dark {
  border-top: dotted 2rpx #53c21d; }

.border-dotted-right-color-success-dark {
  border-right: dotted 2rpx #53c21d; }

.border-dotted-bottom-color-success-dark {
  border-bottom: dotted 2rpx #53c21d; }

.border-dotted-left-color-success-dark {
  border-left: dotted 2rpx #53c21d; }

.border-dotted-color-success-light {
  border: dotted 2rpx #f5fff0; }

.border-dotted-top-color-success-light {
  border-top: dotted 2rpx #f5fff0; }

.border-dotted-right-color-success-light {
  border-right: dotted 2rpx #f5fff0; }

.border-dotted-bottom-color-success-light {
  border-bottom: dotted 2rpx #f5fff0; }

.border-dotted-left-color-success-light {
  border-left: dotted 2rpx #f5fff0; }

.border-dotted-color-success-disabled {
  border: dotted 2rpx #a9e08f; }

.border-dotted-top-color-success-disabled {
  border-top: dotted 2rpx #a9e08f; }

.border-dotted-right-color-success-disabled {
  border-right: dotted 2rpx #a9e08f; }

.border-dotted-bottom-color-success-disabled {
  border-bottom: dotted 2rpx #a9e08f; }

.border-dotted-left-color-success-disabled {
  border-left: dotted 2rpx #a9e08f; }

.border-dotted-color-error {
  border: dotted 2rpx #f56c6c; }

.border-dotted-top-color-error {
  border-top: dotted 2rpx #f56c6c; }

.border-dotted-right-color-error {
  border-right: dotted 2rpx #f56c6c; }

.border-dotted-bottom-color-error {
  border-bottom: dotted 2rpx #f56c6c; }

.border-dotted-left-color-error {
  border-left: dotted 2rpx #f56c6c; }

.border-dotted-color-error-dark {
  border: dotted 2rpx #e45656; }

.border-dotted-top-color-error-dark {
  border-top: dotted 2rpx #e45656; }

.border-dotted-right-color-error-dark {
  border-right: dotted 2rpx #e45656; }

.border-dotted-bottom-color-error-dark {
  border-bottom: dotted 2rpx #e45656; }

.border-dotted-left-color-error-dark {
  border-left: dotted 2rpx #e45656; }

.border-dotted-color-error-light {
  border: dotted 2rpx #fef0f0; }

.border-dotted-top-color-error-light {
  border-top: dotted 2rpx #fef0f0; }

.border-dotted-right-color-error-light {
  border-right: dotted 2rpx #fef0f0; }

.border-dotted-bottom-color-error-light {
  border-bottom: dotted 2rpx #fef0f0; }

.border-dotted-left-color-error-light {
  border-left: dotted 2rpx #fef0f0; }

.border-dotted-color-error-disabled {
  border: dotted 2rpx #f7b2b2; }

.border-dotted-top-color-error-disabled {
  border-top: dotted 2rpx #f7b2b2; }

.border-dotted-right-color-error-disabled {
  border-right: dotted 2rpx #f7b2b2; }

.border-dotted-bottom-color-error-disabled {
  border-bottom: dotted 2rpx #f7b2b2; }

.border-dotted-left-color-error-disabled {
  border-left: dotted 2rpx #f7b2b2; }

.border-dotted-color-info {
  border: dotted 2rpx #909399; }

.border-dotted-top-color-info {
  border-top: dotted 2rpx #909399; }

.border-dotted-right-color-info {
  border-right: dotted 2rpx #909399; }

.border-dotted-bottom-color-info {
  border-bottom: dotted 2rpx #909399; }

.border-dotted-left-color-info {
  border-left: dotted 2rpx #909399; }

.border-dotted-color-info-dark {
  border: dotted 2rpx #767a82; }

.border-dotted-top-color-info-dark {
  border-top: dotted 2rpx #767a82; }

.border-dotted-right-color-info-dark {
  border-right: dotted 2rpx #767a82; }

.border-dotted-bottom-color-info-dark {
  border-bottom: dotted 2rpx #767a82; }

.border-dotted-left-color-info-dark {
  border-left: dotted 2rpx #767a82; }

.border-dotted-color-info-light {
  border: dotted 2rpx #f4f4f5; }

.border-dotted-top-color-info-light {
  border-top: dotted 2rpx #f4f4f5; }

.border-dotted-right-color-info-light {
  border-right: dotted 2rpx #f4f4f5; }

.border-dotted-bottom-color-info-light {
  border-bottom: dotted 2rpx #f4f4f5; }

.border-dotted-left-color-info-light {
  border-left: dotted 2rpx #f4f4f5; }

.border-dotted-color-info-disabled {
  border: dotted 2rpx #c4c6c9; }

.border-dotted-top-color-info-disabled {
  border-top: dotted 2rpx #c4c6c9; }

.border-dotted-right-color-info-disabled {
  border-right: dotted 2rpx #c4c6c9; }

.border-dotted-bottom-color-info-disabled {
  border-bottom: dotted 2rpx #c4c6c9; }

.border-dotted-left-color-info-disabled {
  border-left: dotted 2rpx #c4c6c9; }

.border-top-left-radius-base {
  border-top-left-radius: 8rpx; }

.border-top-left-radius-small {
  border-top-left-radius: 4rpx; }

.border-top-left-radius-zero {
  border-top-left-radius: 0; }

.border-top-right-radius-base {
  border-top-right-radius: 8rpx; }

.border-top-right-radius-small {
  border-top-right-radius: 4rpx; }

.border-top-right-radius-zero {
  border-top-right-radius: 0; }

.border-bottom-left-radius-base {
  border-bottom-left-radius: 8rpx; }

.border-bottom-left-radius-small {
  border-bottom-left-radius: 4rpx; }

.border-bottom-left-radius-zero {
  border-bottom-left-radius: 0; }

.border-bottom-right-radius-base {
  border-bottom-right-radius: 8rpx; }

.border-bottom-right-radius-small {
  border-bottom-right-radius: 4rpx; }

.border-bottom-right-radius-zero {
  border-bottom-right-radius: 0; }

.yl-primary-light {
  color: #ecf5ff; }

.yl-warning-light {
  color: #fdf6ec; }

.yl-success-light {
  color: #f5fff0; }

.yl-error-light {
  color: #fef0f0; }

.yl-info-light {
  color: #f4f4f5; }

.yl-primary-light-bg {
  background-color: #ecf5ff; }

.yl-warning-light-bg {
  background-color: #fdf6ec; }

.yl-success-light-bg {
  background-color: #f5fff0; }

.yl-error-light-bg {
  background-color: #fef0f0; }

.yl-info-light-bg {
  background-color: #f4f4f5; }

.yl-primary-dark {
  color: #398ade; }

.yl-warning-dark {
  color: #f1a532; }

.yl-success-dark {
  color: #53c21d; }

.yl-error-dark {
  color: #e45656; }

.yl-info-dark {
  color: #767a82; }

.yl-primary-dark-bg {
  background-color: #398ade; }

.yl-warning-dark-bg {
  background-color: #f1a532; }

.yl-success-dark-bg {
  background-color: #53c21d; }

.yl-error-dark-bg {
  background-color: #e45656; }

.yl-info-dark-bg {
  background-color: #767a82; }

.yl-primary-disabled {
  color: #9acafc; }

.yl-warning-disabled {
  color: #f9d39b; }

.yl-success-disabled {
  color: #a9e08f; }

.yl-error-disabled {
  color: #f7b2b2; }

.yl-info-disabled {
  color: #c4c6c9; }

.yl-primary-disabled-bg {
  background-color: #9acafc; }

.yl-warning-disabled-bg {
  background-color: #f9d39b; }

.yl-success-disabled-bg {
  background-color: #a9e08f; }

.yl-error-disabled-bg {
  background-color: #f7b2b2; }

.yl-info-disabled-bg {
  background-color: #c4c6c9; }

.yl-primary {
  color: #3c9cff; }

.yl-warning {
  color: #f9ae3d; }

.yl-success {
  color: #5ac725; }

.yl-error {
  color: #f56c6c; }

.yl-info {
  color: #909399; }

.yl-primary-bg {
  background-color: #3c9cff; }

.yl-warning-bg {
  background-color: #f9ae3d; }

.yl-success-bg {
  background-color: #5ac725; }

.yl-error-bg {
  background-color: #f56c6c; }

.yl-info-bg {
  background-color: #909399; }

.yl-main-color {
  color: #303133; }

.yl-content-color {
  color: #606266; }

.yl-tips-color {
  color: #909193; }

.yl-light-color {
  color: #c0c4cc; }

.yl-bg-color {
  background-color: #f3f4f6; }

.yl-content-color-bg {
  background-color: #606266; }

.yl-tips-color-bg {
  background-color: #909193; }

.yl-light-color-bg {
  background-color: #c0c4cc; }

.yl-white-color {
  color: #FFFFFF; }

.yl-white-color-bg {
  background-color: #FFFFFF; }

/* 文字排版 */
.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

.text-justify {
  text-align: justify; }

.text-last-justify {
  text-align-last: justify; }

/* 边框 */
.border-top {
  border-top: solid 2rpx #dadbde; }

.border-bottom {
  border-bottom: solid 2rpx #dadbde; }

.border-left {
  border-left: solid 2rpx #dadbde; }

.border-right {
  border-right: solid 2rpx #dadbde; }

.border {
  border: solid 2rpx #dadbde; }

.border-top-primary {
  border-top: solid 2rpx #3c9cff; }

.border-top-primary-dark {
  border-top: solid 2rpx #398ade; }

.border-top-primary-light {
  border-top: solid 2rpx #ecf5ff; }

/* 字体粗细 */
.font-weight-bold {
  font-weight: 1000; }

.font-weight-primary {
  font-weight: 500; }

.font-weight-light {
  font-weight: 100; }

/* 边框圆角 */
.border-radius-base {
  border-radius: 8rpx; }

.border-radius-small {
  border-radius: 4rpx; }

.border-radius-circle {
  border-radius: 100%; }

.border-radius-zero {
  border-radius: 0; }

/* 内容区域 */
.yl-container {
  padding-right: 24rpx;
  padding-left: 24rpx; }

.fill-width {
  width: 100%; }

.fill-height {
  height: 100%; }

.bottom-safe-area {
  padding-bottom: env(safe-area-inset-bottom); }

uni-page-body {
  height: 100%; }

::-webkit-scrollbar {
  display: none;
  width: 0 !important;
  height: 0 !important;
  -webkit-appearance: none;
  background: transparent; }

.yl-hover-class {
  opacity: 0.7; }

/* flex 布局 */
.flex {
  /* #ifndef APP-PLUS-NVUE */
  display: flex;
  /* #endif */ }

.flex-1 {
  flex: 1; }

.flex-2 {
  flex: 2; }

.flex-3 {
  flex: 3; }

.flex-4 {
  flex: 4; }

.flex-5 {
  flex: 5; }

.yl-line-1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

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

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

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

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

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

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

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

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

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

/* 定位 */
.position-relative {
  position: relative; }

.position-absolute {
  position: absolute; }

.position-fixed {
  position: fixed; }

/* 定位 - 固定顶部 */
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  /* 设置太高会影响其他显示 默认即可*/ }

/* 定位 - 固定底部 */
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0; }

.top-0 {
  top: 0; }

.left-0 {
  left: 0; }

.right-0 {
  right: 0; }

.bottom-0 {
  bottom: 0; }

.yl-font-h1 {
  font-size: 40rpx; }

.yl-font-h2 {
  font-size: 38rpx; }

.yl-font-h3 {
  font-size: 36rpx; }

.yl-font-h4 {
  font-size: 34rpx; }

.yl-font-h5 {
  font-size: 32rpx; }

.yl-font-content {
  font-size: 30rpx; }

.yl-font-middle-content {
  font-size: 28rpx; }

.yl-font-small {
  font-size: 26rpx; }

.yl-font-mini {
  font-size: 24rpx; }

.overflow-hidden {
  overflow: hidden; }

.yl-page {
  height: 100vh; }

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

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

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

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

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

@font-face {
  font-family: 'DIN-Medium';
  src: url("data:font/ttf;charset=utf-8;base64,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