@charset "UTF-8";
|
/*!
|
* firstui style v1.0.0 (https://doc.firstui.cn)
|
* Copyright 2024 FirstUI.
|
* Licensed under the Apache license
|
*/
|
|
/*!
|
* common v1.0.0 (https://doc.firstui.cn)
|
* Copyright 2024 FirstUI.
|
* Licensed under the Apache license
|
*/
|
/* ipx 底部安全区域 */
|
.fs-safe__area {
|
/* #ifdef APP-NVUE || MP-TOUTIAO */
|
padding-bottom: 34px;
|
/* #endif */
|
/* #ifndef APP-NVUE || MP-TOUTIAO */
|
padding-bottom: constant(safe-area-inset-bottom);
|
padding-bottom: env(safe-area-inset-bottom);
|
/* #endif */
|
}
|
|
/* hover */
|
.fs-hover,
|
.fs-text__hover {
|
/* #ifdef H5 */
|
cursor: pointer;
|
/* #endif */
|
}
|
|
.fs-hover:active {
|
background: rgba(0, 0, 0, 0.2);
|
}
|
|
.fs-text__hover:active {
|
opacity: 0.5;
|
}
|
|
.fs-full {
|
/* #ifndef APP-NVUE */
|
width: 100%;
|
/* #endif */
|
/* #ifdef APP-NVUE */
|
width: 750rpx;
|
/* #endif */
|
}
|
|
.fs-disabled {
|
opacity: 0.5;
|
/* #ifdef H5 */
|
cursor: not-allowed;
|
/* #endif */
|
}
|
|
/* thin 细边线 0.5px*/
|
.fs-cell__thin {
|
position: relative;
|
/* #ifdef APP-NVUE */
|
border-bottom: 0.5px solid #EEEEEE;
|
/* #endif */
|
}
|
|
/* #ifndef APP-NVUE */
|
.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;
|
}
|
|
/* #endif */
|
/* color */
|
/*!
|
* color v1.0.0 (https://doc.firstui.cn)
|
* Copyright 2024 FirstUI.
|
* Licensed under the Apache license
|
*/
|
/* color */
|
.fs-color__primary {
|
color: #465CFF;
|
}
|
|
.fs-color__success {
|
color: #09BE4F;
|
}
|
|
.fs-color__warning {
|
color: #FFB703;
|
}
|
|
.fs-color__danger {
|
color: #FF2B2B;
|
}
|
|
.fs-color__purple {
|
color: #6831FF;
|
}
|
|
/* 用于重量级文字信息、标题 */
|
.fs-color__title {
|
color: #181818;
|
}
|
|
/* 用于普通级段落信息、引导词 */
|
.fs-color__section {
|
color: #333333;
|
}
|
|
/* 用于次要标题内容 */
|
.fs-color__subtitle {
|
color: #7F7F7F;
|
}
|
|
/* 用于底部标签、描述、次要文字信息 */
|
.fs-color__label {
|
color: #B2B2B2;
|
}
|
|
/* 用于辅助、次要信息、禁用文字等。如：待输入状态描述文字，已点击按钮文字 */
|
.fs-color__minor {
|
color: #CCCCCC;
|
}
|
|
.fs-color__white {
|
color: #FFFFFF;
|
}
|
|
/* 链接颜色 */
|
.fs-color__link {
|
color: #465CFF;
|
}
|
|
/* bgckground-color */
|
.fs-bg__primary {
|
background: #465CFF;
|
}
|
|
.fs-bg__success {
|
background: #09BE4F;
|
}
|
|
.fs-bg__warning {
|
background: #FFB703;
|
}
|
|
.fs-bg__danger {
|
background: #FF2B2B;
|
}
|
|
.fs-bg__purple {
|
background: #6831FF;
|
}
|
|
.fs-bg__white {
|
background: #FFFFFF;
|
}
|
|
/* 页面背景底色 */
|
.fs-bg__page {
|
background: #F1F4FA;
|
}
|
|
/* 内容模块底色 */
|
.fs-bg__content {
|
background: #F8F8F8;
|
}
|
|
/* 点击背景颜色 */
|
.fs-bg__hover {
|
background: rgba(0, 0, 0, 0.2);
|
}
|
|
/* 遮罩背景颜色 */
|
.fs-bg__mask {
|
background: rgba(0, 0, 0, 0.6);
|
}
|
|
/* 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;
|
}
|
|
/* #ifndef APP-NVUE */
|
.fs-ml__auto {
|
margin-left: auto;
|
}
|
|
.fs-mr__auto {
|
margin-right: auto;
|
}
|
|
/* #endif */
|
/* 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 {
|
/* #ifndef APP-NVUE */
|
border-radius: 50%;
|
/* #endif */
|
/* #ifdef APP-NVUE */
|
border-radius: 200px;
|
/* #endif */
|
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 {
|
/* #ifndef APP-NVUE */
|
display: flex;
|
/* #endif */
|
flex-direction: row;
|
}
|
|
.fs-flex__column {
|
/* #ifndef APP-NVUE */
|
display: flex;
|
/* #endif */
|
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;
|
}
|
|
/* #ifndef APP-NVUE */
|
.fs-items__baseline {
|
align-items: baseline;
|
}
|
|
/* #endif */
|
.fs-items__stretch {
|
align-items: stretch;
|
}
|
|
/* #ifndef APP-NVUE */
|
.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;
|
}
|
|
/* #endif */
|
.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;
|
}
|
|
/* #ifndef APP-NVUE */
|
.fs-justify__evenly {
|
justify-content: space-evenly;
|
}
|
|
/* #endif */
|
/* #ifndef APP-NVUE */
|
.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;
|
}
|
|
/* #endif */
|
/* #ifndef APP-NVUE */
|
.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;
|
}
|
|
/* #endif */
|
.fs-flex__center {
|
/* #ifndef APP-NVUE */
|
display: flex;
|
/* #endif */
|
flex-direction: row;
|
align-items: center;
|
justify-content: center;
|
}
|
|
.fs-flex__between {
|
/* #ifndef APP-NVUE */
|
display: flex;
|
/* #endif */
|
flex-direction: row;
|
align-items: center;
|
justify-content: space-between;
|
}
|
|
.fs-align__center {
|
/* #ifndef APP-NVUE */
|
display: flex;
|
/* #endif */
|
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;
|
/* #ifndef APP-NVUE */
|
visibility: hidden;
|
z-index: -1;
|
/* #endif */
|
overflow: hidden;
|
}
|
|
/* #ifndef APP-NVUE */
|
.fs-display__none {
|
display: none !important;
|
}
|
|
/* #endif */
|
.fs-ellipsis {
|
/* #ifndef APP-NVUE */
|
white-space: nowrap;
|
/* #endif */
|
overflow: hidden;
|
text-overflow: ellipsis;
|
/* #ifdef APP-NVUE */
|
lines: 1;
|
/* #endif */
|
}
|
|
.fs-ellipsis__2 {
|
/* #ifndef APP-NVUE */
|
word-break: break-all;
|
display: -webkit-box;
|
-webkit-box-orient: vertical;
|
-webkit-line-clamp: 2;
|
/* #endif */
|
overflow: hidden;
|
text-overflow: ellipsis;
|
/* #ifdef APP-NVUE */
|
lines: 2;
|
/* #endif */
|
}
|
|
/*# sourceMappingURL=firstui.css.map */
|
