.hb { height: 100%; box-sizing: border-box; } .hidden { overflow: hidden; } .w100 { width: 100%; } .h100 { height: 100%; } .row { display: flex; flex-direction: row; } .column { display: flex; flex-direction: column; } .justify-start { display: flex; justify-content: flex-start; } .justify-center { display: flex; justify-content: center; } .justify-end { display: flex; justify-content: flex-end; } .justify-around { display: flex; justify-content: space-around; } .justify-evenly { display: flex; justify-content: space-evenly; } .justify-between { display: flex; justify-content: space-between; } .align-start { display: flex; align-items: flex-start; } .align-center { display: flex; align-items: center; } .align-end { display: flex; align-items: flex-end; } .center { display: flex; justify-content: center; align-items: center; } .centerV { display: flex; justify-content: center; align-items: center; flex-direction: column; } .wrap { flex-wrap: wrap; } .flex-1 { flex: 1; } .ellipsis { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; box-sizing: border-box; width: 100%; -webkit-line-clamp: 1; } .text-ellipsis { display: -webkit-box; /* 关键属性 */ -webkit-box-orient: vertical; /* 排列方向 */ -webkit-line-clamp: 2; /* 显示行数 */ overflow: hidden; /* 超出隐藏 */ text-overflow: ellipsis; /* 超出显示省略号 */ word-break: break-all; /* 允许单词断行 */ } .lines-2 { -webkit-line-clamp: 2 !important; } .lines-3 { -webkit-line-clamp: 3 !important; } .bold { font-weight: bold; } .line-through { text-decoration: line-through; } .nowrap { white-space: nowrap; } .scrollx { overflow-x: scroll; } .scrolly { overflow-y: scroll; } .color-price { color: #FF5030; } .color-white { color: #fff; } .color-orange { color: #FC581C; } .color-red { color: #F22513; } .color-yellow { color: #FE9000; } .color-pink { color: #FF4545; } .color-text { color: #222426; } .color-text1 { color: #626468; } .color-text2 { color: #898E91; } .color-text3 { color: #B2B2B2; } .bg-color { background-color: #008FD3; } .bg-price { background-color: #FF5030; } .bg-yellow { background-color: #F5A623; } .bg-gree { background-color: #2CAE5C; } .bg-purple { background-color: #7A73E0; } .bg-white { background-color: #fff; }