212 lines
2.2 KiB
CSS
212 lines
2.2 KiB
CSS
.relative {
|
|
position: relative;
|
|
}
|
|
|
|
.filter {
|
|
filter: grayscale(100%);
|
|
}
|
|
|
|
.flex {
|
|
display: flex;
|
|
}
|
|
|
|
.flex-1 {
|
|
flex: 1 !important;
|
|
}
|
|
|
|
.flex-2 {
|
|
flex: 2 !important;
|
|
}
|
|
|
|
.align-center {
|
|
display: flex;
|
|
align-items: center !important;
|
|
}
|
|
|
|
.align-end {
|
|
display: flex;
|
|
align-items: flex-end;
|
|
}
|
|
|
|
.align-baseline {
|
|
display: flex;
|
|
align-items: baseline;
|
|
}
|
|
|
|
.row {
|
|
flex-direction: row !important;
|
|
}
|
|
|
|
.column {
|
|
display: flex;
|
|
flex-direction: column !important;
|
|
}
|
|
|
|
.center {
|
|
display: flex;
|
|
align-items: center !important;
|
|
justify-content: center !important;
|
|
}
|
|
|
|
.justify-center {
|
|
display: flex;
|
|
justify-content: center !important;
|
|
}
|
|
|
|
.justify-between {
|
|
display: flex;
|
|
justify-content: space-between !important;
|
|
}
|
|
|
|
.justify-evenly {
|
|
display: flex;
|
|
justify-content: space-evenly !important;
|
|
}
|
|
|
|
.justify-around {
|
|
display: flex;
|
|
justify-content: space-around !important;
|
|
}
|
|
|
|
.justify-end {
|
|
display: flex;
|
|
justify-content: flex-end !important;
|
|
}
|
|
|
|
.hidden {
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.hidden-two {
|
|
-webkit-line-clamp: 2;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: normal;
|
|
}
|
|
|
|
.ml10 {
|
|
margin-left: 10rpx;
|
|
}
|
|
|
|
.mb42 {
|
|
margin-bottom: 42rpx;
|
|
}
|
|
|
|
.mb20 {
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.mb30 {
|
|
margin-bottom: 30rpx;
|
|
}
|
|
|
|
.ml30 {
|
|
margin-left: 30rpx;
|
|
}
|
|
|
|
.ml40 {
|
|
margin-left: 40rpx;
|
|
}
|
|
|
|
.ml50 {
|
|
margin-right: 100rpx;
|
|
}
|
|
|
|
.ml20 {
|
|
margin-left: 20rpx;
|
|
}
|
|
|
|
.pl20 {
|
|
padding-left: 20rpx;
|
|
}
|
|
|
|
.pd30 {
|
|
padding: 30rpx;
|
|
}
|
|
|
|
.pd20 {
|
|
padding: 20rpx;
|
|
}
|
|
|
|
.pd24 {
|
|
padding: 24rpx;
|
|
}
|
|
|
|
.pt24 {
|
|
padding-top: 24rpx;
|
|
}
|
|
|
|
.pt20 {
|
|
padding-top: 20rpx;
|
|
}
|
|
|
|
.mt10 {
|
|
margin-top: 10rpx;
|
|
}
|
|
|
|
.mt20 {
|
|
margin-top: 20rpx;
|
|
}
|
|
|
|
.mt22 {
|
|
margin-top: 22rpx;
|
|
}
|
|
|
|
.mt30 {
|
|
margin-top: 30rpx;
|
|
}
|
|
|
|
.mr30 {
|
|
margin-right: 30rpx;
|
|
}
|
|
|
|
.mr20 {
|
|
margin-right: 20rpx;
|
|
}
|
|
|
|
.mr10 {
|
|
margin-right: 10rpx;
|
|
}
|
|
|
|
.img100 {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.bgfff {
|
|
background-color: #FFFFFF;
|
|
}
|
|
|
|
.bgf5 {
|
|
background-color: #F5F5F5;
|
|
}
|
|
|
|
.brt20 {
|
|
border-top: 20rpx solid #F5F5F5;
|
|
}
|
|
|
|
.br10 {
|
|
border-radius: 10rpx;
|
|
}
|
|
|
|
.br20 {
|
|
border-radius: 20rpx !important;
|
|
}
|
|
|
|
|
|
.minHeight100 {
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.shopMask {
|
|
padding: 10rpx;
|
|
background: rgba(0, 0, 0, 0.3);
|
|
}
|
|
|
|
.riziBgImg {
|
|
background: linear-gradient(to bottom, #f2f6f5, #107097)
|
|
} |