.flex {
|
display: flex;
|
}
|
|
.block {
|
display: block;
|
}
|
|
.flex1 {
|
flex: 1;
|
}
|
|
.flex-w {
|
flex-wrap: wrap;
|
}
|
.flex-start{
|
align-items: flex-start;
|
}
|
.j-between {
|
justify-content: space-between;
|
}
|
|
.j-start {
|
justify-content: flex-start;
|
}
|
|
.j-center {
|
justify-content: flex-center;
|
}
|
|
.j-end {
|
justify-content: flex-end;
|
}
|
|
.text-left {
|
text-align: left;
|
}
|
|
.a-center {
|
align-items: center;
|
}
|
|
.c-center {
|
align-content: center;
|
}
|
|
.a-end {
|
align-items: flex-end;
|
}
|
|
.flex-column {
|
flex-direction: column;
|
}
|
|
.text-center {
|
text-align: center;
|
}
|
|
.f-w4 {
|
font-weight: 400;
|
}
|
|
.f-w5 {
|
font-weight: 500;
|
}
|
|
.f-w6 {
|
font-weight: 600;
|
}
|
|
.w-10 {
|
width: 10px;
|
}
|
|
.w-13 {
|
width: 13px;
|
}
|
|
.w-19 {
|
width: 19px;
|
}
|
|
.w-20 {
|
width: 20px;
|
}
|
|
.w-21 {
|
width: 21px;
|
}
|
|
.w-22 {
|
width: 22px;
|
}
|
|
.w-23 {
|
width: 23px;
|
}
|
|
.w-24 {
|
width: 24px;
|
}
|
|
.w-25 {
|
width: 25px;
|
}
|
|
.w-27 {
|
width: 27px;
|
}
|
|
.w-56 {
|
width: 56px;
|
}
|
|
.w-81 {
|
width: 81px;
|
}
|
|
.w-90 {
|
width: 90px;
|
}
|
|
.w-92 {
|
width: 92px;
|
}
|
|
.w-102 {
|
width: 102px;
|
}
|
|
.h-6 {
|
height: 6px;
|
}
|
|
.h-13 {
|
height: 13px;
|
}
|
|
.h-18 {
|
height: 18px;
|
}
|
|
.h-19 {
|
height: 19px;
|
}
|
|
.h20 {
|
height: 20px;
|
|
}
|
|
.h-22 {
|
height: 22px;
|
}
|
|
.h23 {
|
height: 23px;
|
|
}
|
|
.h-24 {
|
height: 24px;
|
}
|
|
.h-25 {
|
height: 25px;
|
}
|
|
.h-27 {
|
height: 27px;
|
}
|
|
.h-55 {
|
height: 55px;
|
}
|
|
.ml-8 {
|
|
margin-left: 8px;
|
}
|
|
.ml-9 {
|
|
margin-left: 9px;
|
}
|
|
.ml-10 {
|
margin-left: 10px;
|
}
|
|
.mt-4 {
|
margin-top: 4px;
|
}
|
|
.mt-7 {
|
margin-top: 7px;
|
}
|
|
.mt-8 {
|
margin-top: 8px;
|
}
|
|
.mt-9 {
|
margin-top: 9px;
|
}
|
|
.mt-10 {
|
margin-top: 10px;
|
}
|
|
.mt-13 {
|
margin-top: 13px;
|
}
|
|
.mt-14 {
|
margin-top: 14px;
|
}
|
|
.mt-19 {
|
margin-top: 19px;
|
}
|
|
.mt-20 {
|
margin-top: 20px;
|
}
|
|
.mt-24 {
|
margin-top: 24px;
|
}
|
|
.mr-6 {
|
margin-right: 6px;
|
}
|
|
.mb-4 {
|
margin-bottom: 4px;
|
}
|
|
.mb-15 {
|
margin-bottom: 15px;
|
}
|
|
.mb-16 {
|
margin-bottom: 16px;
|
}
|
|
.mb-24 {
|
margin-bottom: 24px;
|
}
|
|
.mb-25 {
|
margin-bottom: 25px;
|
}
|
|
.mt-25 {
|
margin-top: 25px;
|
}
|
|
.j-center {
|
justify-content: center;
|
}
|
|
.fw-bold {
|
font-weight: bold;
|
}
|
|
.shrink0 {
|
flex-shrink: 0;
|
}
|
|
.flex-warp {
|
flex-wrap: wrap;
|
}
|
|
.relative {
|
position: relative;
|
}
|
|
.absolute {
|
position: absolute;
|
}
|
|
.h100 {
|
height: 100%;
|
}
|
|
.w100 {
|
width: 100%;
|
}
|
|
.txt-center {
|
text-align: center;
|
}
|
|
.txt-end {
|
text-align: end;
|
}
|
|
.mlr-o {
|
margin: auto;
|
}
|
|
.br50 {
|
border-radius: 50%;
|
}
|
|
.flex-wrap {
|
flex-wrap: wrap;
|
}
|
|
.txt-nowrap {
|
white-space: nowrap;
|
}
|
|
.line1 {
|
overflow: hidden;
|
display: -webkit-box;
|
-webkit-line-clamp: 1;
|
/* 设置最大显示行数 */
|
-webkit-box-orient: vertical;
|
text-overflow: ellipsis;
|
}
|
|
.pointer {
|
cursor: pointer;
|
}
|
|
.maxLevel {
|
z-index: 100;
|
}
|
|
.pf-bold {
|
font-family: 'PingFangSC-semibold';
|
}
|
|
.pf-r {
|
font-family: 'PingFang SC-Regular';
|
}
|
|
.pf-m {
|
font-family: 'PingFang SC Medium';
|
}
|
|
.color-fff {
|
color: #fff;
|
}
|
|
.bg-blue {
|
background: #1677FF;
|
}
|
|
.bg-fff {
|
background-color: #FFFFFF;
|
}
|
|
.oa {
|
overflow: auto;
|
}
|
