.w100 { width: 100% !important; } .h100 { height: 100% !important; } /* 定位 */ .pos-re { position: relative; } .pos-ab { position: absolute; } .box-s { box-sizing: border-box; } .flex { display: flex; } .flex-1 { flex: 1; } .flex-a { display: flex; align-items: center; } .flex-a-s { align-items: flex-start; } .flex-a-c { align-items: center; } .flex-a-e { align-items: flex-end; } .flex-c { display: flex; align-items: center; justify-content: center; } .flex-d { display: flex; flex-direction: column; } .flex-w { display: flex; flex-wrap: wrap; } .flex-j-a { justify-content: space-around; } .flex-j-c { justify-content: center; } .flex-j-b { justify-content: space-between; } /* 文本仅显示 1 行 */ .line-1 { width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; } /* 文本仅显示 2 行 */ .line-2 { text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .m-2 { margin: 20rpx; } .m-l-1 { margin-left: 10rpx; } .m-l-2 { margin-left: 20rpx; } .m-l-3 { margin-left: 30rpx; } .m-r-1 { margin-right: 10rpx; } .m-r-2 { margin-right: 20rpx; } .m-r-3 { margin-right: 30rpx; } .m-t-0 { margin-top: 0; } .m-t-1 { margin-top: 10rpx; } .m-t-2 { margin-top: 20rpx; } .m-t-3 { margin-top: 30rpx; } .m-b-2 { margin-bottom: 20rpx; } .p-2 { padding: 20rpx; } .p-l-2 { padding-left: 20rpx; } .p-r-2 { padding-right: 20rpx; } .p-t-2 { padding-top: 20rpx; } .p-b-2 { padding-bottom: 20rpx; } .text-l { text-align: left; } .text-c { text-align: center; } .text-r { text-align: right; } :deep(.u-cell) { .u-cell__body { padding: 15px; } } .fixed-bottom { padding: 40rpx 0rpx; padding-bottom: env(safe-area-inset-bottom); position: fixed; width: 100%; bottom: 0; left: 0; display: flex; } :deep(.fixed-bottom .u-button) { border-radius: 0 !important; } .common-page { padding: 24rpx; box-sizing: border-box; } .search-area { padding: 24rpx; background-color: #ffffff; z-index: 9; } .text-item{ font-size: 26rpx; text-align: center; } .list-con .text-item { flex: 1; line-height: 60rpx; }