iot-bedroom-environment-controller/微信小程序源码/iot-home/components/firstui/fui-css/firstui.wxss

@charset "UTF-8";
/*!
 * firstui style v1.0.0 (https://wxdoc.firstui.cn)
 * Copyright 2024 FirstUI.
 * Licensed under the Apache license
 */

page {
  /* fui-variables  */
  /* 行为相关颜色 */
  --fv-color-primary: #465CFF;
  --fv-color-success: #09BE4F;
  --fv-color-warning: #FFB703;
  --fv-color-danger: #FF2B2B;
  --fv-color-purple: #6831FF;

  /* 文字基本颜色、其他辅助色 */
  /* 用于重量级文字信息、标题 */
  --fv-color-title: #181818;
  /* 用于普通级段落信息、引导词 */
  --fv-color-section: #333333;
  /* 用于次要标题内容 */
  --fv-color-subtitle: #7F7F7F;
  /* 用于底部标签、描述、次要文字信息 */
  --fv-color-label: #B2B2B2;
  /* 用于辅助、次要信息、禁用文字等。如：待输入状态描述文字，已点击按钮文字 */
  --fv-color-minor: #CCCCCC;
  --fv-color-white: #FFFFFF;
  /* 链接颜色 */
  --fv-color-link: #465CFF;

  /* 背景颜色 */
  --fv-bg-color: #ffffff;
  /* 页面背景底色 */
  --fv-bg-color-grey: #F1F4FA;
  /* 内容模块底色 */
  --fv-bg-color-content: #F8F8F8;
  /* 点击背景色 */
  --fv-bg-color-hover: rgba(0, 0, 0, 0.2);
  /* 遮罩颜色 */
  --fv-bg-color-mask: rgba(0, 0, 0, 0.6);

  /* 边框颜色 */
  --fv-color-border: #EEEEEE;

  /* 阴影颜色 */
  --fv-color-shadow: rgba(2, 4, 38, 0.05);

  /*禁用态的透明度 */
  --fv-opacity-disabled: 0.5;

  /* 边框宽度 */
  --fv-border-width: 1px;
}

/*!
 * common v1.0.0 (https://doc.firstui.cn)
 * Copyright 2024 FirstUI.
 * Licensed under the Apache license
 */
