html, body, #root {
height: 100%;
}
body {
margin: 0;
height: 100%;
font-family: PingFangSC-Regular,PingFangSC-Medium,Helvetica,HelveticaNeue,Arial,Verdana,Sans-serif;
word-break: break-all;
}
dl, dd, dt, p, h1, h2, h3, h4, h5, h6, ul, li, ol {
padding: 0; margin: 0;
}
ul, ol, li {
list-style: none;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 500;
}
@color-333: #333;
.hidden {
display: none !important;
}
.color-fff {
color: #fff !important;
}
.color-white {
color: #fff !important;
}
.color-primary {
color: #ff4d5b;
}
.color-333 {
color: #333;
}
.color-999 {
color: #999;
}
.color-ccc {
color: #ccc;
}
.color-green {
color: #1fb922;
}
.font-20 {
font-size: 20px !important;
}
.font-24 {
font-size: 24px !important;
}
.font-26 {
font-size: 26px !important;
}
.font-28 {
font-size: 28px !important;
}
.font-30 {
font-size: 30px !important;
}
.font-44 {
font-size: 44px !important;
}
.font-48 {
font-size: 48px !important;
}
.border-bottom {
border-bottom: 1px solid #f2f2ff;
}
.font-weight-500 {
font-weight: 500;
}
.line-h-1 {
line-height: 1;
}
.base-line-height {
line-height: 1.5;
}
//灰色遮罩
.mask {
position: fixed;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
z-index: 1000;
background-color: rgba(0, 0, 0, 0.4);
}
.no-height {
height: 0px !important;
}
.padding-30 {
padding: 30px;
}
.border-bottom {
border-bottom: 1px solid #f5f5f5;
}
.word-break-all {
word-break: break-all;
}
.text-overflow-hidden {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.vertical-align-middle {
vertical-align: middle;
}
.line-2 {
overflow: hidden;
display: -webkit-box;
line-height: 1.5;
-webkit-line-clamp: 2;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
}
.line-3 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
}
.line-12 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 12;
/*! autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
}
.position-relative {
position: relative;
}
.text-align-left {
text-align: left;
}
.text-align-right {
text-align: right;
}
.text-align-center {
text-align: center;
}
.text-line-through {
text-decoration: line-through;
}
.bg-fff {
background-color: #fff;
}
.border-radius-10 {
border-radius: 10px;
}
.margin-top-20 {
margin-top: 20px;
}
.margin-top-30 {
margin-top: 30px;
}