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; }