/* 字号大小 */
|
.fz-5 {
|
font-size: 10px !important;
|
}
|
|
.fz-6 {
|
font-size: 12px !important;
|
}
|
|
.fz-7 {
|
font-size: 14px !important;
|
}
|
|
.fz-8 {
|
font-size: 16px !important;
|
}
|
|
.fz-9 {
|
font-size: 18px !important;
|
}
|
|
.fz-10 {
|
font-size: 20px !important;
|
}
|
|
.fz-11 {
|
font-size: 22px !important;
|
}
|
|
.fz-12 {
|
font-size: 24px !important;
|
}
|
|
.fz-13 {
|
font-size: 26px !important;
|
}
|
|
.fz-14 {
|
font-size: 28px !important;
|
}
|
|
.fz-15 {
|
font-size: 30px !important;
|
}
|
|
.fz-16 {
|
font-size: 32px !important;
|
}
|
|
.fz-17 {
|
font-size: 34px !important;
|
}
|
|
.fz-18 {
|
font-size: 36px !important;
|
}
|
|
.fz-19 {
|
font-size: 38px !important;
|
}
|
|
.fz-20 {
|
font-size: 40px !important;
|
}
|
|
.fz-21 {
|
font-size: 42px !important;
|
}
|
|
.fz-22 {
|
font-size: 44px !important;
|
}
|
|
.fz-23 {
|
font-size: 46px !important;
|
}
|
|
.fz-24 {
|
font-size: 48px !important;
|
}
|
|
.fz-25 {
|
font-size: 50px !important;
|
}
|
|
.fz-26 {
|
font-size: 52px !important;
|
}
|
|
.fz-27 {
|
font-size: 54px !important;
|
}
|
|
.fz-28 {
|
font-size: 56px !important;
|
}
|
|
.fz-29 {
|
font-size: 58px !important;
|
}
|
|
.fz-30 {
|
font-size: 60px !important;
|
}
|
|
/* 字体 */
|
.fw-bold {
|
font-weight: bold;
|
}
|
|
.fw-400 {
|
font-weight: 400;
|
}
|
|
.fw-500 {
|
font-weight: 500;
|
}
|
|
/* 字体颜色 */
|
.fc-999 {
|
color: #999 !important;
|
}
|
|
.fc-666 {
|
color: #666 !important;
|
}
|
|
.fc-333 {
|
color: #333 !important;
|
}
|
|
.fc-fff {
|
color: #fff !important;
|
}
|
|
.fc-red {
|
color: rgb(224, 18, 18) !important;
|
}
|
|
.fc-170 {
|
color: rgb(9, 122, 228) !important;
|
}
|
|
/* flex 布局 */
|
.fl-f {
|
display: flex;
|
}
|
|
.fl-cen {
|
display: flex !important;
|
align-items: center !important;
|
justify-content: center !important;
|
}
|
|
.fl-al {
|
display: flex;
|
align-items: center;
|
}
|
|
.fl-alw {
|
display: flex;
|
align-items: center;
|
flex-wrap: wrap;
|
}
|
|
.fl-co {
|
display: flex;
|
flex-direction: column;
|
}
|
|
.fl-coc {
|
display: flex !important;
|
flex-direction: column !important;
|
align-items: center !important;
|
justify-content: center !important;
|
}
|
|
.fl-sb {
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
}
|
|
.fl-sbtop {
|
display: flex;
|
align-items: top;
|
justify-content: space-between;
|
}
|
|
.fl-start {
|
display: flex;
|
align-items: center;
|
justify-content: flex-start;
|
flex-wrap: wrap;
|
}
|
|
.fl-fw {
|
display: flex;
|
flex-wrap: wrap;
|
margin-right: 10px;
|
}
|
|
.fl-fs {
|
display: flex;
|
justify-content: space-between;
|
}
|
|
/* right */
|
.mr-r-10 {
|
margin-right: 10px !important;
|
}
|
|
.mr-r-20 {
|
margin-right: 20px;
|
}
|
|
.mr-r-30 {
|
margin-right: 30px;
|
}
|
|
.mr-r-40 {
|
margin-right: 40px;
|
}
|
|
.mr-r-50 {
|
margin-right: 50px;
|
}
|
|
/* left */
|
.mr-l-10 {
|
margin-left: 10px !important;
|
}
|
|
.mr-l-20 {
|
margin-left: 20px !important;
|
}
|
|
.mr-l-30 {
|
margin-left: 30px !important;
|
}
|
|
.mr-l-40 {
|
margin-left: 40px !important;
|
}
|
|
.mr-l-50 {
|
margin-left: 50px !important;
|
}
|
|
/* top */
|
.mr-t-6 {
|
margin-top: 6px;
|
}
|
|
.mr-t-10 {
|
margin-top: 10px;
|
}
|
|
.mr-t-15 {
|
margin-top: 15px;
|
}
|
|
.mr-t-20 {
|
margin-top: 20px;
|
}
|
|
.mr-t-30 {
|
margin-top: 30px;
|
}
|
|
.mr-t-40 {
|
margin-top: 40px;
|
}
|
|
.mr-t-50 {
|
margin-top: 50px;
|
}
|
|
/* bottom */
|
.mr-b-10 {
|
margin-bottom: 10px;
|
}
|
|
.mr-b-14 {
|
margin-bottom: 14px;
|
}
|
|
.mr-b-20 {
|
margin-bottom: 20px;
|
}
|
|
.mr-b-30 {
|
margin-bottom: 30px;
|
}
|
|
.mr-b-40 {
|
margin-bottom: 40px;
|
}
|
|
.mr-b-50 {
|
margin-bottom: 50px;
|
}
|
|
/* show */
|
.visi-hidden {
|
visibility: hidden;
|
}
|
|
.view-none {
|
display: none;
|
}
|
|
.v-h {
|
visibility: hidden;
|
}
|
|
.cp {
|
cursor: pointer;
|
}
|
|
.search-input-box {
|
padding-top: 14px;
|
padding-bottom: 1px;
|
display: flex;
|
// background-color: #f2f3f5;
|
}
|
|
.iw-220 {
|
width: 220px !important;
|
}
|
|
.iw-100 {
|
width: 100px !important;
|
}
|
|
.input-width {
|
width: 200px;
|
}
|
|
.time-width {
|
width: 300px;
|
}
|
|
.label-width-search {
|
text-align: right;
|
//width: 120px;
|
}
|
|
.common-table-box {
|
padding: 10px;
|
}
|
|
.cell {
|
color: #333;
|
}
|
|
.bottom-page {
|
text-align: center;
|
padding: 20px 10px 0 0;
|
}
|
|
// 其他页面样式
|
.box-card {
|
overflow-y: scroll;
|
background-color: #fff;
|
position: relative;
|
}
|
|
.tl-1 {
|
white-space: nowrap;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
}
|
|
.tl-2 {
|
word-break: break-all;
|
text-overflow: ellipsis;
|
overflow: hidden;
|
display: -webkit-box;
|
-webkit-line-clamp: 2;
|
-webkit-box-orient: vertical;
|
}
|