/* ipx 底部安全区域 */
.fs-safe__area {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

/* hover */
.fs-hover:active {
  background: rgba(0, 0, 0, 0.2);
}

.fs-text__hover:active {
  opacity: 0.5;
}

.fs-full {
  width: 100%;
}

.fs-disabled {
  opacity: 0.5;
}

/* thin 细边线 0.5px*/
.fs-cell__thin {
  position: relative;
}

.fs-cell__thin::after {
  content: " ";
  position: absolute;
  border-bottom: 1px solid #EEEEEE;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  bottom: 0;
  left: 32rpx;
  right: 0;
  z-index: 1;
  pointer-events: none;
}

/* color */
/*!
 * color v1.0.0 (https://doc.firstui.cn)
 * Copyright 2024 FirstUI.
 * Licensed under the Apache license
 */
/* color */
.fs-color__primary {
  color: var(--fv-color-primary);
}

.fs-color__success {
  color: var(--fv-color-success);
}

.fs-color__warning {
  color: var(--fv-color-warning);
}

.fs-color__danger {
  color: var(--fv-color-danger);
}

.fs-color__purple {
  color: var(--fv-color-purple);
}

/* 用于重量级文字信息、标题 */
.fs-color__title {
  color: var(--fv-color-title);
}

/* 用于普通级段落信息、引导词 */
.fs-color__section {
  color: var(--fv-color-section);
}

/* 用于次要标题内容 */
.fs-color__subtitle {
  color: var(--fv-color-subtitle);
}

/* 用于底部标签、描述、次要文字信息 */
.fs-color__label {
  color: var(--fv-color-label);
}

/* 用于辅助、次要信息、禁用文字等。如：待输入状态描述文字，已点击按钮文字 */
.fs-color__minor {
  color: var(--fv-color-minor);
}

.fs-color__white {
  color: var(--fv-color-white);
}

/* 链接颜色 */
.fs-color__link {
  color: var(--fv-color-link);
}

/* bgckground-color */
.fs-bg__primary {
  background: var(--fv-color-primary);
}

.fs-bg__success {
  background: var(--fv-color-success);
}

.fs-bg__warning {
  background: var(--fv-color-warning);
}

.fs-bg__danger {
  background: var(--fv-color-danger);
}

.fs-bg__purple {
  background: var(--fv-color-purple);
}

.fs-bg__white {
  background: var(--fv-color-white);
}

/* 页面背景底色 */
.fs-bg__page {
  background: var(--fv-bg-color-grey);
}

/* 内容模块底色 */
.fs-bg__content {
  background: var(--fv-bg-color-content);
}

/* 点击背景颜色 */
.fs-bg__hover {
  background: var(--fv-bg-color-hover);
}

/* 遮罩背景颜色 */
.fs-bg__mask {
  background: var(--fv-bg-color-mask);
}

/* font-size */
/*!
 * font-size v1.0.0 (https://doc.firstui.cn)
 * Copyright 2024 FirstUI.
 * Licensed under the Apache license
 */
/* 常用字体大小 单位rpx*/
.fs-size__h1 {
  font-size: 44rpx;
  font-weight: 500;
}

.fs-size__h2 {
  font-size: 36rpx;
  font-weight: 500;
}

.fs-size__h3 {
  font-size: 32rpx;
  font-weight: 400;
}

.fs-size__h4 {
  font-size: 28rpx;
  font-weight: 400;
}

.fs-size__h5,
.fs-size__h6 {
  font-size: 24rpx;
  font-weight: 400;
}

/* 自定义字体大小 24~64 单位rpx*/
.fs-size__24 {
  font-size: 24rpx;
}

.fs-size__25 {
  font-size: 25rpx;
}

.fs-size__26 {
  font-size: 26rpx;
}

.fs-size__27 {
  font-size: 27rpx;
}

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

.fs-size__29 {
  font-size: 29rpx;
}

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

.fs-size__31 {
  font-size: 31rpx;
}

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

.fs-size__33 {
  font-size: 33rpx;
}

.fs-size__34 {
  font-size: 34rpx;
}

.fs-size__35 {
  font-size: 35rpx;
}

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

.fs-size__37 {
  font-size: 37rpx;
}

.fs-size__38 {
  font-size: 38rpx;
}

.fs-size__39 {
  font-size: 39rpx;
}

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

.fs-size__41 {
  font-size: 41rpx;
}

.fs-size__42 {
  font-size: 42rpx;
}

.fs-size__43 {
  font-size: 43rpx;
}

.fs-size__44 {
  font-size: 44rpx;
}

.fs-size__45 {
  font-size: 45rpx;
}

.fs-size__46 {
  font-size: 46rpx;
}

.fs-size__47 {
  font-size: 47rpx;
}

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

.fs-size__49 {
  font-size: 49rpx;
}

.fs-size__50 {
  font-size: 50rpx;
}

.fs-size__51 {
  font-size: 51rpx;
}

.fs-size__52 {
  font-size: 52rpx;
}

.fs-size__53 {
  font-size: 53rpx;
}

.fs-size__54 {
  font-size: 54rpx;
}

.fs-size__55 {
  font-size: 55rpx;
}

.fs-size__56 {
  font-size: 56rpx;
}

.fs-size__57 {
  font-size: 57rpx;
}

.fs-size__58 {
  font-size: 58rpx;
}

.fs-size__59 {
  font-size: 59rpx;
}

.fs-size__60 {
  font-size: 60rpx;
}

.fs-size__61 {
  font-size: 61rpx;
}

.fs-size__62 {
  font-size: 62rpx;
}

.fs-size__63 {
  font-size: 63rpx;
}

.fs-size__64 {
  font-size: 64rpx;
}

/* font-weight */
/*!
 * font-weight v1.0.0 (https://doc.firstui.cn)
 * Copyright 2024 FirstUI.
 * Licensed under the Apache license
 */
.fs-weight__400,
.fs-weight__normal {
  font-weight: 400;
}

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

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

.fs-bold,
.fs-weight__bold,
.fs-weight__700,
.fs-weight__800,
.fs-weight__900 {
  font-weight: bold;
}

/* align */
/*!
 * text-align v1.0.0 (https://doc.firstui.cn)
 * Copyright 2024 FirstUI.
 * Licensed under the Apache license
 */
.fs-align__left {
  text-align: left;
}

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

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

/* #ifndef APP-NVUE */
.fs-align__justify {
  text-align: justify;
}

.fs-align__start {
  text-align: start;
}

.fs-align__end {
  text-align: end;
}

/* #endif */
/* margin */
/*!
 * margin v1.0.0 (https://doc.firstui.cn)
 * Copyright 2024 FirstUI.
 * Licensed under the Apache license
 */
.fs-m0 {
  margin: 0rpx;
}

.fs-mt0 {
  margin-top: 0rpx;
}

.fs-mr0 {
  margin-right: 0rpx;
}

.fs-mb0 {
  margin-bottom: 0rpx;
}

.fs-ml0 {
  margin-left: 0rpx;
}

.fs-mx0 {
  margin-left: 0rpx;
  margin-right: 0rpx;
}

.fs-my0 {
  margin-top: 0rpx;
  margin-bottom: 0rpx;
}

.fs-m2 {
  margin: 2rpx;
}

.fs-mt2 {
  margin-top: 2rpx;
}

.fs-mr2 {
  margin-right: 2rpx;
}

.fs-mb2 {
  margin-bottom: 2rpx;
}

.fs-ml2 {
  margin-left: 2rpx;
}

.fs-mx2 {
  margin-left: 2rpx;
  margin-right: 2rpx;
}

.fs-my2 {
  margin-top: 2rpx;
  margin-bottom: 2rpx;
}

.fs-m4 {
  margin: 4rpx;
}

.fs-mt4 {
  margin-top: 4rpx;
}

.fs-mr4 {
  margin-right: 4rpx;
}

.fs-mb4 {
  margin-bottom: 4rpx;
}

.fs-ml4 {
  margin-left: 4rpx;
}

.fs-mx4 {
  margin-left: 4rpx;
  margin-right: 4rpx;
}

.fs-my4 {
  margin-top: 4rpx;
  margin-bottom: 4rpx;
}

.fs-m8 {
  margin: 8rpx;
}

.fs-mt8 {
  margin-top: 8rpx;
}

.fs-mr8 {
  margin-right: 8rpx;
}

.fs-mb8 {
  margin-bottom: 8rpx;
}

.fs-ml8 {
  margin-left: 8rpx;
}

.fs-mx8 {
  margin-left: 8rpx;
  margin-right: 8rpx;
}

.fs-my8 {
  margin-top: 8rpx;
  margin-bottom: 8rpx;
}

.fs-m10 {
  margin: 10rpx;
}

.fs-mt10 {
  margin-top: 10rpx;
}

.fs-mr10 {
  margin-right: 10rpx;
}

.fs-mb10 {
  margin-bottom: 10rpx;
}

.fs-ml10 {
  margin-left: 10rpx;
}

.fs-mx10 {
  margin-left: 10rpx;
  margin-right: 10rpx;
}

.fs-my10 {
  margin-top: 10rpx;
  margin-bottom: 10rpx;
}

.fs-m12 {
  margin: 12rpx;
}

.fs-mt12 {
  margin-top: 12rpx;
}

.fs-mr12 {
  margin-right: 12rpx;
}

.fs-mb12 {
  margin-bottom: 12rpx;
}

.fs-ml12 {
  margin-left: 12rpx;
}

.fs-mx12 {
  margin-left: 12rpx;
  margin-right: 12rpx;
}

.fs-my12 {
  margin-top: 12rpx;
  margin-bottom: 12rpx;
}

.fs-m16 {
  margin: 16rpx;
}

.fs-mt16 {
  margin-top: 16rpx;
}

.fs-mr16 {
  margin-right: 16rpx;
}

.fs-mb16 {
  margin-bottom: 16rpx;
}

.fs-ml16 {
  margin-left: 16rpx;
}

.fs-mx16 {
  margin-left: 16rpx;
  margin-right: 16rpx;
}

.fs-my16 {
  margin-top: 16rpx;
  margin-bottom: 16rpx;
}

.fs-m20 {
  margin: 20rpx;
}

.fs-mt20 {
  margin-top: 20rpx;
}

.fs-mr20 {
  margin-right: 20rpx;
}

.fs-mb20 {
  margin-bottom: 20rpx;
}

.fs-ml20 {
  margin-left: 20rpx;
}

.fs-mx20 {
  margin-left: 20rpx;
  margin-right: 20rpx;
}

.fs-my20 {
  margin-top: 20rpx;
  margin-bottom: 20rpx;
}

.fs-m24 {
  margin: 24rpx;
}

.fs-mt24 {
  margin-top: 24rpx;
}

.fs-mr24 {
  margin-right: 24rpx;
}

.fs-mb24 {
  margin-bottom: 24rpx;
}

.fs-ml24 {
  margin-left: 24rpx;
}

.fs-mx24 {
  margin-left: 24rpx;
  margin-right: 24rpx;
}

.fs-my24 {
  margin-top: 24rpx;
  margin-bottom: 24rpx;
}

.fs-m28 {
  margin: 28rpx;
}

.fs-mt28 {
  margin-top: 28rpx;
}

.fs-mr28 {
  margin-right: 28rpx;
}

.fs-mb28 {
  margin-bottom: 28rpx;
}

.fs-ml28 {
  margin-left: 28rpx;
}

.fs-mx28 {
  margin-left: 28rpx;
  margin-right: 28rpx;
}

.fs-my28 {
  margin-top: 28rpx;
  margin-bottom: 28rpx;
}

.fs-m30 {
  margin: 30rpx;
}

.fs-mt30 {
  margin-top: 30rpx;
}

.fs-mr30 {
  margin-right: 30rpx;
}

.fs-mb30 {
  margin-bottom: 30rpx;
}

.fs-ml30 {
  margin-left: 30rpx;
}

.fs-mx30 {
  margin-left: 30rpx;
  margin-right: 30rpx;
}

.fs-my30 {
  margin-top: 30rpx;
  margin-bottom: 30rpx;
}

.fs-m32 {
  margin: 32rpx;
}

.fs-mt32 {
  margin-top: 32rpx;
}

.fs-mr32 {
  margin-right: 32rpx;
}

.fs-mb32 {
  margin-bottom: 32rpx;
}

.fs-ml32 {
  margin-left: 32rpx;
}

.fs-mx32 {
  margin-left: 32rpx;
  margin-right: 32rpx;
}

.fs-my32 {
  margin-top: 32rpx;
  margin-bottom: 32rpx;
}

.fs-m36 {
  margin: 36rpx;
}

.fs-mt36 {
  margin-top: 36rpx;
}

.fs-mr36 {
  margin-right: 36rpx;
}

.fs-mb36 {
  margin-bottom: 36rpx;
}

.fs-ml36 {
  margin-left: 36rpx;
}

.fs-mx36 {
  margin-left: 36rpx;
  margin-right: 36rpx;
}

.fs-my36 {
  margin-top: 36rpx;
  margin-bottom: 36rpx;
}

.fs-m40 {
  margin: 40rpx;
}

.fs-mt40 {
  margin-top: 40rpx;
}

.fs-mr40 {
  margin-right: 40rpx;
}

.fs-mb40 {
  margin-bottom: 40rpx;
}

.fs-ml40 {
  margin-left: 40rpx;
}

.fs-mx40 {
  margin-left: 40rpx;
  margin-right: 40rpx;
}

.fs-my40 {
  margin-top: 40rpx;
  margin-bottom: 40rpx;
}

.fs-m44 {
  margin: 44rpx;
}

.fs-mt44 {
  margin-top: 44rpx;
}

.fs-mr44 {
  margin-right: 44rpx;
}

.fs-mb44 {
  margin-bottom: 44rpx;
}

.fs-ml44 {
  margin-left: 44rpx;
}

.fs-mx44 {
  margin-left: 44rpx;
  margin-right: 44rpx;
}

.fs-my44 {
  margin-top: 44rpx;
  margin-bottom: 44rpx;
}

.fs-m48 {
  margin: 48rpx;
}

.fs-mt48 {
  margin-top: 48rpx;
}

.fs-mr48 {
  margin-right: 48rpx;
}

.fs-mb48 {
  margin-bottom: 48rpx;
}

.fs-ml48 {
  margin-left: 48rpx;
}

.fs-mx48 {
  margin-left: 48rpx;
  margin-right: 48rpx;
}

.fs-my48 {
  margin-top: 48rpx;
  margin-bottom: 48rpx;
}

.fs-m52 {
  margin: 52rpx;
}

.fs-mt52 {
  margin-top: 52rpx;
}

.fs-mr52 {
  margin-right: 52rpx;
}

.fs-mb52 {
  margin-bottom: 52rpx;
}

.fs-ml52 {
  margin-left: 52rpx;
}

.fs-mx52 {
  margin-left: 52rpx;
  margin-right: 52rpx;
}

.fs-my52 {
  margin-top: 52rpx;
  margin-bottom: 52rpx;
}

.fs-m56 {
  margin: 56rpx;
}

.fs-mt56 {
  margin-top: 56rpx;
}

.fs-mr56 {
  margin-right: 56rpx;
}

.fs-mb56 {
  margin-bottom: 56rpx;
}

.fs-ml56 {
  margin-left: 56rpx;
}

.fs-mx56 {
  margin-left: 56rpx;
  margin-right: 56rpx;
}

.fs-my56 {
  margin-top: 56rpx;
  margin-bottom: 56rpx;
}

.fs-m60 {
  margin: 60rpx;
}

.fs-mt60 {
  margin-top: 60rpx;
}

.fs-mr60 {
  margin-right: 60rpx;
}

.fs-mb60 {
  margin-bottom: 60rpx;
}

.fs-ml60 {
  margin-left: 60rpx;
}

.fs-mx60 {
  margin-left: 60rpx;
  margin-right: 60rpx;
}

.fs-my60 {
  margin-top: 60rpx;
  margin-bottom: 60rpx;
}

.fs-m64 {
  margin: 64rpx;
}

.fs-mt64 {
  margin-top: 64rpx;
}

.fs-mr64 {
  margin-right: 64rpx;
}

.fs-mb64 {
  margin-bottom: 64rpx;
}

.fs-ml64 {
  margin-left: 64rpx;
}

.fs-mx64 {
  margin-left: 64rpx;
  margin-right: 64rpx;
}

.fs-my64 {
  margin-top: 64rpx;
  margin-bottom: 64rpx;
}

.fs-m68 {
  margin: 68rpx;
}

.fs-mt68 {
  margin-top: 68rpx;
}

.fs-mr68 {
  margin-right: 68rpx;
}

.fs-mb68 {
  margin-bottom: 68rpx;
}

.fs-ml68 {
  margin-left: 68rpx;
}

.fs-mx68 {
  margin-left: 68rpx;
  margin-right: 68rpx;
}

.fs-my68 {
  margin-top: 68rpx;
  margin-bottom: 68rpx;
}

.fs-m72 {
  margin: 72rpx;
}

.fs-mt72 {
  margin-top: 72rpx;
}

.fs-mr72 {
  margin-right: 72rpx;
}

.fs-mb72 {
  margin-bottom: 72rpx;
}

.fs-ml72 {
  margin-left: 72rpx;
}

.fs-mx72 {
  margin-left: 72rpx;
  margin-right: 72rpx;
}

.fs-my72 {
  margin-top: 72rpx;
  margin-bottom: 72rpx;
}

.fs-m76 {
  margin: 76rpx;
}

.fs-mt76 {
  margin-top: 76rpx;
}

.fs-mr76 {
  margin-right: 76rpx;
}

.fs-mb76 {
  margin-bottom: 76rpx;
}

.fs-ml76 {
  margin-left: 76rpx;
}

.fs-mx76 {
  margin-left: 76rpx;
  margin-right: 76rpx;
}

.fs-my76 {
  margin-top: 76rpx;
  margin-bottom: 76rpx;
}

.fs-m80 {
  margin: 80rpx;
}

.fs-mt80 {
  margin-top: 80rpx;
}

.fs-mr80 {
  margin-right: 80rpx;
}

.fs-mb80 {
  margin-bottom: 80rpx;
}

.fs-ml80 {
  margin-left: 80rpx;
}

.fs-mx80 {
  margin-left: 80rpx;
  margin-right: 80rpx;
}

.fs-my80 {
  margin-top: 80rpx;
  margin-bottom: 80rpx;
}

.fs-m84 {
  margin: 84rpx;
}

.fs-mt84 {
  margin-top: 84rpx;
}

.fs-mr84 {
  margin-right: 84rpx;
}

.fs-mb84 {
  margin-bottom: 84rpx;
}

.fs-ml84 {
  margin-left: 84rpx;
}

.fs-mx84 {
  margin-left: 84rpx;
  margin-right: 84rpx;
}

.fs-my84 {
  margin-top: 84rpx;
  margin-bottom: 84rpx;
}

.fs-m88 {
  margin: 88rpx;
}

.fs-mt88 {
  margin-top: 88rpx;
}

.fs-mr88 {
  margin-right: 88rpx;
}

.fs-mb88 {
  margin-bottom: 88rpx;
}

.fs-ml88 {
  margin-left: 88rpx;
}

.fs-mx88 {
  margin-left: 88rpx;
  margin-right: 88rpx;
}

.fs-my88 {
  margin-top: 88rpx;
  margin-bottom: 88rpx;
}

.fs-m92 {
  margin: 92rpx;
}

.fs-mt92 {
  margin-top: 92rpx;
}

.fs-mr92 {
  margin-right: 92rpx;
}

.fs-mb92 {
  margin-bottom: 92rpx;
}

.fs-ml92 {
  margin-left: 92rpx;
}

.fs-mx92 {
  margin-left: 92rpx;
  margin-right: 92rpx;
}

.fs-my92 {
  margin-top: 92rpx;
  margin-bottom: 92rpx;
}

.fs-m96 {
  margin: 96rpx;
}

.fs-mt96 {
  margin-top: 96rpx;
}

.fs-mr96 {
  margin-right: 96rpx;
}

.fs-mb96 {
  margin-bottom: 96rpx;
}

.fs-ml96 {
  margin-left: 96rpx;
}

.fs-mx96 {
  margin-left: 96rpx;
  margin-right: 96rpx;
}

.fs-my96 {
  margin-top: 96rpx;
  margin-bottom: 96rpx;
}

.fs-ml__auto {
  margin-left: auto;
}

.fs-mr__auto {
  margin-right: auto;
}

/* padding */
/*!
 * padding v1.0.0 (https://doc.firstui.cn)
 * Copyright 2024 FirstUI.
 * Licensed under the Apache license
 */
.fs-p0 {
  padding: 0rpx;
}

.fs-pt0 {
  padding-top: 0rpx;
}

.fs-pr0 {
  padding-right: 0rpx;
}

.fs-pb0 {
  padding-bottom: 0rpx;
}

.fs-pl0 {
  padding-left: 0rpx;
}

.fs-px0 {
  padding-left: 0rpx;
  padding-right: 0rpx;
}

.fs-py0 {
  padding-top: 0rpx;
  padding-bottom: 0rpx;
}

.fs-p2 {
  padding: 2rpx;
}

.fs-pt2 {
  padding-top: 2rpx;
}

.fs-pr2 {
  padding-right: 2rpx;
}

.fs-pb2 {
  padding-bottom: 2rpx;
}

.fs-pl2 {
  padding-left: 2rpx;
}

.fs-px2 {
  padding-left: 2rpx;
  padding-right: 2rpx;
}

.fs-py2 {
  padding-top: 2rpx;
  padding-bottom: 2rpx;
}

.fs-p4 {
  padding: 4rpx;
}

.fs-pt4 {
  padding-top: 4rpx;
}

.fs-pr4 {
  padding-right: 4rpx;
}

.fs-pb4 {
  padding-bottom: 4rpx;
}

.fs-pl4 {
  padding-left: 4rpx;
}

.fs-px4 {
  padding-left: 4rpx;
  padding-right: 4rpx;
}

.fs-py4 {
  padding-top: 4rpx;
  padding-bottom: 4rpx;
}

.fs-p8 {
  padding: 8rpx;
}

.fs-pt8 {
  padding-top: 8rpx;
}

.fs-pr8 {
  padding-right: 8rpx;
}

.fs-pb8 {
  padding-bottom: 8rpx;
}

.fs-pl8 {
  padding-left: 8rpx;
}

.fs-px8 {
  padding-left: 8rpx;
  padding-right: 8rpx;
}

.fs-py8 {
  padding-top: 8rpx;
  padding-bottom: 8rpx;
}

.fs-p10 {
  padding: 10rpx;
}

.fs-pt10 {
  padding-top: 10rpx;
}

.fs-pr10 {
  padding-right: 10rpx;
}

.fs-pb10 {
  padding-bottom: 10rpx;
}

.fs-pl10 {
  padding-left: 10rpx;
}

.fs-px10 {
  padding-left: 10rpx;
  padding-right: 10rpx;
}

.fs-py10 {
  padding-top: 10rpx;
  padding-bottom: 10rpx;
}

.fs-p12 {
  padding: 12rpx;
}

.fs-pt12 {
  padding-top: 12rpx;
}

.fs-pr12 {
  padding-right: 12rpx;
}

.fs-pb12 {
  padding-bottom: 12rpx;
}

.fs-pl12 {
  padding-left: 12rpx;
}

.fs-px12 {
  padding-left: 12rpx;
  padding-right: 12rpx;
}

.fs-py12 {
  padding-top: 12rpx;
  padding-bottom: 12rpx;
}

.fs-p16 {
  padding: 16rpx;
}

.fs-pt16 {
  padding-top: 16rpx;
}

.fs-pr16 {
  padding-right: 16rpx;
}

.fs-pb16 {
  padding-bottom: 16rpx;
}

.fs-pl16 {
  padding-left: 16rpx;
}

.fs-px16 {
  padding-left: 16rpx;
  padding-right: 16rpx;
}

.fs-py16 {
  padding-top: 16rpx;
  padding-bottom: 16rpx;
}

.fs-p20 {
  padding: 20rpx;
}

.fs-pt20 {
  padding-top: 20rpx;
}

.fs-pr20 {
  padding-right: 20rpx;
}

.fs-pb20 {
  padding-bottom: 20rpx;
}

.fs-pl20 {
  padding-left: 20rpx;
}

.fs-px20 {
  padding-left: 20rpx;
  padding-right: 20rpx;
}

.fs-py20 {
  padding-top: 20rpx;
  padding-bottom: 20rpx;
}

.fs-p24 {
  padding: 24rpx;
}

.fs-pt24 {
  padding-top: 24rpx;
}

.fs-pr24 {
  padding-right: 24rpx;
}

.fs-pb24 {
  padding-bottom: 24rpx;
}

.fs-pl24 {
  padding-left: 24rpx;
}

.fs-px24 {
  padding-left: 24rpx;
  padding-right: 24rpx;
}

.fs-py24 {
  padding-top: 24rpx;
  padding-bottom: 24rpx;
}

.fs-p28 {
  padding: 28rpx;
}

.fs-pt28 {
  padding-top: 28rpx;
}

.fs-pr28 {
  padding-right: 28rpx;
}

.fs-pb28 {
  padding-bottom: 28rpx;
}

.fs-pl28 {
  padding-left: 28rpx;
}

.fs-px28 {
  padding-left: 28rpx;
  padding-right: 28rpx;
}

.fs-py28 {
  padding-top: 28rpx;
  padding-bottom: 28rpx;
}

.fs-p30 {
  padding: 30rpx;
}

.fs-pt30 {
  padding-top: 30rpx;
}

.fs-pr30 {
  padding-right: 30rpx;
}

.fs-pb30 {
  padding-bottom: 30rpx;
}

.fs-pl30 {
  padding-left: 30rpx;
}

.fs-px30 {
  padding-left: 30rpx;
  padding-right: 30rpx;
}

.fs-py30 {
  padding-top: 30rpx;
  padding-bottom: 30rpx;
}

.fs-p32 {
  padding: 32rpx;
}

.fs-pt32 {
  padding-top: 32rpx;
}

.fs-pr32 {
  padding-right: 32rpx;
}

.fs-pb32 {
  padding-bottom: 32rpx;
}

.fs-pl32 {
  padding-left: 32rpx;
}

.fs-px32 {
  padding-left: 32rpx;
  padding-right: 32rpx;
}

.fs-py32 {
  padding-top: 32rpx;
  padding-bottom: 32rpx;
}

.fs-p36 {
  padding: 36rpx;
}

.fs-pt36 {
  padding-top: 36rpx;
}

.fs-pr36 {
  padding-right: 36rpx;
}

.fs-pb36 {
  padding-bottom: 36rpx;
}

.fs-pl36 {
  padding-left: 36rpx;
}

.fs-px36 {
  padding-left: 36rpx;
  padding-right: 36rpx;
}

.fs-py36 {
  padding-top: 36rpx;
  padding-bottom: 36rpx;
}

.fs-p40 {
  padding: 40rpx;
}

.fs-pt40 {
  padding-top: 40rpx;
}

.fs-pr40 {
  padding-right: 40rpx;
}

.fs-pb40 {
  padding-bottom: 40rpx;
}

.fs-pl40 {
  padding-left: 40rpx;
}

.fs-px40 {
  padding-left: 40rpx;
  padding-right: 40rpx;
}

.fs-py40 {
  padding-top: 40rpx;
  padding-bottom: 40rpx;
}

.fs-p44 {
  padding: 44rpx;
}

.fs-pt44 {
  padding-top: 44rpx;
}

.fs-pr44 {
  padding-right: 44rpx;
}

.fs-pb44 {
  padding-bottom: 44rpx;
}

.fs-pl44 {
  padding-left: 44rpx;
}

.fs-px44 {
  padding-left: 44rpx;
  padding-right: 44rpx;
}

.fs-py44 {
  padding-top: 44rpx;
  padding-bottom: 44rpx;
}

.fs-p48 {
  padding: 48rpx;
}

.fs-pt48 {
  padding-top: 48rpx;
}

.fs-pr48 {
  padding-right: 48rpx;
}

.fs-pb48 {
  padding-bottom: 48rpx;
}

.fs-pl48 {
  padding-left: 48rpx;
}

.fs-px48 {
  padding-left: 48rpx;
  padding-right: 48rpx;
}

.fs-py48 {
  padding-top: 48rpx;
  padding-bottom: 48rpx;
}

.fs-p52 {
  padding: 52rpx;
}

.fs-pt52 {
  padding-top: 52rpx;
}

.fs-pr52 {
  padding-right: 52rpx;
}

.fs-pb52 {
  padding-bottom: 52rpx;
}

.fs-pl52 {
  padding-left: 52rpx;
}

.fs-px52 {
  padding-left: 52rpx;
  padding-right: 52rpx;
}

.fs-py52 {
  padding-top: 52rpx;
  padding-bottom: 52rpx;
}

.fs-p56 {
  padding: 56rpx;
}

.fs-pt56 {
  padding-top: 56rpx;
}

.fs-pr56 {
  padding-right: 56rpx;
}

.fs-pb56 {
  padding-bottom: 56rpx;
}

.fs-pl56 {
  padding-left: 56rpx;
}

.fs-px56 {
  padding-left: 56rpx;
  padding-right: 56rpx;
}

.fs-py56 {
  padding-top: 56rpx;
  padding-bottom: 56rpx;
}

.fs-p60 {
  padding: 60rpx;
}

.fs-pt60 {
  padding-top: 60rpx;
}

.fs-pr60 {
  padding-right: 60rpx;
}

.fs-pb60 {
  padding-bottom: 60rpx;
}

.fs-pl60 {
  padding-left: 60rpx;
}

.fs-px60 {
  padding-left: 60rpx;
  padding-right: 60rpx;
}

.fs-py60 {
  padding-top: 60rpx;
  padding-bottom: 60rpx;
}

.fs-p64 {
  padding: 64rpx;
}

.fs-pt64 {
  padding-top: 64rpx;
}

.fs-pr64 {
  padding-right: 64rpx;
}

.fs-pb64 {
  padding-bottom: 64rpx;
}

.fs-pl64 {
  padding-left: 64rpx;
}

.fs-px64 {
  padding-left: 64rpx;
  padding-right: 64rpx;
}

.fs-py64 {
  padding-top: 64rpx;
  padding-bottom: 64rpx;
}

.fs-p68 {
  padding: 68rpx;
}

.fs-pt68 {
  padding-top: 68rpx;
}

.fs-pr68 {
  padding-right: 68rpx;
}

.fs-pb68 {
  padding-bottom: 68rpx;
}

.fs-pl68 {
  padding-left: 68rpx;
}

.fs-px68 {
  padding-left: 68rpx;
  padding-right: 68rpx;
}

.fs-py68 {
  padding-top: 68rpx;
  padding-bottom: 68rpx;
}

.fs-p72 {
  padding: 72rpx;
}

.fs-pt72 {
  padding-top: 72rpx;
}

.fs-pr72 {
  padding-right: 72rpx;
}

.fs-pb72 {
  padding-bottom: 72rpx;
}

.fs-pl72 {
  padding-left: 72rpx;
}

.fs-px72 {
  padding-left: 72rpx;
  padding-right: 72rpx;
}

.fs-py72 {
  padding-top: 72rpx;
  padding-bottom: 72rpx;
}

.fs-p76 {
  padding: 76rpx;
}

.fs-pt76 {
  padding-top: 76rpx;
}

.fs-pr76 {
  padding-right: 76rpx;
}

.fs-pb76 {
  padding-bottom: 76rpx;
}

.fs-pl76 {
  padding-left: 76rpx;
}

.fs-px76 {
  padding-left: 76rpx;
  padding-right: 76rpx;
}

.fs-py76 {
  padding-top: 76rpx;
  padding-bottom: 76rpx;
}

.fs-p80 {
  padding: 80rpx;
}

.fs-pt80 {
  padding-top: 80rpx;
}

.fs-pr80 {
  padding-right: 80rpx;
}

.fs-pb80 {
  padding-bottom: 80rpx;
}

.fs-pl80 {
  padding-left: 80rpx;
}

.fs-px80 {
  padding-left: 80rpx;
  padding-right: 80rpx;
}

.fs-py80 {
  padding-top: 80rpx;
  padding-bottom: 80rpx;
}

.fs-p84 {
  padding: 84rpx;
}

.fs-pt84 {
  padding-top: 84rpx;
}

.fs-pr84 {
  padding-right: 84rpx;
}

.fs-pb84 {
  padding-bottom: 84rpx;
}

.fs-pl84 {
  padding-left: 84rpx;
}

.fs-px84 {
  padding-left: 84rpx;
  padding-right: 84rpx;
}

.fs-py84 {
  padding-top: 84rpx;
  padding-bottom: 84rpx;
}

.fs-p88 {
  padding: 88rpx;
}

.fs-pt88 {
  padding-top: 88rpx;
}

.fs-pr88 {
  padding-right: 88rpx;
}

.fs-pb88 {
  padding-bottom: 88rpx;
}

.fs-pl88 {
  padding-left: 88rpx;
}

.fs-px88 {
  padding-left: 88rpx;
  padding-right: 88rpx;
}

.fs-py88 {
  padding-top: 88rpx;
  padding-bottom: 88rpx;
}

.fs-p92 {
  padding: 92rpx;
}

.fs-pt92 {
  padding-top: 92rpx;
}

.fs-pr92 {
  padding-right: 92rpx;
}

.fs-pb92 {
  padding-bottom: 92rpx;
}

.fs-pl92 {
  padding-left: 92rpx;
}

.fs-px92 {
  padding-left: 92rpx;
  padding-right: 92rpx;
}

.fs-py92 {
  padding-top: 92rpx;
  padding-bottom: 92rpx;
}

.fs-p96 {
  padding: 96rpx;
}

.fs-pt96 {
  padding-top: 96rpx;
}

.fs-pr96 {
  padding-right: 96rpx;
}

.fs-pb96 {
  padding-bottom: 96rpx;
}

.fs-pl96 {
  padding-left: 96rpx;
}

.fs-px96 {
  padding-left: 96rpx;
  padding-right: 96rpx;
}

.fs-py96 {
  padding-top: 96rpx;
  padding-bottom: 96rpx;
}

.fs-p120 {
  padding: 120rpx;
}

.fs-pt120 {
  padding-top: 120rpx;
}

.fs-pr120 {
  padding-right: 120rpx;
}

.fs-pb120 {
  padding-bottom: 120rpx;
}

.fs-pl120 {
  padding-left: 120rpx;
}

.fs-px120 {
  padding-left: 120rpx;
  padding-right: 120rpx;
}

.fs-py120 {
  padding-top: 120rpx;
  padding-bottom: 120rpx;
}

.fs-p160 {
  padding: 160rpx;
}

.fs-pt160 {
  padding-top: 160rpx;
}

.fs-pr160 {
  padding-right: 160rpx;
}

.fs-pb160 {
  padding-bottom: 160rpx;
}

.fs-pl160 {
  padding-left: 160rpx;
}

.fs-px160 {
  padding-left: 160rpx;
  padding-right: 160rpx;
}

.fs-py160 {
  padding-top: 160rpx;
  padding-bottom: 160rpx;
}

.fs-p200 {
  padding: 200rpx;
}

.fs-pt200 {
  padding-top: 200rpx;
}

.fs-pr200 {
  padding-right: 200rpx;
}

.fs-pb200 {
  padding-bottom: 200rpx;
}

.fs-pl200 {
  padding-left: 200rpx;
}

.fs-px200 {
  padding-left: 200rpx;
  padding-right: 200rpx;
}

.fs-py200 {
  padding-top: 200rpx;
  padding-bottom: 200rpx;
}

/* border */
/*!
 * border v1.0.0 (https://doc.firstui.cn)
 * Copyright 2024 FirstUI.
 * Licensed under the Apache license
 */
.fs-border {
  border-style: solid;
  border-width: 1px;
}

.fs-border__none {
  border-width: 0;
}

.fs-border__top {
  border-top-style: solid;
  border-top-width: 1px;
}

.fs-border__right {
  border-right-style: solid;
  border-right-width: 1px;
}

.fs-border__bottom {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.fs-border__left {
  border-left-style: solid;
  border-left-width: 1px;
}

/* border-radius */
/*!
 * border-radius v1.0.0 (https://doc.firstui.cn)
 * Copyright 2024 FirstUI.
 * Licensed under the Apache license
 */
.fs-radius__4 {
  border-radius: 4rpx;
  overflow: hidden;
}

.fs-radius__8 {
  border-radius: 8rpx;
  overflow: hidden;
}

.fs-radius__12 {
  border-radius: 12rpx;
  overflow: hidden;
}

.fs-radius__16 {
  border-radius: 16rpx;
  overflow: hidden;
}

.fs-radius__24 {
  border-radius: 24rpx;
  overflow: hidden;
}

.fs-radius__30 {
  border-radius: 30rpx;
  overflow: hidden;
}

.fs-radius__48 {
  border-radius: 48rpx;
  overflow: hidden;
}

.fs-radius__200 {
  border-radius: 200rpx;
  overflow: hidden;
}

.fs-radius__sm {
  border-radius: 16rpx;
  overflow: hidden;
}

.fs-radius__base,
.fs-radius__md {
  border-radius: 24rpx;
  overflow: hidden;
}

.fs-radius__lg {
  border-radius: 48rpx;
  overflow: hidden;
}

.fs-radius__circle {
  border-radius: 50%;
  overflow: hidden;
}

/* position */
/*!
 * position v1.0.0 (https://doc.firstui.cn)
 * Copyright 2024 FirstUI.
 * Licensed under the Apache license
 */
.fs-relative {
  position: relative;
}

.fs-absolute {
  position: absolute;
}

.fs-fixed {
  position: fixed;
}

.fs-sticky {
  position: sticky;
}

.fs-top0 {
  top: 0;
}

.fs-right0 {
  right: 0;
}

.fs-bottom0 {
  bottom: 0;
}

.fs-left0 {
  left: 0;
}

/* z-index */
.fs-z1 {
  z-index: 1;
}

.fs-z2 {
  z-index: 2;
}

.fs-z3 {
  z-index: 3;
}

.fs-z4 {
  z-index: 4;
}

.fs-z5 {
  z-index: 5;
}

.fs-z6 {
  z-index: 6;
}

.fs-z7 {
  z-index: 7;
}

.fs-z8 {
  z-index: 8;
}

.fs-z9 {
  z-index: 9;
}

/* flexbox */
/*!
 * flexbox v1.0.0 (https://doc.firstui.cn)
 * Copyright 2024 FirstUI.
 * Licensed under the Apache license
 */
.fs-flex,
.fs-flex__row {
  display: flex;
  flex-direction: row;
}

.fs-flex__column {
  display: flex;
  flex-direction: column;
}

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

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

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

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

.fs-items__baseline {
  align-items: baseline;
}

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

.fs-self__start {
  align-self: flex-start;
}

.fs-self__end {
  align-self: flex-end;
}

.fs-self__center {
  align-self: center;
}

.fs-self__baseline {
  align-self: baseline;
}

.fs-self__stretch {
  align-self: stretch;
}
.fs-justify__start {
  justify-content: flex-start;
}

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

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

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

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

.fs-justify__evenly {
  justify-content: space-evenly;
}

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

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

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

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

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

.fs-content__stretch {
  align-content: stretch;
}

.fs-order__0 {
  order: 0;
}

.fs-order__1 {
  order: 1;
}

.fs-order__2 {
  order: 2;
}

.fs-order__3 {
  order: 3;
}

.fs-order__last {
  order: 99999;
}

.fs-flex__center {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.fs-flex__between {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.fs-align__center {
  display: flex;
  align-items: center;
  flex-direction: row;
}

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

.fs-flex__1,
.fs-flex1 {
  flex: 1;
}

/* hide */
/*!
 * hide v1.0.0 (https://doc.firstui.cn)
 * Copyright 2024 FirstUI.
 * Licensed under the Apache license
 */
.fs-hide {
  position: absolute;
  left: -6666px;
  top: -6666px;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  overflow: hidden;
}

.fs-display__none {
  display: none !important;
}

.fs-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

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